/* ============================================================ 合因科技 · 官网设计系统 — 主题令牌层 (Design Tokens) 只需修改本文件即可统一切换全站视觉。 主色：腾讯会议同款科技蓝 ============================================================ */ :root { /* ---------- 品牌主色 ---------- */ --c-brand: #1A6BFF; /* 主色：科技蓝 */ --c-brand-rgb: 26, 107, 255; --c-brand-700: #0A47C2; --c-brand-600: #0F5BEF; --c-brand-500: #1A6BFF; --c-brand-400: #4D8BFF; --c-brand-300: #8AB4FF; --c-brand-100: #E2ECFF; --c-brand-50: #F1F6FF; /* ---------- 辅助 / 点缀 ---------- */ --c-cyan: #18C6E6; /* 清新医疗青，用于渐变与点缀 */ --c-cyan-rgb: 24, 198, 230; --c-mint: #16D6A6; --c-violet: #6E62F5; --c-amber: #FFB020; /* ---------- 文字 ---------- */ --c-ink: #0B1733; /* 标题近黑藏蓝 */ --c-text: #2A3552; /* 正文 */ --c-muted: #5C6B8A; /* 次要文字 */ --c-faint: #8B97B4; /* 弱化文字 */ --c-on-brand: #FFFFFF; /* ---------- 背景 / 描边 ---------- */ --c-bg: #FFFFFF; --c-bg-soft: #F6F9FF; /* 浅蓝白分区底 */ --c-bg-muted: #EEF3FE; --c-bg-ink: #0A1230; /* 深色区块底 */ --c-bg-ink-2: #0E1A40; --c-line: #E6ECF6; --c-line-strong: #D5DEEC; /* ---------- 渐变 ---------- */ --grad-brand: linear-gradient(120deg, #1A6BFF 0%, #3B8BFF 50%, #18C6E6 100%); --grad-brand-soft:linear-gradient(120deg, #2E78FF 0%, #18C6E6 100%); --grad-ink: linear-gradient(160deg, #0C1638 0%, #0E1F4E 60%, #123A7A 100%); --grad-sheen: linear-gradient(120deg, rgba(255,255,255,.0), rgba(255,255,255,.55), rgba(255,255,255,0)); --grad-text: linear-gradient(100deg, #1A6BFF 0%, #18C6E6 100%); /* ---------- 阴影（带品牌色调） ---------- */ --shadow-xs: 0 1px 2px rgba(11,23,51,.06); --shadow-sm: 0 2px 8px rgba(20,50,120,.06); --shadow-md: 0 10px 30px rgba(20,50,120,.08); --shadow-lg: 0 24px 60px rgba(20,50,120,.12); --shadow-xl: 0 40px 90px rgba(16,40,100,.16); --shadow-brand: 0 18px 40px rgba(26,107,255,.28); /* ---------- 圆角 ---------- */ --r-xs: 6px; --r-sm: 10px; --r-md: 14px; --r-lg: 20px; --r-xl: 28px; --r-2xl: 36px; --r-pill: 999px; /* ---------- 间距 / 布局 ---------- */ --container: 1200px; --container-wide: 1320px; --gutter: 24px; --section-y: clamp(64px, 8vw, 120px); --nav-h: 68px; /* ---------- 字体 ---------- */ --font-sans: "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; --font-num: "Inter", "PingFang SC", system-ui, sans-serif; /* ---------- 动效 ---------- */ --ease: cubic-bezier(.22, .61, .36, 1); --ease-out: cubic-bezier(.16, 1, .3, 1); --ease-in-out: cubic-bezier(.65, 0, .35, 1); --dur-1: .18s; --dur-2: .32s; --dur-3: .55s; --dur-4: .9s; --z-nav: 1000; --z-mega: 1010; --z-top: 2000; } /* 预留：深色主题 / 其他品牌色可在此覆盖 用法： */ [data-theme="ink"] { --c-bg: #0A1230; --c-bg-soft: #0E1A40; --c-text: #C9D4EC; --c-ink: #FFFFFF; --c-line: rgba(255,255,255,.10); }