:root{color-scheme:light dark; --bg:#ffffff; --fg:#0f0f0f; --surface:#ffffff; --muted:#666666; --line:rgba(15,15,15,0.12); --line-strong:rgba(15,15,15,0.22); --accent:#0f0f0f; --accent-soft:rgba(15,15,15,0.12); --dock-bg:color-mix(in oklab,var(--bg),transparent 12%); --dock-shadow:0 18px 60px color-mix(in oklab,var(--fg),transparent 86%); --home-max:1280px; --ui-pad:clamp(12px,2.4vw,28px);background:var(--bg);color:var(--fg);font-family:"Avenir Next","Segoe UI",system-ui,-apple-system,sans-serif}@media (prefers-color-scheme:dark){:root{ --bg:#0f0f0f; --fg:#f7f7f2; --surface:#151515; --muted:#a7a7a0; --line:rgba(247,247,242,0.13); --line-strong:rgba(247,247,242,0.24); --accent:#f7f7f2; --accent-soft:rgba(247,247,242,0.16); --dock-bg:color-mix(in oklab,var(--bg),transparent 10%); --dock-shadow:0 18px 60px rgba(0,0,0,0.42)}} *{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overscroll-behavior:none}body{overflow:hidden;position:fixed;inset:0}#app{position:relative}.site-nav{align-items:center;display:flex;gap:18px;justify-content:space-between;left:0;min-height:48px;margin:0 auto;max-width:var(--home-max);padding:var(--page-pad-y) var(--page-pad-x);position:absolute;right:0;top:0;z-index:3}.brand,.site-nav a{color:inherit;text-decoration:none}.brand{font-family:inherit;font-size:18px;font-weight:650}.site-nav nav{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end}.site-nav nav a{color:var(--muted)}.site-nav nav a:hover,.site-nav nav a[aria-current="page"]{color:var(--accent)}#map{display:block;width:100vw;height:100vh;background:radial-gradient(circle at 50% 42%,color-mix(in oklab,var(--fg),transparent 96%),transparent 42vw),var(--bg);cursor:pointer;touch-action:none;user-select:none; -webkit-user-select:none; -webkit-touch-callout:none}.layer-label{color:var(--muted);font:700 13px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;left:var(--ui-pad);letter-spacing:0;pointer-events:none;position:absolute;top:var(--ui-pad);z-index:2}.detail{align-items:center;backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);background:color-mix(in oklab,var(--bg),transparent 7%);display:flex;inset:0;justify-content:center;padding:var(--ui-pad);position:fixed;z-index:5}.detail[hidden]{display:none}.detail-card{display:grid;gap:clamp(12px,2.6vw,22px);justify-items:center;max-width:min(760px,100%);min-width:0;text-align:center}.detail-code{color:var(--muted);font:700 18px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.detail-glyph{font-family:"PingFang TC","Hiragino Sans","Noto Sans CJK TC","Songti TC",serif;font-size:clamp(128px,34vw,340px);line-height:0.95;min-width:0}.detail-name{color:var(--fg);font:650 clamp(22px,4vw,42px)/1.1 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:anywhere}.detail-meta{color:var(--muted);font:15px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;max-width:68ch;overflow-wrap:anywhere}@media (max-width:720px){.site-nav nav{gap:10px}}@media (max-width:520px){.site-nav{padding-bottom:0}.brand{font-size:17px}.site-nav nav a{font-size:14px}.detail-glyph{font-size:clamp(96px,48vw,220px)}.detail-name{font-size:clamp(20px,8vw,32px)}}