否掉的方向

数值

           选中项          底       侧栏     强调色
0现状      白底 + 红字     #F6F5F1  #25282C  #B4232C   刷刷那套（黑红）
A靛蓝      底#FDFCF9       #F6F5F1  #ECE9E1  #3B5BDB   Todoist / Things 路线
B橄榄      同上            #F6F5F1  #ECE9E1  #5E6144   （小屋家族色）
C赭红      同上            #F6F5F1  #ECE9E1  #B5563A   刷刷红柔化一档
D深蓝侧栏  底#334155、白字 #F8FAFC  #1E293B  #2563EB   GitHub / AdminLTE 路线
E Linear灰 底#E6E4DF       #F7F7F5  #F0EFEC  #1F1E1B   Linear / Notion 路线
0–C 共用   字 #2E2D28 · 次级 #6C6A61 · 线 #E4E0D6 · 卡 #FDFCF9；逾期红六套都是 #B4232C
刷刷原值   --canvas #f6f5f1  --ink-900 #25282c（侧栏）  --red #b4232c

用在哪

plan先做（屋主问能不能参考小屋或刷刷的色系，选了刷刷），岗岗跟着「对齐刷刷」做了一整版，验完没发布；card那时刚接进工作区，直接上的粉彩。六套中性只出了对照图，没落代码。

为什么不是那样

深色侧栏是整屏最重的一块；刷刷红当主色，每个选中项都像在报错——红本该只留给「答错、逾期」这类语义位，plan后来也写成「红只做逾期／风险／危险操作」。六套中性把这两样拿掉了，可底子还是暖纸或冷白，颜色只剩按钮和选中项一小块，等于没颜色。屋主下一句选的是粉彩渐变（TickTick／Apple提醒事项那种），说明他要的是底子本身有颜色、又不重——这是控制室的归纳，他的原话只有「都不好看」。

数值

样张 plan-pastel-mock.html（1440×900，三栏232 / 1fr / 360）
P1      135deg #e9ecff → #f4ecff 45% → #ffeef6   · 强调#5b6cff / #8b7cf6
P2      160deg #e6f3ff → #f2f6fb 50% → #fdf1f4   · 强调#3b82f6 / #60a5fa   屋主选的（六套里的 sky）
P3      135deg #fff0e6 → #ffe9f0 50% → #eef0ff   · 强调#ff7a59 / #ff9a8b
mint    160deg #dff6ee → #eefbf8 → #e4f3fa       · 强调#2fb5b8 · 墨#2a3550   Fresh Aura
lilac   160deg #e6e5f0 → #f5f0f3 → #ffe6e6       · 强调#8785a2 · 墨#33314a   Gentle Radiance
candy   135deg #dcf6f2 → #f8f3d5 → #ffe1e8       · 强调#00a99c · 墨#1f3336   Flow Shade
mist    160deg #dbe2ef → #eef2f8 → #f9f7f7       · 强调#3f72af · 墨#112d4e   Sea Mist
meadow  160deg #fff6c4 → #f6fbe6 → #dcf7e3       · 强调#f0932b · 墨#2f3a2a   Warm Veil
共用    卡 rgba(255,255,255,.72) · 墨 #1f2333 · 次级 #6b7086 · 逾期 #ff5c7a
切换    html[data-palette] = sky | mint | lilac | candy | mist | meadow，键 plan-palette / card-palette / hb:palette

用在哪

四个工具都做过、验过：card提交过两版（先P2一套，再六套切换）；岗岗做完验完写完文档、没发布；plan、刷刷也停在工作区——刷刷那一版原本要叫3.11.0，最后3.11.0发出去的是液态玻璃。

为什么不是那样

六套等于六种页面：每套换的是整张底，文字档要按每套底各压深一组，对比度表也是六张——作废时plan写的就是「六套的色值与六张对比度表随之作废」。渐变底上再压半透明白卡，同一种灰字在不同位置对比度不一样，次级灰为了六套都过4.5又压了一档。现行把「颜色」拆成两个维度：底子中性（#F4F5F9／#0B0C10）不动，颜色只出现在三团光晕、主按钮、选中项和图标块上；换强调色时这几处一起换，字压的底永远可预测。这正落在屋主「有颜色但不重」上——这一句是控制室的归纳。

数值

