:root{--color-bg-primary:#fbfaf8;--color-bg-secondary:#f3f1ec;--color-bg-tertiary:#ebe8e1;--color-bg-card:#fff;--color-accent-primary:#0f766e;--color-accent-secondary:#0d9488;--color-accent-tertiary:#115e59;--color-accent-contrast:#fff;--color-accent-soft:color-mix(in srgb, var(--color-accent-primary) 10%, transparent);--color-accent-soft-md:color-mix(in srgb, var(--color-accent-primary) 16%, transparent);--color-accent-soft-lg:color-mix(in srgb, var(--color-accent-primary) 22%, transparent);--color-accent-ring:color-mix(in srgb, var(--color-accent-primary) 35%, transparent);--color-text-primary:#1c1917;--color-text-secondary:#57534e;--color-text-muted:#a8a29e;--color-border:#78716c29;--color-border-hover:var(--color-accent-ring);--gradient-primary:linear-gradient(135deg, #0f766e 0%, #0d9488 100%);--gradient-hero:linear-gradient(180deg, #fbfaf8 0%, #f3f1ec 100%);--gradient-glow:radial-gradient(ellipse at center, #0f766e1f 0%, transparent 70%);--shadow-card:0 1px 2px #1c19170a, 0 8px 24px #1c19170f;--shadow-card-lift:0 4px 8px #1c19170a, 0 16px 40px #1c19171a;--shadow-glow:0 8px 24px color-mix(in srgb, var(--color-accent-primary) 18%, transparent);--ease-out-soft:cubic-bezier(.22, 1, .36, 1);--ease-out-swift:cubic-bezier(.16, 1, .3, 1);--duration-reveal:.72s;--duration-micro:.28s;--spacing-section:112px;--spacing-component:40px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--font-sans:"SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:"SF Mono", "Fira Code", "JetBrains Mono", Consolas, monospace}[data-theme=dark]{--color-bg-primary:#0c1017;--color-bg-secondary:#121821;--color-bg-tertiary:#1a2230;--color-bg-card:#151c28;--color-accent-primary:#3eb8a8;--color-accent-secondary:#5ec9bb;--color-accent-tertiary:#8ad9ce;--color-accent-contrast:#06201c;--color-accent-soft:color-mix(in srgb, var(--color-accent-primary) 14%, transparent);--color-accent-soft-md:color-mix(in srgb, var(--color-accent-primary) 20%, transparent);--color-accent-soft-lg:color-mix(in srgb, var(--color-accent-primary) 28%, transparent);--color-accent-ring:color-mix(in srgb, var(--color-accent-primary) 38%, transparent);--color-text-primary:#e8eef6;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-border:#94a3b824;--color-border-hover:var(--color-accent-ring);--gradient-primary:linear-gradient(135deg, #2a9b8f 0%, #3eb8a8 100%);--gradient-hero:linear-gradient(180deg, #0c1017 0%, #121821 100%);--gradient-glow:radial-gradient(ellipse at center, #3eb8a81f 0%, transparent 70%);--shadow-card:0 4px 24px #0006;--shadow-card-lift:0 8px 16px #00000047, 0 20px 48px #00000073;--shadow-glow:0 8px 28px color-mix(in srgb, var(--color-accent-primary) 20%, transparent)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}main>section[id],.story-block[id]{scroll-margin-top:5.5rem}body{font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}::selection{background:var(--color-accent-primary);color:var(--color-accent-contrast)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.container{max-width:1120px;margin:0 auto;padding:0 24px}a{color:var(--color-accent-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent-secondary)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-micro) var(--ease-out-soft), border-color var(--duration-micro) var(--ease-out-soft), color var(--duration-micro) var(--ease-out-soft), transform var(--duration-micro) var(--ease-out-soft), box-shadow var(--duration-micro) var(--ease-out-soft);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-accent-primary);color:var(--color-accent-contrast);box-shadow:none}.btn-primary:hover{background:var(--color-accent-secondary);box-shadow:var(--shadow-glow);color:var(--color-accent-contrast);transform:translateY(-2px)}.btn-primary:active{box-shadow:none;transform:translateY(0)scale(.98)}.btn-secondary{background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-border-hover);background:var(--color-bg-tertiary);color:var(--color-text-primary);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)scale(.98)}.btn-lg{padding:14px 28px;font-size:16px}.section-title{letter-spacing:-.02em;text-align:center;color:var(--color-text-primary);margin-bottom:12px;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700}.section-subtitle{color:var(--color-text-secondary);text-align:center;max-width:36em;margin:0 auto var(--spacing-component);font-size:1.0625rem;line-height:1.65}.fade-in{opacity:0;transition:opacity var(--duration-reveal) var(--ease-out-soft), transform var(--duration-reveal) var(--ease-out-soft), box-shadow var(--duration-reveal) var(--ease-out-soft);transition-delay:var(--reveal-delay,0s);will-change:opacity, transform;transform:translateY(18px)}.fade-in.visible{opacity:1;will-change:auto;transform:translate(0,0)}.fade-in.reveal-left{transform:translate(-28px)}.fade-in.reveal-right{transform:translate(28px)}.fade-in.reveal-left.visible,.fade-in.reveal-right.visible{transform:translate(0,0)}.fade-in.reveal-scale{transform:translateY(20px)scale(.975)}.fade-in.reveal-scale.visible{transform:translate(0,0)scale(1)}.fade-in.reveal-scale.visible.is-liftable:hover{box-shadow:var(--shadow-card-lift);transform:translateY(-4px)scale(1)}.fade-in-delay-1{--reveal-delay:80ms}.fade-in-delay-2{--reveal-delay:.16s}.fade-in-delay-3{--reveal-delay:.24s}.fade-in-delay-4{--reveal-delay:.32s}.fade-in-delay-5{--reveal-delay:.4s}.reveal-stagger>*{opacity:0;transition:opacity .55s var(--ease-out-soft), transform .55s var(--ease-out-soft);transition-delay:calc(var(--stagger-base,80ms) + (var(--i,0) * 55ms));transform:translateY(10px)}.reveal-stagger.visible>*{opacity:1;transform:translate(0,0)}.lift-card{transition:transform var(--duration-micro) var(--ease-out-soft), border-color var(--duration-micro) var(--ease-out-soft), box-shadow var(--duration-micro) var(--ease-out-soft), background var(--duration-micro) var(--ease-out-soft)}.lift-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-card-lift);transform:translateY(-3px)}.grid-bg{background-image:linear-gradient(color-mix(in srgb, var(--color-text-muted) 8%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--color-text-muted) 8%, transparent) 1px, transparent 1px);pointer-events:none;opacity:.35;background-size:64px 64px;position:absolute;inset:0}.glow-effect{background:var(--gradient-glow);pointer-events:none;opacity:.45;contain:strict;border-radius:50%;width:480px;height:480px;position:absolute}html.page-hidden *,html.page-hidden :before,html.page-hidden :after{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.fade-in,.reveal-stagger>*{opacity:1!important;will-change:auto!important;transform:none!important}.lift-card:hover,.fade-in.reveal-scale.visible.is-liftable:hover{transform:none!important}}@media (width<=900px){.fade-in.reveal-left,.fade-in.reveal-right{transform:translateY(16px)}}@media (width<=768px){:root{--spacing-section:72px;--spacing-component:28px}.section-title{font-size:1.5rem}.section-subtitle{font-size:.95rem}.btn{padding:11px 20px;font-size:14px}}.header{z-index:1000;padding:calc(16px + env(safe-area-inset-top,0px)) 0 16px;transition:background .35s var(--ease-out-soft), border-color .35s var(--ease-out-soft), box-shadow .35s var(--ease-out-soft), backdrop-filter .35s var(--ease-out-soft), padding .35s var(--ease-out-soft);border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0;overflow:visible}:root .header,[data-theme=light] .header{background:color-mix(in srgb, var(--color-bg-primary) 88%, transparent);-webkit-backdrop-filter:blur(12px)}[data-theme=dark] .header{background:color-mix(in srgb, var(--color-bg-primary) 88%, transparent)!important;-webkit-backdrop-filter:blur(12px)!important}.header.is-scrolled{padding:calc(12px + env(safe-area-inset-top,0px)) 0 12px;border-bottom-color:var(--color-border);box-shadow:0 8px 24px #1c19170f}[data-theme=dark] .header.is-scrolled{box-shadow:0 8px 28px #00000059}.header-inner{justify-content:space-between;align-items:center;display:flex}.logo{z-index:2;height:40px;color:var(--color-text-primary);align-items:center;gap:.65rem;line-height:1;text-decoration:none;display:inline-flex;position:relative}.logo:hover{color:var(--color-text-primary)}.logo-mark{flex-shrink:0;width:36px;height:40px;position:relative}.logo-img{transform-origin:50%;filter:drop-shadow(0 6px 14px #1c191724);width:76px;height:76px;transition:transform .35s var(--ease-out-soft), filter .35s var(--ease-out-soft);pointer-events:none;display:block;position:absolute;top:68%;left:42%;transform:translate(-50%,-50%)rotate(-10deg)}.logo:hover .logo-img{filter:drop-shadow(0 10px 20px #1c19172e);transform:translate(-50%,-52%)rotate(-6deg)scale(1.06)}[data-theme=dark] .logo-img{filter:drop-shadow(0 8px 18px #00000073)}[data-theme=dark] .logo:hover .logo-img{filter:drop-shadow(0 12px 24px #0000008c)}.logo-text{z-index:1;letter-spacing:.06em;font-size:1.25rem;font-weight:700;position:relative}.nav{align-items:center;gap:32px;display:flex}.nav-link{color:var(--color-text-secondary);transition:color var(--duration-micro) var(--ease-out-soft);align-items:center;gap:6px;font-size:15px;display:flex;position:relative}.nav-link:after{content:"";background:var(--color-accent-primary);transform-origin:0;height:1.5px;transition:transform .35s var(--ease-out-soft);border-radius:1px;position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.nav-link:hover{color:var(--color-text-primary)}.nav-link:hover:after{transform:scaleX(1)}.icon-github{opacity:.8}.header-actions{z-index:4;flex-shrink:0;align-items:center;gap:12px;display:flex;position:relative}.header-cta{padding:10px 20px;font-size:14px}.nav-cta{display:none}.nav-toggle{width:40px;height:40px;color:var(--color-text-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-tertiary);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:all .2s;display:none}.nav-toggle:hover{color:var(--color-text-primary);border-color:var(--color-border-hover);background:var(--color-bg-card)}.nav-toggle-close,.header.is-nav-open .nav-toggle-open{display:none}.header.is-nav-open .nav-toggle-close{display:block}.lang-switcher{color:var(--color-text-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-tertiary);justify-content:center;align-items:center;padding:8px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.lang-switcher:hover{color:var(--color-text-primary);border-color:var(--color-border-hover);background:var(--color-bg-card)}.theme-switcher{color:var(--color-text-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-tertiary);cursor:pointer;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.theme-switcher:hover{color:var(--color-text-primary);border-color:var(--color-border-hover);background:var(--color-bg-card)}.theme-switcher svg{stroke-width:2px}.theme-switcher .sun-icon{display:none}.theme-switcher .moon-icon,[data-theme=dark] .theme-switcher .sun-icon{display:block}[data-theme=dark] .theme-switcher .moon-icon{display:none}@media (width<=1100px){.nav-toggle{display:flex}.header-cta{display:none}.nav{z-index:3;background:color-mix(in srgb, var(--color-bg-primary) 94%, transparent);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 20px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 16px 32px #1c191714}[data-theme=dark] .nav{box-shadow:0 16px 36px #0006}.header.is-nav-open .nav{display:flex}.nav-link{border-bottom:1px solid var(--color-border);padding:12px 0;font-size:16px}.nav-link:after{display:none}.nav-cta{align-self:flex-start;margin-top:16px;padding:10px 20px;font-size:14px;display:inline-flex}}@media (width<=768px){.logo-text{display:none}.logo-mark{width:44px}.logo-img{width:68px;height:68px;top:70%;left:50%}.header-actions{gap:8px}}.footer[data-astro-cid-jo6i4kqk]{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:32px 0}.footer-inner[data-astro-cid-jo6i4kqk]{flex-direction:column;align-items:center;gap:20px;display:flex}.footer-brand[data-astro-cid-jo6i4kqk]{color:var(--color-text-primary);align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.footer-logo[data-astro-cid-jo6i4kqk]{width:32px;height:32px}.footer-links[data-astro-cid-jo6i4kqk]{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.footer-links[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:var(--color-text-secondary);align-items:center;gap:5px;font-size:13px;display:flex}.footer-links[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{color:var(--color-text-primary)}.copyright[data-astro-cid-jo6i4kqk]{color:var(--color-text-muted);font-size:13px}.copyright-sep[data-astro-cid-jo6i4kqk]{opacity:.5;margin:0 4px}.copyright-license[data-astro-cid-jo6i4kqk]{color:var(--color-text-muted)}.copyright-license[data-astro-cid-jo6i4kqk]:hover{color:var(--color-text-secondary)}@media (width<=768px){.footer-links[data-astro-cid-jo6i4kqk]{gap:14px}}