diff --git a/src/components/Home.tsx b/src/components/Home.tsx index 2b90d31..317ff0e 100644 --- a/src/components/Home.tsx +++ b/src/components/Home.tsx @@ -205,10 +205,10 @@ export default function Home({ locale }: { locale: Locale }) {
{stats.map((sItem, idx) => (
- +
{sItem.value} - {sItem.suffix} + {sItem.suffix && {sItem.suffix}}
{sItem.label}
{sItem.sub}
diff --git a/src/styles/global.css b/src/styles/global.css index ade620e..5273a13 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -1009,16 +1009,13 @@ footer a { .stat-num { font-family: var(--font-display); font-weight: 700; - font-size: clamp(44px, 7vw, 76px); + font-size: clamp(38px, 5.8vw, 60px); line-height: 1; - letter-spacing: -0.02em; - font-variant-numeric: tabular-nums; - background: linear-gradient(135deg, var(--brand-black) 0%, var(--track-color, var(--track-career)) 120%); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - background-clip: text; + letter-spacing: -0.01em; + color: var(--brand-black); } -.stat-suffix { font-size: 0.5em; font-weight: 600; -webkit-text-fill-color: var(--track-color, var(--track-career)); } +.stat-suffix { font-size: 0.52em; font-weight: 600; color: var(--track-color, var(--brand-accent-deep)); } +.stat-value--text { /* 兼容保留:统一字号后无需差异化,空实现避免引用报错 */ } .stat-label { margin-top: 10px; font-size: var(--fs-micro);