.demo-hub[data-v-75f1b244]{color:#f0e8d0;background:#090d14;min-height:100vh;font-family:ArkPixel,monospace;display:flex}.demo-hub__sidebar[data-v-75f1b244]{z-index:100;background:#0d1520;border-right:2px solid #ffd70026;flex-direction:column;width:200px;height:100vh;transition:transform .2s;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:4px 0 20px #00000080}@media (width>=768px){.demo-hub__sidebar[data-v-75f1b244]{flex-shrink:0;position:sticky;transform:none}}.demo-hub__sidebar--open[data-v-75f1b244]{transform:translate(0)}.demo-hub__overlay[data-v-75f1b244]{z-index:99;background:#090d14b3;position:fixed;inset:0}@media (width>=768px){.demo-hub__overlay[data-v-75f1b244]{display:none}}.sidebar-header[data-v-75f1b244]{background:linear-gradient(135deg,#0d1520 0%,#b8420a40 100%);border-bottom:1px solid #ffd70026;flex-direction:column;gap:4px;padding:16px;display:flex}.sidebar-logo[data-v-75f1b244]{color:gold;text-shadow:0 0 8px #ffd700cc;font-size:1rem}.sidebar-sub[data-v-75f1b244]{color:#6890b0;font-size:.625rem}.sidebar-nav[data-v-75f1b244]{flex:1;padding:8px 0}.nav-group+.nav-group[data-v-75f1b244]{border-top:1px solid #ffd70014;margin-top:4px;padding-top:4px}.nav-group-label[data-v-75f1b244]{color:#6890b0;letter-spacing:.08em;opacity:.7;padding:16px 16px 8px;font-size:.625rem}.nav-item[data-v-75f1b244]{text-align:left;color:#6890b0;cursor:pointer;background:0 0;border:none;width:100%;padding:8px 16px;font-family:ArkPixel,monospace;font-size:.75rem;transition:color .15s,background .15s;display:block}.nav-item[data-v-75f1b244]:active{background:#e8621a26}.nav-item--active[data-v-75f1b244]{color:gold;background:#ffd7001a;border-left:2px solid gold;padding-left:14px}.demo-hub__main[data-v-75f1b244]{background:#12202e;flex-direction:column;flex:1;min-width:0;display:flex}.demo-hub__topbar[data-v-75f1b244]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0d1520f2;border-bottom:1px solid #ffd70033;align-items:center;gap:16px;padding:8px 16px;display:flex;position:sticky;top:0}.topbar-toggle[data-v-75f1b244]{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:4px;display:flex}@media (width>=768px){.topbar-toggle[data-v-75f1b244]{display:none}}.toggle-bar[data-v-75f1b244]{background:#f0e8d0;border-radius:1px;width:18px;height:2px;display:block}.topbar-title[data-v-75f1b244]{color:gold;font-size:.875rem}.demo-hub__content[data-v-75f1b244]{box-sizing:border-box;flex:1;width:100%;max-width:900px;margin:0 auto;padding:24px 16px}body{color:#f0e8d0;background:#090d14;font-family:ArkPixel,monospace}@font-face{font-family:ArkPixel;src:url(/assets/ark-pixel-12px-monospaced-zh_cn.otf-CKPllN_0.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{color:#f0e8d0;min-height:100vh;image-rendering:pixelated;-webkit-font-smoothing:none;font-smooth:never;background-color:#090d14;font-family:ArkPixel,Noto Sans SC,system-ui,sans-serif;font-size:.875rem;line-height:1.6}a{color:#f5923a;text-decoration:none}