|
|
@@ -456,7 +456,7 @@ export default {
|
|
|
@keyframes spin { 0% { transform: rotate(0deg); } 360% { transform: rotate(360deg); } }
|
|
|
.loading-text { font-size: calc(26rpx * var(--font-scale, 1)); color: $facade-text-muted; }
|
|
|
.error-wrap { display: flex; flex-direction: column; align-items: center; padding-top: 300rpx; }
|
|
|
-.error-icon { font-size: calc(100rpx * var(--font-scale, 1)); margin-bottom: 24rpx; }
|
|
|
+.error-icon { font-size: calc($uni-font-size-6xl * var(--font-scale, 1)); margin-bottom: 24rpx; }
|
|
|
.error-text { font-size: calc(28rpx * var(--font-scale, 1)); color: $facade-text-muted; margin-bottom: $uni-space-lg; }
|
|
|
.retry-btn { width: 240rpx; height: 72rpx; line-height: 72rpx; background: $brand-primary; color: $app-surface; font-size: calc(28rpx * var(--font-scale, 1)); border-radius: 24rpx; text-align: center; border: none; }
|
|
|
.content-scroll { height: calc(100vh - 120rpx); }
|
|
|
@@ -497,7 +497,7 @@ export default {
|
|
|
.quiz-mask, .result-mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 999; display: flex; align-items: center; justify-content: center; }
|
|
|
.quiz-dialog, .result-dialog { background: $app-surface; border-radius: 24rpx; width: 650rpx; padding: 32rpx; }
|
|
|
.quiz-mascot { display: flex; align-items: center; justify-content: center; gap: 12rpx; margin-bottom: 16rpx; }
|
|
|
-.mascot-icon { font-size: calc(64rpx * var(--font-scale, 1)); }
|
|
|
+.mascot-icon { font-size: calc($uni-font-size-4xl * var(--font-scale, 1)); }
|
|
|
.mascot-name { font-size: calc(32rpx * var(--font-scale, 1)); font-weight: 700; color: $brand-primary; }
|
|
|
.quiz-step-bar { display: flex; align-items: center; justify-content: center; margin-bottom: 24rpx; }
|
|
|
.quiz-step-text { font-size: calc(24rpx * var(--font-scale, 1)); color: $facade-text-muted; margin-right: 12rpx; }
|
|
|
@@ -522,7 +522,7 @@ export default {
|
|
|
.quiz-submit::after { border: none; }
|
|
|
.result-btn { width: 100%; padding: 20rpx; background: linear-gradient(135deg, $brand-primary, $brand-primary-light); color: $app-surface; font-size: calc(28rpx * var(--font-scale, 1)); border-radius: 16rpx; border: none; margin-top: 20rpx; }
|
|
|
.result-dialog { text-align: center; }
|
|
|
-.result-icon { font-size: calc(80rpx * var(--font-scale, 1)); }
|
|
|
+.result-icon { font-size: calc($uni-font-size-5xl * var(--font-scale, 1)); }
|
|
|
.result-text { font-size: calc(32rpx * var(--font-scale, 1)); font-weight: 700; color: $facade-text-strong; margin: 16rpx 0; }
|
|
|
.result-energy { font-size: calc(28rpx * var(--font-scale, 1)); color: $brand-primary; }
|
|
|
</style>
|