第一版纯苹果（apple/shua-apple.html，2026-09-23 01:33）
  底 #F2F2F7 · 卡 #FFFFFF 圆角14 · 侧栏 #F5F5F7 + 1px rgba(60,60,67,.18)
  不模糊、无投影、无光晕；整页定死1440×900
  导航图标 = 22px 灰方块 background: rgba(120,120,128,.16)，选中项换成强调色方块
  品牌 = 文字「刷刷」20px；chevron = 字符「›」
玻璃初稿（apple/shua-glass.html，01:37起改了三次）
  玻璃 .62 / .78、三团光晕、字号 clamp() 跟着视口走——已经对了
  01:41前：导航仍是灰方块；01:41改线条图标、品牌方块里写一个「刷」字
  01:43改成品牌图标（叠卡 + 勾）；列表图标 ▶ ◔ 1 ☰ ✓ ? ✕ ★ 到01:49才换掉
现行（SPEC §5b）
  一律真 SVG 线条：stroke 1.9、圆头圆角，导航20px、列表18px；禁止字符、emoji、灰色空方块

用在哪

2026-09-23凌晨给四个工具定新风格时的两份样张（都画的刷刷首页），定稿那份拷进了四个仓库当真源。

为什么不是那样

第一版太素：中性灰底配纯白卡，层次只剩卡片的边，屋主要的「有颜色」没了；它还是定死1440×900画的，不跟窗口和浏览器缩放走。第二版加了三团随强调色变的光晕、两档玻璃，字号间距全换成clamp。灰方块是占位，看上去就是「左边一列空白」——屋主截图圈的就是它；字符图标粗细高低各不一样、跟不了字色（切到深色更明显，见总览原则07）。左上角写字等于没有品牌，换成品牌图标，后来屋主又换成自己手绘的（见交互页「品牌图标」）。

数值 / 代码

现行  --scale: clamp(1, tan(atan2(100vw, 1440px)), 1.45)   视口 ÷ 1440，2088起封顶
      内容宽 = 视口 − 侧栏 − 左右内边距，铺满；不加列、不整壳居中、不用 CSS zoom
错一  .view { max-width: 1180px; margin: 0 auto }           刷刷3.11.0：侧栏右边居中成窄柱
错二  --view-max: 1560px; .app-shell { max-width: …; margin: 0 auto }
      @media (min-width: 1600px) { 快速开始并成三列 }        刷刷3.11.1：字只涨1.13–1.18倍还加列
错三  严格等比：1440构图 × 1.45 = 2088，超出的部分两边留白
错四  min(calc(1px + (100vw − 1440px) × 0.000401786), 1.45px)   线性爬坡：2040处1.241，等比是1.417

用在哪

四个工具（刷刷3.11.1→3.11.2、岗岗、plan、card）。本站外壳的--scale也是现行这条；现行写法见布局章「1440等比放大」。

为什么不是那样

窄柱：屋主第一次截图圈的就是侧栏右边两大块空白。加列：视口涨1.78倍、字只涨1.13–1.18倍，再拆多列，版面变密、构图也变了，跟Mac上「不是同一个东西」。严格等比：2088以上同样会两边留白，等于把他抱怨的东西还回去，所以取填满，多出来的宽度只给卡片和列表轨道吃。线性爬坡：两种写法在2560都是1.45，中间全程不同——屋主台式机是2040（DPR 1.25），线性只给1.241，刷刷在他屏上比另外两家小一圈。连前提都错过一次：一直按2560推算，屋主台式机的视口其实是2040。

数值

球档（card 2026-09-22 23:30那一版，collection/gallery.js）
  张数 ≥ 9用球（≤ 8用圆环转盘）；13张时是球
  斐波那契球面：y = 1 − 2(i + .5) / n，经度每张转一个黄金角 π(3 − √5)
  卡面朝外 mesh.lookAt(方向 × 2)；整组姿态 Rx(俯仰)·Ry(偏航)，俯仰限 ±1.1弧度（≈63°）
  相机俯视10°、距离4.6、视场30°；停3秒自转，约80秒一圈
  13张里最上、最下两张在纬度 ±67°，超过俯仰限，永远转不到正面
Cover Flow（现行，tools/card/CLAUDE.md「画廊的几条硬约束」）
  正中一张 rotate 0、最大最近；两侧 rotateY ±60° 后退、等距重叠、越远越暗到 .45
  切换380ms cubic-bezier(.32,.72,0,1)；减弱动效直接切；WebGL 从画廊去掉，纯 CSS 3D

用在哪

card画廊的选卡台。球那一版2026-09-22晚提交，第二天凌晨卡加到13张、进了球档，屋主看过就否了。

