.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; } /* 子维度评分卡 */ .subdim-section { margin: 20rpx 30rpx; } .subdim-cards { background: rgba(255,255,255,0.08); border-radius: 20rpx; overflow: hidden; border: 1rpx solid rgba(255,255,255,0.12); } .subdim-card { padding: 24rpx 28rpx; border-bottom: 1rpx solid rgba(255,255,255,0.08); } .subdim-card:last-child { border-bottom: none; } .subdim-card-left { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12rpx; } .subdim-card-label { font-size: 28rpx; font-weight: 600; color: #fff; } .subdim-card-desc { font-size: 22rpx; color: rgba(255,255,255,0.5); margin-top: 4rpx; } .subdim-card-right { text-align: right; } .subdim-card-score { font-size: 36rpx; font-weight: 700; } .subdim-bar-track { height: 8rpx; background: rgba(255,255,255,0.1); border-radius: 4rpx; overflow: hidden; margin-top: 8rpx; } .subdim-bar-fill { height: 100%; border-radius: 4rpx; transition: width 0.5s ease; }