index.wxss
4.52 KB
.container.data-v-0b071886{min-height:100vh;background:#e8f5e9}.status-bar.data-v-0b071886{background:linear-gradient(120deg,#43e97b,#38f9d7)}.header.data-v-0b071886{background:linear-gradient(120deg,#43e97b,#38f9d7);padding:32rpx 0 48rpx 0;position:relative;box-shadow:0 4rpx 24rpx 0 rgba(67,233,123,.08)}.header-content.data-v-0b071886{text-align:center;padding:0 40rpx}.header-title.data-v-0b071886{color:#fff;font-size:36rpx;font-weight:700;letter-spacing:4rpx;margin-bottom:16rpx}.header-subtitle.data-v-0b071886{color:#e0f2f1;font-size:28rpx;margin-bottom:32rpx;font-weight:500}.info-section.data-v-0b071886{background:hsla(0,0%,100%,.15);border-radius:16rpx;padding:24rpx 32rpx;margin:0 auto;max-width:600rpx;-webkit-backdrop-filter:blur(10rpx);backdrop-filter:blur(10rpx)}.info-item.data-v-0b071886{display:flex;align-items:center;justify-content:space-between;margin-bottom:16rpx}.info-item.data-v-0b071886:last-child{margin-bottom:0}.info-label.data-v-0b071886{color:#e0f2f1;font-size:26rpx;font-weight:500}.info-value.data-v-0b071886{color:#fff;font-size:26rpx;font-weight:600;text-align:right;flex:1;margin-left:16rpx}.header-illustration.data-v-0b071886{width:120rpx;height:120rpx;margin:0 auto;background:hsla(0,0%,100%,.12);border-radius:32rpx;display:flex;align-items:center;justify-content:center}.summary-card.data-v-0b071886{background:#fff;border-radius:28rpx;box-shadow:0 4rpx 24rpx 0 rgba(67,233,123,.08);margin:-36rpx 40rpx 36rpx 40rpx;display:flex;justify-content:space-between;padding:28rpx 20rpx;position:relative;z-index:2}.summary-item.data-v-0b071886{flex:1;text-align:center;color:#388e3c;cursor:pointer}.summary-item .num.data-v-0b071886{font-size:36rpx;font-weight:700;color:#43a047;margin-bottom:4rpx;display:block}.summary-item .label.data-v-0b071886{font-size:24rpx;color:#6a9c6a}.section-title.data-v-0b071886{margin:0 40rpx 16rpx 40rpx;font-size:32rpx;color:#388e3c;font-weight:700;letter-spacing:2rpx}.func-card.data-v-0b071886{background:#fff;border-radius:20rpx;padding:32rpx 24rpx;margin:0 40rpx 36rpx 40rpx}.icon-grid.data-v-0b071886{display:grid;grid-template-columns:repeat(4,1fr);gap:24rpx;width:100%}.icon-btn.data-v-0b071886{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f5e9 60%,#c8e6c9);border-radius:16rpx;padding:24rpx 12rpx;transition:all .2s}.icon-btn.data-v-0b071886:active{background:#e8e8e8;-webkit-transform:scale(.98);transform:scale(.98)}.icon.data-v-0b071886{width:56rpx;height:56rpx;margin-bottom:12rpx;display:flex;align-items:center;justify-content:center}.icon-label.data-v-0b071886{font-size:24rpx;color:#333;text-align:center;color:#388e3c}.loading-overlay.data-v-0b071886{position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.95);display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-content.data-v-0b071886{text-align:center}.loading-spinner.data-v-0b071886{width:60rpx;height:60rpx;border:4rpx solid #e8f5e9;border-top:4rpx solid #43a047;border-radius:50%;-webkit-animation:spin-data-v-0b071886 1s linear infinite;animation:spin-data-v-0b071886 1s linear infinite;margin:0 auto}.loading-text.data-v-0b071886{margin-top:20rpx;color:#388e3c;font-size:32rpx;font-weight:500;text-align:center}@-webkit-keyframes spin-data-v-0b071886{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-data-v-0b071886{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.performance-card.data-v-0b071886{background:#fff;border-radius:28rpx;box-shadow:0 4rpx 24rpx 0 rgba(67,233,123,.08);padding:32rpx 24rpx;margin:0 40rpx 36rpx 40rpx}.performance-row.data-v-0b071886{display:flex;justify-content:space-between;margin-bottom:24rpx}.performance-row.data-v-0b071886:last-child{margin-bottom:0}.performance-item.data-v-0b071886{flex:1;text-align:center;padding:16rpx 8rpx;background:linear-gradient(135deg,#e8f5e9 60%,#c8e6c9);border-radius:20rpx;margin:0 8rpx;box-shadow:0 2rpx 8rpx rgba(67,233,123,.1)}.performance-item.highlight.data-v-0b071886{background:linear-gradient(135deg,#fff3e0 60%,#ffe0b2);box-shadow:0 2rpx 8rpx rgba(255,152,0,.2)}.performance-value.data-v-0b071886{font-size:32rpx;font-weight:700;color:#43a047;margin-bottom:8rpx}.performance-item.highlight .performance-value.data-v-0b071886{color:#f57c00}.performance-label.data-v-0b071886{font-size:22rpx;color:#6a9c6a}.performance-item.highlight .performance-label.data-v-0b071886{color:#e65100}