chore: wave-0 baseline (Tauri2+React shell, platform detect, fake catalog)
This commit is contained in:
@@ -0,0 +1,39 @@
|
||||
/* ============================================================
|
||||
* 设计 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);
|
||||
|
||||
/* ---- 主按钮(§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);
|
||||
|
||||
/* ---- 背景网格(§3.0:要么可见要么不做)---- */
|
||||
--ad-grid-color: rgba(0, 229, 255, 0.05); /* 透明度固定 5%,施工员不许再调 */
|
||||
--ad-grid-size: 40px;
|
||||
--ad-grid-mask: radial-gradient(120% 90% at 50% 40%, #000 30%, transparent 75%);
|
||||
|
||||
/* ---- 弹窗遮罩(§3.6)---- */
|
||||
--ad-modal-mask: rgba(4, 7, 13, 0.7);
|
||||
}
|
||||
Reference in New Issue
Block a user