*{box-sizing:border-box;margin:0;padding:0}html{background-color:#f6f8fe;background-image:linear-gradient(180deg,#f6f8fe,#fafbff 40%,#fff)}body,html{min-height:100%}body{background-color:transparent;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6}.page-enter-active,.page-leave-active{transition:opacity .2s ease}.page-enter-from,.page-leave-to{opacity:0}a{color:inherit;text-decoration:none}button,input{font-family:inherit}:root,:root[data-theme=light]{--color-primary:#6366f1;--color-primary-light:#818cf8;--color-primary-dim:rgba(99,102,241,.08);--color-accent:#f59e0b;--color-accent-light:#fbbf24;--color-bg:#f6f8fe;--color-bg-2:#fafbff;--color-bg-3:#fff;--color-card:#fff;--color-card-hover:#f8f9ff;--color-border:rgba(99,102,241,.12);--color-border-light:rgba(99,102,241,.06);--color-text-primary:#1e1e2e;--color-text-secondary:#6b7280;--color-text-muted:#7c8594;--color-success:#10b981;--color-success-bg:rgba(16,185,129,.08);--color-online:#10b981;--color-warning:#f59e0b;--color-primary-hover:#4f46e5;--color-surface-hover:rgba(99,102,241,.04);--color-text-white:#fff;--color-nav-bg:hsla(0,0%,100%,.85);--color-membership-gold:gold;--color-accent-2:#d97706;--color-danger:#ef4444;--color-primary-2:#764ba2;--gradient-primary:linear-gradient(135deg,#6366f1,#818cf8 50%,#10b981);--gradient-primary-2:linear-gradient(135deg,#667eea,#764ba2);--gradient-gold:linear-gradient(135deg,#f59e0b,#d97706);--gradient-hero:linear-gradient(135deg,#6366f1,#10b981);--gradient-card:linear-gradient(135deg,#667eea,#764ba2);--shadow-xs:0 1px 2px rgba(99,102,241,.04);--shadow-sm:0 1px 3px rgba(99,102,241,.06),0 1px 2px rgba(99,102,241,.04);--shadow-md:0 4px 6px rgba(99,102,241,.06),0 2px 4px rgba(99,102,241,.04);--shadow-lg:0 10px 24px rgba(99,102,241,.08);--shadow-xl:0 20px 40px rgba(99,102,241,.1);--shadow-card:0 0 0 1px var(--color-border),0 4px 16px rgba(99,102,241,.06);--shadow-card-hover:0 0 0 1px rgba(99,102,241,.25),0 8px 32px rgba(99,102,241,.1);--shadow-primary:0 4px 20px rgba(99,102,241,.25);--shadow-glow:0 0 60px rgba(99,102,241,.08)}:root[data-theme=dark]{--color-primary:#6366f1;--color-primary-light:#818cf8;--color-primary-dim:rgba(99,102,241,.15);--color-accent:#f59e0b;--color-accent-light:#fbbf24;--color-bg:#0a0a0f;--color-bg-2:#111118;--color-bg-3:#18181f;--color-card:#14141c;--color-card-hover:#1c1c28;--color-border:hsla(0,0%,100%,.08);--color-border-light:hsla(0,0%,100%,.05);--color-text-primary:#fff;--color-text-secondary:#a1a1aa;--color-text-muted:#52525b;--color-success:#10b981;--color-success-bg:rgba(16,185,129,.1);--color-online:#10b981;--color-warning:#f59e0b;--color-primary-hover:#7c7ff2;--color-surface-hover:hsla(0,0%,100%,.04);--color-text-white:#fff;--color-nav-bg:rgba(10,10,15,.85);--color-membership-gold:gold;--color-accent-2:#d97706;--color-danger:#ef4444;--color-primary-2:#764ba2;--gradient-primary:linear-gradient(135deg,#6366f1,#818cf8 50%,#10b981);--gradient-primary-2:linear-gradient(135deg,#667eea,#764ba2);--gradient-gold:linear-gradient(135deg,#f59e0b,#d97706);--gradient-hero:linear-gradient(135deg,#6366f1,#10b981);--gradient-card:linear-gradient(135deg,#667eea,#764ba2);--shadow-xs:0 1px 2px rgba(0,0,0,.4);--shadow-sm:0 1px 3px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.3);--shadow-lg:0 10px 24px rgba(0,0,0,.5);--shadow-xl:0 20px 40px rgba(0,0,0,.6);--shadow-card:0 0 0 1px var(--color-border),0 4px 16px rgba(0,0,0,.4);--shadow-card-hover:0 0 0 1px rgba(99,102,241,.3),0 8px 32px rgba(0,0,0,.5);--shadow-primary:0 4px 20px rgba(99,102,241,.3);--shadow-glow:0 0 60px rgba(99,102,241,.12)}:root{--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:32px;--radius-full:999px;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:18px;--text-2xl:22px;--text-3xl:28px;--text-4xl:36px;--text-hero:clamp(44px,10vw,72px);--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;--transition-fast:.12s ease-out;--transition-base:.22s ease-out;--transition-slow:.35s ease-out;--easing-out:cubic-bezier(.16,1,.3,1);--easing-spring:cubic-bezier(.34,1.56,.64,1)}*,:after,:before{box-sizing:border-box}html{background-color:var(--color-bg);background-image:linear-gradient(180deg,var(--color-bg) 0,var(--color-bg-2) 40%,var(--color-bg-3) 100%);min-height:100%;scroll-behavior:smooth}body{color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.app-root,body{background-color:transparent}.app-root{min-height:100dvh}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{border-radius:4px;outline:2px solid var(--color-primary);outline-offset:2px}::-moz-selection{background:#6366f126;color:var(--color-text-primary)}::selection{background:#6366f126;color:var(--color-text-primary)}