.vue-echarts-container,x-vue-echarts{display:block;height:100%;min-width:0;width:100%}:root{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--bg-primary:#0a0e14;--bg-surface:#0f1318;--bg-elevated:#141a22;--bg-card:#11151c;--bg-card-hover:#161c25;--bg-input:#0d1117;--bg-overlay:rgba(13,17,23,.85);--bg-gradient:radial-gradient(ellipse 1200px 600px at 50% -200px,rgba(99,102,241,.06),transparent 60%),radial-gradient(ellipse 800px 400px at 90% 10%,rgba(239,68,68,.04),transparent 60%),linear-gradient(180deg,#0b0f15,#0a0e14);--text-primary:#f3f4f6;--text-secondary:#c5cad3;--text-muted:#8c95a4;--text-dim:#6b7280;--border-primary:hsla(0,0%,100%,.07);--border-hover:hsla(0,0%,100%,.14);--border-strong:hsla(0,0%,100%,.22);--border-accent:rgba(99,102,241,.4);--accent-red:#ef4444;--accent-red-soft:rgba(239,68,68,.15);--accent-green:#22c55e;--accent-green-soft:rgba(34,197,94,.15);--accent-blue:#3b82f6;--accent-blue-soft:rgba(59,130,246,.08);--accent-purple:#c084fc;--accent-yellow:#eab308;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--space-5xl:128px;--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text-secondary);line-height:1.6;min-height:100vh;overflow-x:hidden}a{text-decoration:none}a,button{color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}img,svg{display:block;max-width:100%}ol,ul{list-style:none}input,textarea{font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-xl)}.section{padding:var(--space-4xl) 0;position:relative}.btn{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:500;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;border-radius:var(--radius-md)}.btn-solid{padding:11px 22px;background:linear-gradient(180deg,#f5f6f8,#d8dadf);color:#0a0e14;font-weight:700;box-shadow:inset 0 1px #fff6,0 6px 16px #00000059;border:1px solid hsla(0,0%,100%,.15)}.btn-solid:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff80,0 10px 22px #00000073}.btn-outline{padding:11px 22px;border:1px solid var(--border-strong);color:var(--text-primary);background:#ffffff08;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-outline:hover{border-color:var(--border-accent);background:#6366f114}.btn-ghost{padding:8px 16px;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0a}.card{background:linear-gradient(180deg,var(--bg-card) 0,var(--bg-surface) 100%);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--duration-normal) var(--ease-out);position:relative}.card:hover{background:linear-gradient(180deg,var(--bg-card-hover) 0,var(--bg-card) 100%);border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 12px 32px #00000040,0 2px 6px #00000026}.card--lit{background:linear-gradient(180deg,#ffffff06 0,#fff0),var(--bg-card);box-shadow:inset 0 1px #ffffff0d}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:5px 14px;border-radius:var(--radius-full);border:1px solid var(--border-primary);background:#ffffff05}.vscode-window{background:#1e1e1e;border-radius:var(--radius-xl);border:1px solid #2d2d2d;overflow:hidden;box-shadow:0 0 0 1px #00000080,0 8px 40px #0006,0 2px 8px #0003}.vscode-titlebar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#323233;border-bottom:1px solid #2d2d2d;font-size:.72rem;color:#b5b5b5}.vscode-dots{display:flex;gap:6px}.vscode-dot{width:10px;height:10px;border-radius:50%}.vscode-dot.red{background:#ff5f57}.vscode-dot.yellow{background:#febc2e}.vscode-dot.green{background:#28c840}.vscode-tab-bar{background:#252526;border-bottom:1px solid #2d2d2d}.vscode-tab,.vscode-tab-bar{display:flex;align-items:center}.vscode-tab{gap:6px;padding:8px 16px;font-size:.72rem;color:#b5b5b5;border-right:1px solid #2d2d2d;cursor:pointer;transition:all var(--duration-fast)}.vscode-tab.active{background:#1e1e1e;color:#fff;border-bottom:1px solid #1e1e1e;margin-bottom:-1px}.vscode-tab-icon{width:14px;height:14px}.vscode-body{padding:16px 20px;font-family:var(--font-mono);font-size:.78rem;line-height:1.8;color:#d4d4d4;max-height:400px;overflow-y:auto}.vscode-body .line{display:flex;gap:12px}.vscode-body .line-no{color:#a0a0a0;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:30px;text-align:right}.vscode-body .keyword{color:#c586c0}.vscode-body .string{color:#ce9178}.vscode-body .fn{color:#dcdcaa}.vscode-body .type{color:#4ec9b0}.vscode-body .var{color:#9cdcfe}.vscode-body .num{color:#b5cea8}.vscode-body .punct{color:#b0b0b0}.vscode-body .comment{color:#7fb86b;font-style:italic}.vscode-body .prop{color:#9cdcfe}.vscode-terminal{border-top:1px solid #2d2d2d;background:#1a1a1a}.vscode-terminal-header{display:flex;align-items:center;gap:16px;padding:6px 16px;border-bottom:1px solid #2d2d2d;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em}.vscode-terminal-tab{padding:4px 0;color:#b5b5b5;cursor:pointer}.vscode-terminal-tab.active{color:#fff;border-bottom:1px solid #fff}.vscode-terminal-body{padding:12px 20px;font-family:var(--font-mono);font-size:.75rem;line-height:1.7;min-height:200px;max-height:350px;overflow-y:auto}.terminal-line{color:#ccc;white-space:pre-wrap;word-break:break-word}.terminal-line .prompt{color:var(--accent-green)}.terminal-line .cmd{color:#fff}.terminal-line .time{color:var(--text-dim);font-size:.68rem}.terminal-line .event-type{font-weight:600}.terminal-line .event-type.chat{color:var(--accent-blue)}.terminal-line .event-type.gift{color:var(--accent-yellow)}.terminal-line .event-type.social{color:var(--accent-purple)}.terminal-line .event-type.viewer{color:var(--accent-green)}.terminal-line .event-type.like{color:var(--accent-red)}.terminal-line .user{color:#fff;font-weight:500}.terminal-line .msg{color:#b0b0b0}.terminal-line .gift-name{color:var(--accent-yellow)}.divider{height:1px;background:var(--border-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(15px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.animate-in{animation:fadeInUp .4s var(--ease-out) both}.animate-fade{animation:fadeIn .3s var(--ease-out) both}.animate-slide{animation:slideInRight .35s var(--ease-out) both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff1f}.accent-grad,.accent-word{background:linear-gradient(135deg,#818cf8,#c084fc 50%,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;position:relative;display:inline-block}.accent-grad-underline:after,.accent-word:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:3px;background:linear-gradient(90deg,#818cf8,#c084fc,#f472b6);border-radius:3px;opacity:.55}.page-beta-tag{display:inline-block;font-size:.45rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:#ef4444;color:#fff;padding:2px 6px;border-radius:4px;vertical-align:middle;margin-left:8px;line-height:1.5;position:relative;top:-2px}@media(max-width:768px){.container{padding:0 var(--space-md)}.section{padding:var(--space-3xl) 0}}body .page .hero-badge{background:#818cf81a;border:1px solid rgba(129,140,248,.28);color:#a5b4fc}body .page .gradient-text,body .page .ph-gradient{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}body .page .step{position:relative;background:linear-gradient(180deg,#818cf80a,#fff0 60%),#0d111799;border:1px solid hsla(0,0%,100%,.06);border-radius:16px;padding:24px 26px;margin-bottom:20px;-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);transition:border-color .2s,transform .2s,box-shadow .2s}body .page .step:hover{border-color:#818cf847;transform:translateY(-1px);box-shadow:0 10px 28px #6366f11f}body .page .step-number{background:linear-gradient(135deg,#6366f138,#8b5cf629);color:#c7d2fe;border:1px solid rgba(129,140,248,.4);box-shadow:0 4px 12px #6366f12e;width:38px;height:38px;font-weight:800}body .page .step-content h2{color:#fff;letter-spacing:-.02em}body .page .step-content a{color:#a5b4fc;transition:color .15s}body .page .step-content a:hover{color:#c7d2fe}body .page .step-content code{background:#818cf81f;color:#c7d2fe;border:1px solid rgba(129,140,248,.22);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.78rem;padding:2px 7px;border-radius:5px}body .page .code-block{position:relative;background:linear-gradient(180deg,#0d1117f5,#0a0e14f5);border:1px solid rgba(129,140,248,.22);border-radius:12px;padding:36px 18px 18px;margin:14px 0;overflow-x:auto;box-shadow:inset 0 1px #ffffff08,0 14px 36px #00000073}body .page .code-block:before{content:"";position:absolute;top:12px;left:16px;width:12px;height:12px;border-radius:50%;background:#fb7185;box-shadow:18px 0 #fbbf24,36px 0 #4ade80;opacity:.55}body .page .code-block.output{border-color:#22c55e38}body .page .code-block.output:before{background:#4ade80;box-shadow:18px 0 #4ade80,36px 0 #4ade80}body .page .code-block pre{margin:0}body .page .code-block code{background:transparent;border:none;padding:0;color:#e2e8f0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.8rem;line-height:1.7}body .page .next-section{border-top:1px solid rgba(129,140,248,.16);margin-top:56px;padding-top:36px}body .page .next-section h2{background:linear-gradient(135deg,#fff,#c7d2fe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}body .page .next-link{position:relative;background:linear-gradient(135deg,#141416eb,#0e0e10eb);border:1px solid rgba(129,140,248,.22);border-radius:12px;padding:18px 20px;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}body .page .next-link:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(99,102,241,.16),transparent 60%);opacity:0;transition:opacity .18s;pointer-events:none}body .page .next-link:hover{border-color:#818cf88c;transform:translateY(-2px);box-shadow:0 14px 36px #6366f138}body .page .next-link:hover:before{opacity:1}body .page .next-link strong{color:#fff;font-size:.92rem;letter-spacing:-.01em}body .page .next-link span{color:#94a3b8}body .page .sidebar-card{background:linear-gradient(180deg,rgba(129,140,248,.04),transparent 60%),#0d111799;border:1px solid hsla(0,0%,100%,.06);border-radius:14px;padding:18px 20px;-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px)}body .page .sidebar-card h3{color:#a5b4fc;letter-spacing:.08em}body .page .sidebar-link{color:#cbd5e1;transition:color .15s,transform .15s}body .page .sidebar-link:hover{color:#c7d2fe;transform:translate(2px)}body .page .sidebar-link:hover,body .page .step-content a{color:#a5b4fc}.tt-logo[data-v-1fbad452]{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.tt-icon[data-v-1fbad452]{flex-shrink:0}.tt-name[data-v-1fbad452]{font-size:1.15rem;color:var(--text-primary);letter-spacing:-.02em}.tt-badge[data-v-1fbad452],.tt-name[data-v-1fbad452]{font-weight:800;line-height:1}.tt-badge[data-v-1fbad452]{display:inline-flex;align-items:center;justify-content:center;font-size:.56rem;letter-spacing:.06em;color:#fff;padding:3px 7px;border-radius:4px}.tt-badge.live[data-v-1fbad452]{background:#c62828}.tt-badge.docs[data-v-1fbad452]{background:var(--accent-blue)}.header[data-v-77a9282f]{position:fixed;top:var(--banner-offset,0);left:0;right:0;z-index:500;transition:all var(--duration-normal) var(--ease-out);background:#0a0e14b8;backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px);border-bottom:1px solid transparent}.header.scrolled[data-v-77a9282f]{background:#0a0e14e0;border-bottom:1px solid var(--border-primary);box-shadow:inset 0 1px #ffffff08,0 6px 20px #00000040}.header-inner[data-v-77a9282f]{justify-content:space-between;height:60px}.header-inner[data-v-77a9282f],.header-logo[data-v-77a9282f],.header-nav[data-v-77a9282f]{display:flex;align-items:center}.header-nav[data-v-77a9282f]{gap:2px}.nav-link[data-v-77a9282f]{display:flex;align-items:center;gap:5px;font-size:.84rem;font-weight:500;color:var(--text-secondary);padding:7px 12px;border-radius:8px;transition:color var(--duration-fast),background var(--duration-fast);white-space:nowrap;position:relative}.nav-link[data-v-77a9282f]:hover{background:#ffffff0b}.nav-link.router-link-active[data-v-77a9282f],.nav-link[data-v-77a9282f]:hover{color:var(--text-primary)}.nav-link.router-link-active[data-v-77a9282f]:after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;background:linear-gradient(90deg,#818cf8,#c084fc);border-radius:2px}.nav-lb-link[data-v-77a9282f]{font-weight:600;font-size:.82rem;color:var(--text-secondary);gap:6px}.nav-lb-link.router-link-active[data-v-77a9282f],.nav-lb-link[data-v-77a9282f]:hover{color:#ef4444}.nav-lb-icon[data-v-77a9282f]{flex-shrink:0;opacity:.7;transition:opacity .15s}.nav-lb-link.router-link-active .nav-lb-icon[data-v-77a9282f],.nav-lb-link:hover .nav-lb-icon[data-v-77a9282f]{opacity:1;stroke:#ef4444}.mobile-lb-link[data-v-77a9282f]{gap:8px;font-weight:600}.mobile-lb-link[data-v-77a9282f],.npm-link[data-v-77a9282f]{display:flex;align-items:center}.npm-logo[data-v-77a9282f]{height:14px;width:auto;filter:grayscale(1) brightness(.7);transition:filter var(--duration-fast)}.npm-link:hover .npm-logo[data-v-77a9282f]{filter:none}.nav-guides-wrap[data-v-77a9282f]{position:relative}.nav-guides-wrap[data-v-77a9282f]:after{content:"";position:absolute;top:100%;left:0;right:0;height:18px;z-index:599}.guides-chevron[data-v-77a9282f]{transition:transform .2s;margin-left:-2px}.guides-chevron.open[data-v-77a9282f]{transform:rotate(180deg)}.guides-dropdown[data-v-77a9282f]{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);min-width:720px;max-width:min(960px,92vw);background:linear-gradient(180deg,#ffffff0a,#fff0),#0d1117eb;backdrop-filter:saturate(1.6) blur(20px);-webkit-backdrop-filter:saturate(1.6) blur(20px);border:1px solid hsla(0,0%,100%,.08);border-radius:14px;box-shadow:inset 0 1px #ffffff0d,0 20px 50px #0000008c;overflow:hidden;z-index:600;padding:12px;display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.guides-dropdown[data-v-77a9282f]:before{content:"";position:absolute;top:0;left:24%;right:24%;height:1px;background:linear-gradient(90deg,transparent,#60a5fa,#818cf8,transparent);opacity:.5}.guides-dropdown-item[data-v-77a9282f]{display:flex;align-items:center;gap:12px;padding:12px 14px;font-size:.88rem;color:var(--text-secondary);text-decoration:none;border-radius:10px;transition:background .15s,color .15s,transform .15s;white-space:normal;line-height:1.3}.guides-dropdown-item .gdi-ico[data-v-77a9282f]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;border:1px solid transparent;flex-shrink:0;transition:transform .15s}.guides-dropdown-item .gdi-text[data-v-77a9282f]{display:flex;flex-direction:column;min-width:0}.guides-dropdown-item .gdi-title[data-v-77a9282f]{color:#fff;font-weight:700;font-size:.9rem}.guides-dropdown-item .gdi-desc[data-v-77a9282f]{color:var(--text-muted,#8c95a4);font-size:.74rem;font-weight:500;margin-top:2px}.guides-dropdown-item[data-v-77a9282f]:hover{background:#60a5fa0f;color:var(--text-primary);transform:translateY(-1px)}.guides-dropdown-item:hover .gdi-ico[data-v-77a9282f]{transform:scale(1.05)}.guides-dropdown-all[data-v-77a9282f]{grid-column:1/-1;display:flex;align-items:center;justify-content:center;padding:10px;margin-top:4px;border-top:1px solid hsla(0,0%,100%,.08);color:#60a5fa;font-weight:700;font-size:.82rem;text-decoration:none;letter-spacing:.02em;transition:color .15s}.guides-dropdown-all[data-v-77a9282f]:hover{color:#93c5fd}@media(max-width:720px){.guides-dropdown[data-v-77a9282f]{min-width:0;grid-template-columns:1fr}}.nav-features-trigger[data-v-77a9282f]{cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.features-chevron[data-v-77a9282f]{transition:transform .2s;margin-left:-2px}.features-chevron.open[data-v-77a9282f]{transform:rotate(180deg)}.nav-features-wrap[data-v-77a9282f]{position:relative}.nav-features-wrap[data-v-77a9282f]:after{content:"";position:absolute;top:100%;left:0;right:0;height:18px;z-index:599}.features-dropdown[data-v-77a9282f]{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);min-width:720px;max-width:min(960px,92vw);background:linear-gradient(180deg,#ffffff0a,#fff0),#0d1117eb;backdrop-filter:saturate(1.6) blur(20px);-webkit-backdrop-filter:saturate(1.6) blur(20px);border:1px solid hsla(0,0%,100%,.08);border-radius:14px;box-shadow:inset 0 1px #ffffff0d,0 20px 50px #0000008c;overflow:hidden;z-index:600;padding:12px;display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.features-dropdown[data-v-77a9282f]:before{content:"";position:absolute;top:0;left:24%;right:24%;height:1px;background:linear-gradient(90deg,transparent,#818cf8,#c084fc,transparent);opacity:.5}.features-dropdown-item[data-v-77a9282f]{display:flex;align-items:center;gap:12px;padding:12px 14px;font-size:.88rem;font-weight:600;color:var(--text-secondary);text-decoration:none;border-radius:10px;transition:background .15s,color .15s,transform .15s;white-space:normal;line-height:1.3}.features-dropdown-item .fdi-ico[data-v-77a9282f]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:#818cf814;border:1px solid rgba(129,140,248,.18);color:#a5b4fc;flex-shrink:0;transition:background .15s,color .15s,border-color .15s}.features-dropdown-item .fdi-text[data-v-77a9282f]{display:flex;flex-direction:column;min-width:0}.features-dropdown-item .fdi-title[data-v-77a9282f]{color:#fff;font-weight:700;font-size:.9rem}.features-dropdown-item .fdi-desc[data-v-77a9282f]{color:var(--text-muted,#8c95a4);font-size:.74rem;font-weight:500;margin-top:2px}.features-dropdown-item[data-v-77a9282f]:hover{background:#818cf80f;color:var(--text-primary);transform:translateY(-1px)}.features-dropdown-item:hover .fdi-ico[data-v-77a9282f]{background:#818cf829;color:#fff;border-color:#818cf866}@media(max-width:720px){.features-dropdown[data-v-77a9282f]{min-width:0;grid-template-columns:1fr}}.header-rank-cta[data-v-77a9282f]{display:inline-flex;align-items:center;flex-direction:row;gap:8px;padding:7px 14px;border-radius:8px;text-decoration:none;transition:all .2s;white-space:nowrap;line-height:1}.hrc-icon[data-v-77a9282f]{flex-shrink:0}.hrc-text[data-v-77a9282f]{display:flex;flex-direction:column;gap:1px}.header-rank-gifters[data-v-77a9282f]{background:#818cf814;border:1px solid rgba(129,140,248,.25);color:#a5b4fc}.header-rank-gifters[data-v-77a9282f]:hover{background:#818cf826;color:#fff}.header-rank-creators[data-v-77a9282f]{background:#ffffff0f;border:1px solid hsla(0,0%,100%,.15);color:#e2e8f0}.header-rank-creators[data-v-77a9282f]:hover{background:#ffffff1a;color:#fff}.header-rank-cta[data-v-77a9282f]{display:flex}.header-ranks-cta[data-v-77a9282f]{display:none;align-items:center;gap:5px;padding:6px 13px;border-radius:20px;background:#ffffff0f;border:1px solid hsla(0,0%,100%,.15);color:#e2e8f0;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-decoration:none;white-space:nowrap;transition:background .15s}.header-ranks-cta[data-v-77a9282f]:hover{background:#ffffff1a;color:#fff}@media(max-width:640px){.header-rank-cta[data-v-77a9282f]{display:none}.header-ranks-cta[data-v-77a9282f]{display:flex}}.header-vip-cta[data-v-77a9282f]{display:flex;align-items:center;gap:5px;padding:6px 14px;border-radius:20px;background:linear-gradient(135deg,#b91c1c,#ef4444);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-decoration:none;border:1px solid rgba(239,68,68,.5);transition:opacity .15s;white-space:nowrap}.header-vip-cta[data-v-77a9282f]:hover{opacity:.85}.hrc-name[data-v-77a9282f]{font-size:.72rem;font-weight:800;letter-spacing:.04em}.hrc-tag[data-v-77a9282f]{font-size:.5rem;font-weight:700;letter-spacing:.08em;opacity:.6}.header-agents-cta[data-v-77a9282f]{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:7px 18px;border-radius:8px;font-size:.82rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border:1.5px solid #ef4444;letter-spacing:.01em;transition:all .2s;text-decoration:none;white-space:nowrap;box-shadow:0 4px 14px #ef44444d}.header-agents-cta[data-v-77a9282f]:hover{filter:brightness(1.08);box-shadow:0 6px 18px #ef444480;transform:translateY(-1px)}.agents-beta-tag[data-v-77a9282f]{position:absolute;bottom:-7px;left:50%;transform:translate(-50%);font-size:.42rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:#fff;color:#000;padding:1px 5px;border-radius:3px;white-space:nowrap;line-height:1.5;pointer-events:none}.header-ranking-cta[data-v-77a9282f]{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;border-radius:10px;font-size:.82rem;font-weight:800;letter-spacing:.02em;color:#e2e8f0;background:linear-gradient(135deg,#141416d9,#0e0e10d9);border:1px solid rgba(129,140,248,.28);transition:transform .18s,box-shadow .18s,border-color .18s,color .18s;text-decoration:none;white-space:nowrap;box-shadow:0 4px 14px #818cf81a}.header-ranking-cta[data-v-77a9282f]:hover{color:#fff;border-color:#818cf88c;box-shadow:0 6px 20px #818cf838;transform:translateY(-1px)}.ranking-beta-tag[data-v-77a9282f]{position:absolute;bottom:-7px;left:50%;transform:translate(-50%);font-size:.42rem;font-weight:800;background:#ef4444;color:#fff;padding:1px 5px;border-radius:3px;white-space:nowrap;line-height:1.5;pointer-events:none}.mobile-section-label[data-v-77a9282f],.ranking-beta-tag[data-v-77a9282f]{letter-spacing:.1em;text-transform:uppercase}.mobile-section-label[data-v-77a9282f]{display:block;padding:10px 0 2px;font-size:.65rem;font-weight:700;color:var(--text-muted,#5a5a5a)}.mobile-link-sub[data-v-77a9282f]{padding-left:12px}.mobile-beta-inline[data-v-77a9282f]{display:inline-block;font-size:.45rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:#ef4444;color:#fff;padding:1px 4px;border-radius:3px;vertical-align:middle;margin-left:6px;line-height:1.5}.support-link[data-v-77a9282f]{display:flex;align-items:center;gap:5px}.support-link.free[data-v-77a9282f]{color:var(--text-secondary)!important}.support-link.basic[data-v-77a9282f]{color:#4ade80!important}.support-link.pro[data-v-77a9282f]{color:#60a5fa!important}.support-link.ultra[data-v-77a9282f]{color:#c084fc!important}.support-link.free[data-v-77a9282f]:hover{color:var(--text-primary)!important}.support-link.basic[data-v-77a9282f]:hover{color:#86efac!important}.support-link.pro[data-v-77a9282f]:hover{color:#93c5fd!important}.support-link.ultra[data-v-77a9282f]:hover{color:#d8b4fe!important}.support-tier-badge[data-v-77a9282f]{font-size:.58rem;font-weight:800;letter-spacing:.06em;padding:1px 5px;border-radius:3px;line-height:1.2}.support-tier-badge.free[data-v-77a9282f]{background:#4ade801f;color:#4ade80}.support-tier-badge.basic[data-v-77a9282f]{background:#22c55e1f;color:#4ade80}.support-tier-badge.pro[data-v-77a9282f]{background:#3b82f61f;color:#60a5fa}.support-tier-badge.ultra[data-v-77a9282f]{background:#a855f71f;color:#c084fc}.nav-icon-link[data-v-77a9282f]{display:flex;align-items:center;gap:5px}.nav-new-tag[data-v-77a9282f]{font-size:.52rem;font-weight:800;letter-spacing:.06em;padding:1px 5px;border-radius:3px;line-height:1.4;background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.admin-support-btn[data-v-77a9282f]{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;color:var(--text-secondary);transition:all .2s}.admin-support-btn[data-v-77a9282f]:hover{color:var(--text-primary);background:#ffffff0f}.admin-analytics-btn[data-v-77a9282f]{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;color:var(--text-secondary);transition:all .2s;text-decoration:none}.admin-analytics-btn[data-v-77a9282f]:hover{color:#a5b4fc;background:#818cf814}.admin-analytics-btn.router-link-active[data-v-77a9282f]{color:#a5b4fc;background:#818cf81f}.admin-support-badge[data-v-77a9282f]{position:absolute;top:2px;right:0;min-width:16px;height:16px;line-height:16px;text-align:center;font-size:.55rem;font-weight:800;color:#fff;background:#ef4444;border-radius:8px;padding:0 4px;animation:admin-badge-pulse-77a9282f 2s ease-in-out infinite}@keyframes admin-badge-pulse-77a9282f{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 5px #ef444400}}.admin-activity-wrap[data-v-77a9282f]{position:relative}.admin-activity-btn[data-v-77a9282f]{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:all .2s}.admin-activity-btn[data-v-77a9282f]:hover{color:var(--text-primary);background:#ffffff0f}.admin-activity-dot[data-v-77a9282f]{position:absolute;top:2px;right:0;min-width:16px;height:16px;line-height:16px;text-align:center;font-size:.55rem;font-weight:800;color:#fff;background:#ef4444;border-radius:8px;padding:0 4px;animation:admin-badge-pulse-77a9282f 2s ease-in-out infinite}.activity-dropdown[data-v-77a9282f]{position:absolute;top:calc(100% + 8px);right:-60px;width:340px;background:var(--bg-surface,#151515);border:1px solid var(--border-primary,#2a2a2a);border-radius:12px;box-shadow:0 12px 40px #00000080;overflow:hidden;z-index:600}.activity-dropdown-header[data-v-77a9282f]{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-primary,#2a2a2a)}.activity-view-all[data-v-77a9282f]{font-size:.7rem;font-weight:600;color:#60a5fa;text-decoration:none;text-transform:none;letter-spacing:0}.activity-view-all[data-v-77a9282f]:hover{color:#93c5fd}.activity-dropdown-list[data-v-77a9282f]{max-height:400px;overflow-y:auto;padding:4px 0}.activity-empty[data-v-77a9282f]{padding:20px;text-align:center;color:var(--text-muted,#5a5a5a);font-size:.78rem}.activity-item[data-v-77a9282f]{display:flex;align-items:flex-start;gap:10px;padding:8px 14px;transition:background .15s}.activity-item[data-v-77a9282f]:hover{background:#ffffff08}.activity-item-icon[data-v-77a9282f]{flex-shrink:0;width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-top:1px}.activity-item.purchase .activity-item-icon[data-v-77a9282f],.activity-item.signup .activity-item-icon[data-v-77a9282f],.activity-item.upgrade .activity-item-icon[data-v-77a9282f]{background:#22c55e1f}.activity-item.cancel .activity-item-icon[data-v-77a9282f]{background:#ef44441f}.activity-item.login .activity-item-icon[data-v-77a9282f]{background:#60a5fa1f}.activity-item.payment_failed .activity-item-icon[data-v-77a9282f]{background:#ef44441f}.activity-item-body[data-v-77a9282f]{flex:1;min-width:0}.activity-item-desc[data-v-77a9282f]{display:block;font-size:.78rem;color:var(--text-primary);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-item-time[data-v-77a9282f]{display:block;font-size:.65rem;color:var(--text-muted,#5a5a5a);margin-top:1px}.mobile-unread-badge[data-v-77a9282f]{display:inline-block;min-width:18px;height:18px;line-height:18px;text-align:center;font-size:.6rem;font-weight:800;color:#fff;background:#ef4444;border-radius:9px;padding:0 5px;margin-left:8px}.nav-link.active[data-v-77a9282f]{color:var(--text-primary);background:#ffffff0f}.header-actions[data-v-77a9282f]{display:flex;align-items:center;gap:12px}.header-btn[data-v-77a9282f]{font-size:.82rem;padding:8px 20px;border-radius:var(--radius-md)}.header-dashboard-cta[data-v-77a9282f]{display:inline-flex;align-items:center;padding:8px 22px;border-radius:10px;font-size:.82rem;font-weight:800;letter-spacing:.02em;color:#f4f4f5!important;background:linear-gradient(135deg,#141416f2,#0e0e10f2);border:1px solid rgba(129,140,248,.55);transition:transform .18s,box-shadow .18s,border-color .18s,filter .18s;text-decoration:none;box-shadow:0 6px 20px #6366f138}.header-dashboard-cta[data-v-77a9282f]:hover{filter:brightness(1.08);border-color:#818cf8d9;box-shadow:0 10px 28px #6366f166;transform:translateY(-1px)}.profile-wrap[data-v-77a9282f]{position:relative}.profile-btn[data-v-77a9282f]{width:36px;height:36px;border-radius:50%;border:2px solid var(--border-primary);overflow:hidden;cursor:pointer;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;transition:all .2s}.profile-btn[data-v-77a9282f]:hover{border-color:var(--accent-blue)}.profile-pic[data-v-77a9282f]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-initials[data-v-77a9282f]{font-size:.72rem;font-weight:700;color:var(--text-secondary);letter-spacing:.02em}.profile-dropdown[data-v-77a9282f]{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 12px 40px #0006;overflow:hidden;z-index:200}.dropdown-user[data-v-77a9282f]{padding:14px 16px}.dropdown-name[data-v-77a9282f]{display:block;font-size:.85rem;font-weight:600;color:var(--text-primary)}.dropdown-email[data-v-77a9282f]{display:block;font-size:.75rem;color:var(--text-muted);margin-top:2px}.dropdown-tier[data-v-77a9282f]{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:4px;margin-top:6px}.dropdown-tier.basic[data-v-77a9282f]{background:#22c55e26;color:#22c55e}.dropdown-tier.pro[data-v-77a9282f]{background:#3b82f626;color:#3b82f6}.dropdown-tier.ultra[data-v-77a9282f]{background:#a855f726;color:#a855f7}.plan-badge[data-v-77a9282f]{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:6px;line-height:1;white-space:nowrap;cursor:default;transition:all .2s}.plan-badge.free[data-v-77a9282f]{background:#4ade801f;color:#4ade80;border:1px solid rgba(74,222,128,.2)}.plan-badge.basic[data-v-77a9282f]{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.plan-badge.pro[data-v-77a9282f]{background:#3b82f61f;color:#60a5fa;border:1px solid rgba(59,130,246,.25)}.plan-badge.ultra[data-v-77a9282f]{background:#a855f71f;color:#c084fc;border:1px solid rgba(168,85,247,.25)}.mobile-plan-badge[data-v-77a9282f]{margin-left:8px;font-size:.55rem;vertical-align:middle}.dropdown-divider[data-v-77a9282f]{height:1px;background:var(--border-primary)}.dropdown-item[data-v-77a9282f]{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:.82rem;color:var(--text-secondary);background:none;border:none;cursor:pointer;text-align:left;transition:all .15s}.dropdown-item[data-v-77a9282f]:hover{background:#ffffff0a;color:var(--text-primary)}.dropdown-item.danger[data-v-77a9282f]:hover{color:#ef4444}.dropdown-enter-active[data-v-77a9282f],.dropdown-leave-active[data-v-77a9282f]{transition:all .2s ease}.dropdown-enter-from[data-v-77a9282f],.dropdown-leave-to[data-v-77a9282f]{opacity:0;transform:translateY(-4px) scale(.97)}.mobile-toggle[data-v-77a9282f]{display:none;width:24px;height:24px;position:relative}.mobile-toggle span[data-v-77a9282f],.mobile-toggle span[data-v-77a9282f]:after,.mobile-toggle span[data-v-77a9282f]:before{display:block;width:18px;height:1.5px;background:var(--text-primary);border-radius:1px;transition:all .3s;position:absolute;left:3px}.mobile-toggle span[data-v-77a9282f]{top:11px}.mobile-toggle span[data-v-77a9282f]:before{content:"";top:-6px}.mobile-toggle span[data-v-77a9282f]:after{content:"";top:6px}.mobile-toggle span.open[data-v-77a9282f]{background:transparent}.mobile-toggle span.open[data-v-77a9282f]:before{top:0;transform:rotate(45deg)}.mobile-toggle span.open[data-v-77a9282f]:after{top:0;transform:rotate(-45deg)}.mobile-menu[data-v-77a9282f]{display:none;flex-direction:column;padding:var(--space-lg) var(--space-xl);background:#0a0a0af7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-primary)}.mobile-link[data-v-77a9282f]{padding:12px 0;font-size:.9rem;color:var(--text-secondary);transition:color var(--duration-fast);background:none;border:none;cursor:pointer}.mobile-link.accent[data-v-77a9282f],.mobile-link[data-v-77a9282f]:hover{color:var(--text-primary)}.slide-enter-active[data-v-77a9282f],.slide-leave-active[data-v-77a9282f]{transition:all .3s var(--ease-out)}.slide-enter-from[data-v-77a9282f],.slide-leave-to[data-v-77a9282f]{opacity:0;transform:translateY(-8px)}@media(max-width:1080px){.header-nav[data-v-77a9282f]{display:none}.mobile-menu[data-v-77a9282f],.mobile-toggle[data-v-77a9282f]{display:flex}.header-actions[data-v-77a9282f]{gap:10px;margin-left:auto}.admin-activity-wrap[data-v-77a9282f],.admin-analytics-btn[data-v-77a9282f],.admin-support-btn[data-v-77a9282f],.header-login-link[data-v-77a9282f],.profile-wrap[data-v-77a9282f]{display:none}.header-agents-cta[data-v-77a9282f],.header-dashboard-cta[data-v-77a9282f],.header-ranking-cta[data-v-77a9282f]{padding:6px 11px;font-size:.72rem;font-weight:700}.header-cta-pills.hide-on-home-mobile[data-v-77a9282f]{display:flex}.header-agents-cta[data-v-77a9282f]{box-shadow:0 2px 8px #ef444459}.agents-beta-tag[data-v-77a9282f],.ranking-beta-tag[data-v-77a9282f]{font-size:.38rem;padding:1px 4px;bottom:-6px}.btn-text-desktop[data-v-77a9282f]{display:none}.btn-text-mobile[data-v-77a9282f]{display:inline}}.header-cta-pills[data-v-77a9282f]{display:inline-flex;align-items:center;gap:10px}@media(min-width:641px){.btn-text-desktop[data-v-77a9282f]{display:inline}.btn-text-mobile[data-v-77a9282f]{display:none}}.footer[data-v-631bf0b0]{margin-top:auto;padding-bottom:var(--space-lg);position:relative}.footer[data-v-631bf0b0]:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;max-width:600px;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.12) 50%,transparent)}.footer-mini[data-v-631bf0b0]{justify-content:space-between;gap:16px;padding-top:var(--space-xl)}.footer-logo-link[data-v-631bf0b0],.footer-mini[data-v-631bf0b0]{display:flex;align-items:center}.footer-logo-link[data-v-631bf0b0]{opacity:.7;transition:opacity .15s;flex-shrink:0}.footer-logo-link[data-v-631bf0b0]:hover{opacity:1}.footer-legal[data-v-631bf0b0]{display:flex;align-items:center;gap:10px;flex-shrink:0}.footer-legal-link[data-v-631bf0b0]{font-size:.75rem;color:var(--text-dim);text-decoration:none;transition:color .15s}.footer-legal-link[data-v-631bf0b0]:hover{color:var(--text-muted)}.footer-sep[data-v-631bf0b0]{font-size:.75rem;color:var(--text-dim);opacity:.5}.footer-disclaimer[data-v-631bf0b0]{flex:1;margin:0;text-align:center;font-size:.65rem;color:var(--text-dim);opacity:.55;line-height:1.5}@media(max-width:720px){.footer-mini[data-v-631bf0b0]{flex-wrap:wrap;justify-content:space-between;row-gap:12px}.footer-disclaimer[data-v-631bf0b0]{order:3;flex-basis:100%;padding:4px var(--space-md) 0}}#app-layout{display:flex;flex-direction:column;min-height:100vh;padding-top:var(--banner-offset,0)}#app-layout main{flex:1}.skip-link{position:absolute;top:-100%;left:16px;z-index:9999;padding:8px 16px;background:var(--text-primary,#f5f5f5);color:var(--bg-primary,#0a0a0a);font-size:.85rem;font-weight:600;border-radius:0 0 8px 8px;text-decoration:none;transition:top .2s}.skip-link:focus{top:0}