:root{--paper-light:#e9e2d2;--paper-mid:#d7ccb6;--paper-shadow:#c5b8a0;--ink-900:#131311;--ink-700:#2a2926;--ink-500:#4f4b43;--ink-300:#7f786b;--line:#1717154d;--line-soft:#1717152b;--seal:#a63a2b;--seal-soft:#a63a2b29;--panel:#e9e1d1c9;--panel-strong:#efe8dbe6;--bg-wash-1:#10100e45;--bg-wash-2:#3932293d;--bg-wash-3:#16161426;--bg-stripe:#39342b0d;--fiber-a:#2f2b240a;--fiber-b:#ffffff3b;--panel-inset:#ffffff61;--panel-shadow:#100f0d2e;--stage-surface-top:#f0eadcf2;--stage-surface-bottom:#d9d0bce6;--wash-spot-1:#10101047;--wash-spot-2:#1212123d;--wash-spot-3:#1212122e;--wash-spot-4:#17171724;--ambient-1:#14141433;--ambient-2:#16161624;--ambient-3:#1e1e1e17;--glyph-filter:grayscale(.25)contrast(1.07);--variants-btn-border:#2826224d;--variants-btn-bg:#fcf8eeeb;--variants-btn-text:var(--ink-700);--variants-btn-border-hover:#461e1973;--record-active-border:#421e1880;--record-active-ring:#a83a2b2b;--record-active-bg:#f5eee1e6;--record-active-char:#181713;--record-active-info:#6e6558;--search-bg:#fffffcb8;--search-border:#24242247;--search-focus-border:#58282075;--search-placeholder:#5c5850b8}html[data-theme=dark]{--paper-light:#2b2118;--paper-mid:#1f1711;--paper-shadow:#15100c;--ink-900:#f1e8d8;--ink-700:#e2d5c2;--ink-500:#bea98f;--ink-300:#8f7e69;--line:#f0ece530;--line-soft:#f0ece521;--seal:#d67b63;--seal-soft:#d67b633d;--panel:#34291fc2;--panel-strong:#281f18de;--bg-wash-1:#4e3a2670;--bg-wash-2:#3d2c1d59;--bg-wash-3:#2a1f164d;--bg-stripe:#dbc9b00a;--fiber-a:#e2ceb00a;--fiber-b:#ffffff0f;--panel-inset:#ffffff08;--panel-shadow:#0d080557;--stage-surface-top:#433528ed;--stage-surface-bottom:#31261eed;--wash-spot-1:#3a281852;--wash-spot-2:#32221447;--wash-spot-3:#2b1f153d;--wash-spot-4:#251b1333;--ambient-1:#46301e42;--ambient-2:#3a281833;--ambient-3:#2e211624;--glyph-filter:invert(.9)sepia(.16)saturate(.6)brightness(1.06)contrast(.95);--variants-btn-border:#ead5b647;--variants-btn-bg:#5f4833e6;--variants-btn-text:#efe1cb;--variants-btn-border-hover:#ecd8bb73;--record-active-border:#ecceaa6b;--record-active-ring:#d67b6333;--record-active-bg:#4e3b2af5;--record-active-char:#f2e8d8;--record-active-info:#d7c6af;--search-bg:#584432f0;--search-border:#ecd8bb4d;--search-focus-border:#df947d99;--search-placeholder:#e1d3bd94}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:var(--ink-700);background:radial-gradient(1180px 760px at -8% -14%,var(--bg-wash-1),transparent 66%),radial-gradient(900px 620px at 108% 0%,var(--bg-wash-2),transparent 63%),radial-gradient(760px 520px at 48% 108%,var(--bg-wash-3),transparent 66%),repeating-linear-gradient(0deg,var(--bg-stripe)0px,var(--bg-stripe)1px,transparent 1px,transparent 4px),linear-gradient(148deg,var(--paper-light),var(--paper-mid));font-family:Songti SC,STSong,Noto Serif CJK SC,PMingLiU,serif;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(28% 20% at 12% 17%,var(--wash-spot-1),transparent 72%),radial-gradient(34% 24% at 82% 19%,var(--wash-spot-2),transparent 73%),radial-gradient(26% 20% at 33% 73%,var(--wash-spot-3),transparent 74%),radial-gradient(20% 16% at 74% 76%,var(--wash-spot-4),transparent 75%);mix-blend-mode:multiply;opacity:.6;filter:blur(20px);position:fixed;inset:-8% -6%}body:after{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 5px,var(--fiber-a)5px,var(--fiber-a)6px),repeating-linear-gradient(0deg,transparent 0,transparent 7px,var(--fiber-b)7px,var(--fiber-b)8px);opacity:.33;position:fixed;inset:0}.appShell{z-index:1;max-width:1220px;margin:0 auto;padding:2.2rem 1.1rem 3rem;position:relative}.ambientGlow{pointer-events:none;background:radial-gradient(440px 230px at 16% 18%,var(--ambient-1),transparent 75%),radial-gradient(500px 260px at 76% 26%,var(--ambient-2),transparent 72%),radial-gradient(300px 180px at 50% 84%,var(--ambient-3),transparent 74%);mix-blend-mode:multiply;opacity:.32;filter:blur(14px);position:absolute;inset:0}.heroBlock,.recordList,.viewerPanel{z-index:1;background:var(--panel);border:1px solid var(--line);box-shadow:0 1px 0 var(--panel-inset)inset,0 12px 28px var(--panel-shadow);position:relative}.heroBlock:before,.recordList:before,.viewerPanel:before{content:"";pointer-events:none;opacity:.4;background:radial-gradient(circle at 20% 12%,#ffffff59,#0000 36%),repeating-linear-gradient(90deg,#534f4809 0 1px,#0000 1px 6px);position:absolute;inset:0}.heroBlock{border-radius:14px;padding:1.3rem 1.45rem 1.2rem}.brand{letter-spacing:.16em;text-transform:uppercase;color:var(--seal);margin:0;font-size:.78rem;font-weight:700}h1{color:var(--ink-900);margin:.3rem 0 .5rem;font-size:clamp(1.6rem,2.8vw,2.35rem);font-weight:620}.controlRow{justify-content:flex-end;align-items:center;gap:.55rem;margin:.2rem 0 .75rem;display:flex}.docsLink{border:1px solid var(--line);background:var(--panel-strong);color:var(--ink-700);letter-spacing:.03em;border-radius:999px;padding:.35rem .72rem;font-family:Avenir Next,Segoe UI,Noto Sans SC,PingFang SC,sans-serif;font-size:.78rem;text-decoration:none}.docsLink:hover{color:var(--ink-900);border-color:var(--seal)}.toggleGroup{border:1px solid var(--line);background:var(--panel-strong);border-radius:999px;display:inline-flex;overflow:hidden}.switchBtn{color:var(--ink-500);letter-spacing:.03em;cursor:pointer;background:0 0;border:0;padding:.35rem .72rem;font-size:.78rem}.switchBtn.active{color:var(--ink-900);background:var(--seal-soft)}.switchBtn:hover{color:var(--ink-900)}.searchLabel{color:var(--ink-500);margin:0 0 .35rem;font-size:.89rem;display:block}.searchInput{border:1px solid var(--search-border);background:var(--search-bg);width:100%;color:var(--ink-900);border-radius:9px;padding:.76rem .9rem;font-size:1rem}.searchInput::placeholder{color:var(--search-placeholder)}.searchInput:focus-visible{outline:2px solid var(--seal-soft);outline-offset:1px;border-color:var(--search-focus-border)}.statusLine{color:var(--ink-500);margin:.56rem 0 0;font-size:.86rem}.contentGrid{z-index:1;grid-template-columns:minmax(212px,296px) 1fr;gap:.95rem;margin-top:1rem;display:grid;position:relative}.contentGrid>*,.recordRail{min-width:0}.recordList{border-radius:12px;gap:.48rem;max-height:605px;padding:.68rem .68rem .68rem 1rem;scroll-padding-left:1rem;display:grid;overflow:auto}.recordListHint{display:none}.recordButton{cursor:pointer;background:var(--panel-strong);border:1px solid var(--line-soft);min-height:86px;color:var(--ink-700);text-align:left;border-radius:8px;align-items:center;padding:.62rem .72rem .62rem 1.36rem;transition:transform .18s,border-color .18s,background .18s;display:flex}.recordButton:hover{border-color:#28262252;transform:translateY(-1px)}.recordButton.isActive{border-color:var(--record-active-border);box-shadow:inset 0 0 0 1px var(--record-active-ring);background:var(--record-active-bg)}.recordButton.isActive .recordChar{color:var(--record-active-char)}.recordChar{color:var(--ink-900);letter-spacing:.01em;font-size:2.12rem;font-weight:650;line-height:1}.viewerPanel{border-radius:12px;padding:1rem}.recordHeader h2{color:var(--ink-900);margin:0;font-size:1.65rem;font-weight:630}.recordHeader h2 span{color:var(--ink-500);margin-left:.35rem;font-size:.94rem;font-weight:500}.recordHeader p{color:var(--ink-500);margin:.38rem 0 0}.timelineWrap{align-items:flex-start;gap:.32rem;margin-top:.95rem;padding-bottom:.28rem;display:flex;overflow-x:auto}.timelineNode{flex:none;align-items:flex-start;display:flex}.timelineArrow{color:#1e1e1c80;margin:5.45rem .2rem 0;font-size:1.34rem}.stageCard{background:var(--panel-strong);border:1px solid var(--line-soft);opacity:0;width:174px;animation:.44s forwards inkReveal;animation-delay:var(--delay,0s);border-radius:10px;padding:.65rem;transform:translateY(10px)scale(.99)}.stageGlyph,.variantGlyph{background:repeating-linear-gradient(90deg,#ffffff06 0,#ffffff06 1px,transparent 1px,transparent 6px),linear-gradient(160deg,var(--stage-surface-top),var(--stage-surface-bottom));border:1px solid #29272329;border-radius:8px;place-items:center;height:98px;display:grid}.glyphImage{object-fit:contain;width:88px;height:88px;filter:var(--glyph-filter)}.glyphExpandButton{cursor:zoom-in;background:0 0;border:0;place-items:center;width:100%;height:100%;padding:0;display:grid;position:relative}.glyphExpandIcon{border:1px solid var(--line-soft);background:var(--panel-strong);background:color-mix(in srgb,var(--panel-strong)82%,transparent);width:1.14rem;height:1.14rem;color:var(--ink-700);opacity:.72;border-radius:999px;place-items:center;font-size:.72rem;transition:opacity .14s,transform .14s;display:grid;position:absolute;top:.26rem;right:.32rem}.glyphExpandButton:hover .glyphExpandIcon,.glyphExpandButton:focus-visible .glyphExpandIcon{opacity:1;transform:scale(1.05)}.glyphExpandButton:focus-visible{outline:2px solid var(--seal-soft);outline-offset:1px}.glyphUnicode,.glyphWebfont{color:var(--ink-900);font-size:3rem;line-height:1}.stageTitle{color:var(--ink-900);margin-top:.5rem;font-size:.9rem;font-weight:650}.metaDetails{color:var(--ink-500);margin-top:.45rem;font-size:.75rem}.metaDetails summary{cursor:pointer;color:var(--seal);text-transform:uppercase;letter-spacing:.07em;font-size:.66rem}.metaDetails p{word-break:break-word;margin:.24rem 0 0}.variantsDrawer{border-top:1px dashed #1a1a183d;margin-top:.92rem;padding-top:.76rem}.variantsDrawer+.variantsDrawer{border-top:0;margin-top:.56rem;padding-top:0}.toggleVariants{cursor:pointer;border:1px solid var(--variants-btn-border);background:var(--variants-btn-bg);color:var(--variants-btn-text);border-radius:999px;padding:.44rem .84rem;font-size:.88rem;font-weight:600}.toggleVariants:hover{border-color:var(--variants-btn-border-hover)}.variantsGrid{opacity:0;grid-template-columns:repeat(auto-fill,minmax(152px,1fr));gap:.56rem;max-height:0;margin-top:.66rem;transition:max-height .28s,opacity .22s;display:grid;overflow:hidden}.variantsDrawer.open .variantsGrid{opacity:1;max-height:min(62vh,620px);padding-right:.24rem;overflow:hidden auto}.variantCard{background:var(--panel-strong);border:1px solid var(--line-soft);opacity:0;animation:.36s forwards inkReveal;animation-delay:var(--delay,0s);border-radius:9px;padding:.56rem;transform:translateY(8px)}.variantMeta{margin-top:.42rem}.variantMeta p{color:var(--ink-500);margin:.2rem 0 0;font-size:.76rem}.glyphLightbox{z-index:60;background:#0c0a0994;background:color-mix(in srgb,var(--paper-shadow)72%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.glyphLightboxPanel{border:1px solid var(--line);background:var(--panel);width:min(94vw,820px);max-height:calc(100vh - 2rem);box-shadow:0 1px 0 var(--panel-inset)inset,0 14px 40px var(--panel-shadow);border-radius:14px;padding:.9rem .9rem .76rem;position:relative;overflow:auto}.glyphLightboxClose{border:1px solid var(--line);background:var(--panel-strong);width:2rem;height:2rem;color:var(--ink-700);cursor:pointer;border-radius:999px;font-size:1.2rem;line-height:1;position:absolute;top:.5rem;right:.56rem}.glyphLightboxClose:hover{color:var(--ink-900);border-color:var(--seal)}.glyphLightboxGlyphWrap{border:1px solid var(--line-soft);background:repeating-linear-gradient(90deg,#ffffff08 0,#ffffff08 1px,transparent 1px,transparent 7px),linear-gradient(160deg,var(--stage-surface-top),var(--stage-surface-bottom));border-radius:12px;place-items:center;min-height:min(70vh,620px);margin-top:1.65rem;padding:1rem;display:grid}.glyphLightboxImage{object-fit:contain;width:min(82vw,620px);height:min(62vh,560px);filter:var(--glyph-filter)}.glyphLightboxUnicode,.glyphLightboxWebfont{color:var(--ink-900);font-size:min(52vw,18rem);line-height:1}.glyphLightboxMeta{color:var(--ink-500);word-break:break-word;margin:.62rem 0 0;font-size:.8rem}.emptyState{color:var(--ink-500);margin:0}.docsPage{z-index:1;max-width:920px;margin:0 auto;padding:2.2rem 1.1rem 3rem;position:relative}.docsCard{background:var(--panel);border:1px solid var(--line);box-shadow:0 1px 0 var(--panel-inset)inset,0 12px 28px var(--panel-shadow);border-radius:14px;padding:1.4rem 1.45rem}.docsCard h1{margin:.2rem 0 .45rem}.docsLead{color:var(--ink-500);margin:0}.docsSection{margin-top:1.08rem}.docsSection h2{color:var(--ink-900);margin:0 0 .45rem;font-size:1.06rem}.docsSection p,.docsSection li{color:var(--ink-700)}.docsSection ul,.docsSection ol{margin:0;padding-left:1.25rem}.docsSection pre{border:1px solid var(--line-soft);background:var(--panel-strong);border-radius:9px;margin:.5rem 0 0;padding:.62rem .72rem;overflow-x:auto}.docsSection code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.82rem}.docsBack{margin:1.2rem 0 0}.docsBack a{color:var(--seal);font-weight:600;text-decoration:none}.docsBack a:hover{text-decoration:underline}@keyframes inkReveal{to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:920px){.controlRow{flex-wrap:wrap;justify-content:flex-start}.contentGrid{grid-template-columns:1fr}.recordList{width:100%;min-width:0;max-width:100%;max-height:unset;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;display:flex;overflow:auto hidden}.recordButton{scroll-snap-align:start;flex:none;min-width:min(70vw,196px);min-height:74px;padding:.56rem .72rem .56rem 1.18rem}.recordListHint{color:var(--ink-500);letter-spacing:.01em;margin:.32rem 0 .06rem;padding-left:.16rem;font-size:.78rem;display:block}.viewerPanel{padding:.86rem}.timelineWrap{gap:.18rem}.stageCard{width:148px;padding:.56rem}.stageGlyph,.variantGlyph{height:86px}.glyphImage{width:74px;height:74px}.glyphUnicode,.glyphWebfont{font-size:2.42rem}.timelineArrow{margin-top:4.92rem}.variantsDrawer.open .variantsGrid{max-height:min(52vh,460px)}.glyphLightbox{padding:.7rem}.glyphLightboxPanel{width:100%;max-height:calc(100vh - 1.4rem);padding:.68rem .68rem .6rem}.glyphLightboxGlyphWrap{min-height:min(66vh,460px);padding:.72rem}.glyphLightboxImage{width:min(86vw,440px);height:min(58vh,420px)}}