Skip to content

Commit 454ddd7

Browse files
committed
style: 优化统计栏字体大小
- 减小统计数字字体大小(从 1.8em 调整为 1.4em) - 优化标签字体大小和间距 - 调整卡片内边距,使布局更紧凑 - 减小 hover 动画幅度 - 保持 Solarized Dark 主题风格
1 parent d241a32 commit 454ddd7

2 files changed

Lines changed: 20 additions & 16 deletions

File tree

docs/index.html

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -279,7 +279,7 @@
279279
}
280280

281281
.stat-item {
282-
padding: 24px;
282+
padding: 20px 18px;
283283
background: var(--base02);
284284
border-radius: 8px;
285285
border: 1px solid var(--base01);
@@ -289,29 +289,31 @@
289289
}
290290

291291
.stat-item:hover {
292-
transform: translateY(-4px);
292+
transform: translateY(-2px);
293293
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
294294
border-color: var(--cyan);
295295
background: var(--base03);
296296
}
297297

298298
.stat-item span {
299299
display: block;
300-
font-size: 14px;
300+
font-size: 13px;
301301
color: var(--base1);
302-
margin-bottom: 8px;
302+
margin-bottom: 10px;
303303
font-weight: 500;
304304
font-family: "SF Mono", "Monaco", monospace;
305+
opacity: 0.9;
305306
}
306307

307308
.stat-item strong {
308309
display: block;
309-
font-size: 1.8em;
310+
font-size: 1.4em;
310311
color: var(--cyan);
311-
font-weight: 700;
312-
margin-top: 4px;
312+
font-weight: 600;
313+
margin-top: 6px;
313314
font-family: "SF Mono", "Monaco", monospace;
314-
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
315+
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
316+
line-height: 1.3;
315317
}
316318

317319
@media (max-width: 600px) {

scripts/generate_index.py

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -638,7 +638,7 @@ def generate_html(md_content):
638638
}}
639639
640640
.stat-item {{
641-
padding: 24px;
641+
padding: 20px 18px;
642642
background: var(--base02);
643643
border-radius: 8px;
644644
border: 1px solid var(--base01);
@@ -648,29 +648,31 @@ def generate_html(md_content):
648648
}}
649649
650650
.stat-item:hover {{
651-
transform: translateY(-4px);
651+
transform: translateY(-2px);
652652
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
653653
border-color: var(--cyan);
654654
background: var(--base03);
655655
}}
656656
657657
.stat-item span {{
658658
display: block;
659-
font-size: 14px;
659+
font-size: 13px;
660660
color: var(--base1);
661-
margin-bottom: 8px;
661+
margin-bottom: 10px;
662662
font-weight: 500;
663663
font-family: "SF Mono", "Monaco", monospace;
664+
opacity: 0.9;
664665
}}
665666
666667
.stat-item strong {{
667668
display: block;
668-
font-size: 1.8em;
669+
font-size: 1.4em;
669670
color: var(--cyan);
670-
font-weight: 700;
671-
margin-top: 4px;
671+
font-weight: 600;
672+
margin-top: 6px;
672673
font-family: "SF Mono", "Monaco", monospace;
673-
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
674+
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
675+
line-height: 1.3;
674676
}}
675677
676678
@media (max-width: 600px) {{

0 commit comments

Comments
 (0)