diff --git a/src/app/globals.css b/src/app/globals.css index 12517d3..c9616f5 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -15,9 +15,10 @@ a { color: inherit; text-decoration: none; } .site-navigation a:hover { color: var(--blue); }.site-navigation a:hover::after { transform: scaleX(1); } .site-header-actions { display: flex; align-items: center; gap: 24px; min-width: 180px; justify-content: flex-end; } .site-locale { display: inline-flex; align-items: center; gap: 0; padding: 3px 4px; border-radius: 16px; background: #f1f3f5; border: 1px solid rgba(17, 24, 39, 0.06); box-shadow: inset 0 1px 0 rgba(255,255,255,0.8); } -.site-locale button { appearance: none; border: 0; background: transparent; border-radius: 12px; padding: 10px 14px; min-width: 48px; color: #5d6773; font-size: 12px; font-weight: 700; letter-spacing: 0.05em; cursor: pointer; transition: all 0.2s ease; } +.site-locale button { appearance: none; border: 0; background: transparent; border-radius: 12px; padding: 8px 10px; min-width: 52px; color: #5d6773; font-size: 12px; font-weight: 700; letter-spacing: 0.05em; cursor: pointer; transition: all 0.2s ease; display: inline-flex; align-items: center; justify-content: center; gap: 6px; } .site-locale button:hover { color: var(--ink); } .site-locale button.active { background: #fff; color: var(--ink); box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08); } +.locale-button-label { display: inline-flex; align-items: center; justify-content: center; } .site-menu-button { display: none; width: 38px; border: 0; background: transparent; cursor: pointer; } .site-menu-button span { display: block; height: 2px; margin: 5px 0; background: var(--ink); } .home-page { padding: 0 clamp(24px, 4vw, 76px) 48px; } @@ -66,8 +67,9 @@ a { color: inherit; text-decoration: none; } .back-link { display: inline-block; margin-bottom: 20px; color: #0f73ff; font-weight: 700; } .news-detail-card { background: #fff; border-radius: 26px; padding: 28px; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04); } .news-detail-tag { display: inline-block; margin: 0 0 12px; padding: 6px 10px; border-radius: 999px; background: rgba(15, 115, 255, 0.08); color: #0f73ff; font-size: 12px; } -.news-detail-card h1 { margin: 0 0 10px; font-size: clamp(34px, 4vw, 52px); letter-spacing: -0.06em; } +.news-detail-card h1 { margin: 0 0 10px; font-size: clamp(38px, 4vw, 62px); line-height: 1.08; letter-spacing: -0.06em; } .news-detail-card time { display: inline-block; margin-bottom: 20px; color: #697684; } +.news-detail-ai-banner { display: flex; align-items: center; width: 100%; margin: 0 0 20px; padding: 12px 18px; border-radius: 999px; background: rgba(255, 179, 15, 0.08); color: #ff8f0f; font-size: 15px; line-height: 1.5; } .news-detail-cover { height: 360px; border-radius: 18px; background-size: cover; background-position: center; margin-bottom: 24px; } .news-detail-body { color: #1d2732; line-height: 1.9; font-size: 17px; } .news-detail-body h2, .news-detail-body h3 { margin-top: 28px; } diff --git a/src/components/layout/site-header.tsx b/src/components/layout/site-header.tsx index 298ef9b..a4f38dc 100644 --- a/src/components/layout/site-header.tsx +++ b/src/components/layout/site-header.tsx @@ -87,8 +87,9 @@ export function SiteHeader() { applyLocale(item); }} aria-label={localeLabels[item]} + title={localeLabels[item]} > - {localeShortLabels[item]} + {localeShortLabels[item]} ))} diff --git a/src/components/news/news-detail-client.tsx b/src/components/news/news-detail-client.tsx index de0e5fd..f513623 100644 --- a/src/components/news/news-detail-client.tsx +++ b/src/components/news/news-detail-client.tsx @@ -50,6 +50,12 @@ export function NewsDetailClient({ catalog, slug }: { catalog: Record

未找到该文章。

{messages.common.backToNews}
; return
@@ -59,6 +65,11 @@ export function NewsDetailClient({ catalog, slug }: { catalog: Record{item.category}

{item.title}

+ {locale !== "zh-CN" && ( +
+ {aiNotice} +
+ )}