:root{--bg:#faf8f4;--surface:#fff;--ink:#23282f;--muted:#6e6f6a;--accent:#df5a1e;--accent-ink:#b4470f;--canopy:#3f6c50;--line:#e5e0d6;--card-shadow:0 1px 2px #23282f0d,0 8px 24px #23282f0f}@media (prefers-color-scheme:dark){:root{--bg:#171a1f;--surface:#21262e;--ink:#e8e6e1;--muted:#9a9b94;--accent:#f4763a;--accent-ink:#f4763a;--canopy:#7fb394;--line:#333a45;--card-shadow:0 1px 2px #0000004d,0 8px 24px #00000059}}:root[data-theme=dark]{--bg:#171a1f;--surface:#21262e;--ink:#e8e6e1;--muted:#9a9b94;--accent:#f4763a;--accent-ink:#f4763a;--canopy:#7fb394;--line:#333a45;--card-shadow:0 1px 2px #0000004d,0 8px 24px #00000059}:root[data-theme=light]{--bg:#faf8f4;--surface:#fff;--ink:#23282f;--muted:#6e6f6a;--accent:#df5a1e;--accent-ink:#b4470f;--canopy:#3f6c50;--line:#e5e0d6;--card-shadow:0 1px 2px #23282f0d,0 8px 24px #23282f0f}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:PingFang HK,PingFang TC,Noto Sans HK,Microsoft JhengHei,-apple-system,sans-serif;font-size:16px;line-height:1.75}.wrap{max-width:920px;margin:0 auto;padding:0 24px 96px}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--accent-ink);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;font-weight:600}h1,h2,h3{text-wrap:balance;line-height:1.25}h2{margin:0 0 6px;font-size:28px;font-weight:700}h3{margin:0 0 4px;font-size:18px}section{margin-top:88px}section>.eyebrow{margin-bottom:14px;display:block}p{max-width:46em}.muted{color:var(--muted)}a{color:var(--accent-ink)}header{padding:72px 0 0}.brandline{align-items:center;gap:14px;margin-bottom:40px;display:flex}.brandline img{border-radius:12px;width:56px;height:56px;display:block}.brandline .who{letter-spacing:.18em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;font-weight:600}.brandline .who span{color:var(--muted);letter-spacing:.14em;font-size:11px;font-weight:400;display:block}.hero-name{letter-spacing:.04em;margin:0;font-size:clamp(64px,12vw,120px);font-weight:800;line-height:1.1}.hero-name em{color:var(--accent);font-style:normal}.jyutping{color:var(--muted);letter-spacing:.08em;margin:10px 0 0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:15px}.hero-tag{margin:28px 0 8px;font-size:24px;font-weight:600}.hero-sub{color:var(--muted);margin-top:0}.hero-img{box-shadow:var(--card-shadow);border-radius:16px;margin:48px 0 0;overflow:hidden}.hero-img img{width:100%;height:auto;display:block}figcaption{color:var(--muted);margin-top:10px;font-size:13px}figure{margin:0}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14.5px}th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 14px 8px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--line);vertical-align:top;padding:11px 14px}.tablebox{background:var(--surface);border:1px solid var(--line);box-shadow:var(--card-shadow);border-radius:14px;overflow-x:auto}tr.pick td{background:color-mix(in srgb, var(--accent) 7%, transparent);font-weight:600}.pill{letter-spacing:.08em;background:var(--accent);color:#fff;vertical-align:2px;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-block}.namehint{margin-top:14px;font-size:14.5px}.grid2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:24px;display:grid}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--card-shadow);border-radius:14px;padding:20px 22px}.card h3{align-items:baseline;gap:8px;display:flex}.card h3 small{letter-spacing:.14em;color:var(--canopy);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;font-weight:600}.card ul{margin:10px 0 0;padding-left:18px;font-size:14.5px}.card li{margin-bottom:6px}.card li::marker{color:var(--accent)}.specrow{background:var(--line);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;margin-top:24px;display:grid;overflow:hidden}.spec{background:var(--surface);padding:16px 18px}.spec b{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800;display:block}.spec span{color:var(--muted);font-size:12.5px}.videocard{background:var(--surface);border:1px solid var(--line);box-shadow:var(--card-shadow);border-radius:16px;margin-top:24px;overflow:hidden}.videocard img{width:100%;display:block}.videocard .vbody{padding:20px 22px}.watch{background:var(--accent);color:#fff;border-radius:10px;margin-top:12px;padding:11px 22px;font-weight:700;text-decoration:none;display:inline-block}.watch:focus-visible{outline:3px solid var(--canopy);outline-offset:2px}.watch:hover{filter:brightness(1.06)}footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:96px;padding-top:24px;font-size:13px;display:flex}@media (prefers-reduced-motion:no-preference){header{animation:.6s ease-out both rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}.sitenav{z-index:50;background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.sitenav-inner{align-items:center;gap:20px;max-width:920px;margin:0 auto;padding:12px 24px;display:flex}.sitenav a{color:var(--ink);font-size:14px;text-decoration:none}.sitenav a:hover{color:var(--accent-ink)}.sitenav .brand{letter-spacing:.02em;align-items:center;gap:9px;margin-right:auto;font-weight:800;display:flex}.sitenav .brand img{border-radius:6px;width:26px;height:26px}.sitenav nav{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.sitenav .lang{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 11px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.sitenav .lang:hover{border-color:var(--accent);color:var(--accent-ink)}@media (width<=620px){.sitenav-inner{gap:12px;padding:10px 16px}.sitenav nav{gap:12px}.sitenav nav a{font-size:13px}}.videocard video{background:#000;border-radius:12px;width:100%;height:auto;display:block}.notice{color:var(--muted);margin-top:10px;font-size:13px}.ctarow{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.ctarow a{border-radius:10px;padding:11px 18px;font-size:15px;font-weight:600;text-decoration:none;display:inline-block}.cta-primary{background:var(--accent);color:#fff}.cta-primary:hover{filter:brightness(1.06)}.cta-secondary{border:1px solid var(--line);color:var(--ink)}.cta-secondary:hover{border-color:var(--accent);color:var(--accent-ink)}.attribution{color:var(--muted);font-size:12px}.attribution a{color:var(--accent-ink)}@media print{.attribution,.sitenav .brand{display:block!important}}.hero-name.latin{font-size:clamp(28px,9.5vw,104px)}.trailsearch{width:100%;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;margin:22px 0 4px;padding:10px 13px;font-family:inherit;font-size:15px}.trailsearch:focus-visible{outline:3px solid var(--canopy);outline-offset:1px}.tablebox table{font-size:14px}.tablebox td a{color:var(--ink);text-decoration:none}.tablebox td a:hover{color:var(--accent-ink);text-decoration:underline}.endpoint{background:var(--surface);border:1px solid var(--line);white-space:pre;border-radius:8px;margin:8px 0;padding:10px 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;overflow-x:auto}.endpoint b{color:var(--accent-ink)}.videohero{background:#0d0f12;width:100vw;margin-left:calc(50% - 50vw);position:relative;overflow:hidden}.videohero video{object-fit:cover;width:100%;height:auto;max-height:78vh;display:block}.videohero .vh-overlay{color:#fff;pointer-events:none;background:linear-gradient(#0000,#0000009e);padding:40px 24px 28px;position:absolute;inset:auto 0 0}.videohero .vh-inner{max-width:920px;margin:0 auto}.videohero .vh-tag{text-wrap:balance;text-shadow:0 1px 20px #00000059;margin:0;font-size:clamp(22px,3.4vw,40px);font-weight:700}.videohero .vh-sub{opacity:.88;max-width:34em;margin:8px 0 0;font-size:clamp(13px,1.5vw,16px)}.videohero .vh-sound{pointer-events:auto;color:#fff;cursor:pointer;backdrop-filter:blur(6px);background:#00000073;border:1px solid #ffffff47;border-radius:999px;padding:7px 15px;font-family:inherit;font-size:13px;text-decoration:none;position:absolute;bottom:18px;right:18px}.videohero .vh-sound:hover{background:#000000a6}.videohero .vh-sound:focus-visible{outline:3px solid var(--canopy);outline-offset:2px}@media (width<=640px){.videohero video{max-height:62vh}.videohero .vh-overlay{padding:28px 16px 20px}}