改变了移动端王冠大小

This commit is contained in:
2025-11-24 14:34:49 +08:00
parent 7fcaa1af1a
commit 156ce493f0

View File

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