diff --git a/src/views/BattleRanking.vue b/src/views/BattleRanking.vue index 9ca12bb..bbf9240 100644 --- a/src/views/BattleRanking.vue +++ b/src/views/BattleRanking.vue @@ -1035,7 +1035,7 @@ onUnmounted(() => { transform: translateX(-50%); z-index: 10; text-shadow: 0 0 10px var(--gold-primary), 0 0 20px var(--gold-secondary); - font-size: 2rem; /* 固定大小,避免高度波动 */ + font-size: 3rem; /* 改大:从2rem改为3rem */ } .crown-animation-run { @@ -1159,10 +1159,10 @@ onUnmounted(() => { /* 响应式设计 */ @media (max-width: 768px) { - /** 皇冠动画(修正位置,不撑高) */ + /** 皇冠动画(还原原始大小) */ .crown-animation { - top: -15px !important; /* 移动端向上偏移,避免遮挡 */ - font-size: 1.8rem !important; + top: -60px !important; /* 移动端向上偏移,避免遮挡 */ + font-size: 6rem !important; /* 保持与桌面端一致的大小 */ } /* 核心修改:移动端统一冠军区高度 */ @@ -1178,6 +1178,12 @@ onUnmounted(() => { margin-top: 3px !important; } + /* 移动端奖杯还原原始大小 */ + .trophy { + font-size: 2.5rem !important; /* 确保移动端也是原始大小 */ + filter: drop-shadow(0 0 10px var(--gold-primary)) !important; + } + /* 其他原有移动端样式保持不变... */ } /* 隐藏倒计时模块 */