---
"@ux-team/tvu-design-system": patch
---

Table: 修正体内行分隔线的颜色 —— Vue 与 React/CE 两条链此前渲成**不同**的颜色，现已一致。

`src/tokens/variables.css` 里的全局元素级基线 `td { border-top: 1px solid var(--line-border) }`
在 `border-collapse` 冲突里赢过 `Table` 自己声明的 `.tbl-body .tbl-row { border-bottom: 1px
solid var(--line-light) }`。而 `tvu-table`（web component）渲染在 shadow root 里、全局
element 级规则进不去 —— 于是同一张表的行分隔线在 Vue 消费者那里是 `--line-border`
（dark `#595959` / light `#f0f0f0`），在 React / 原生 CE 消费者那里是 `--line-light`
（dark `#434343` / light `#cccccc`）。

修法 = 在组件内中和这条继承来的基线，让组件自己的声明生效。

**consumer 影响（Vue 用户会看到）**：`<Table>` 体内行之间的分隔线颜色从 `--line-border`
变为 `--line-light`（更浅一档）。表头下方那条分隔线**不变**（仍是 `--line-deep`）。
React / CE 用户**无变化** —— 那条链本来就是 `--line-light`。裸 `<table>` 标记的全局
`td` 基线**未改动**。

依据：Figma 设计真源里 Table 的 tbody 单元格无 stroke（2026-08-18 向 Figma 复验，
三个变体 `4605:7125` / `4265:16167` / `4605:7131` 的 `strokes` 均为空），所以 Vue 链
那条 `--line-border` 是代码多画的一条线，不是设计意图。