fix(css): 调整英文版统计键和标签的字体大小响应式样式

- 删除了针对英文版移动端统计键字体大小的旧样式规则
- 新增了针对平板尺寸范围内英文版统计键字体大小的媒体查询
- 添加了针对特定屏幕宽度内英文版 MBTI 标签字体大小的媒体查询
- 优化了多语言环境下响应式布局的表现一致性
This commit is contained in:
hehh
2025-12-02 23:59:55 +08:00
parent 2d52212ad1
commit aca4d5a0de

View File

@@ -1123,6 +1123,18 @@ body {
text-shadow: 0 0 5px rgba(255, 255, 255, 0.1); text-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
} }
@media (min-width: 769px) and (max-width: 1445px){
[data-lang="en"] .stat-key {
font-size: 0.5rem !important;
}
}
@media (min-width: 1030px) and (max-width: 1445px) {
[data-lang="en"] .mbti-tags .tag {
font-size: 0.5rem !important;
}
}
/* Responsive Stats Layout */ /* Responsive Stats Layout */
@media (min-width: 1025px) and (max-width: 1445px), (min-width: 1201px) { @media (min-width: 1025px) and (max-width: 1445px), (min-width: 1201px) {
.area-stats { .area-stats {
@@ -2413,12 +2425,7 @@ html, body {
overflow-x: hidden; overflow-x: hidden;
} }
/* Fix Stat Key Font Size on English Mobile */
@media (max-width: 768px) {
[data-lang="en"] .stat-key {
font-size: 6px !important;
}
}
/* Final Theme Consistency Checks */ /* Final Theme Consistency Checks */
[data-theme="night"] { [data-theme="night"] {