:root{color-scheme:dark;--page:#1d1b1a;--read:#262321;--media:#202327;--border:#45403b;--text:#f0ece6;--muted:#bdb6ad;--accent:#a9907c;--soft:#d5bcab;--header:72px;--frame-wide-max:1560px;--frame-standard-max:1180px;--reading-max:780px;--page-gutter:clamp(32px,4.1vw,64px);--frame-wide:min(var(--frame-wide-max),calc(100% - var(--page-gutter) - var(--page-gutter)));--frame-standard:min(var(--frame-standard-max),calc(100% - var(--page-gutter) - var(--page-gutter)));--container:var(--frame-standard);background:var(--page);color:var(--text);font-family:Microsoft YaHei UI,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 24px)}body{background:var(--page);min-width:320px;margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--soft);outline-offset:4px}.container,.frame-standard,.frame-wide{margin-left:auto;margin-right:auto}.container,.frame-standard{width:var(--frame-standard)}.frame-wide{width:var(--frame-wide)}.reading-measure{width:min(100%,var(--reading-max))}.eyebrow{color:var(--soft);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.shell{min-height:70vh;padding:96px 0 120px}.shell h1{margin:10px 0 24px;font-size:clamp(44px,6vw,64px)}.shell p{color:var(--muted);line-height:1.75}.text-link{text-underline-offset:5px}@media (width<=760px){:root{--header:104px;--page-gutter:16px}.shell{padding:64px 0 88px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--muted-1:color-mix(in srgb, var(--muted) 82%, var(--page));--muted-2:color-mix(in srgb, var(--muted) 56%, var(--page))}.skip{z-index:99;background:var(--accent);color:#141312;padding:10px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip:focus{transform:none}body>header{z-index:20;min-height:var(--header);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--page) 92%,transparent);backdrop-filter:blur(8px);position:sticky;top:0}.bar{min-height:var(--header);justify-content:space-between;align-items:center;gap:24px;display:flex}.brand{font-weight:750;text-decoration:none}.site-nav__list,.projects-menu__panel ul{gap:4px;margin:0;padding:0;list-style:none;display:flex}.site-nav a,.projects-menu__trigger{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:10px 12px;font-size:15px;text-decoration:none;display:block}.site-nav a:hover,.projects-menu__trigger:hover{background:var(--read);color:var(--text)}.site-nav [aria-current=page]{color:var(--text);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:7px}.projects-menu{position:relative}.projects-menu__trigger{align-items:center;gap:6px;display:flex}.projects-menu__trigger svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:10px;height:7px;transition:transform .16s}.projects-menu__trigger[aria-expanded=true] svg{transform:rotate(180deg)}.projects-menu__panel{border:1px solid var(--border);background:color-mix(in srgb,var(--read) 96%,#000);border-radius:9px;width:190px;padding:7px;position:absolute;top:calc(100% + 9px);left:0;box-shadow:0 16px 38px #00000047}.projects-menu__panel[hidden]{display:none}.projects-menu__panel ul{flex-direction:column}.projects-menu__panel a{padding:10px 12px}.projects-menu__panel a[aria-current=page]{background:color-mix(in srgb,var(--read) 78%,var(--accent));text-decoration:none}.projects-menu__panel a[aria-current=page]:before{content:"";background:var(--accent);vertical-align:-1px;width:2px;height:12px;margin-right:8px;display:inline-block}.foot{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:32px 0;font-size:14px;display:flex}.footer-links{justify-content:center;align-items:center;gap:8px;display:flex}.footer-links a{color:var(--muted);text-underline-offset:4px;border-radius:7px;align-items:center;gap:7px;padding:7px 10px;transition:color .16s,background-color .16s;display:inline-flex}.footer-links a:hover,.footer-links a:focus-visible{background:var(--read);color:var(--soft)}.footer-links svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}footer{border-top:1px solid var(--border)}@media (width<=760px){body>header{backdrop-filter:none}.bar{flex-direction:column;align-items:flex-start;gap:6px;padding:14px 0}.site-nav{width:100%}.site-nav__list{justify-content:space-between;width:100%}.site-nav a,.projects-menu__trigger{padding:8px 9px;font-size:13px}.projects-menu__panel{width:172px;top:calc(100% + 7px)}.footer-links{width:auto;overflow:visible}}@media (prefers-reduced-motion:reduce){.projects-menu__trigger svg{transition:none}}