30 lines
1.0 KiB
CSS
30 lines
1.0 KiB
CSS
/* ============================================================
|
||
* 设计 Token · 间距 / 圆角(space)
|
||
* 来源:视觉规范 v1.2 §2.3
|
||
* 赛博感靠小圆角 + 发光描边,不做大圆角。
|
||
* ============================================================ */
|
||
:root {
|
||
/* ---- 间距(4px 基数)---- */
|
||
--ad-space-1: 4px;
|
||
--ad-space-2: 8px;
|
||
--ad-space-3: 12px;
|
||
--ad-space-4: 16px;
|
||
--ad-space-5: 20px;
|
||
--ad-space-6: 24px;
|
||
--ad-space-8: 32px;
|
||
--ad-space-10: 40px;
|
||
--ad-space-12: 48px; /* v1.3 §3.0 超宽断点内容区边距 */
|
||
|
||
/* ---- 内容区宽度体系(v1.3 §6:标准 1440 / 宽阔 1760 / 超宽全宽)---- */
|
||
--ad-frame-max: 1440px;
|
||
--ad-frame-pad-x: var(--ad-space-8);
|
||
|
||
/* ---- 圆角 ---- */
|
||
--ad-radius-s: 4px; /* 标签、小按钮、chip */
|
||
--ad-radius-m: 8px; /* 卡片、输入框、弹窗 */
|
||
--ad-radius-l: 12px; /* 主面板 */
|
||
|
||
/* ---- 描边 ---- */
|
||
--ad-border-width: 1px; /* 描边统一 1px;发光描边 = 1px 实色 + 外辉光,不加粗 */
|
||
}
|