:root{--brand-primary: #4f46e5;--brand-primary-hover: #4338ca;--brand-secondary: #9333ea;--brand-gradient: linear-gradient(135deg, #4f46e5 0%, #9333ea 100%);--brand-gradient-hover: linear-gradient(135deg, #4338ca 0%, #7e22ce 100%);--brand-surface: rgba(79, 70, 229, .1);--brand-surface-hover: rgba(79, 70, 229, .16);--brand-ring: rgba(79, 70, 229, .35);--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-inverse: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f6f7fb;--bg-tertiary: #eef2f7;--bg-dark: #0b1220;--border-light: rgba(15, 23, 42, .08);--border-default: rgba(15, 23, 42, .12);--border-dark: rgba(15, 23, 42, .18);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--spacing-4xl: 96px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 1px rgba(15, 23, 42, .04);--shadow-md: 0 8px 16px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 24px rgba(15, 23, 42, .1);--shadow-xl: 0 24px 48px rgba(15, 23, 42, .14);--shadow-glow: 0 0 36px rgba(79, 70, 229, .22);--font-family: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-size-5xl: 48px;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--navbar-height: 64px;--navbar-height-mobile: 56px;--container-max-width: 1200px;--sidebar-width: 240px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-slower: .5s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}@media(prefers-color-scheme:dark){:root.auto-dark{--text-primary: #f7fafc;--text-secondary: #e2e8f0;--text-muted: #a0aec0;--bg-primary: #1a202c;--bg-secondary: #2d3748;--bg-tertiary: #4a5568}}.page-fade-enter-active,.page-fade-leave-active{transition:opacity var(--transition-slow)}.page-fade-enter-from,.page-fade-leave-to{opacity:0}.page-slide-enter-active,.page-slide-leave-active{transition:all var(--transition-slow)}.page-slide-enter-from{opacity:0;transform:translate(30px)}.page-slide-leave-to{opacity:0;transform:translate(-30px)}.slide-up-enter-active,.slide-up-leave-active{transition:all var(--transition-slow)}.slide-up-enter-from{opacity:0;transform:translateY(20px)}.slide-up-leave-to{opacity:0;transform:translateY(-20px)}.slide-down-enter-active,.slide-down-leave-active{transition:all var(--transition-base)}.slide-down-enter-from,.slide-down-leave-to{opacity:0;transform:translateY(-10px)}.card-stagger-enter-active{transition:all var(--transition-slower)}.card-stagger-enter-from{opacity:0;transform:translateY(30px)}.list-enter-active,.list-leave-active{transition:all var(--transition-base)}.list-enter-from,.list-leave-to{opacity:0;transform:translate(-30px)}.list-move{transition:transform var(--transition-base)}.gradient-text{background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);box-shadow:0 8px 32px #1f26875e}.glass-card-light{background:#ffffffd9;border:1px solid rgba(255,255,255,.3)}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce{animation:bounce 1s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}@keyframes numberGlow{0%,to{text-shadow:0 0 10px rgba(79,70,229,.26)}50%{text-shadow:0 0 20px rgba(79,70,229,.46)}}.stat-number{animation:numberGlow 2s ease-in-out infinite}.pulse-dot{display:inline-block;width:8px;height:8px;background:var(--color-success);border-radius:50%;position:relative}.pulse-dot:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:var(--color-success);opacity:.3;animation:pulse-ring 1.5s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.5}to{transform:scale(2);opacity:0}}.spinner{width:20px;height:20px;border:2px solid var(--border-light);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .8s linear infinite}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.btn-hover-shine{position:relative;overflow:hidden}.btn-hover-shine:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg) translate(-100%);transition:transform .6s}.btn-hover-shine:hover:after{transform:rotate(45deg) translate(100%)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{font-family:var(--font-family);line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg-secondary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;height:100%;min-height:100vh;overflow-x:hidden}#app{width:100%;min-height:100vh;background:var(--bg-secondary)}a{color:var(--brand-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--brand-primary-hover)}button{font-family:inherit;font-size:14px;cursor:pointer;border:none;outline:none;transition:all .2s}button:focus-visible{outline:3px solid var(--brand-ring);outline-offset:2px}input,select,textarea{font-family:inherit;font-size:14px}.card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb{background:#0f172a38;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0f172a57}::selection{background:var(--brand-primary);color:#fff}@media(max-width:640px){:root{font-size:14px}}@media(min-width:641px)and (max-width:1024px){:root{font-size:15px}}@media(min-width:1025px){:root{font-size:16px}}.app-container{width:100%;min-height:100vh;background:transparent}