/* ============================================================ * 设计 Token · 阴影与辉光(effects) * 来源:视觉规范 v1.2 §2.4 / §2.6 / §3.0 * 辉光只给:主按钮、选中导航项、聚焦输入框、需处理状态指示灯、 * 可更新角标、环境警告 chip。列表每行都发光 = 全部不发光,禁止。 * ============================================================ */ :root { /* ---- 阴影 ---- */ --ad-shadow-panel: 0 8px 24px rgba(0, 0, 0, 0.45); --ad-shadow-pop: 0 12px 40px rgba(0, 0, 0, 0.6); /* ---- 辉光 ---- */ --ad-glow-primary: 0 0 12px rgba(0, 229, 255, 0.35), 0 0 32px rgba(0, 229, 255, 0.12); --ad-glow-accent: 0 0 12px rgba(255, 77, 219, 0.35); --ad-glow-warning: 0 0 10px rgba(255, 176, 32, 0.28); /* 仅警告 chip / 警告状态灯 */ --ad-glow-danger: 0 0 12px rgba(255, 77, 94, 0.35); --ad-glow-balanced: 0 0 6px rgba(0, 229, 255, 0.3); /* 中档单层辉光(§5 半径减半),tiers.css 引用 */ /* ---- 主按钮(§2.6,v1.2 hover 双层扩散辉光)---- */ --ad-btn-primary-bg: linear-gradient(180deg, #33D9EE 0%, #06BCD9 55%, #049EBB 100%); --ad-btn-primary-text: #03252E; --ad-btn-primary-inner: inset 0 1px 0 rgba(255, 255, 255, 0.30), inset 0 -1px 0 rgba(2, 20, 26, 0.35); --ad-btn-primary-glow: 0 0 10px rgba(0, 229, 255, 0.22); --ad-btn-primary-glow-hover: 0 0 14px rgba(0, 229, 255, 0.30), 0 0 36px rgba(0, 229, 255, 0.12); /* 品红更新按钮(全应用唯一允许品红做按钮的场景) */ --ad-btn-accent-bg: linear-gradient(180deg, #F26AD9 0%, #D633B8 55%, #B5209C 100%); --ad-btn-accent-glow-hover: 0 0 14px rgba(255, 77, 219, 0.30), 0 0 36px rgba(255, 77, 219, 0.12); /* ---- 背景氛围(v1.3 §3.0:网格移除,降级为静态深空渐变,三档通用)---- */ --ad-bg-gradient: radial-gradient(120% 90% at 50% 0%, #0D1420 0%, #070B14 70%); /* ---- 弹窗遮罩(§3.6)---- */ --ad-modal-mask: rgba(4, 7, 13, 0.7); }