:root{color-scheme:light;--paper:#e9e6df;--ink:#292a29;--muted:#757873;--rule:rgba(65,68,64,.22);--panel:rgba(246,245,241,.73);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;min-height:100%;width:100%}
body{background:var(--paper);color:var(--ink);overflow:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}
button,a{font:inherit}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible{outline:2px solid #4c514c;outline-offset:4px}

.background-text{position:fixed;inset:0 0 0 64px;z-index:1;display:grid;place-items:center;pointer-events:none;overflow:hidden}
.background-text__viewport{width:min(1050px,calc(100vw - 135px));height:78vh;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 17%,#000 82%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 17%,#000 82%,transparent)}
.background-text__content{padding-top:29vh;padding-bottom:28vh;font-family:"Songti SC","STSong","Noto Serif CJK SC",serif;font-size:clamp(17px,2.1vw,27px);line-height:2.08;letter-spacing:.045em;color:rgba(63,66,63,.43)}
.typing-entry{margin:0 0 1.2em;word-break:break-word}
.typing-entry--record{font-family:"Courier New","PingFang SC",monospace;font-size:.64em;line-height:1.9;letter-spacing:0;color:rgba(70,74,72,.55);margin-bottom:.35em}
.typing-caret{display:inline-block;width:2px;height:.95em;margin-left:2px;background:#6d706a;vertical-align:-.12em;animation:caret-blink 1s steps(1) infinite}
@keyframes caret-blink{50%{opacity:0}}

.left-rail{position:fixed;z-index:40;left:0;top:0;bottom:0;width:64px;background:rgba(241,240,236,.88);border-right:1px solid var(--rule);display:flex;align-items:center;flex-direction:column;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.menu-button{height:64px;width:64px;border:0;border-bottom:1px solid var(--rule);background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.menu-button span{display:block;width:19px;height:1px;background:#363936;transition:transform .24s,opacity .24s}
body.drawer-open .menu-button span:first-child{transform:translateY(6px) rotate(45deg)}
body.drawer-open .menu-button span:nth-child(2){opacity:0}
body.drawer-open .menu-button span:last-child{transform:translateY(-6px) rotate(-45deg)}
.rail-mark{width:37px;height:37px;margin-top:23px;border:1px solid #545a54;border-radius:3px;display:grid;place-items:center;font-size:11px;letter-spacing:-.1em;padding-right:2px;font-weight:700}
.rail-domain{position:absolute;bottom:31px;writing-mode:vertical-rl;transform:rotate(180deg);font:11px "Courier New",monospace;letter-spacing:.2em;color:#777b76}
.drawer-scrim{position:fixed;inset:0;background:rgba(34,37,34,.17);z-index:20;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.site-drawer{position:fixed;z-index:30;top:0;bottom:0;left:0;width:min(350px,calc(100vw - 24px));padding:24px 24px 25px 88px;background:rgba(242,241,237,.97);border-right:1px solid rgba(69,72,68,.24);box-shadow:24px 0 65px rgba(46,49,45,.11);display:flex;flex-direction:column;transform:translateX(-105%);visibility:hidden;transition:transform .28s ease,visibility .28s}
body.drawer-open .site-drawer{transform:translateX(0);visibility:visible}
.drawer-top{font-size:13px;font-weight:650;letter-spacing:.02em;border-bottom:1px solid var(--rule);padding:17px 0 24px}
.drawer-nav{padding-top:27px;display:grid}
.drawer-nav a{display:flex;align-items:center;gap:20px;padding:17px 0;border-bottom:1px solid var(--rule);font-size:18px;font-weight:560;transition:padding-left .2s,color .2s}
.drawer-nav a:hover{padding-left:7px}
.drawer-nav a[aria-current="page"]{color:#1c211d;font-weight:750}
.drawer-nav a[aria-current="page"]::after{content:"";width:6px;height:6px;margin-left:auto;background:#3c453c;border-radius:50%}
.drawer-nav a span{font:11px "Courier New",monospace;color:#9a9d96}
.drawer-bottom{margin-top:auto;padding-top:28px;border-top:1px solid var(--rule);font:11px "Courier New",monospace;letter-spacing:.13em;color:#999b95}

.page-content{position:relative;z-index:2;margin-left:64px;min-height:100svh;display:grid;place-items:center;padding:42px clamp(24px,6vw,94px)}
.view{width:min(850px,100%)}
.glass-panel{background:var(--panel);border:1px solid rgba(255,255,255,.76);border-radius:6px;box-shadow:0 25px 80px rgba(68,68,60,.09),inset 0 1px rgba(255,255,255,.58);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.home-panel{min-height:min(610px,calc(100svh - 84px));padding:31px clamp(28px,5.3vw,72px) 29px;display:flex;flex-direction:column;justify-content:space-between}
.panel-index,.panel-bottom{display:flex;justify-content:space-between;gap:15px;color:#777b75;font-size:11px;letter-spacing:.11em}
.panel-index span:last-child,.panel-bottom span:last-child{font-family:"Courier New",monospace}
.panel-index{border-bottom:1px solid var(--rule);padding-bottom:20px}
.panel-bottom{border-top:1px solid var(--rule);padding-top:19px}
.home-content{padding:36px 0 46px}
.home-content h1{font-size:clamp(51px,7.3vw,95px);font-weight:620;letter-spacing:-.085em;line-height:1.2;margin:0 0 41px}
.hyphen{color:#858982;font-weight:400;margin-left:.04em}
.spec-table{border-top:1px solid var(--rule)}
.spec-row{display:grid;grid-template-columns:142px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--rule);font-size:13px;line-height:1.55}
.spec-row span{color:#777b75}
.spec-row strong{font-weight:560}
.empty-panel{min-height:min(480px,calc(100svh - 84px));padding:31px clamp(28px,5.3vw,72px);display:flex;flex-direction:column}
.empty-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.empty-content h1{font-size:clamp(46px,7vw,82px);font-weight:620;letter-spacing:-.065em;margin:0 0 21px}
.empty-content p{margin:0;color:#818680;font-size:16px}
@media(max-width:640px){.left-rail{width:52px}.menu-button{width:52px;height:58px}.rail-mark{width:32px;height:32px;font-size:10px}.background-text{left:52px}.background-text__viewport{width:calc(100vw - 74px);height:86vh}.background-text__content{padding-top:33vh;font-size:17px;line-height:1.95}.page-content{margin-left:52px;padding:18px 15px}.home-panel{min-height:calc(100svh - 36px);padding:22px 22px 20px}.home-content{padding:20px 0}.home-content h1{font-size:clamp(43px,10vw,62px);margin-bottom:35px}.spec-row{grid-template-columns:1fr;gap:4px;font-size:12px;padding:13px 0}.panel-bottom{font-size:9px;letter-spacing:0}.empty-panel{min-height:calc(100svh - 36px);padding:22px}.empty-content h1{font-size:47px}.site-drawer{padding-left:73px;width:min(320px,calc(100vw - 12px))}.drawer-nav a{font-size:16px}}
@media(prefers-reduced-motion:reduce){.typing-caret{animation:none}.site-drawer,.menu-button span,.drawer-nav a{transition:none}}