@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-var-latin.woff2) format("woff2-variations");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-var-latin.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}:root{color-scheme:light;--c-bg: #f6f3e4;--c-bg-soft: #ede9d8;--c-raised: #fffdf4;--c-line: rgb(34 33 28 / .12);--c-line-strong: rgb(34 33 28 / .3);--c-ink: #22211c;--c-ink-soft: #45443b;--c-ink-mute: #605e53;--c-accent: #2f7d5f;--c-accent-deep: #256a4f;--c-accent-text: #1c6247;--c-accent-text-strong: #124533;--c-accent-bright: #6cc398;--c-on-accent: #fdfbf2;--c-red: #b3382e;--c-red-text: #a02c23;--c-band: #22211c;--c-cream: #f6f3e4;--c-gold: #c8a24a;--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-cjk: "PingFang HK", "PingFang TC", "Hiragino Sans", "Microsoft JhengHei", "Noto Sans TC", "Noto Sans HK", sans-serif;--text-xs: .8125rem;--text-sm: .9375rem;--text-md: 1.0625rem;--text-lg: clamp(1.1875rem, 1.08rem + .55vw, 1.375rem);--text-xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);--text-2xl: clamp(1.9rem, 1.5rem + 1.9vw, 2.75rem);--text-3xl: clamp(2.5rem, 1.9rem + 2.9vw, 3.9rem);--text-4xl: clamp(3.1rem, 2.3rem + 3.9vw, 5.25rem);--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--s-8: 4rem;--s-9: 6rem;--r-sm: .5rem;--r-md: .875rem;--r-lg: 1.25rem;--r-xl: 1.75rem;--r-pill: 999px;--shadow-1: 0 1px 2px rgb(34 33 28 / .05), 0 8px 24px rgb(34 33 28 / .08);--shadow-2: 0 2px 4px rgb(34 33 28 / .06), 0 24px 60px -16px rgb(34 33 28 / .16);--container: 72rem;--container-narrow: 46rem;--gutter: clamp(1.25rem, 5vw, 2.5rem);--nav-h: 4.25rem;--ease-out: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;overflow-x:clip;scroll-padding-top:calc(var(--nav-h) + 1rem)}body{background:var(--c-bg);color:var(--c-ink);font-family:var(--font-body);font-size:var(--text-md);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100dvh;display:flex;flex-direction:column}main{flex:1}img,svg,video,iframe{display:block;max-width:100%}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.12;letter-spacing:-.015em;text-wrap:balance;color:var(--c-ink)}p{text-wrap:pretty}a{color:var(--c-accent-text);text-decoration:none}a:hover{color:var(--c-accent-text-strong);text-decoration:underline;text-underline-offset:3px}ul,ol{padding:0}::focus-visible{outline:2px solid var(--c-accent-deep);outline-offset:3px;border-radius:2px}::selection{background:var(--c-accent);color:var(--c-on-accent)}hr{border:0;border-top:1px solid var(--c-line)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.zh{font-family:var(--font-cjk)}.term-zh{font-family:var(--font-cjk);font-weight:600}.term-jp{font-style:italic;color:var(--c-ink-mute);font-size:.85em;white-space:nowrap}.hl{color:var(--c-red-text);font-weight:600}.container{width:min(100% - 2 * var(--gutter),var(--container));margin-inline:auto}.container-narrow{width:min(100% - 2 * var(--gutter),var(--container-narrow));margin-inline:auto}.section{padding-block:clamp(2.5rem,2.5rem + 2.5vw,4.5rem)}.section-tight{padding-block:clamp(1.75rem,1.5rem + 1.5vw,3rem)}.section-head{max-width:46rem;margin-bottom:var(--s-5)}.section-head.center{margin-inline:auto;text-align:center}.eyebrow{display:flex;align-items:center;gap:var(--s-2);font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--c-accent-text);margin-bottom:var(--s-2)}.eyebrow:before{content:"";width:1.75rem;height:2px;background:var(--c-accent)}.pager-text{font-size:var(--text-sm);color:var(--c-ink-soft)}.section-head.center .eyebrow:before{display:none}.section-head.center .eyebrow{justify-content:center}.section-title{font-size:var(--text-2xl)}.lede{color:var(--c-ink-soft);font-size:var(--text-lg);margin-top:var(--s-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);line-height:1;padding:.9rem 1.4rem;border-radius:var(--r-pill);border:1px solid transparent;cursor:pointer;transition:background-color .15s var(--ease-out),color .15s var(--ease-out),transform .15s var(--ease-out)}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--c-accent);color:var(--c-on-accent)}.btn-primary:hover{background:var(--c-accent-deep);color:var(--c-on-accent)}.btn-ghost{background:transparent;color:var(--c-ink);border-color:var(--c-line-strong)}.btn-ghost:hover{border-color:var(--c-ink);color:var(--c-ink)}.btn-lg{padding:1.1rem 1.8rem;font-size:var(--text-md)}.btn-sm{padding:.65rem 1rem}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-row{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center}.card{background:var(--c-raised);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--s-5);box-shadow:var(--shadow-1)}a.card{color:inherit;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out),border-color .2s var(--ease-out)}a.card:hover{text-decoration:none;transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:var(--c-accent)}.card-title{font-size:var(--text-lg);display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3)}.card-title .go{color:var(--c-accent-text);font-weight:400;transition:transform .2s var(--ease-out)}a.card:hover .go{transform:translate(4px)}.card-text{color:var(--c-ink-soft);margin-top:var(--s-2);font-size:var(--text-sm)}.grid{display:grid;gap:var(--s-4)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:64rem){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:40rem){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.site-header{position:sticky;top:0;z-index:50;background:#f6f3e4eb;backdrop-filter:blur(8px);border-bottom:1px solid var(--c-line)}.nav-inner{display:flex;align-items:center;gap:var(--s-5);min-height:var(--nav-h)}.brand{display:inline-flex;align-items:center;gap:var(--s-3);color:var(--c-ink);font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:-.01em}.brand:hover{color:var(--c-ink);text-decoration:none}.brand-mark{width:2rem;height:2rem;flex:none;border-radius:.45rem;background:var(--c-raised);border:1.5px solid var(--c-ink);display:grid;place-items:center;box-shadow:2px 2px 0 var(--c-accent)}.brand-mark svg{width:1.25rem;height:1.25rem}.brand .brand-zh{font-family:var(--font-cjk);color:var(--c-accent-text);font-weight:600}.nav-links{display:flex;align-items:center;gap:clamp(.75rem,1.5vw,1.5rem);list-style:none;margin-left:auto}.nav-links a:not(.btn){font-size:var(--text-sm);font-weight:500;color:var(--c-ink-soft);padding:.35rem .1rem}.nav-links a:not(.btn):hover{color:var(--c-accent-text-strong);text-decoration:none}.nav-links a[aria-current=page]{color:var(--c-accent-text);box-shadow:inset 0 -2px 0 var(--c-accent)}.nav-cta{white-space:nowrap}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:2.75rem;height:2.75rem;padding:.5rem;margin-left:auto;background:transparent;border:1px solid var(--c-line-strong);border-radius:var(--r-sm);cursor:pointer}.nav-toggle .bar{display:block;height:2px;width:100%;background:var(--c-ink);transition:transform .2s var(--ease-out),opacity .2s var(--ease-out)}.menu-open .nav-toggle .bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-open .nav-toggle .bar:nth-child(2){opacity:0}.menu-open .nav-toggle .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:60rem){.nav-links,.nav-cta{display:none}.nav-toggle{display:flex}}.mobile-panel{position:fixed;inset:var(--nav-h) 0 0 0;z-index:40;background:var(--c-bg);padding:var(--s-5) var(--gutter) var(--s-7);overflow-y:auto;visibility:hidden;transform:translateY(-8px);opacity:0;transition:opacity .2s var(--ease-out),transform .2s var(--ease-out),visibility 0s .2s}.menu-open .mobile-panel{visibility:visible;transform:none;opacity:1;transition:opacity .2s var(--ease-out),transform .2s var(--ease-out)}.menu-open body,body.menu-open{overflow:hidden}.mobile-panel ul{list-style:none}.mobile-panel li+li{border-top:1px solid var(--c-line)}.mobile-panel a:not(.btn){display:block;padding:1rem .25rem;font-family:var(--font-display);font-size:var(--text-lg);color:var(--c-ink)}.mobile-panel a:not(.btn):hover{color:var(--c-accent-text-strong);text-decoration:none}.mobile-panel .btn{margin-top:var(--s-5);width:100%}.hero{position:relative;overflow:hidden;background:radial-gradient(60rem 30rem at 85% -20%,rgb(47 125 95 / .14),transparent 60%),radial-gradient(40rem 24rem at 0% 120%,rgb(179 56 46 / .1),transparent 55%)}.hero .container{padding-block:clamp(3rem,3rem + 4vw,6rem)}.hero-inner{max-width:46rem}.hero-title{font-size:var(--text-3xl)}.hero-title .zh,.hero-title em{font-style:normal;color:var(--c-accent-deep)}.hero-title .zh{font-weight:700}.hero-lede{color:var(--c-ink-soft);font-size:var(--text-lg);margin-top:var(--s-4);max-width:40rem}.hero-actions{margin-top:var(--s-6)}.page-hero .container{padding-block:clamp(2.5rem,2rem + 3vw,4.5rem)}.page-hero .hero-title{font-size:var(--text-2xl)}.hero-kicker{display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--c-accent-text);margin-bottom:var(--s-3)}.hero-tiles{display:flex;gap:.5rem;margin-top:var(--s-6);color:var(--c-ink)}.hero-tiles svg{width:clamp(2.5rem,4vw,3.5rem);height:auto;filter:drop-shadow(2px 3px 0 rgb(34 33 28 / .18))}.prose{max-width:46rem}.prose h2{font-size:var(--text-xl);margin-top:var(--s-8);padding-top:var(--s-2)}.prose h2:first-child{margin-top:0}.prose h3{font-size:var(--text-lg);margin-top:var(--s-6)}.prose h4{font-size:var(--text-md);margin-top:var(--s-5);color:var(--c-ink-soft)}.prose p{margin:var(--s-4) 0;color:var(--c-ink-soft)}.prose strong{color:var(--c-ink)}.prose ul,.prose ol{margin:var(--s-4) 0;padding-left:1.5rem;color:var(--c-ink-soft);display:grid;gap:var(--s-2)}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li::marker{color:var(--c-accent-text);font-weight:600}.prose img,.prose svg.diagram{border-radius:var(--r-md);border:1px solid var(--c-line);background:var(--c-raised)}.prose figure{margin:var(--s-6) 0}.prose figcaption{margin-top:var(--s-2);font-size:var(--text-sm);color:var(--c-ink-mute)}.table-wrap{overflow-x:auto;margin:var(--s-5) 0;border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-raised)}.prose table,.faan-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.prose th,.prose td,.faan-table th,.faan-table td{padding:.6rem .9rem;border-bottom:1px solid var(--c-line);text-align:left;vertical-align:top}.prose th,.faan-table th{font-family:var(--font-display);font-weight:600;color:var(--c-ink);background:var(--c-bg-soft);white-space:nowrap}.prose td,.faan-table td{color:var(--c-ink-soft)}.prose tr:last-child td,.faan-table tr:last-child td{border-bottom:0}.faan-table .num{font-variant-numeric:tabular-nums;font-weight:600;color:var(--c-accent-text);white-space:nowrap}.faan-table td .zh{font-weight:600;color:var(--c-ink)}.callout{border:1px solid var(--c-line);border-left:4px solid var(--c-accent);background:var(--c-raised);border-radius:var(--r-sm);padding:var(--s-4) var(--s-5);margin:var(--s-5) 0;font-size:var(--text-sm);color:var(--c-ink-soft);max-width:46rem}.callout-title{display:block;font-family:var(--font-display);font-weight:600;color:var(--c-ink);margin-bottom:var(--s-1)}.callout.variant{border-left-color:var(--c-red)}.callout.variant .callout-title{color:var(--c-red-text)}.callout.beginner{border-left-color:var(--c-gold)}.callout p+p{margin-top:var(--s-2)}.example{border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-raised);box-shadow:var(--shadow-1);padding:var(--s-5);margin:var(--s-6) 0;max-width:46rem}.example-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-md);margin-bottom:var(--s-3)}.example .arithmetic{font-variant-numeric:tabular-nums}.example .total{font-family:var(--font-display);font-weight:700;color:var(--c-accent-text)}.example table{width:100%;border-collapse:collapse;font-size:var(--text-sm);margin:var(--s-3) 0}.example table td,.example table th{padding:.4rem .6rem;border-bottom:1px solid var(--c-line);text-align:left}.example table th{color:var(--c-ink);font-weight:600;background:var(--c-bg-soft)}.tile-use{display:inline-block;width:1.6em;height:2.1em;vertical-align:-.45em;color:var(--c-ink)}.tile-row{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:var(--s-2) 0}.tile-row .tile-use{width:2.2rem;height:2.9rem;filter:drop-shadow(1px 2px 0 rgb(34 33 28 / .15))}.tile-sprite{display:block;width:100%;height:auto}.count-opt input[type=number]{width:3.2rem;font:inherit;font-variant-numeric:tabular-nums;border:1px solid var(--c-line-strong);border-radius:var(--r-sm);padding:.1rem .3rem;background:var(--c-raised);color:var(--c-ink)}.pager{border-top:1px solid var(--c-line);margin-top:var(--s-8);padding-block:var(--s-6)}.pager-inner{display:flex;justify-content:space-between;gap:var(--s-4)}.pager-link{display:flex;flex-direction:column;gap:var(--s-1);max-width:22rem;padding:var(--s-4) var(--s-5);border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-raised);color:var(--c-ink);transition:border-color .2s var(--ease-out),transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}.pager-link:hover{text-decoration:none;border-color:var(--c-accent);transform:translateY(-2px);box-shadow:var(--shadow-1)}.pager-link.next{margin-left:auto;text-align:right}.pager-direction{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--c-ink-mute)}.pager-label{font-family:var(--font-display);font-weight:600;font-size:var(--text-md);color:var(--c-accent-text)}@media(max-width:40rem){.pager-inner{flex-direction:column}.pager-link.next{margin-left:0;text-align:left}}.fancalc{background:var(--c-bg-soft);border-block:1px solid var(--c-line)}.fancalc-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--s-5);align-items:start}@media(max-width:56rem){.fancalc-grid{grid-template-columns:1fr}}.fancalc-panel{background:var(--c-raised);border:1px solid var(--c-line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:var(--s-5)}.fancalc fieldset{border:0;padding:0;margin:0 0 var(--s-4)}.fancalc legend{font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink-mute);margin-bottom:var(--s-2);padding:0}.fancalc .opts{display:flex;flex-wrap:wrap;gap:var(--s-2)}.fancalc .opt{position:relative;display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--c-line-strong);border-radius:var(--r-pill);padding:.45rem .9rem;font-size:var(--text-sm);cursor:pointer;background:var(--c-raised);transition:border-color .15s var(--ease-out),background-color .15s var(--ease-out),color .15s var(--ease-out);user-select:none}.fancalc .opt:hover{border-color:var(--c-accent)}.fancalc .opt input{position:absolute;opacity:0;inset:0;cursor:pointer}.fancalc .opt .fan-badge{font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--text-xs);color:var(--c-accent-text);background:#2f7d5f1f;border-radius:var(--r-pill);padding:.1rem .45rem}.fancalc .opt:has(input:checked){background:var(--c-accent);border-color:var(--c-accent-deep);color:var(--c-on-accent)}.fancalc .opt:has(input:checked) .fan-badge{background:#22211c38;color:var(--c-on-accent)}.fancalc .opt:has(input:focus-visible){outline:2px solid var(--c-accent-deep);outline-offset:2px}.fancalc .fan-group{margin-bottom:var(--s-3)}.fancalc .fan-group>h4{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--c-ink-mute);margin-bottom:var(--s-2)}.fancalc-sum{font-size:var(--text-sm);color:var(--c-ink-mute)}.fancalc-sum strong{font-size:1.4rem;color:var(--c-ink);font-family:var(--font-display);font-variant-numeric:tabular-nums}.pay-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);margin-top:var(--s-3)}.pay-table caption{caption-side:top;text-align:left;font-family:var(--font-display);font-weight:600;padding-bottom:var(--s-2)}.pay-table th,.pay-table td{padding:.5rem .75rem;border-bottom:1px solid var(--c-line);text-align:left;font-variant-numeric:tabular-nums}.pay-table th{background:var(--c-bg-soft);font-weight:600}.pay-table tr:last-child td{border-bottom:0}.pay-table .pay-total td{font-weight:700;color:var(--c-accent-text);font-size:1rem}.fancalc-note{margin-top:var(--s-3);font-size:var(--text-xs);color:var(--c-ink-mute)}.cap-flag{display:inline-block;background:var(--c-red);color:#fff;font-size:var(--text-xs);font-weight:700;border-radius:var(--r-sm);padding:.1rem .5rem;margin-left:.5rem;vertical-align:.15em}.explorer{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:var(--s-5);align-items:start}@media(max-width:56rem){.explorer{grid-template-columns:1fr}.explorer-detail{order:-1}}.explorer-detail{position:sticky;top:calc(var(--nav-h) + 1rem);background:var(--c-raised);border:1px solid var(--c-line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:var(--s-5);min-height:14rem}.explorer-detail .big-tile{width:5.5rem;height:7.3rem;margin-bottom:var(--s-3);filter:drop-shadow(2px 3px 0 rgb(34 33 28 / .15))}.explorer-detail h3{font-size:var(--text-lg)}.explorer-detail .detail-zh{font-family:var(--font-cjk);color:var(--c-accent-text);font-weight:600}.explorer-detail dl{display:grid;grid-template-columns:auto 1fr;gap:var(--s-1) var(--s-3);margin-top:var(--s-3);font-size:var(--text-sm)}.explorer-detail dt{font-weight:600;color:var(--c-ink-mute)}.explorer-detail dd{color:var(--c-ink-soft);margin:0}.explorer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(3.2rem,1fr));gap:.4rem}.explorer-tile{appearance:none;border:1px solid var(--c-line);background:var(--c-raised);border-radius:.55rem;padding:.3rem;cursor:pointer;display:grid;place-items:center;transition:border-color .15s var(--ease-out),transform .15s var(--ease-out),box-shadow .15s var(--ease-out)}.explorer-tile svg{width:100%;height:auto;aspect-ratio:3 / 4;color:var(--c-ink)}.explorer-tile:hover{transform:translateY(-2px);border-color:var(--c-accent);box-shadow:var(--shadow-1)}.explorer-tile[aria-pressed=true]{border-color:var(--c-accent-deep);box-shadow:inset 0 0 0 2px var(--c-accent),var(--shadow-1)}.explorer-group-label{grid-column:1 / -1;font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--c-ink-mute);padding-top:var(--s-3)}.stepper{background:var(--c-raised);border:1px solid var(--c-line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);overflow:hidden}.stepper-stage{padding:var(--s-5);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--s-5);align-items:center}@media(max-width:48rem){.stepper-stage{grid-template-columns:1fr}}.stepper-figure{background:var(--c-bg);border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--s-4)}.stepper-figure svg,.stepper-figure img{width:100%;height:auto}.stepper h3{font-size:var(--text-lg)}.stepper-count{font-variant-numeric:tabular-nums;font-size:var(--text-sm);color:var(--c-ink-mute);font-family:var(--font-display);font-weight:600}.stepper-body p{color:var(--c-ink-soft);margin-top:var(--s-2);font-size:var(--text-sm)}.stepper-controls{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5);border-top:1px solid var(--c-line);background:var(--c-bg)}.stepper-dots{display:flex;gap:.4rem;margin:0 var(--s-2);flex-wrap:wrap}.stepper-dot{width:.65rem;height:.65rem;border-radius:var(--r-pill);border:1px solid var(--c-line-strong);background:transparent;padding:0;cursor:pointer;transition:background-color .15s var(--ease-out),border-color .15s var(--ease-out)}.stepper-dot[aria-current=true]{background:var(--c-accent);border-color:var(--c-accent-deep)}.notfound{text-align:center;padding-block:clamp(4rem,8vw,8rem)}.notfound .code{font-family:var(--font-display);font-weight:700;font-size:var(--text-4xl);color:var(--c-accent-deep);line-height:1}.site-footer{background:var(--c-band);color:#f6f3e4d9;padding-block:var(--s-7) var(--s-5);font-size:var(--text-sm)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--s-6)}@media(max-width:56rem){.footer-grid{grid-template-columns:1fr}}.footer-brand .name{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--c-cream)}.footer-brand .name .zh{color:var(--c-accent-bright)}.footer-about{margin-top:var(--s-3);max-width:28rem;color:#f6f3e4b3}.footer-h{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--c-cream);margin-bottom:var(--s-3)}.footer-col ul{list-style:none;display:grid;gap:var(--s-2)}.footer-col a{color:#f6f3e4bf}.footer-col a:hover{color:var(--c-accent-bright)}.footer-bottom{margin-top:var(--s-6);padding-top:var(--s-4);border-top:1px solid rgb(246 243 228 / .15);display:flex;flex-wrap:wrap;gap:var(--s-3) var(--s-5);align-items:center;color:#f6f3e48c}.footer-bottom .legal{margin-left:auto}@media(prefers-reduced-motion:no-preference){.js [data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.js [data-reveal].is-visible{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.skip-link[data-astro-cid-losip7nv]{position:absolute;top:-100%;left:1rem;z-index:100;background:var(--c-accent);color:var(--c-on-accent);font-family:var(--font-display);font-weight:600;padding:.7rem 1.2rem;border-radius:var(--r-sm)}.skip-link[data-astro-cid-losip7nv]:focus{top:1rem}