:root{color-scheme:dark;--ink: #ece7db;--dim: #9aa3ad;--faint: #5f6771;--gold: #d9aa5e;--gold-soft: rgba(217, 170, 94, .35);--bg: #0a0b0d;--panel: rgba(16, 19, 24, .88);--ease-out: cubic-bezier(.23, 1, .32, 1);--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--serif: Georgia, "Times New Roman", "Songti SC", serif;--sans: "Inter", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);overflow:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.hub-stage{position:fixed;inset:0;cursor:grab}.hub-stage:active{cursor:grabbing}.hub-stage canvas{display:block}.hub-mast{position:fixed;top:clamp(20px,3.5vw,40px);left:clamp(20px,3.5vw,44px);z-index:10;pointer-events:none}.hub-mast__brand{font-family:var(--serif);font-size:clamp(26px,3.4vw,40px);font-weight:700;letter-spacing:.01em;text-shadow:0 2px 18px rgba(0,0,0,.6)}.hub-mast__brand span{font-size:.45em;vertical-align:super;color:var(--gold)}.hub-mast__sub{margin-top:6px;font-family:var(--mono);font-size:11px;letter-spacing:.3em;color:var(--dim)}.hub-badge{position:fixed;top:clamp(24px,3.6vw,44px);right:clamp(20px,3.5vw,44px);z-index:10;display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid rgba(236,231,219,.12);border-radius:999px;background:#0c0e1199;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;color:var(--dim);pointer-events:none}.hub-badge__dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold);animation:hub-pulse 2.6s ease-in-out infinite}@keyframes hub-pulse{0%,to{opacity:1}50%{opacity:.35}}.hub-hint{position:fixed;bottom:clamp(18px,3vw,30px);left:50%;transform:translate(-50%);z-index:10;font-family:var(--mono);font-size:11px;letter-spacing:.22em;color:var(--faint);white-space:nowrap;pointer-events:none}.hub-panel{position:fixed;top:50%;right:clamp(16px,3.4vw,48px);transform:translateY(-50%) translate(26px);z-index:20;width:min(360px,calc(100vw - 32px));padding:26px 26px 22px;border:1px solid rgba(236,231,219,.14);border-radius:14px;background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 80px #0000008c;opacity:0;transition:opacity .26s var(--ease-out),transform .26s var(--ease-out)}.hub-panel.is-open{opacity:1;transform:translateY(-50%) translate(0)}.hub-panel__kicker{font-family:var(--mono);font-size:10.5px;letter-spacing:.24em;color:var(--gold)}.hub-panel__title{margin-top:12px;font-family:var(--serif);font-size:30px;font-weight:700;line-height:1.1}.hub-panel__zh{margin-top:4px;font-size:15px;letter-spacing:.42em;color:var(--dim)}.hub-panel__desc{margin-top:16px;font-size:13.5px;line-height:1.75;color:var(--dim)}.hub-panel__meta{margin-top:16px;padding-top:14px;border-top:1px dashed rgba(236,231,219,.14);font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;color:var(--faint)}.hub-panel__actions{margin-top:18px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.hub-panel__cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;background:var(--gold);color:#171208;font-weight:700;font-size:13.5px;border:1px solid transparent;transition:filter .18s var(--ease-out),transform .18s var(--ease-out)}.hub-panel__cta--secondary{border-color:#ece7db38;background:transparent;color:var(--ink)}.hub-panel__cta[hidden]{display:none}.hub-panel__close{margin-left:auto;padding:9px 12px;border:1px solid rgba(236,231,219,.18);border-radius:8px;background:transparent;color:var(--dim);font-size:12px;cursor:pointer;transition:color .18s var(--ease-out),border-color .18s var(--ease-out)}.hub-veil{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--bg);transition:opacity .7s ease}.hub-veil.is-done{opacity:0;pointer-events:none}.hub-veil__ring{width:44px;height:44px;border-radius:50%;border:2px solid rgba(217,170,94,.2);border-top-color:var(--gold);animation:hub-spin .9s linear infinite}@keyframes hub-spin{to{transform:rotate(360deg)}}.hub-veil__text{font-family:var(--mono);font-size:11px;letter-spacing:.3em;color:var(--faint)}.hub-fallback{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,6vw,80px);background:radial-gradient(900px 420px at 70% 10%,rgba(217,170,94,.08),transparent 60%),var(--bg)}.hub-fallback[hidden]{display:none}.hub-fallback h2{font-family:var(--serif);font-size:clamp(26px,4vw,40px)}.hub-fallback>p{margin-top:10px;color:var(--dim);font-size:14px}.hub-fallback ul{margin-top:28px;list-style:none;display:grid;gap:12px;max-width:560px}.hub-fallback li a,.hub-fallback li>span{display:flex;justify-content:space-between;gap:14px;padding:16px 18px;border:1px solid rgba(236,231,219,.12);border-radius:10px;background:#101318b3;font-size:14px}.hub-fallback li a:hover{border-color:var(--gold-soft)}.hub-fallback li b{font-family:var(--serif)}.hub-fallback li span{color:var(--faint);font-family:var(--mono);font-size:11px;letter-spacing:.12em}.hub-panel__flip{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.hub-panel__flip[hidden]{display:none}.hub-panel__pagebtn{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(236,231,219,.25);border-radius:50%;background:transparent;color:var(--ink);font-size:20px;line-height:1;cursor:pointer;transition:color .18s var(--ease-out),border-color .18s var(--ease-out)}.hub-panel__pagebtn:focus-visible{color:var(--gold);border-color:var(--gold)}@media(hover:hover)and (pointer:fine){.hub-panel__cta:hover{filter:brightness(1.08);transform:translateY(-1px)}.hub-panel__close:hover{color:var(--ink);border-color:#ece7db66}.hub-panel__pagebtn:hover{color:var(--gold);border-color:var(--gold)}}.hub-panel__pageind{font-family:var(--mono);font-size:12px;letter-spacing:.18em;color:var(--dim)}@media(max-width:720px){.hub-badge{display:none}.hub-hint{font-size:9.5px;letter-spacing:.14em}.hub-panel{inset:auto 12px 14px;width:auto;transform:translateY(24px);padding:20px}.hub-panel.is-open{transform:translateY(0)}.hub-panel__title{font-size:24px}.hub-panel__desc{font-size:12.5px}}@media(prefers-reduced-motion:reduce){.hub-badge__dot{animation:none}.hub-veil__ring{animation-duration:1.6s}.hub-panel,.hub-panel__cta{transition:none}}