39 lines
2.0 KiB
CSS
39 lines
2.0 KiB
CSS
/* ============================================================
|
||
* 设计 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);
|
||
}
|