/* ============================================================ * 星跃 Singyou · VI 全浅色 Token(单强调色版) * 浅色主 + 深色 #000D14 强调块 + 唯一强调色珊瑚 Coral * 2026-08-29 改版:去品牌三色,语义靠深浅/粗细/底纹 * 引入:页面 中「页面 style 之前」引入,删除页面内 :root * ============================================================ */ :root{ /* ── 旧变量名 → 单色映射(现有页面 var() 自动生效) ── */ --ink:#F7F8FA; /* 背景 · 浅灰 */ --bone:#0A1620; /* 主文本 · 深墨蓝 */ --deep:#FFFFFF; /* 卡片 · 白 */ --muted:#5A6572; /* 次级文本 */ --cloud:#F0F2F5; /* 次级底/悬浮 */ --coral:#E8542E; /* 唯一强调 · 行动/信号/警示 */ --lime:#E8542E; /* 增长/信号 → 统一珊瑚(单色强调) */ --teal:#5A6572; /* 数据 → 中性灰 */ --gold:#8A94A6; /* 评级 → 中性弱 */ --line:rgba(10,20,32,.08); --line2:rgba(10,20,32,.08); --sans:'Geist','Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif; --mono:'Roboto Mono',ui-monospace,monospace; --ease:cubic-bezier(.22,.61,.36,1); /* 组件库依赖的字体/形状别名 */ --fonts--badge:'Roboto Mono',ui-monospace,monospace; --fonts--body:'Geist','Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif; --fonts--heading:'Geist','Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif; --panel:#FFFFFF; /* heating 卡片 */ --panel2:#F0F2F5; /* heating 内层 */ --dim:#5A6572; /* heating 弱文本 */ /* ── VI 标准别名(新组件/重构使用) ── */ --color-bg:#F7F8FA; --color-surface:#FFFFFF; --color-surface--alt:#F0F2F5; --color-text--primary:#0A1620; --color-text--secondary:#5A6572; --color-border:rgba(10,20,32,.08); --color-border--strong:rgba(10,20,32,.16); --accent:#000D14; --color-on-accent:#EDF1F5; --color-coral:#E8542E; --color-coral--bright:#FF684A; --color-coral--deep:#A9361D; --color-coral--soft:rgba(232,84,46,.1); --color-neutral--strong:#0A1620; --color-neutral--mid:#5A6572; --color-neutral--weak:#8A94A6; --gradient--brand:linear-gradient(120deg,#E8542E 0%,#A9361D 100%); --radius--default:12px; --radius--small:8px; --radius--pill:99px; --shadow--sm:0 8px 22px -14px rgba(10,20,32,.18); --shadow--md:0 18px 40px -22px rgba(10,20,32,.3); --fs--h1:clamp(2rem,3.6vw,2.5rem); --fs--h3:1.25rem; } /* 深色强调块(hero/CTA/侧边栏场景用) */ .accent,.dark-block{ --color-bg:var(--accent); --color-surface:rgba(237,241,245,.06); --color-surface--alt:rgba(237,241,245,.1); --color-text--primary:var(--color-on-accent); --color-text--secondary:rgba(237,241,245,.7); --color-border:rgba(237,241,245,.16); --color-coral:var(--color-coral--bright); }