From 4d772e3f0bb233b765bb27c160cd039d544c8937 Mon Sep 17 00:00:00 2001 From: MisakaAkio Date: Mon, 7 Sep 2026 13:58:58 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=A1=B5=E7=9C=89=E9=A1=B5?= =?UTF-8?q?=E8=84=9A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/globals.css | 18 +++++++++++------- src/components/layout/site-footer.tsx | 2 +- src/locales/en.json | 2 +- src/locales/ja.json | 2 +- src/locales/zh-CN.json | 2 +- src/locales/zh-TW.json | 2 +- 6 files changed, 16 insertions(+), 12 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index 45f2fda..1a89dcc 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -12,16 +12,17 @@ a { color: inherit; text-decoration: none; } .site-logo-image { display: block; width: 240px; height: auto; } .site-navigation { display: flex; align-items: center; justify-content: flex-end; flex: 1; gap: clamp(28px, 3vw, 46.08px); } .site-navigation a { position: relative; padding: 8px 0; font-size: 15px; font-weight: 700; white-space: nowrap; } -.site-navigation a::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; content: ""; background: var(--blue); transform: scaleX(0); transition: transform .2s ease; } -.site-navigation a:hover { color: var(--blue); }.site-navigation a:hover::after { transform: scaleX(1); } +.site-navigation a::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; content: ""; background: #8F56A2; transform: scaleX(0); transition: transform .2s ease; } +.site-navigation a:hover, .site-navigation a:focus-visible { color: #8F56A2; }.site-navigation a:hover::after, .site-navigation a:focus-visible::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; 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); } +.site-locale button:hover, .site-locale button:focus-visible { color: #8F56A2; } +.site-locale button.active { background: #fff; color: #8F56A2; 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); } +.site-menu-button span { display: block; height: 2px; margin: 5px 0; background: var(--ink); transition: background-color .2s ease; } +.site-menu-button:hover span, .site-menu-button:focus-visible span { background: #8F56A2; } .home-page { padding: 0 0 48px; } .home-hero, .home-news, .home-collage { width: min(1200px, calc(100% - 32px)); margin-right: auto; margin-left: auto; } .home-hero { position: relative; height: 560px; overflow: hidden; border-radius: 15px; isolation: isolate; color: #fff; background: #173c59; } @@ -139,14 +140,17 @@ a { color: inherit; text-decoration: none; } .site-footer-column ul { list-style: none; padding: 30px 0 18px; margin: 0; display: flex; flex-direction: column; gap: 18px; } .site-footer-column li { flex: none; height: 21px; } .site-footer-column a { display: block; height: 21px; color: #5f6464; font-family: "Noto Sans SC", sans-serif; font-size: 16px; font-weight: 400; line-height: 21px; transition: color .2s ease; } -.site-footer-column a:hover { color: #122331; } +.site-footer-column a:hover, .site-footer-column a:focus-visible { color: #8F56A2; } .site-footer-brand-wrap { position: absolute; top: 76px; left: 830px; display: flex; align-items: center; justify-content: center; width: 370px; height: 158px; } .site-footer-brand { display: inline-flex; align-items: center; justify-content: center; width: 100%; } .site-footer-brand-logo { display: block; width: 270px; height: auto; opacity: 0.96; filter: drop-shadow(0 2px 6px rgba(17, 34, 52, 0.06)); } .site-footer-meta { height: 130.8px; padding-top: 26px; border-top: 1px solid rgba(15, 23, 42, 0.06); margin-top: 0; } .site-footer-legal-row { display: flex; flex-wrap: wrap; gap: 0 18px; align-items: center; font-family: "Noto Sans SC", sans-serif; font-size: 14px; font-weight: 400; line-height: 17px; color: #5f6b75; } -.site-footer-legal-row a { color: inherit; } +.site-footer-legal-row a { color: inherit; transition: color .2s ease; } +.site-footer-legal-row a:hover, .site-footer-legal-row a:focus-visible { color: #8F56A2; } .site-footer-copyright-row { display: flex; flex-wrap: wrap; gap: 0 18px; align-items: center; margin-top: 18px; font-family: "Noto Sans SC", sans-serif; font-size: 14px; font-weight: 400; line-height: 17px; color: #66737e; } +.site-footer-copyright-row a { transition: color .2s ease; } +.site-footer-copyright-row a:hover, .site-footer-copyright-row a:focus-visible { color: #8F56A2; } .site-footer-meta p { margin: 18px 0 0; font-family: "Noto Sans SC", sans-serif; font-size: 14px; font-weight: 400; line-height: 17px; color: #66737e; } .site-footer-meta .site-footer-description { width: 1200px; max-width: 100%; margin-top: 18px; } diff --git a/src/components/layout/site-footer.tsx b/src/components/layout/site-footer.tsx index e1a25f9..e5e315e 100644 --- a/src/components/layout/site-footer.tsx +++ b/src/components/layout/site-footer.tsx @@ -6,7 +6,7 @@ import { applyLocale, getInitialLocale, getLocaleMessages, type Locale } from "@ const footerColumnHrefs = [ ["/policy/user-agreement", "/policy/privacy-policy", "/policy/disclaimer", "/policy/resource-pack"], - ["/about", "/join-us"], + ["/about", "/members", "/join-us"], ["mailto:connect@kivotos.cc", "mailto:infringement@kivotos.cc"], ] as const; diff --git a/src/locales/en.json b/src/locales/en.json index 433fe5a..0144b7a 100644 --- a/src/locales/en.json +++ b/src/locales/en.json @@ -30,7 +30,7 @@ "social": ["Weibo", "WeChat", "X", "LinkedIn", "Video"], "columns": [ { "title": "Legal", "links": ["Terms of service", "Privacy policy", "Disclaimer", "Resource pack terms"] }, - { "title": "About us", "links": ["Our team", "Join us"] }, + { "title": "About us", "links": ["Our team", "Members", "Join us"] }, { "title": "Contact us", "links": ["General: connect@kivotos.cc", "Copyright: infringement@kivotos.cc"] } ], "legal": ["KR Wiki", "Service status", "Links"], diff --git a/src/locales/ja.json b/src/locales/ja.json index efadf76..16f0fd6 100644 --- a/src/locales/ja.json +++ b/src/locales/ja.json @@ -30,7 +30,7 @@ "social": ["Weibo", "WeChat", "X", "LinkedIn", "動画"], "columns": [ { "title": "法務情報", "links": ["利用規約", "プライバシー", "免責事項", "リソースパック規約"] }, - { "title": "私たちについて", "links": ["チーム紹介", "参加する"] }, + { "title": "私たちについて", "links": ["チーム紹介", "メンバー一覧", "参加する"] }, { "title": "お問い合わせ", "links": ["総合窓口：connect@kivotos.cc", "権利侵害報告：infringement@kivotos.cc"] } ], "legal": ["KR Wiki", "サービス状況", "リンク集"], diff --git a/src/locales/zh-CN.json b/src/locales/zh-CN.json index 895872e..5b8a823 100644 --- a/src/locales/zh-CN.json +++ b/src/locales/zh-CN.json @@ -30,7 +30,7 @@ "social": ["微博", "微信", "X", "LinkedIn", "视频"], "columns": [ { "title": "法律信息", "links": ["服务协议", "隐私政策", "免责声明", "资源包使用协议"] }, - { "title": "关于我们", "links": ["团队简介", "加入我们"] }, + { "title": "关于我们", "links": ["团队简介", "成员一览", "加入我们"] }, { "title": "联系我们", "links": ["全域邮箱：connect@kivotos.cc", "素材侵权举报：infringement@kivotos.cc"] } ], "legal": ["KR Wiki", "状态监控", "友情链接"], diff --git a/src/locales/zh-TW.json b/src/locales/zh-TW.json index 8d139de..5fe3490 100644 --- a/src/locales/zh-TW.json +++ b/src/locales/zh-TW.json @@ -30,7 +30,7 @@ "social": ["微博", "微信", "X", "LinkedIn", "影片"], "columns": [ { "title": "法律資訊", "links": ["服務協議", "隱私政策", "免責聲明", "資源包使用協議"] }, - { "title": "關於我們", "links": ["團隊簡介", "加入我們"] }, + { "title": "關於我們", "links": ["團隊簡介", "成員一覽", "加入我們"] }, { "title": "聯絡我們", "links": ["全域郵箱：connect@kivotos.cc", "素材侵權舉報：infringement@kivotos.cc"] } ], "legal": ["KR Wiki", "狀態監控", "友情鏈接"],