:root{--bg: #0d0c0b;--bg-raised: #161412;--bg-sunk: #090808;--line: #262220;--line-soft: #1c1917;--fg: #ece6dd;--fg-muted: #9a9088;--fg-faint: #857d75;--accent: #c9975c;--accent-soft: rgba(201, 151, 92, .14);--green: #7faa7f;--amber: #c9975c;--blue: #7c9bb8;--grey: #8a837b;--mono: ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Consolas, "PingFang SC", "Microsoft YaHei", monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--fs-label: 12px;--fs-aux: 14px;--fs-body: 16px;--fs-head: 18px;--fs-num: 21px;--fs-page: 28px;--lh-tight: 1.35;--lh-base: 1.7;--lh-prose: 1.8;--lh-code: 1.6;--measure: 40em;--sidebar-w: 264px;--radius: 10px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:var(--fs-body);line-height:var(--lh-base);-webkit-font-smoothing:antialiased}*{scrollbar-width:thin;scrollbar-color:#2e2a27 transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#2b2724;border-radius:6px;border:2px solid var(--bg)}*::-webkit-scrollbar-thumb:hover{background:#3d3733}*::-webkit-scrollbar-corner{background:transparent}a{color:inherit;text-decoration:none}::selection{background:var(--accent-soft)}.shell{display:flex;min-height:100%}.sidebar{width:var(--sidebar-w);flex:none;border-right:1px solid var(--line);background:var(--bg-sunk);position:sticky;top:0;height:100vh;overflow-y:auto;padding:24px 0 40px}.main{flex:1;min-width:0;padding:40px 52px 96px;max-width:1720px}.brand{padding:0 22px 20px;border-bottom:1px solid var(--line-soft);margin-bottom:18px}.brand-name{font-size:var(--fs-body);letter-spacing:.01em;color:var(--fg)}.brand-sub{font-size:var(--fs-label);color:var(--fg-faint);margin-top:3px;font-family:var(--mono)}.search{margin:0 22px 20px;display:block;width:calc(100% - 44px);background:var(--bg-raised);border:1px solid var(--line);border-radius:7px;color:var(--fg);padding:8px 12px;font-family:var(--mono);font-size:var(--fs-body);line-height:var(--lh-base)}.search:focus{outline:none;border-color:var(--accent)}.search::placeholder{color:var(--fg-faint)}.cat-group{margin-bottom:4px}.cat-head{display:flex;align-items:baseline;gap:8px;padding:14px 22px 6px}.cat-head .n{font-size:var(--fs-aux);color:var(--fg);letter-spacing:0}.cat-head .c{font-size:var(--fs-label);color:var(--fg-faint);font-family:var(--mono)}.item{display:flex;align-items:center;gap:8px;padding:8px 22px 8px 30px;color:var(--fg-muted);font-size:var(--fs-aux);border-left:2px solid transparent}.item:hover{color:var(--fg);background:#ffffff05}.item.on{color:var(--fg);border-left-color:var(--accent);background:var(--accent-soft)}.item .dot{width:5px;height:5px;border-radius:50%;flex:none}.tag-owner{font-size:var(--fs-label);font-family:var(--mono);padding:2px 7px;border-radius:4px;border:1px solid;white-space:nowrap;letter-spacing:0}.prov{display:inline-flex;align-items:center;gap:6px;flex:none}.tag-src{font-size:var(--fs-label);font-family:var(--mono);color:var(--fg-faint);white-space:nowrap;letter-spacing:.02em}.o-green{color:var(--green);border-color:#7faa7f57}.o-amber{color:var(--amber);border-color:#c9975c57}.o-blue{color:var(--blue);border-color:#7c9bb857}.o-grey{color:var(--grey);border-color:#7a736c57}.d-green{background:var(--green)}.d-amber{background:var(--amber)}.d-blue{background:var(--blue)}.d-grey{background:var(--grey)}.page-head{margin-bottom:40px}.page-head h1{font-size:var(--fs-page);font-weight:500;line-height:var(--lh-tight);letter-spacing:0;margin:0 0 10px}.page-head p{color:var(--fg-muted);margin:0;max-width:var(--measure);line-height:var(--lh-prose)}.stat-row{display:flex;gap:28px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line-soft);flex-wrap:wrap}.stat .v{font-size:var(--fs-num);font-family:var(--mono);line-height:var(--lh-tight);color:var(--fg)}.stat .k{font-size:var(--fs-label);color:var(--fg-faint);line-height:var(--lh-base);margin-top:2px}.sec{margin-bottom:44px}.sec-head{display:flex;align-items:baseline;gap:10px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--line-soft)}.sec-head h2{font-size:var(--fs-head);font-weight:500;line-height:var(--lh-tight);margin:0}.sec-head .hint{font-size:var(--fs-label);color:var(--fg-faint)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:16px}.card{display:block;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);padding:16px;transition:border-color .14s ease,transform .14s ease}.card:hover{border-color:#3a3330;transform:translateY(-1px)}.card-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 8px;margin-bottom:6px}.card-name{font-size:var(--fs-body);color:var(--fg);flex:1 1 auto;min-width:0}.card-desc{font-size:var(--fs-aux);color:var(--fg-muted);line-height:var(--lh-base);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-foot{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:var(--fs-label);font-family:var(--mono);color:var(--fg-faint)}.badge-live{color:var(--green);border:1px solid rgba(127,170,127,.3);border-radius:4px;padding:1px 6px;font-size:var(--fs-label)}.chroma-wall{position:relative;--x: 50%;--y: 50%;--r: 340px}.chroma-overlay,.chroma-fade{position:absolute;inset:0;pointer-events:none;backdrop-filter:grayscale(.82) brightness(.88);-webkit-backdrop-filter:grayscale(.82) brightness(.88);background:#0000}.chroma-overlay{z-index:3;mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 0%,transparent 18%,rgba(0,0,0,.12) 34%,rgba(0,0,0,.26) 50%,rgba(0,0,0,.42) 66%,rgba(0,0,0,.62) 82%,#000 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 0%,transparent 18%,rgba(0,0,0,.12) 34%,rgba(0,0,0,.26) 50%,rgba(0,0,0,.42) 66%,rgba(0,0,0,.62) 82%,#000 100%)}.chroma-fade{z-index:4;opacity:1;transition:opacity .25s ease;mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),#fff 0%,#fff 18%,rgba(255,255,255,.88) 34%,rgba(255,255,255,.74) 50%,rgba(255,255,255,.58) 66%,rgba(255,255,255,.38) 82%,transparent 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),#fff 0%,#fff 18%,rgba(255,255,255,.88) 34%,rgba(255,255,255,.74) 50%,rgba(255,255,255,.58) 66%,rgba(255,255,255,.38) 82%,transparent 100%)}@media (prefers-reduced-motion: reduce){.chroma-overlay,.chroma-fade{display:none}.card,.gcard,.gcard:before{transition:none}.card:hover,.gcard:hover{transform:none}.gcard:hover:before{opacity:0}}.seg{display:inline-flex;border:1px solid var(--line);border-radius:7px;overflow:hidden}.seg button{font-family:var(--sans);font-size:var(--fs-aux);padding:7px 14px;background:transparent;border:0;color:var(--fg-muted);cursor:pointer;line-height:var(--lh-base)}.seg button:hover{color:var(--fg)}.seg button.on{background:var(--accent-soft);color:var(--fg)}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(292px,1fr));gap:16px}.gcard{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:linear-gradient(158deg,var(--tint, #232020) 0%,var(--bg-raised) 62%);overflow:hidden;transition:border-color .24s ease,transform .16s ease}.gcard:hover{border-color:var(--tint-line, #3a3330);transform:translateY(-2px)}.gcard:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .42s ease;background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.11),transparent 62%)}.gcard:hover:before{opacity:1}.t-green{--tint: #1d2a1f;--tint-line: rgba(127,170,127,.5)}.t-amber{--tint: #2c2318;--tint-line: rgba(201,151,92,.5)}.t-blue{--tint: #1a232b;--tint-line: rgba(124,155,184,.5)}.t-grey{--tint: #232120;--tint-line: rgba(122,115,108,.45)}.thumb{position:relative;aspect-ratio:16 / 10;background:var(--bg-sunk);border-bottom:1px solid var(--line-soft);overflow:hidden}.thumb iframe{position:absolute;top:0;left:0;width:250%;height:250%;border:0;transform-origin:top left;transform:scale(.4)}.thumb-veil{position:absolute;inset:0}.thumb-hold{position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent,transparent 7px,rgba(255,255,255,.014) 7px,rgba(255,255,255,.014) 14px)}.thumb--live{background-image:repeating-linear-gradient(-45deg,transparent,transparent 7px,rgba(255,255,255,.014) 7px,rgba(255,255,255,.014) 14px)}.thumb-code{position:absolute;inset:0;padding:12px 13px;overflow:hidden}.thumb-code pre{margin:0;font-family:var(--mono);font-size:10px;line-height:1.55;color:#6f675f;white-space:pre;overflow:hidden}.thumb-code-fade{position:absolute;inset:auto 0 0;height:62%;background:linear-gradient(transparent,var(--bg-sunk) 88%)}.thumb-code-tag{position:absolute;left:13px;bottom:10px;font-family:var(--mono);font-size:var(--fs-label);color:var(--fg-faint);letter-spacing:.02em}.thumb-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--fg-faint);font-size:var(--fs-aux)}.gcard-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}.gcard-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 8px;margin-bottom:6px}.gcard-name{font-size:var(--fs-body);color:var(--fg);flex:1 1 auto;min-width:0}.gcard-desc{font-size:var(--fs-aux);color:var(--fg-muted);line-height:var(--lh-base);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.gcard-foot{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:var(--fs-label);font-family:var(--mono);color:var(--fg-faint)}.crumb{font-size:var(--fs-aux);font-family:var(--mono);color:var(--fg-faint);margin-bottom:14px}.crumb a{display:inline-block;padding:8px 6px;margin:-8px -6px}.crumb a:hover{color:var(--accent)}.detail-head h1{font-size:var(--fs-page);font-weight:500;line-height:var(--lh-tight);margin:0 0 8px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.detail-desc{color:var(--fg-muted);line-height:var(--lh-prose);margin:0 0 20px}.blocks{display:flex;flex-direction:column;gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);border-radius:var(--radius);overflow:hidden;margin-bottom:26px}.blk{background:var(--bg-raised);padding:15px 18px}.blk-k{font-size:var(--fs-label);font-weight:400;color:var(--fg-faint);font-family:var(--mono);letter-spacing:.02em;line-height:var(--lh-base);margin:0 0 9px}.blk-v{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--fg-muted);font-size:var(--fs-aux)}.blk-rows{display:grid;grid-template-columns:max-content 1fr;gap:7px 18px;margin:0;font-size:var(--fs-aux)}.blk-rows dt{color:var(--fg-faint)}.blk-rows dd{margin:0;color:var(--fg);word-break:break-word}.blk-rows dd a{border-bottom:1px solid var(--line)}.blk-rows dd a:hover{color:var(--accent);border-color:var(--accent)}.notes{padding:0;margin:0;list-style:none;columns:26em;column-gap:44px}.notes li{break-inside:avoid}.notes li{color:var(--fg-muted);margin-bottom:8px;font-size:var(--fs-body);line-height:var(--lh-prose)}.notes li:last-child{margin-bottom:0}.block-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:30px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line-soft)}.block-head h2{font-size:var(--fs-head);font-weight:500;line-height:var(--lh-tight);margin:0}.frame-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#000}.frame-wrap iframe{display:block;width:100%;height:560px;min-height:320px;border:0;transition:height .18s ease}.frame-note{font-size:var(--fs-aux);line-height:var(--lh-base);color:var(--fg-faint);font-family:var(--mono);margin-top:7px}.tabs{display:flex;gap:2px;flex-wrap:wrap;margin-bottom:-1px}.tab{font-family:var(--mono);font-size:var(--fs-aux);padding:8px 12px;color:var(--fg-muted);background:transparent;border:1px solid transparent;border-radius:7px 7px 0 0;cursor:pointer;line-height:var(--lh-base)}.tab:hover{color:var(--fg)}.tab.on{color:var(--fg);background:var(--bg-sunk);border-color:var(--line);border-bottom-color:var(--bg-sunk)}.tab .n{color:var(--fg-faint);margin-left:6px;font-size:var(--fs-label)}.code-box{border:1px solid var(--line);border-radius:0 var(--radius) var(--radius) var(--radius);background:var(--bg-sunk);overflow:hidden}.code-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid var(--line-soft);font-family:var(--mono);font-size:var(--fs-label);color:var(--fg-faint)}.btn{font-family:var(--mono);font-size:var(--fs-aux);color:var(--fg-muted);background:var(--bg-raised);border:1px solid var(--line);border-radius:5px;padding:6px 12px;cursor:pointer;line-height:var(--lh-base)}.btn:hover{color:var(--fg);border-color:#3a3330}.btn.done{color:var(--green);border-color:#7faa7f57}pre.code{margin:0;padding:14px 16px;overflow:auto;max-height:700px;font-family:var(--mono);font-size:var(--fs-aux);line-height:var(--lh-code);color:#cfc7bd;tab-size:2}pre.code::-webkit-scrollbar{width:10px;height:10px}pre.code::-webkit-scrollbar-thumb{background:#2c2724;border-radius:5px}pre.code::-webkit-scrollbar-track{background:transparent}.hit{display:block;border-bottom:1px solid var(--line-soft);padding:9px 2px}.hit:hover{background:#ffffff05}.hit-loc{font-family:var(--mono);font-size:var(--fs-label);color:var(--accent)}.hit-txt{font-family:var(--mono);font-size:var(--fs-aux);line-height:var(--lh-code);color:var(--fg-muted);white-space:pre-wrap;word-break:break-all;margin-top:2px}.empty{color:var(--fg-muted);font-size:var(--fs-body);padding:24px 0}.item:focus-visible,.seg button:focus-visible,.tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.card:focus-visible,.gcard:focus-visible,.hit:focus-visible,.btn:focus-visible,.crumb a:focus-visible,.blk-rows dd a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.search:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.gcard:focus-visible{z-index:5}@media (max-width: 880px){.shell{flex-direction:column}.sidebar{width:100%;height:auto;position:static;border-right:0;border-bottom:1px solid var(--line)}.main{padding:26px 20px 72px}}