[data-theme=dark]{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-sidebar: #141414;--bg-topbar: rgba(15, 15, 15, .92);--bg-card: #1e1e1e;--bg-hover: rgba(255, 255, 255, .06);--border-color: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .04);--text-primary: #e0e0e0;--text-secondary: #999;--text-muted: #666;--text-inverse: #0a0a0a;--accent: #7c8aff;--accent-hover: #9ba5ff;--accent-bg: rgba(124, 138, 255, .1);--danger: #e05050;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5)}[data-theme=light]{--bg-primary: #f5f5f7;--bg-secondary: #ffffff;--bg-sidebar: #fafafa;--bg-topbar: rgba(255, 255, 255, .92);--bg-card: #ffffff;--bg-hover: rgba(0, 0, 0, .04);--border-color: rgba(0, 0, 0, .1);--border-light: rgba(0, 0, 0, .05);--text-primary: #1a1a1a;--text-secondary: #666;--text-muted: #999;--text-inverse: #fff;--accent: #5b6abf;--accent-hover: #4a58a8;--accent-bg: rgba(91, 106, 191, .08);--danger: #d04040;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1)}@font-face{font-family:Alibaba PuHuiTi;src:url(https://cdn.jsdelivr.net/npm/alibabapuhuiti-3-55-regular@1.0.0/AlibabaPuHuiTi-3-55-Regular.woff2) format("woff2");font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}.app{min-height:100%;background:#0a0a0a;color:#e0e0e0;display:flex;flex-direction:column;font-family:Alibaba PuHuiTi,"Alibaba PuHuiTi 2.0",sans-serif}.app.no-pad{background:none}.top{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a0aeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08);padding:1rem 2rem;padding-top:max(1rem,env(safe-area-inset-top))}.nav{display:flex;gap:2rem;align-items:center;max-width:1200px;margin:0 auto}.nav-links{display:flex;gap:2rem;align-items:center}.logo-link{display:flex;align-items:center;margin-right:.5rem}.logo{height:28px;width:auto;display:block;object-fit:contain}.nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0;background:none;border:none;cursor:pointer;color:#fff;border-radius:6px;transition:background .2s}.nav-burger:hover{background:#ffffff14}.burger-line{display:block;width:22px;height:2px;background:currentColor;border-radius:1px;margin:0 auto;transition:transform .2s,opacity .2s}.menu-open .burger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-open .burger-line:nth-child(2){opacity:0}.menu-open .burger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-link{color:#b0b0b0;text-decoration:none;font-size:.95rem;transition:color .2s}.nav-link:hover{color:#fff}.nav-link.active{color:#fff;font-weight:500}.nav-overlay{display:none;position:fixed;inset:0;z-index:99;background:#00000080;opacity:0;pointer-events:none;transition:opacity .25s ease}.nav-drawer{display:none;position:fixed;top:0;right:0;bottom:0;z-index:101;width:min(280px,85vw);background:#121212fa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:1px solid rgba(255,255,255,.08);padding:max(1rem,env(safe-area-inset-top)) 1.5rem 2rem;padding-top:calc(60px + max(1rem,env(safe-area-inset-top)));flex-direction:column;gap:.25rem;transform:translate(100%);transition:transform .25s ease;pointer-events:none}.drawer-link{display:flex;align-items:center;padding:.85rem .75rem;color:#b0b0b0;text-decoration:none;font-size:1rem;border-radius:8px;transition:color .2s,background .2s;min-height:44px;line-height:1.4}.drawer-link:hover{color:#fff;background:#ffffff0f}.drawer-link.active{color:#fff;font-weight:500;background:#ffffff0f}@media(max-width:768px){.nav-links{display:none}.nav-burger{display:flex;margin-left:auto}.nav-overlay{display:block}.nav-drawer{display:flex}.menu-open .nav-overlay{opacity:1;pointer-events:auto}.menu-open .nav-drawer{transform:translate(0);pointer-events:auto}body.menu-open{overflow:hidden}}@media(min-width:769px){.nav-overlay,.nav-drawer{display:none!important}}.main{flex:1;padding-top:60px}.tail{position:relative;z-index:1;background:#0a0a0aeb;border-top:1px solid rgba(255,255,255,.08);padding:.75rem 2rem;padding-bottom:max(.75rem,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.tail-links{display:flex;gap:1.5rem}.tail-link{color:#888;text-decoration:none;font-size:.85rem;transition:color .2s;padding:.5rem 0;min-height:44px;display:inline-flex;align-items:center}.tail-link:hover{color:#ccc}.copyright{font-size:.8rem;color:#666}@media(max-width:768px){.top{padding-left:1rem;padding-right:1rem}.tail{flex-direction:column;justify-content:center;text-align:center;padding-left:1rem;padding-right:1rem}.tail-links{justify-content:center}}