:root{--font-ui:var(--font-sans-en), sans-serif;--font-display:var(--font-display-en), serif;--font-mono-ui:var(--font-mono), monospace;--page-width:min(1160px, calc(100vw - 2rem));--ease-out:cubic-bezier(.22, 1, .36, 1)}html:lang(zh-TW){--font-ui:var(--font-sans-zh), sans-serif;--font-display:var(--font-display-zh), serif}:root,:root[data-theme=light]{--color-bg:#f4f1eb;--color-surface:#fbfaf7e6;--color-surface-strong:#f0ede7;--color-text:#121212;--color-muted:#5f5c57;--color-rule:#1212121f;--color-emphasis:#202020;--color-accent:#69706f;--shadow-soft:0 22px 60px #12121214}:root[data-theme=dark]{--color-bg:#0f1011;--color-surface:#151618e6;--color-surface-strong:#1c1e21;--color-text:#f1efe9;--color-muted:#a7a39c;--color-rule:#f1efe91f;--color-emphasis:#fff;--color-accent:#c9cfcd;--shadow-soft:0 22px 60px #00000047}@media (prefers-color-scheme:dark){:root[data-theme=system]{--color-bg:#0f1011;--color-surface:#151618e6;--color-surface-strong:#1c1e21;--color-text:#f1efe9;--color-muted:#a7a39c;--color-rule:#f1efe91f;--color-emphasis:#fff;--color-accent:#c9cfcd;--shadow-soft:0 22px 60px #00000047}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top, #69706f1a, transparent 32%), linear-gradient(180deg, #ffffff2e, transparent 14rem), var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font-ui);letter-spacing:-.015em;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.6}body:before{content:"";pointer-events:none;opacity:.45;background-image:linear-gradient(90deg,#7f7f7f0f 1px,#0000 1px),linear-gradient(#7f7f7f0a 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000 85%);mask-image:linear-gradient(#000c,#0000 85%)}a{color:inherit;text-decoration:none}button{font:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-shell{width:var(--page-width);flex-direction:column;min-height:100vh;margin:0 auto;display:flex}.site-main{flex:1}.site-header,.site-footer{z-index:1;position:relative}.site-header{border-bottom:1px solid var(--color-rule);justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.25rem 0 2.5rem;display:flex}.brand-block{align-items:center;display:flex}.brand-link{align-items:baseline;gap:.55rem;display:inline-flex}.brand-mark{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.65rem;line-height:1}.brand-context{color:var(--color-muted);font-size:.92rem}.header-right{flex-direction:column;align-items:flex-end;gap:.9rem;display:flex}.header-nav,.footer-nav{color:var(--color-muted);flex-wrap:wrap;gap:1.1rem;display:flex}.header-nav a,.footer-nav a{transition:color .18s var(--ease-out)}.header-nav a:hover,.footer-nav a:hover,.brand-link:hover .brand-context{color:var(--color-emphasis)}.header-controls{flex-wrap:wrap;justify-content:flex-end;gap:.7rem;display:flex}.control-group{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:999px;gap:.2rem;padding:.2rem;display:inline-flex;box-shadow:inset 0 1px #ffffff2e}.control-button{color:var(--color-muted);cursor:pointer;transition:background-color .18s var(--ease-out), color .18s var(--ease-out), transform .18s var(--ease-out);background:0 0;border:0;border-radius:999px;padding:.52rem .9rem}.control-button:hover{color:var(--color-emphasis)}.control-button.is-active{background:var(--color-surface-strong);color:var(--color-emphasis)}.page-stack{z-index:1;gap:4.5rem;padding:3.5rem 0 5.5rem;display:grid;position:relative}.page-detail{gap:3rem}.hero{grid-template-columns:minmax(0,1.35fr) minmax(16rem,.65fr);align-items:end;gap:2rem;display:grid}.hero-copy{gap:1.2rem;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--color-muted);margin:0;font-size:.72rem}.hero-title{font-family:var(--font-display);letter-spacing:-.05em;margin:0;font-size:clamp(4rem,12vw,7.7rem);line-height:.94}.hero-thesis{max-width:19ch;font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(1.7rem,4vw,3rem);line-height:1.03}.hero-body,.prose-block{max-width:46rem;color:var(--color-muted);font-size:1.05rem}.hero-body p,.prose-block p,.boundary-panel p,.stack-item p,.panel-card p,.row-card p{margin:0}.hero-body,.prose-block,.boundary-panel,.stack-list{gap:1rem;display:grid}.hero-actions{flex-wrap:wrap;gap:.9rem;padding-top:.5rem;display:flex}.button{border:1px solid var(--color-rule);min-height:3rem;transition:transform .18s var(--ease-out), border-color .18s var(--ease-out), background-color .18s var(--ease-out), color .18s var(--ease-out);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.72rem 1.15rem;display:inline-flex}.button:hover{border-color:color-mix(in srgb, var(--color-emphasis) 22%, transparent);transform:translateY(-1px)}.button-primary{background:var(--color-emphasis);color:var(--color-bg)}.button-primary:hover{background:color-mix(in srgb, var(--color-emphasis) 92%, var(--color-accent) 8%)}.button-secondary{background:var(--color-surface);color:var(--color-emphasis)}.hero-aside{background:var(--color-surface);border:1px solid var(--color-rule);box-shadow:var(--shadow-soft);border-radius:1.25rem;padding:1.4rem}.hero-aside-label{font-family:var(--font-mono-ui);text-transform:uppercase;letter-spacing:.16em;color:var(--color-muted);margin:0 0 1rem;font-size:.72rem}.hero-aside-list{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.hero-aside-list li{border-top:1px solid var(--color-rule);padding-top:.7rem}.section{border-top:1px solid var(--color-rule);padding-top:2.25rem}.section-heading{gap:.35rem;margin-bottom:1.6rem;display:grid}.section-heading h2{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(2rem,5vw,3.4rem);line-height:1.02}.principle-grid,.example-grid,.stack-grid{gap:1rem;display:grid}.principle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.example-grid,.stack-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-card,.row-card,.boundary-panel{border:1px solid var(--color-rule);background:var(--color-surface);box-shadow:var(--shadow-soft)}.panel-card{border-radius:1.25rem;gap:.85rem;padding:1.4rem;display:grid}.panel-card h3,.row-card h3,.stack-item h4,.not-found h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0}.panel-card h3{font-size:1.45rem}.row-card{box-shadow:none;background:0 0;border-bottom:0;border-left:0;border-right:0;border-radius:0;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:1rem;padding:1.1rem 0;display:grid}.list-rows{display:grid}.detail-note,.stack-item p,.panel-card p,.row-card p,.boundary-panel p{color:var(--color-muted)}.detail-note{font-size:.95rem}.boundary-panel{border-radius:1.25rem;padding:1.4rem}.stack-teaser{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;display:flex}.stack-card{align-content:start}.stack-item{border-top:1px solid var(--color-rule);gap:.35rem;padding-top:.85rem;display:grid}.site-footer{border-top:1px solid var(--color-rule);color:var(--color-muted);justify-content:space-between;align-items:center;gap:1rem;padding:1.4rem 0 2rem;display:flex}.site-footer p{margin:0}.not-found{width:var(--page-width);text-align:center;place-content:center;gap:.7rem;min-height:100vh;margin:0 auto;display:grid}.not-found p{color:var(--color-muted);margin:0}.reveal{opacity:0;animation:reveal-up .75s var(--ease-out) forwards;animation-delay:var(--delay,0s);transform:translateY(14px)}@keyframes reveal-up{to{opacity:1;transform:translateY(0)}}@media (max-width:960px){.hero,.principle-grid,.example-grid,.stack-grid,.row-card{grid-template-columns:1fr}.site-header,.site-footer,.header-right{align-items:flex-start}.site-header,.site-footer{flex-direction:column}.header-controls{justify-content:flex-start}}@media (max-width:720px){body{font-size:15px}.page-stack{gap:3.2rem;padding:2.4rem 0 4rem}.site-header{padding-bottom:1.8rem}.hero-aside{order:-1}.control-group,.header-nav{width:100%}.control-group{justify-content:space-between}.control-button{text-align:center;flex:1}}