:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-background:#f9fafb;--color-foreground:#0f1729;--color-card:#fff;--color-card-foreground:#0f1729;--color-muted:#f1f5f9;--color-muted-foreground:#65758b;--color-border:#e1e7ef;--color-border-light:#f1f5f9;--color-accent:#e1e7ef;--color-accent-foreground:#0f1729;--color-ring:#2463eb;--color-primary:#2463eb;--color-primary-hover:#1452d7;--color-primary-light:#e6f1fe;--color-primary-foreground:#fff;--color-primary-raw:221,83%,53%;--color-success:#16a249;--color-warning:#f59f0a;--color-danger:#dc2828;--color-popover:#fff;--color-popover-foreground:#0f1729;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--shadow-xl:0 16px 48px #0000001a;--shadow-glow:0 0 0 1px #2463eb14;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--font-sans:var(--font-geist-sans,"Inter"),"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:var(--font-geist-mono,"JetBrains Mono"),"Fira Code",monospace;--ease-smooth:cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--sidebar-width:260px;--header-height:60px}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#081021;--color-foreground:#e9eef9;--color-card:#111f3c66;--color-card-foreground:#e9eef9;--color-muted:#0d1526;--color-muted-foreground:#8b9dc1;--color-border:#406abf33;--color-border-light:#3d588f26;--color-accent:#1f2c47;--color-accent-foreground:#d1dffa;--color-ring:#b3dfff;--color-primary:#66bfff;--color-primary-hover:#4cb5ff;--color-primary-light:#66bfff1f;--color-primary-foreground:#081021;--color-primary-raw:205,100%,70%;--color-popover:#0d1526;--color-popover-foreground:#e9eef9;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000073;--shadow-xl:0 16px 48px #00000080;--shadow-glow:0 0 0 1px #66bfff26}.dark body{background-image:linear-gradient(#0569ff1f,#0000 20rem,#0000);background-repeat:no-repeat}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-sans);background:var(--color-background);color:var(--color-foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--duration-slow)var(--ease-smooth),color var(--duration-slow)var(--ease-smooth);line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}input,textarea,select{font:inherit;color:var(--color-foreground);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast)var(--ease-smooth),box-shadow var(--duration-fast)var(--ease-smooth);background:var(--color-card);outline:none;padding:10px 14px}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px hsla(var(--color-primary-raw),.12)}:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px;border-radius:var(--radius-sm)}.btn{border-radius:var(--radius-md);transition:all var(--duration-fast)var(--ease-smooth);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;display:inline-flex}.btn-primary{background:var(--color-primary);color:var(--color-primary-foreground)}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-1px)}.btn-primary:active{box-shadow:var(--shadow-sm);transform:translateY(0)scale(.98)}.btn-secondary{background:var(--color-muted);color:var(--color-foreground);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-accent);border-color:var(--color-muted-foreground)}.btn-ghost{color:var(--color-muted-foreground)}.btn-ghost:hover{background:var(--color-accent);color:var(--color-foreground)}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--duration-normal)var(--ease-smooth)}.card:hover{border-color:hsla(var(--color-primary-raw),.3);box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-2px)}.badge{border-radius:var(--radius-full);align-items:center;padding:2px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-blue{background:var(--color-primary-light);color:var(--color-primary)}.badge-green{color:var(--color-success);background:#16a2491a}.badge-orange{color:#f97015;background:#f970151a}.badge-gray{background:var(--color-muted);color:var(--color-muted-foreground)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-muted-foreground)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes popoverIn{0%{opacity:0;transform:scale(.92)}}@keyframes popoverOut{to{opacity:0;transform:scale(.92)}}@keyframes dialogIn{0%{opacity:0;transform:scale(1.06)}to{transform:scale(1)}}@keyframes sidebarSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes sidebarSlideOut{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes glowPulse{0%,to{box-shadow:0 0 0 0 hsla(var(--color-primary-raw),0)}50%{box-shadow:0 0 16px 4px hsla(var(--color-primary-raw),.15)}}.animate-fadeIn{animation:fadeIn var(--duration-normal)var(--ease-smooth)}.animate-slideIn{animation:slideIn var(--duration-normal)var(--ease-smooth)}.animate-pulse{animation:pulse 2s var(--ease-smooth)infinite}.animate-spin{animation:.9s linear infinite spin}.animate-scaleIn{animation:scaleIn var(--duration-normal)var(--ease-spring)}.skeleton{background:linear-gradient(90deg,var(--color-border-light)25%,var(--color-border)50%,var(--color-border-light)75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
