66 lines
3.5 KiB
Plaintext
66 lines
3.5 KiB
Plaintext
/**app.wxss**/
|
||
|
||
page {
|
||
/* ===== 全站配色令牌 · 唯一来源（改配色只改这里）=====
|
||
各页 page{} 不再重复定义这份色板。本文件先注入、页面 wxss 后注入，
|
||
同特异度下页面胜出，所以某页确需例外时仍可在自己的 page{} 里覆盖同名变量。
|
||
仍有四处硬编码走不了变量，改色时须一并手改（清单见 doc/DESIGN.md §7.3）：
|
||
t-icon 的 color 属性、app.json 的 tabBar.selectedColor、
|
||
首页 base64 内嵌线图标的 stroke、images/ai-ink.png 位图。
|
||
主色沿革（#C2410C H18/L40 → #B8520A H25/L38）与逐文件回滚清单见 DESIGN.md §七 */
|
||
--brand-strong: #B8520A; /* 主按钮 / 选中态 / 实心强调块：白字 4.94:1、纸面 4.66:1、白卡 4.94:1，过 AA */
|
||
--brand-soft: #FFF4E8; /* 浅橙衬底：图标底、标签底、按钮按下态 */
|
||
--brand-line: #FFE0C2; /* 浅橙衬底的描边 */
|
||
--brand-ink: #9B4508; /* 浅橙底 / 纸面上的文字与线图标：浅橙底 5.96:1、纸面 6.10:1，过 AA */
|
||
|
||
/* 中性：暖灰阶，与暖白纸面同温（冷灰会让白卡边缘发青） */
|
||
--ink: #2B2521;
|
||
--ink-2: #4A4038;
|
||
--muted: #6F655C; /* 纸面 5.37:1 / 白卡 5.69:1 / 浅橙底 5.24:1，过 AA 正文。
|
||
历史值 #7A7068 落在纸面上只有 4.56:1，已废弃 */
|
||
--faint: #A79C92; /* 仅用于非文字装饰 */
|
||
--line: #ECE3D6; /* 米色发丝边。原 #F0E9E0 在纸面上只有 1.12:1，而白卡与纸面的
|
||
填充差本身只有 1.06:1——边界全靠这条边，故压深一档：
|
||
纸面 1.20:1 / 白卡 1.27:1 */
|
||
--sep: #E5DACC; /* 分隔线专用：比 --line 深一档，浅橙底上才看得见 */
|
||
--paper: #FAF8F5; /* 暖白纸面。原 #FAF6F0 的 R−B=10，黄度偏重、大面积铺开会被读成
|
||
"旧纸/发闷"；压到 R−B=5 后黄度减半，明度反而略升
|
||
（L* 97.0 → 97.7），暖白身份保留 */
|
||
--white: #FFFFFF;
|
||
|
||
/* 阴影：偏移与模糊半径都保持"小偏移、小模糊"的锐利档 */
|
||
--shadow-card: 0 2rpx 10rpx rgba(63, 43, 25, 0.07); /* 白面一律走中性阴影 */
|
||
--shadow-cta: 0 2rpx 8rpx rgba(184, 82, 10, 0.16); /* 只给实心 CTA、品牌印记这类小体量元素 */
|
||
|
||
/* --- 以下与上面的色板无关，是待收口的历史遗留（见 DESIGN.md §5.2）---
|
||
品牌翠绿：#22A45D 为基准色（第 7 档），向浅/深各展开数档。
|
||
首页主视觉已确定该绿为品牌主色，全站令牌与之对齐，
|
||
避免二级页沿用旧橙色造成首页与内页两套配色。 */
|
||
--td-brand-color-1: #f0faf3;
|
||
--td-brand-color-2: #dcf3e3;
|
||
--td-brand-color-3: #bce6cb;
|
||
--td-brand-color-4: #8ed6a9;
|
||
--td-brand-color-5: #5cc387;
|
||
--td-brand-color-6: #3bb471;
|
||
--td-brand-color-7: #22a45d;
|
||
--td-brand-color-8: #1b8550;
|
||
--td-brand-color-9: #166940;
|
||
--td-brand-color-10: #114f31;
|
||
--td-brand-color: var(--td-brand-color-7);
|
||
--td-brand-color-active: var(--td-brand-color-8);
|
||
--td-brand-color-disabled: var(--td-brand-color-3);
|
||
--td-brand-color-light: var(--td-brand-color-1);
|
||
--td-brand-color-light-active: var(--td-brand-color-2);
|
||
|
||
/* 深锚点：用于标题、Logo 文字等需要"分量"的地方，压住整页的重心 */
|
||
--c-ink: #1c1917;
|
||
|
||
background-color: #ffffff;
|
||
font-family: -apple-system, PingFang SC, Microsoft YaHei, sans-serif;
|
||
}
|
||
|
||
.container {
|
||
min-height: 100vh;
|
||
box-sizing: border-box;
|
||
}
|