*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}main{padding-inline:var(--gut)}.row2{display:grid;grid-template-columns:var(--spine) 1fr;gap:var(--col-gap)}.spine{position:sticky;top:90px;align-self:start;display:flex;flex-direction:column;gap:10px}.spine .no{font-family:var(--font-display);font-weight:300;font-size:clamp(34px,4vw,56px);line-height:.9;letter-spacing:-.03em;color:var(--ink-3)}.spine .lab{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}.spine .note{font-size:13.5px;color:var(--ink-3);line-height:1.5;max-width:20ch;font-family:var(--font-read)}.list{display:flex;flex-direction:column}.item{display:grid;align-items:center;padding:22px 4px;border-top:1px solid var(--line);transition:padding-left .3s var(--ease),margin-right .3s var(--ease)}.item:first-child{border-top:none;padding-top:2px}.item:hover{padding-left:14px;margin-right:-10px}.item-title{font-family:var(--font-display);font-weight:600;letter-spacing:-.018em;transition:color .2s}.item:hover .item-title{color:var(--accent)}.item-sub{color:var(--ink-2);font-family:var(--font-read)}.item-meta{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.05em;color:var(--ink-3);white-space:nowrap}.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 82%,transparent);backdrop-filter:saturate(150%) blur(16px);border-bottom:1px solid transparent;transition:border-color .3s}.nav.scrolled{border-bottom-color:var(--line)}.nav-in{display:flex;align-items:center;justify-content:space-between;height:64px;position:relative}.brand{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:19px;letter-spacing:-.02em}.brand .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);margin-top:1px}.nav-r{display:flex;align-items:center;gap:4px}.nav-r a{font-size:14.5px;color:var(--ink-2);padding:8px 13px;border-radius:99px;transition:color .2s,background .2s}.nav-r a:hover{color:var(--ink);background:var(--surface-2)}.nav-r a.active{color:var(--accent);font-weight:500}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);border-radius:99px;cursor:pointer;color:var(--ink-2);transition:all .2s var(--ease);margin-left:6px}.icon-btn:hover{color:var(--ink);border-color:var(--line-2)}.icon-btn svg{width:16px;height:16px}.sun{display:none}:root[data-theme=dark] .sun{display:block}:root[data-theme=dark] .moon{display:none}.nav-links{display:flex;align-items:center;gap:4px}.nav-burger,.nav-burger .burger-close,.nav.menu-open .nav-burger .burger-open{display:none}.nav.menu-open .nav-burger .burger-close{display:block}@media (max-width: 640px){.nav-burger{display:grid}.nav-links{position:absolute;top:calc(100% + 8px);right:0;flex-direction:column;align-items:stretch;gap:2px;min-width:168px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 34px -14px #0000004d;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s var(--ease),transform .18s var(--ease),visibility .18s}.nav.menu-open .nav-links{opacity:1;visibility:visible;transform:translateY(0)}.nav-r a{width:100%;padding:10px 14px;border-radius:10px}}.lang-btn{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em;color:var(--ink-2)}.lang-btn:hover{color:var(--ink)}.lang-en{display:none}:root[data-lang=en] .lang-en{display:inline;color:var(--accent);font-weight:600}:root[data-lang=en] .lang-zh{display:none}footer{border-top:1px solid var(--line);padding:clamp(48px,6vw,76px) 0 36px}.foot{display:grid;grid-template-columns:var(--spine) 1fr;gap:var(--col-gap)}.foot-l .brand{font-size:22px;margin-bottom:12px}.foot-l p{color:var(--ink-2);font-size:14.5px;line-height:1.6;max-width:30ch;font-family:var(--font-read)}.foot-cols{display:flex;gap:clamp(30px,6vw,90px);flex-wrap:wrap}.foot-col h4{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:0 0 14px;font-weight:500}.foot-col a{display:block;color:var(--ink-2);font-size:14.5px;padding:5px 0;transition:color .2s}.foot-col a:hover{color:var(--accent)}.foot-bot{grid-column:1 / -1;display:flex;justify-content:space-between;gap:16px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);flex-wrap:wrap}.foot-bot span{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-3);letter-spacing:.03em}@media (max-width: 880px){.row2{grid-template-columns:1fr;gap:22px}.spine{position:static;flex-direction:row;align-items:baseline;gap:14px;flex-wrap:wrap}.spine .no{font-size:30px}.spine .note{display:none}.foot{grid-template-columns:1fr;gap:30px}}@media (max-width: 560px){.foot-bot{flex-direction:column;gap:8px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important}html{scroll-behavior:auto}}