/**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; }