feat(about): 优化统计区域响应式布局和样式

- 调整PC端统计区域媒体查询断点,新增1025px至1445px区间布局
- 在不同屏幕宽度下优化统计区域网格布局和间距
- 为移动端统计数值添加neon-font样式类
- 移除统计数值元素的display:none内联样式
- 新增站点验证文件vercount-verify-v7lbufygdkzfqs35z6ih6l1q.txt
This commit is contained in:
hehh
2025-11-25 17:07:01 +08:00
parent 7776df1268
commit 1afd55f99b
3 changed files with 25 additions and 3 deletions

View File

@@ -1821,7 +1821,7 @@ body {
}
/* PC端统计区域响应式布局 */
@media (min-width: 1025px) {
@media (min-width: 1446px) {
.area-stats {
grid-template-columns: repeat(5, 1fr);
gap: 8px;
@@ -1848,6 +1848,27 @@ body {
}
}
/* PC端统计区域响应式布局 */
@media (min-width: 1025px) and (max-width: 1445px) {
.area-stats {
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 12px;
}
[data-lang="en"] .stat-key {
font-size: 6px !important;
}
}
@media (min-width: 1201px) {
.area-stats {
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 12px;
}
}
/* 移动端统计区域布局 */
@media (max-width: 768px) {
.area-stats {