:root{
/* 科技蓝主色系 */
--primary:#1e6fff;
--primary-dark:#0a4ecc;
--primary-light:#4d8fff;
--primary-glow:rgba(30,111,255,0.3);
--accent:#00d4ff;
--accent-dark:#00a8cc;
--gradient-primary:linear-gradient(135deg,#1e6fff 0%,#00d4ff 100%);
--gradient-dark:linear-gradient(135deg,#0a1628 0%,#0d2137 50%,#0a1628 100%);
--gradient-card:linear-gradient(145deg,rgba(30,111,255,0.08) 0%,rgba(0,212,255,0.04) 100%);

/* 背景色 */
--bg-dark:#0a1628;
--bg-darker:#060d1a;
--bg-card:rgba(13,33,55,0.8);
--bg-card-hover:rgba(20,50,80,0.9);
--bg-glass:rgba(10,22,40,0.75);

/* 文字色 */
--text-primary:#ffffff;
--text-secondary:rgba(255,255,255,0.75);
--text-muted:rgba(255,255,255,0.5);
--text-accent:#00d4ff;

/* 边框 */
--border-color:rgba(30,111,255,0.2);
--border-hover:rgba(30,111,255,0.5);
--border-glow:rgba(0,212,255,0.3);

/* 阴影 */
--shadow-sm:0 2px 8px rgba(0,0,0,0.3);
--shadow-md:0 4px 20px rgba(0,0,0,0.4);
--shadow-lg:0 8px 40px rgba(0,0,0,0.5);
--shadow-glow:0 0 24px rgba(30,111,255,0.22);
--shadow-accent:0 0 20px rgba(0,212,255,0.25);

/* 圆角 */
--radius-sm:4px;
--radius-md:8px;
--radius-lg:12px;
--radius-xl:16px;
--radius-full:9999px;

/* 间距 */
--space-xs:0.5rem;
--space-sm:1rem;
--space-md:1.5rem;
--space-lg:2rem;
--space-xl:3rem;
--space-2xl:4rem;

/* 字体 */
--font-sans:"Inter","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
--font-mono:"JetBrains Mono","Fira Code",monospace;
--fs-xs:0.75rem;
--fs-sm:0.875rem;
--fs-base:1rem;
--fs-lg:1.125rem;
--fs-xl:1.25rem;
--fs-2xl:1.5rem;
--fs-3xl:2.25rem;
--fs-4xl:3rem;
--fs-hero:clamp(2.75rem,7vw,5rem);

/* 容器 */
--container-max:1280px;
--container-padding:0 1.5rem;

/* 层级 */
--z-header:100;
--z-modal:1000;
--z-float:90;
--z-dropdown:200;

/* 过渡 */
--transition-fast:0.2s ease;
--transition-base:0.3s ease;
--transition-slow:0.5s ease;

/* 玻璃拟态 */
--glass-bg:rgba(10,22,40,0.7);
--glass-border:rgba(30,111,255,0.15);
--glass-blur:blur(20px);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font-sans);background:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}
a:hover{color:var(--accent)}
img{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
ul,ol{list-style:none}
input,textarea,select{font-family:inherit;font-size:inherit}
::selection{background:var(--primary);color:#fff}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:var(--bg-darker)}
::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}