v1.8.0 — 四种模式，终于排得像个样子了

上一版加了第四种模式「每对话固定」，功能是好的，排版是坏的。坏得很实在：格子还是按三个排的，第四个只好委屈地掉到下一行，占着半个身位，像个插班生。

问题出在哪

「账号使用方式」这一块本来写着 grid-template-columns: repeat(3, ...)——三列。模式从三个变成四个之后，没人去改这个数字。

于是：

• 第四张卡被挤到第二行，左边空出一大块，右边孤零零一张；
• 每张卡只剩大约 190 像素宽，中文说明被折成两三行，长短参差不齐，眼睛没法竖着扫；
• 更尴尬的是，测试全绿、构建全过——因为没有任何一个测试会去数 CSS 里的网格列数。这种错只能靠眼睛发现。

现在长什么样

• 两列排布，四张卡正好 2×2，方方正正；窄窗口下自动变成一列，每张卡独占一行，说明文字不再折行。
• 顶部多了一个「当前：每对话固定」的小徽章，不用在四张卡里自己找哪张亮着。
• 选中的那张卡明显抬高：底色提亮一层，左侧加一条竖色条，一眼就能认出来。
• 「推荐」不再塞进标题文字里（每对话固定（推荐）这种写法会让标题长度不齐），改成一个独立的小绿标挂在卡片右上角。

配色上的一点坚持

这次参考了 dingminhua/dsh-connect-workbuddy 的界面，它的思路很清楚：给「当前项」一条竖色条 + 抬高的底色。这套手法我们借来了。

但颜色没借。它用的是宿主品牌蓝 #5686fe——那是 DSH 自己的颜色，不是这张卡片的。我们的卡片有自己的一套：底色用和上面区域切换按钮选中时同一个「抬升表面」色，竖色条用中性色，和宿主保持一致但不冒充宿主。

绿色只留给「推荐」徽章，因为卡片下方那个绿点已经在表示「账号健康」了，别让两种绿打架。

已知边界

• 这次只动了样式和排版，分发逻辑一行没改——四种模式的行为和 1.7.9 完全一样。
• 布局测试是读源码文本断言的（比如「网格必须是两列」「选中态不许出现 brand-primary」），能防住改错，但防不住视觉上「两列也不好看」。真正的判断还得靠眼睛。