Files
MailUI4Agents/client/electron
JianFeeeee 8dd3b0eb17 fix(webui): 列表项改为"每项一张玻璃卡",面板退成透明
用户:「你为什么是给所有列表项一起套了一个玻璃外框,而不是每个列表项单独套外框?」

**他是对的,而且我上一轮没给理由**:之前的做法是"面板 = 一张玻璃,行躺在里面",
把列表当成一个整体容器 —— 而界面上其它地方(正文卡、弹层)都是"每一项自己是一块面",
列表成了唯一的例外,观感上少一层层次。

改法:
- 新增 `.glass-card`(圆角 14px + 半透明 + 细边框 + 悬停加深,带 dark 档);
- **列表面板退成透明**(壁纸模式下 `html[data-bg='on'] .comm-pane > .bg-white`
  置为 transparent)—— 这样壁纸从卡片之间露出来,卡片才是真正的一块块面;
- 会话分组行与邮件行都换成 `.glass-card`。

实测(自己的无头 Chromium,1600×1000):
    壁纸关: 面板 rgb(255,255,255) / 卡片 rgba(255,255,255,0.92) / 圆角 14px
    壁纸开: 面板 rgba(0,0,0,0)   / 卡片 rgba(255,255,255,0.78) / 圆角 14px
即"面板透明、每项一张卡"确实生效。

未做(如实说明):**联系人列表与会话列表**仍是"一张面板 + 行走廊"的旧结构,
只有 MailList 换成了每项一卡。要全部统一说一声,同一套 `.glass-card` 直接套即可。
2026-09-14 13:09:38 +08:00
..