feat(website): 官网企业版视觉升级

- 引入 Geist 字体,去除紫色渐变,克制阴影与交互态
- 导航/卡片/按钮统一企业风格,各区块视觉收敛
This commit is contained in:
KimiSwitch Dev committed 2026-08-06 01:56:37 +08:00
1 parent b2f6e7a166
commit 75e48bc4c6
15 files changed
+145 -55

No files matched your search

+6 -5
View File
@@ -19,7 +19,7 @@ export default function Footer() {
<div className="container-page space-y-8">
{/* 推荐链接 */}
<div>
<h3 className="mb-4 text-sm font-semibold uppercase tracking-wider text-muted-foreground">
<h3 className="mb-4 text-sm font-semibold text-muted-foreground">
{t.footer.recommend}
</h3>
<div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
@@ -32,9 +32,10 @@ export default function Footer() {
href={link.url}
target="_blank"
rel="noreferrer"
className="group flex items-start gap-3 rounded-xl border border-border bg-card p-4 transition-all hover:-translate-y-0.5 hover:border-primary/50"
className="group flex items-start gap-3 rounded-2xl border border-border bg-card p-4 transition-all duration-200 hover:-translate-y-0.5 hover:border-primary/40"
style={{ boxShadow: "var(--shadow-soft)" }}
>
<div className="flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-lg border border-border bg-white">
<div className="flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-xl border border-border bg-white">
{logo ? (
<img
src={asset(logo)}
@@ -48,11 +49,11 @@ export default function Footer() {
)}
</div>
<div className="min-w-0 flex-1">
<div className="font-semibold group-hover:text-primary">
<div className="font-semibold tracking-tight group-hover:text-primary">
{link.name}
</div>
{text && (
<p className="mt-1 line-clamp-3 text-xs text-muted-foreground">
<p className="mt-1 line-clamp-3 text-xs leading-relaxed text-muted-foreground">
{text}
</p>
)}
+1 -1
View File
@@ -11,7 +11,7 @@ export default function Nav() {
{ to: "/download", label: t.nav.download },
];
return (
<header className="sticky top-0 z-40 border-b border-border bg-background/80 backdrop-blur">
<header className="sticky top-0 z-40 border-b border-border bg-background/70 backdrop-blur-md">
<div className="container-page flex h-14 items-center justify-between gap-4">
<NavLink
to="/"
+2 -2
View File
@@ -25,12 +25,12 @@ export default function SectionShell({ id, title, subtitle, children }: SectionS
<div className="mb-12 max-w-3xl">
<h2
id={`${id}-title`}
className="text-3xl font-bold tracking-tight md:text-4xl"
className="text-3xl font-bold tracking-[-0.03em] md:text-4xl"
>
{title}
</h2>
{subtitle && (
<p className="mt-3 text-base text-muted-foreground">{subtitle}</p>
<p className="mt-3 text-base leading-relaxed text-muted-foreground">{subtitle}</p>
)}
</div>
{children}