.view-toggle { display: flex; margin: 20rpx 30rpx; background: rgba(255,255,255,0.12); border-radius: 12rpx; padding: 6rpx; } .toggle-btn { flex: 1; text-align: center; padding: 12rpx 0; border-radius: 8rpx; font-size: 26rpx; color: rgba(255,255,255,0.65); } .toggle-btn.active { background: rgba(255,255,255,0.22); color: #fff; font-weight: 600; } /* 页面说明 */ .section-sub { font-size: 22rpx; color: rgba(255,255,255,0.55); margin-top: 6rpx; display: block; } /* 得分解读卡片 */ .score-explain-card { margin: 20rpx 30rpx; padding: 28rpx 24rpx; background: rgba(255,255,255,0.1); border-radius: 20rpx; border: 1rpx solid rgba(255,255,255,0.15); } .explain-header { display: flex; align-items: center; margin-bottom: 14rpx; } .explain-icon { font-size: 36rpx; margin-right: 10rpx; } .explain-title { font-size: 28rpx; font-weight: 600; color: #fff; } .explain-text { font-size: 26rpx; color: rgba(255,255,255,0.8); line-height: 1.6; } /* 月度引导语 */ .monthly-guidance { margin: 0 30rpx 20rpx; background: linear-gradient(135deg, #FFFBEB, rgba(245,158,11,0.1)); border-radius: 16rpx; padding: 20rpx 24rpx; display: flex; align-items: center; gap: 12rpx; } .guidance-icon { font-size: 32rpx; flex-shrink: 0; } .guidance-text { font-size: 26rpx; color: #F59E0B; font-weight: 500; }