@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500&family=Noto+Serif+SC:wght@600;700&display=swap";
:root{--base-surface:#fbf9f6;--primary-ink:#3d4451;--secondary-ink:#757d8a;--sole-accent:#82a1b9;--subtle-border:#3d445133;--subtle-fill:#3d445114;--stroke-tint:#3d445199}html.dark{--base-surface:#1c1f26;--primary-ink:#d2d6dd;--secondary-ink:#a0a7b4;--sole-accent:#9cb4cd;--subtle-border:#d2d6dd33;--subtle-fill:#d2d6dd14;--stroke-tint:#d2d6dd99}html.dark img:not(.grayscale){filter:brightness(.85)contrast(1.1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--base-surface);color:var(--primary-ink);text-align:left;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:16px;font-weight:300;line-height:1.85}@media (min-width:1024px){body{font-size:18px}}h1,h2,h3,h4,h5,h6{color:var(--primary-ink);letter-spacing:.02em;font-family:Noto Serif SC,Songti SC,serif;font-weight:600}h1{margin-bottom:.5em;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.2}h2{margin-top:1.5em;margin-bottom:.8em;font-size:clamp(20px,3vw,24px);font-weight:600;line-height:1.33}h3{margin-top:2em;margin-bottom:1em;font-size:clamp(18px,2vw,20px);line-height:1.4}p{overflow-wrap:break-word;word-break:break-word;margin-bottom:1.75em}a{color:inherit;text-decoration:none}img{border-radius:4px;max-width:100%;height:auto;margin:2em 0;display:block}.cover-image{filter:grayscale();width:100%;margin-bottom:32px;transition:filter .5s}@media (hover:hover) and (pointer:fine){.cover-image:hover{filter:grayscale(0%)}}.core-zone{max-width:896px;margin:0 auto;padding:0 24px}.terminal-padding{padding-bottom:clamp(96px,10vh,160px)}strong{letter-spacing:.1em;color:var(--sole-accent);font-family:Noto Serif SC,Songti SC,serif;font-weight:600}.dimmed{color:var(--secondary-ink);letter-spacing:.05em;font-weight:600}hr{border:none;border-top:1px dashed var(--subtle-border);margin:clamp(64px,8vw,96px) 0}.epigraph{text-align:left;color:var(--secondary-ink);margin:24px 0 32px;font-size:clamp(16px,2vw,18px);font-style:italic}.section-break{text-align:center;margin:clamp(64px,8vw,96px) 0;position:relative}.section-break:before{content:"";border-top:1px dashed var(--subtle-border);z-index:1;position:absolute;top:50%;left:0;right:0}.section-break-title{z-index:2;background-color:var(--base-surface);color:var(--primary-ink);text-shadow:0 0 12px var(--base-surface), 0 0 16px var(--base-surface);padding:0 24px;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(28px,4vw,40px);font-weight:700;display:inline-block;position:relative}.section-break-watermark{color:var(--primary-ink);opacity:.04;z-index:0;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:20vw;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:480px){.section-break:before{display:none}}.dual-column{align-items:flex-start;gap:32px;display:flex}.dual-column>*{flex:1}@media (max-width:768px){.dual-column{flex-direction:column}}button{cursor:pointer;color:var(--primary-ink);background:0 0;border:none;font-family:inherit;transition:opacity .15s ease-in-out}@media (hover:hover) and (pointer:fine){button:hover,a:hover{opacity:.7}}