为什么不是那样

球面上的卡只能「朝外」，朝外和「朝你」只在正前方一点重合；相机俯视10°，正前那张也是上宽下窄的梯形；俯仰有限，最上最下两张转不正。屋主前一晚就说过牌少时球不好看；02:20又说「凸出不来像是一个球体」，控制室的办法是加球壳、经纬线、后排压暗，让它更像个球——方向反了：要的是看得清每张卡，不是一个球。Cover Flow把「端正」交给正中那一张，它永远rotate 0；两侧侧立只负责告诉你还有多少张。这一条后来写成了审美原则（方法章「正对你的东西要端正」）。

数值

原底  radial-gradient(ellipse 70% 60% at 50% 42%, #3b3e44 0%, #22242a 48%, #141519 100%)
A     #14162A 底 + 三团 border-radius:50% 加 filter: blur(48px)：强调色 .75 / #FF375F .42 / #40C8E0 .45
B     radial(60% 50% at 50% 0%, rgba(191,90,242,.55)) + 地面 radial(70% 30% at 50% 100%) + #1B1D38→#0F1022→#141633
C     四角 radial（#5856D6 / #BF5AF2 / #30B0C7 / #FF2D55）on #1A1C38，压 rgba(14,15,30,.45)，颗粒 opacity .28 overlay
D     radial(50% 45% at 50% 55%, rgba(88,86,214,.45)) + 160deg #0F1128 → #1B1740 55% → #0B0C1E + 十二颗星点 + 暗角   选定
E     linear(#22243F, #101226) + 一块 inset 14% 8% 12% 的白面板，.10→.04（样张带 backdrop-filter: blur(20px)）
F     conic 四色环用 mask 只留一圈 + blur(2px)，外面一团 blur(20px) 柔光

用在哪

card选卡台。球撤掉、换成Cover Flow以后，星野底留了下来；落地的写法（中段混18%强调色、星点慢慢闪、深色再压一档）见色彩页「星野舞台底」。

为什么不是那样

原底那团炭灰跟强调色无关，换了强调色舞台还是一块灰。「不要纯黑、要随强调色的深色调」这一条是控制室下发时自己加的，查不到屋主说过（记忆里记成了屋主看过card后定的）。六选里屋主只回了「D」，没说为什么不要另外五种；控制室当时推荐的是A极光雾（和页面光晕同一种语言），他没选。D的说明写的是「贴合月海、星轨、暮色这些卡的题材」。他同时说球「凸出不来」，那一条后来连球一起撤了。

数值

样张 stage/layouts.html（卡宽92，舞台高270，perspective 900px）
A  侧卡 translateX(±110…300px) translateZ(-160px) rotateY(∓60deg)；正中 translateZ(60px)、宽104（选定）
B  全端正：translateX + translateZ(-120…40px) + rotateY(±1…14deg) + scale(.8…1.05)，排成浅弧
C  transform-origin: 50% 300%; rotate(±7…42deg)；选中那张 rotate(0) translateY(-34px) 抽高
D  往后叠：translateY(-12…-96px) scale(.78….98) + brightness(.45….9)，最前一张完整
E  不做3D：七列铺成墙，选中 scale(1.12)，悬停跟指针出全息光

用在哪

card画廊。选了A以后去掉了WebGL，纯CSS 3D；落地的几何（中间宽.50H、两侧.44H、透视2.2H、间距按侧立卡两条竖边的真实投影反算）见卡集文档。

为什么不是那样

屋主只回了「A」，没说别的为什么不要。控制室当时的评语：A，13张一眼看全、正中端正、苹果味最正（推荐）；B，每张都端正，但越往两端越小越远；C，最有「收藏闪卡」的味道，可除了抽出来那张，每张都是斜的；D，最省地方，一次却只看得到一张完整的；E，最一目了然、最不会怪，但没什么惊喜。

数值 / 代码

被否  .detail-host.is-column  宽 calc(416px × --ui-scale)（2552处603px）；≤1100退回覆盖式抽屉
现行  DetailDialog  宽 min(920px × --ui-scale, 92vw)、高上限86vh，只有 .detail-body 内部滚动
      ≥1000px 正文两列（左阶段、右材料）；遮罩 rgba(0,0,0,.28)；Esc / 点遮罩关，焦点还回那一行
      240ms cubic-bezier(.32,.72,0,1)：桌面淡入 + scale(.96)→1；≤600整屏页从右推入
实测  视口2552×1274下对话框宽1334、2040×1019下宽1303.3；6个名字全部完整显示

用在哪

plan的任务详情与笔记详情。当天计划抽屉、收件箱面板仍是覆盖式。

为什么不是那样

第三栏的宽是照1440定的，大屏上跟着等比放大，可内容区放得更多——名字截成「发通知并收…」「检查材料并…」，主区一大片空着。居中对话框借的是整屏的宽，名字不截、阶段和材料两列并排，打开时背景压暗、专心改一件事。手机上整屏页是主流做法，控制室定的，没问屋主。

数值

               底（纸）          卡            色块           亮色（黄铜/橄榄）  日期橙
v1夜橄榄：     45 9% 10%         45 9% 13%     63 12% 18%     66 18% 62%        21 74% 56%
               #1C1B17           #24231E       #333328        #ACB08D           #E2763C
v2琥珀棕：     36 14% 9.5%       38 14% 13%    40 16% 19%     44 32% 68%        24 80% 60%
               #1C1915           #26221D       #383329        #C8BA93           #EB8947
海雾：         底#112D4E · 正文#DBE2EF · 标题#F9F7F7 · 链接#3F72AF（压底只有2.8，要提到#85A4CC）
现行冷夜暖灯： 225 12% 9.5%      225 11% 13%   222 14% 19%    44 34% 70%        24 80% 60%
               #15171B           #1E1F25       #2A2E37        #CDBF98           #EB8947
（globals.css 里写的是 HSL，注释里的十六进制是近似值；上表按 HSL 实算）

用在哪

小屋（Ysevan_web）的.dark。切换入口是顶栏的墙壁开关。

为什么不是那样

v1夜橄榄：色相不动、只把纸压成暖炭，绿翻成浅橄榄当亮色——深绿一暗就发泥，屋主说「太丑了，不够温馨」。v2琥珀棕：整体挪进琥珀，「夜里点着灯的屋子」；屋主看了说还是不符合背景总体的颜色，第三版于是把底换冷，理由是通铺暖色，暖就不暖了。现行：底沉进色相225的冷夜，字、黄铜、炉火橙保持暖（色相42–45），和门厅那幅画入夜的方子一样。海雾：屋主自己找来的色卡，控制室挑了它只接管夜间；对比图出来，链接压底只有2.8，要改20个令牌、9处着色器，站里的暖除了黄铜和炉火橙都变冷了。屋主看完「更丑了，不改了」。

数值 / 代码

中缝展开（24fc3f6） 出0.3s：scale(1.045) + 淡出；进0.55s：clip-path inset(0 49.5%) → inset(0)，亮度 .7→1
实心色板门（33ca504）合门0.45s cubic-bezier(.32,0,.24,1)：两扇 translateX(±101%) → 0，旧页 scale(1.04) 压暗到 .35
                    门后换房间；开门0.75s cubic-bezier(.3,.05,.2,1)：rotateY(∓96deg)，perspective 1400px
                    门板 = 站里色块那支（白天 #D5D4C1、夜里青黛 #2A2E37），中缝发丝线，5×46竖圆棒把手
纸色格心门（65842d1）时序同上；板面 muted → 纸底 → muted，离边两圈发丝线勾格心，11px黄铜小圆钮
现行 洇一层纸（017f067）两个250vmax的径向渐变圆盘：纸色 wash ＋ 橄榄颜料边 rim
                    洇开0.55s scale(.01→1)，rim 晚50ms；盖住时换房间；干去0.6s scale(1→1.06) + 淡出
                    旧页0.55s退到 scale(.985)、.45；只动 transform 与 opacity；回门厅不洇

用在哪

小屋从门厅去随笔、工具（房间互串也一样）；回门厅不播，开场手写「Hey, Ysevan!」就是门厅自己的仪式。现行洇纸的写法见动画章「洇一层纸」。

为什么不是那样

门是新物件：小屋的语言是水彩和纸，门板不管做成色块还是纸色都是外来的；合门加开门要1.2秒，每次换房间都在等一扇门。控制室查了当时的主流转场（错列色块、方向扫屏、交叉淡化），也都偏科技作品集的气质。洇纸是水彩本身，只动缩放和透明度，比门轻一半（这一条后来写成了原则：方法章「转场用站点自己的语言」）。实心色板门屋主当场说丑、不够优雅，换成纸色格心门以后还是「太丑了」，才放弃门这条路。