.top-bar[data-v-bb85d4c4]{position:fixed;top:12px;left:12px;right:12px;z-index:200;height:var(--header-h);display:flex;align-items:center;gap:10px;padding:0 16px;border:1px solid rgba(0,0,0,.08);border-radius:22px;background:#fbf8f3d1;box-shadow:var(--shadow-sm);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.tb-logo[data-v-bb85d4c4]{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.logo-mark[data-v-bb85d4c4]{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 10px 22px #00000014}.logo-copy[data-v-bb85d4c4]{display:grid;gap:2px}.logo-text[data-v-bb85d4c4]{font-size:14px;font-weight:700;letter-spacing:.02em;color:var(--text)}.logo-sub[data-v-bb85d4c4]{font-size:11px;color:var(--text-light);line-height:1}.tb-nav[data-v-bb85d4c4]{display:flex;align-items:center;gap:4px;margin-left:10px;padding:4px;border-radius:999px;background:#00000008}.tb-nav-link[data-v-bb85d4c4]{padding:8px 12px;border-radius:999px;font-size:12px;font-weight:520;color:var(--text-light);text-decoration:none;transition:color .14s,background .14s}.tb-nav-link[data-v-bb85d4c4]:hover{color:var(--text);background:#ffffffeb}.hide-mobile[data-v-bb85d4c4]{display:none}.tb-spacer[data-v-bb85d4c4]{flex:1}.tb-stat[data-v-bb85d4c4],.tb-badge[data-v-bb85d4c4]{display:flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:999px;font-size:12px;background:#ffffffd1;border:1px solid var(--border);color:var(--text-light)}.tb-badge.role[data-v-bb85d4c4]{font-weight:700;color:var(--text)}.tb-stat[data-v-bb85d4c4]{font-weight:700}.tb-badge-name[data-v-bb85d4c4]{max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-logout[data-v-bb85d4c4]{min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-light);font-size:12px;font-weight:520;cursor:pointer;transition:color .14s,border-color .14s,background .14s}.tb-logout[data-v-bb85d4c4]:hover{color:var(--text);background:#0000000a}@media (min-width: 1100px){.top-bar[data-v-bb85d4c4]{top:14px;left:18px;right:18px;padding:0 20px}.hide-mobile[data-v-bb85d4c4]{display:flex}}@media (max-width: 720px){.logo-sub[data-v-bb85d4c4]{display:none}}.tab-bar[data-v-adfd443e]{position:fixed;left:14px;right:14px;bottom:14px;z-index:100;height:var(--tabbar-h);display:flex;align-items:center;gap:4px;padding:8px;border:1px solid rgba(0,0,0,.08);border-radius:24px;background:#ffffffdb;box-shadow:var(--shadow-md);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.tab[data-v-adfd443e]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:56px;padding:8px 4px;border-radius:18px;text-decoration:none;transition:background .14s,opacity .14s,transform .14s;opacity:.52;min-width:0}.tab.active[data-v-adfd443e]{opacity:1;background:#111}.tab[data-v-adfd443e]:not(.active):hover{opacity:.8;background:#0000000a}.tab-label[data-v-adfd443e]{font-size:10px;font-weight:540;letter-spacing:-.08px;color:var(--text-light);white-space:nowrap}.tab.active .tab-label[data-v-adfd443e]{color:#fff;font-weight:600}@media (min-width: 900px){.tab-bar[data-v-adfd443e]{top:calc(var(--header-h) + 20px);left:18px;right:auto;bottom:18px;width:var(--sidebar-w);height:auto;flex-direction:column;align-items:stretch;padding:12px;gap:4px;overflow-y:auto;border-radius:24px;background:#ffffffc7}.tab[data-v-adfd443e]{flex:none;flex-direction:row;justify-content:flex-start;gap:0;min-height:42px;padding:0 12px;border-radius:16px;opacity:1}.tab[data-v-adfd443e]:not(.active):hover{background:#0000000a;opacity:1}.tab.active[data-v-adfd443e]{background:#111}.tab-label[data-v-adfd443e]{font-size:13px;font-weight:500;letter-spacing:-.1px;color:var(--text-light)}.tab.active .tab-label[data-v-adfd443e]{color:#fff;font-weight:600}}.xp-overlay[data-v-7dcbe8f8]{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:none}.xp-pop[data-v-7dcbe8f8]{min-height:64px;padding:0 24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:34px;font-weight:800;letter-spacing:-.04em;color:#111;background:linear-gradient(180deg,#fffffff5,#f8f3e0fa);border:1px solid rgba(209,160,51,.24);box-shadow:0 22px 50px #00000024;animation:xpPop 1.5s ease-out forwards}.fade-enter-active,.fade-leave-active{transition:opacity .15s}.fade-enter-from,.fade-leave-to{opacity:0}.app-layout{display:flex;min-height:100vh}.app-content{flex:1;min-width:0}@media (min-width:900px){.app-content.has-sidebar{margin-left:calc(var(--sidebar-w) + 18px)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font:inherit}input{font:inherit}ul,ol{list-style:none}img{display:block;max-width:100%}:root{--accent: #111111;--accent-hover: #000000;--accent-dim: rgba(17,17,17,.07);--accent-text: #111111;--bg-base: #fbfbf8;--bg-surface: #ffffff;--bg-elevated: #f5f5f1;--bg-overlay: #efefe8;--bg-hover: rgba(0,0,0,.035);--bg-active: rgba(0,0,0,.06);--text: #101010;--text-light: #5e5d57;--text-muted: #8f8b82;--border: rgba(0,0,0,.08);--border-strong: rgba(0,0,0,.14);--border-focus: rgba(17,17,17,.82);--green: #2fb46c;--green-dark: #17824a;--green-light: rgba(47,180,108,.12);--blue: #2383e2;--blue-dark: #0d62b3;--blue-light: rgba(35,131,226,.12);--orange: #ff9f0a;--orange-dark: #d67c00;--orange-light: rgba(255,159,10,.12);--purple: #7c5cff;--purple-dark: #5938e8;--purple-light: rgba(124,92,255,.12);--red: #e5484d;--red-dark: #b43035;--red-light: rgba(229,72,77,.12);--gold: #d1a033;--gold-dark: #9f7516;--gold-light: rgba(209,160,51,.12);--pink: #d84f9f;--pink-dark: #ac2f7b;--pink-light: rgba(216,79,159,.12);--primary: var(--accent);--primary-dark: var(--accent-hover);--primary-light: var(--accent-dim);--white: #ffffff;--black: #000000;--glass-dark: rgba(255,255,255,.76);--glass-light: rgba(255,255,255,.9);--gray: rgba(0,0,0,.08);--gray-dark: rgba(0,0,0,.22);--gray-bg: #f3f3ee;--gray-100: rgba(0,0,0,.025);--gray-200: rgba(0,0,0,.06);--gray-400: rgba(0,0,0,.18);--gray-600: rgba(0,0,0,.48);--bg-card: var(--bg-surface);--bg-section: var(--bg-elevated);--font-primary: "Segoe UI Variable", "SF Pro Display", "PingFang SC", "Noto Sans SC", sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", "SF Mono", "Menlo", monospace;--ls-display: -1.32px;--ls-heading: -.72px;--ls-subhead: -.24px;--ls-body: -.14px;--ls-mono: .54px;--radius-pill: 999px;--radius-circle: 50%;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 18px;--radius: 14px;--radius-full: 999px;--radius-xl: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--header-h: 64px;--tabbar-h: 74px;--sidebar-w: 248px;--max-w: 1160px;--pc-content-max: 1180px;--depth: 3px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05), 0 14px 30px rgba(0,0,0,.02);--shadow-md: 0 10px 30px rgba(0,0,0,.06), 0 2px 10px rgba(0,0,0,.03);--shadow-lg: 0 28px 72px rgba(0,0,0,.08), 0 10px 24px rgba(0,0,0,.04);--shadow-card: var(--shadow-sm);--grad-hero: linear-gradient(135deg, #46d26f 0%, #f4d63d 28%, #9260ff 62%, #ff6eb6 100%);--grad-hero-2: linear-gradient(145deg, #f3ffd7 0%, #ffffff 35%, #eef2ff 65%, #fff0f8 100%);--grad-green: linear-gradient(135deg, #3ecf72 0%, #1f9d57 100%);--grad-blue: linear-gradient(135deg, #2f95ff 0%, #1669d4 100%);--grad-orange: linear-gradient(135deg, #ffb020 0%, #f18700 100%);--grad-purple: linear-gradient(135deg, #8a68ff 0%, #5e44f8 100%);--grad-gold: linear-gradient(135deg, #e2bc53 0%, #b88718 100%);--grad-path: linear-gradient(180deg, #3ecf72 0%, #2f95ff 48%, #8a68ff 100%);--dark: #111116;--dark-surface: #171720;--dark-border: rgba(255,255,255,.1);--dark-text: #f4f4f7;--dark-text-light: rgba(255,255,255,.68);--text-primary: var(--text);--text-secondary: var(--text-light);--dopa-cyan: var(--blue);--dopa-orange: var(--orange);--dopa-green: var(--green);--dopa-pink: var(--pink);--dopa-red: var(--red);--dopa-yellow: var(--gold);--dopa-magenta: var(--purple);--dopa-blue: var(--blue);--dopa-purple: var(--purple);--metal-gold-solid: var(--gold);--metal-gold: var(--grad-gold);--accent-cyan: var(--blue);--accent-green: var(--green);--accent-orange: var(--orange);--accent-pink: var(--pink);--space-surface: var(--bg-elevated);--primary-bg: var(--accent-dim);--grad-warm: var(--grad-orange);--grad-cool: var(--grad-purple);--grad-success: var(--grad-green);--grad-rainbow: var(--grad-hero);--grad-candy: linear-gradient(135deg, #ff8ec7 0%, #9260ff 100%);--shadow-purple: 0 18px 42px rgba(124,92,255,.18);--shadow-cyan: 0 18px 42px rgba(35,131,226,.18);--shadow-pink: 0 18px 42px rgba(216,79,159,.18);--shadow-gold: 0 18px 42px rgba(209,160,51,.18)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{min-height:100%}html{background:var(--bg-base)}body{background:radial-gradient(circle at top left,rgba(70,210,111,.09) 0%,transparent 26%),radial-gradient(circle at 82% 14%,rgba(146,96,255,.08) 0%,transparent 22%),linear-gradient(180deg,#fff,#fbfbf8 48%,#f6f6f1);color:var(--text);font-family:var(--font-primary);font-size:15px;line-height:1.55;letter-spacing:var(--ls-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a,button,input,textarea,select{font:inherit}h1{font-size:clamp(2.4rem,5vw,4.9rem);font-weight:500;line-height:1.02;letter-spacing:var(--ls-display)}h2{font-size:clamp(1.7rem,3vw,2.6rem);font-weight:540;line-height:1.08;letter-spacing:var(--ls-heading)}h3{font-size:1.12rem;font-weight:600;letter-spacing:var(--ls-subhead)}h4{font-size:.95rem;font-weight:600;letter-spacing:var(--ls-subhead)}.mono-label{font-family:var(--font-mono);font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:var(--ls-mono);color:var(--text-muted)}:focus-visible{outline:2px dashed var(--border-focus);outline-offset:3px}.container{max-width:var(--max-w);margin:0 auto;padding:0 20px}.page{min-height:100vh;padding:calc(var(--header-h) + 22px) 0 calc(var(--tabbar-h) + 26px)}@media (min-width: 900px){.container{max-width:var(--pc-content-max);padding:0 32px}.page{padding:calc(var(--header-h) + 28px) 0 40px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border-radius:var(--radius-pill);border:1px solid transparent;background:transparent;color:var(--text);font-size:13px;font-weight:540;line-height:1;letter-spacing:-.12px;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:transform .14s ease,background .14s ease,color .14s ease,border-color .14s ease,box-shadow .18s ease,opacity .14s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0);opacity:.9}.btn:disabled{opacity:.38;cursor:not-allowed;transform:none}.btn-primary,.btn-green{background:var(--black);color:var(--white);border-color:var(--black);box-shadow:0 10px 20px #00000014}.btn-primary:hover,.btn-green:hover{background:#000;border-color:#000;box-shadow:0 14px 28px #0000001f}.btn-white,.btn-secondary,.btn-ghost,.btn-glass{background:#ffffffc2;color:var(--text);border-color:var(--border);box-shadow:inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-white:hover,.btn-secondary:hover,.btn-ghost:hover,.btn-glass:hover{background:var(--white);border-color:var(--border-strong)}.btn-blue{background:#2383e214;color:var(--blue);border-color:#2383e22e}.btn-blue:hover{background:#2383e221}.btn-orange{background:#ff9f0a14;color:var(--orange);border-color:#ff9f0a2e}.btn-orange:hover{background:#ff9f0a21}.btn-purple{background:#7c5cff14;color:var(--purple);border-color:#7c5cff2e}.btn-purple:hover{background:#7c5cff21}.btn-red{background:#e5484d14;color:var(--red);border-color:#e5484d2e}.btn-red:hover{background:#e5484d21}.btn-gold{background:#d1a03314;color:var(--gold-dark);border-color:#d1a0332e}.btn-gold:hover{background:#d1a03321}.btn-accent{background:var(--accent-dim);color:var(--accent-text);border-color:#1111111a}.btn-accent:hover{background:#1111111a}.btn-sm{height:30px;padding:0 12px;font-size:12px}.btn-lg{height:42px;padding:0 18px;font-size:14px;font-weight:600}.btn-xl{height:48px;padding:0 22px;font-size:15px;font-weight:600}.btn-block{width:100%}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-circle)}.card,.card-3d{background:#ffffffd6;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card-dark{background:linear-gradient(180deg,#151518f5,#0f0f12fa);border:1px solid rgba(255,255,255,.08);border-radius:calc(var(--radius-lg) + 2px);padding:20px;color:var(--dark-text);box-shadow:var(--shadow-lg)}.sbadge{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 12px;border-radius:var(--radius-pill);border:1px solid var(--border);background:#ffffffb8;color:var(--text-muted);font-family:var(--font-mono);font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:var(--ls-mono)}.sbadge-white{background:#ffffff1f;color:#ffffffc7;border-color:#ffffff38}.stitle{color:var(--text);margin-bottom:8px}.stitle.text-white{color:#fff}.ssub{font-size:.98rem;color:var(--text-light);line-height:1.7}.ssub.text-white-60{color:#ffffffa6}.t-accent{color:var(--green-dark)}.glow-bar{height:6px;background:#0000000f;border-radius:999px;overflow:hidden}.glow-fill{height:100%;border-radius:999px;transition:width .6s ease;background:var(--grad-path)}hr,.divider{border:none;border-top:1px solid var(--border);margin:16px 0}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-green{background:var(--green)}.dot-blue{background:var(--blue)}.dot-orange{background:var(--orange)}.dot-gray{background:var(--text-muted)}.dot-purple{background:var(--purple)}.dot-red{background:var(--red)}.hide-mobile{display:block}@media (max-width: 768px){.hide-mobile{display:none}}.rainbow-text{background:var(--grad-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#0003}@keyframes xpPop{0%{opacity:0;transform:scale(.7) translateY(26px)}28%{opacity:1;transform:scale(1.03) translateY(-8px)}62%{opacity:1;transform:scale(1) translateY(-28px)}to{opacity:0;transform:scale(.92) translateY(-86px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 #2fb46c00}50%{box-shadow:0 0 0 10px #2fb46c14}}