fix(web): 全局 border 规则放进 @layer base —— 全站 258 处彩色 border 类此前一个都没生效

globals.css 里那条 `* { border-color: hsl(var(--border)) }` **不在任何 @layer 里**。
无层级样式整体胜过 `@layer utilities`(与优先级无关),于是它压过了 Tailwind
**全部** border 颜色工具类:写 `border-l-brand-400` / `border-rose-300` 不报错、
也不生效,算出来永远是那个灰 #D6DDE6。实测登录框 91 个有边框的元素,91 个都是灰的。

被吃掉的不只是"某处颜色不对":
  - `border-t-transparent` —— 两处转圈 loading 的缺口被填成灰,整圈同色,转了看不出来
  - `border-current` —— 本该跟随文字色调,恒为灰
  - ~32 处 hover:/focus: 边框反馈全哑,配着 `transition-colors` 动画一个空
  - chain-viz / facts-timeline 整套语义色板的 border 分支形同虚设

改法:把这条规则包进 `@layer base`。
⚠️ Tailwind v4 没有 `--default-border-color` 主题变量(v3 的 borderColor.DEFAULT
已移除,preflight 改成 `border: 0 solid`),分层的 `*` 规则就是 v4 官方写法。

同时删掉 147 处中性 `border-slate-*` / `divide-slate-*` 类(31 个文件):
它们此前零效果,而分层后会**开始**生效 —— `border-slate-100`(114 处)会从
#D6DDE6 变 #F1F5F9(对白底对比度 1.30→1.06,发丝线几乎消失),`slate-50` 直接看不见。
这些类当初就是对着灰写的(该 `*` 规则从首次提交就在),删掉后落回 base 层默认灰,
**构造上保证零像素变化**。三个页面实测:中性边框数量与颜色与改前逐一对齐,
彩色边框恢复(brand-600 = rgb(0,50,160)、brand-400 = rgb(59,118,247))。

batch-tracking 那条竖轨收回工具类(`border-l-2 border-l-brand-400`),
连同解释这条地雷的注释一起删;`past` 保留 2px 透明边以维持两组首列对齐。

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

apps/pac-web/src/app/(app)/plans/page.tsx

@@ -111,7 +111,7 @@ function EntryResolver() {
     <div className="flex h-screen flex-col overflow-hidden bg-slate-50">
       {/* 空态 header —— 内容只有 PAC 品牌 + 用户三件套,无功能项;嵌入宿主时整体隐藏 */}
       {!isEmbedded() && (
-        <header className="flex h-12 flex-none items-center gap-2 border-b border-slate-100 bg-white px-4">
+        <header className="flex h-12 flex-none items-center gap-2 border-b bg-white px-4">
           <span className="inline-flex h-7 w-7 items-center justify-center rounded-md bg-brand-600 text-[12px] font-bold text-white">
             PAC
           </span>
@@ -154,7 +154,7 @@ function EntryResolver() {
           <button
             type="button"
             onClick={() => window.location.reload()}
-            className="inline-flex items-center gap-1.5 rounded-md border border-slate-100 bg-white px-3 py-1.5 text-[12.5px] text-slate-600 hover:bg-slate-50"
+            className="inline-flex items-center gap-1.5 rounded-md border bg-white px-3 py-1.5 text-[12.5px] text-slate-600 hover:bg-slate-50"
           >
             <RefreshCw className="h-3.5 w-3.5" />
             刷新

apps/pac-web/src/app/globals.css

@@ -114,15 +114,21 @@
 
 /* 全局 border 颜色 — 这样写不用每处都标 border-border
  *
- * 🔴 **这条规则不在任何 @layer 里,所以它压过 Tailwind 的 `border-*` 颜色工具类**
- *   （无层级的样式整体胜过 `@layer utilities`,与优先级无关）。
- *   ⇒ 组件里写 `border-l-brand-400` / `border-rose-300` 之类**不会报错、也不会生效**,
- *     算出来永远是这里这个灰（2026-08-11 在主管工作台那条竖轨上实测踩到）。
- *   要给某处上**彩色边框**,走 inline style 或 `@utility`,⛔ 别指望工具类。
- * ⚠️ 想把这条改成分层的(让工具类重新生效)要整站回归:现在全站的 `border-xxx-100`
- *   之类**都**落在这个灰上,一改就全变。 */
-* {
+ * ⚠️ **必须待在 `@layer base` 里**(2026-08-11 修)。原来它是**无层级**的裸 `*` 规则,
+ *   而无层级样式整体胜过 `@layer utilities`(与优先级无关)—— 于是它压过了 Tailwind
+ *   **全部** `border-*` 颜色工具类:组件里写 `border-l-brand-400` / `border-rose-300`
+ *   不报错、也不生效,算出来永远是这个灰。实测全站 258 处彩色 border 类无一生效,
+ *   连 `border-t-transparent`(转圈 loading 的缺口)和 `border-current` 都被吃掉。
+ *   放进 base 层后 utilities 重新压得过它,工具类恢复正常。
+ *
+ * ⛔ 别再把它挪出 `@layer`,也别加 `!important` —— 那等于把这个坑原样刨回来。
+ * 备注:Tailwind v4 没有 `--default-border-color` 这个主题变量(v3 的
+ *   `borderColor.DEFAULT` 在 v4 已移除,preflight 改成 `border: 0 solid` = currentColor),
+ *   所以「分层的 `*` 规则」就是 v4 官方给的写法,不存在更声明式的替代。 */
+@layer base {
+  * {
     border-color: hsl(var(--border));
+  }
 }
 
 body {

apps/pac-web/src/app/pet-lab/page.tsx

@@ -27,7 +27,7 @@ export default function PetLabPage() {
           <figure
             key={p}
             data-pet-perch
-            className="flex flex-col items-center gap-2 rounded-xl border border-slate-100 bg-white p-4 shadow-sm"
+            className="flex flex-col items-center gap-2 rounded-xl border bg-white p-4 shadow-sm"
           >
             <PetBody pose={p} glanceSeq={p === 'idle' ? glance : 0} size={96} />
             <figcaption className="text-xs text-slate-500">{p}</figcaption>
@@ -36,7 +36,7 @@ export default function PetLabPage() {
         {/* 涂氟护盾(与姿态正交的 buff,叠在 idle 上展示) */}
         <figure
           data-pet-perch
-          className="flex flex-col items-center gap-2 rounded-xl border border-slate-100 bg-white p-4 shadow-sm"
+          className="flex flex-col items-center gap-2 rounded-xl border bg-white p-4 shadow-sm"
         >
           <PetBody pose="idle" glanceSeq={0} shield size={96} />
           <figcaption className="text-xs text-slate-500">shield(涂氟护盾)</figcaption>
@@ -136,7 +136,7 @@ function LabBtn({ label, onClick }: { label: string; onClick: () => void }) {
     <button
       type="button"
       onClick={onClick}
-      className="rounded-lg border border-slate-200 bg-white px-3 py-1.5 text-sm text-slate-700 shadow-sm hover:bg-slate-50"
+      className="rounded-lg border bg-white px-3 py-1.5 text-sm text-slate-700 shadow-sm hover:bg-slate-50"
     >
       {label}
     </button>

apps/pac-web/src/components/assistant/assignment-confirm-sheet.tsx

@@ -957,7 +957,7 @@ export function AssignmentConfirmSheet({
       className="overflow-hidden border-brand-100 text-[12px] shadow-sm"
     >
       {/* ① 汇总 */}
-      <div className="flex items-center gap-2 border-b border-slate-100 bg-brand-50/50 px-3 py-2">
+      <div className="flex items-center gap-2 border-b bg-brand-50/50 px-3 py-2">
         <Users className="h-3.5 w-3.5 flex-none text-brand-600" />
         {/*
           ⚠️ 有待分配时必须**先给总数**,再拆两半。
@@ -1040,14 +1040,14 @@ export function AssignmentConfirmSheet({
           和这里问的"这活多大"不是一回事。
       */}
       {sheet.opsNote && (
-        <div className="whitespace-pre-line border-b border-slate-100 bg-slate-50/70 px-3 py-2 text-[11.5px] leading-relaxed text-slate-700">
+        <div className="whitespace-pre-line border-b bg-slate-50/70 px-3 py-2 text-[11.5px] leading-relaxed text-slate-700">
           <Emphasized text={sheet.opsNote} />
         </div>
       )}
 
       {/* ② 按客服(产能视图)—— 这一层是主管真正在看的 */}
       <CardContent className="p-0">
-        <div className="divide-y divide-slate-50">
+        <div className="divide-y">
           {groups.map((g) => {
             const isOpen = open.has(g.userId);
             return (
@@ -1384,7 +1384,7 @@ export function AssignmentConfirmSheet({
           (水位法没轮到)或被精调成 0 名额。 */}
       {/* ⚠️ 拖过去之后他就有条目了 —— 从这行剔掉,否则同一个人既在上面成组、又在"未分到"里 */}
       {idleAgents.length > 0 && (
-        <div className="border-t border-slate-100 px-3 py-1.5 text-[10.5px] text-slate-400">
+        <div className="border-t px-3 py-1.5 text-[10.5px] text-slate-400">
           本批未分到:{idleAgents.map((a) => `${a.name ?? a.userId}(在手 ${a.inHand})`).join('、')}
         </div>
       )}
@@ -1405,14 +1405,14 @@ export function AssignmentConfirmSheet({
         ⚠️ 只在**还能改**的时候显示:已确认 / 已撤销时它是误导。
       */}
       {!readOnly && (
-        <div className="border-t border-slate-100 bg-slate-50/60 px-3 py-1.5 text-[10.5px] leading-relaxed text-slate-400">
+        <div className="border-t bg-slate-50/60 px-3 py-1.5 text-[10.5px] leading-relaxed text-slate-400">
           可以直接跟我说:「把某某移出这批」「某某的单给 5 天」「这批 200 人」·
           「只要商保直付的」「排掉最近来过的」· 「这批带上『老客户复查免挂号费』」
         </div>
       )}
 
       {/* ④ 确认 */}
-      <div className="border-t border-slate-100 px-3 py-2">
+      <div className="border-t px-3 py-2">
         {error && <p className="mb-1.5 text-[11px] text-rose-600">{error}</p>}
         {cancelled && !revoked ? (
           // 助手撤的:本地没有三个数,只说状态 —— 具体数字助手在消息里已经原话转述过

apps/pac-web/src/components/assistant/assistant-chat.tsx

@@ -115,7 +115,7 @@ function Markdown({ text }: { text: string }) {
               {children}
             </a>
           ),
-          hr: () => <hr className="my-3 border-slate-100" />,
+          hr: () => <hr className="my-3" />,
           blockquote: ({ children }) => (
             <blockquote className="my-2 border-l-2 border-brand-300 bg-brand-50/40 py-1 pl-3 text-slate-600">
               {children}
@@ -130,7 +130,7 @@ function Markdown({ text }: { text: string }) {
               </code>
             ),
           pre: ({ children }) => (
-            <pre className="my-2 overflow-x-auto rounded-md border border-slate-100 bg-slate-50 p-3 text-[12px]">
+            <pre className="my-2 overflow-x-auto rounded-md border bg-slate-50 p-3 text-[12px]">
               {children}
             </pre>
           ),
@@ -141,9 +141,9 @@ function Markdown({ text }: { text: string }) {
           ),
           thead: ({ children }) => <thead className="bg-slate-50">{children}</thead>,
           th: ({ children }) => (
-            <th className="border border-slate-100 px-2 py-1 text-left font-medium text-slate-600">{children}</th>
+            <th className="border px-2 py-1 text-left font-medium text-slate-600">{children}</th>
           ),
-          td: ({ children }) => <td className="border border-slate-100 px-2 py-1 text-slate-700">{children}</td>,
+          td: ({ children }) => <td className="border px-2 py-1 text-slate-700">{children}</td>,
         }}
       >
         {text}
@@ -324,8 +324,8 @@ function ArtifactView({ artifact }: { artifact: Artifact }) {
   };
 
   return (
-    <div className="overflow-hidden rounded-lg border border-slate-100 bg-white shadow-sm">
-      <div className="flex items-center gap-1.5 border-b border-slate-100 bg-slate-50/60 px-3 py-1.5">
+    <div className="overflow-hidden rounded-lg border bg-white shadow-sm">
+      <div className="flex items-center gap-1.5 border-b bg-slate-50/60 px-3 py-1.5">
         <LayoutTemplate className="h-3.5 w-3.5 text-brand-600" />
         <span className="text-[11.5px] font-medium text-slate-500">{artifact.title || '可视化卡片'}</span>
         <button
@@ -347,8 +347,8 @@ function ArtifactView({ artifact }: { artifact: Artifact }) {
         createPortal(
         <div className="fixed inset-0 z-[70] flex items-center justify-center p-4">
           <div className="absolute inset-0 bg-black/40" onClick={() => setExpanded(false)} />
-          <div className="relative z-10 flex h-[min(86vh,920px)] w-[min(980px,94vw)] flex-col overflow-hidden rounded-xl border border-slate-100 bg-white shadow-2xl">
-            <div className="flex flex-none items-center gap-1.5 border-b border-slate-100 bg-slate-50/60 px-3 py-2">
+          <div className="relative z-10 flex h-[min(86vh,920px)] w-[min(980px,94vw)] flex-col overflow-hidden rounded-xl border bg-white shadow-2xl">
+            <div className="flex flex-none items-center gap-1.5 border-b bg-slate-50/60 px-3 py-2">
               <LayoutTemplate className="h-4 w-4 text-brand-600" />
               <span className="text-[12.5px] font-medium text-slate-600">{artifact.title || '可视化卡片'}</span>
               {artifact.streaming && (
@@ -533,14 +533,14 @@ function ModelSelect({
         type="button"
         disabled={disabled}
         onClick={() => setOpen((o) => !o)}
-        className="inline-flex items-center gap-1.5 rounded-md border border-slate-100 bg-white px-2.5 py-1.5 text-[12.5px] text-slate-700 transition-colors hover:bg-slate-50 disabled:opacity-50"
+        className="inline-flex items-center gap-1.5 rounded-md border bg-white px-2.5 py-1.5 text-[12.5px] text-slate-700 transition-colors hover:bg-slate-50 disabled:opacity-50"
       >
         <span className="h-1.5 w-1.5 rounded-full bg-emerald-500" />
         {label}
         <ChevronDown className={cn('h-3.5 w-3.5 text-slate-400 transition-transform', open && 'rotate-180')} />
       </button>
       {open && (
-        <div className="absolute right-0 z-50 mt-1 w-40 rounded-lg border border-slate-100 bg-white py-1 shadow-lg">
+        <div className="absolute right-0 z-50 mt-1 w-40 rounded-lg border bg-white py-1 shadow-lg">
           {MODELS.map((m) => (
             <button
               key={m.value}
@@ -798,7 +798,7 @@ export function AssistantChat({
   return (
     <div className={cn('flex flex-col bg-slate-50', isWidget ? 'h-full' : 'h-[100dvh]')}>
       {/* Header */}
-      <header className="flex-none border-b border-slate-100 bg-white/90 backdrop-blur">
+      <header className="flex-none border-b bg-white/90 backdrop-blur">
         <div
           className={cn(
             'mx-auto flex items-center gap-2.5',
@@ -859,7 +859,7 @@ export function AssistantChat({
                     key={ex}
                     type="button"
                     onClick={() => fire(ex)}
-                    className="rounded-full border border-slate-100 bg-white px-3 py-1.5 text-[11.5px] text-slate-600 transition-colors hover:border-brand-300 hover:bg-brand-50/50 hover:text-brand-700"
+                    className="rounded-full border bg-white px-3 py-1.5 text-[11.5px] text-slate-600 transition-colors hover:border-brand-300 hover:bg-brand-50/50 hover:text-brand-700"
                   >
                     {ex}
                   </button>
@@ -893,14 +893,14 @@ export function AssistantChat({
             type="button"
             onClick={toBottom}
             title="回到最新"
-            className="absolute -top-4 left-1/2 z-10 inline-flex h-7 w-7 -translate-x-1/2 items-center justify-center rounded-full border border-slate-200 bg-white text-slate-500 shadow-md transition-colors hover:bg-slate-50 hover:text-slate-700"
+            className="absolute -top-4 left-1/2 z-10 inline-flex h-7 w-7 -translate-x-1/2 items-center justify-center rounded-full border bg-white text-slate-500 shadow-md transition-colors hover:bg-slate-50 hover:text-slate-700"
           >
             <ChevronDown className="h-4 w-4" />
           </button>
         )}
         <div className="mx-auto max-w-3xl px-4 pb-3 pt-1">
           {/* 输入框**有边框**(与会话同底,但自己成一块) —— 无边框那版太散,找不到落点 */}
-          <div className="flex items-end gap-2 rounded-xl border border-slate-200 bg-white px-3 py-2 transition-colors focus-within:border-slate-300">
+          <div className="flex items-end gap-2 rounded-xl border bg-white px-3 py-2 transition-colors">
             <textarea
               ref={taRef}
               rows={1}

apps/pac-web/src/components/assistant/assistant-fab.tsx

@@ -117,7 +117,7 @@ export function AssistantFab({
       {bubble && (
         <span
           className={
-            'absolute bottom-full mb-1.5 w-max max-w-[230px] whitespace-normal break-words rounded-xl border border-slate-100 bg-white px-3 py-1.5 text-xs leading-snug text-slate-700 shadow-lg ' +
+            'absolute bottom-full mb-1.5 w-max max-w-[230px] whitespace-normal break-words rounded-xl border bg-white px-3 py-1.5 text-xs leading-snug text-slate-700 shadow-lg ' +
             (onLeftHalf ? 'left-0' : 'right-0')
           }
         >

apps/pac-web/src/components/assistant/assistant-widget.tsx

@@ -92,7 +92,7 @@ export function AssistantWidget() {
       <div
         style={maximized ? undefined : winRect ? { left: winRect.x, top: winRect.y } : undefined}
         className={cn(
-          'fixed z-[60] flex flex-col overflow-hidden rounded-xl border border-slate-100 shadow-2xl',
+          'fixed z-[60] flex flex-col overflow-hidden rounded-xl border shadow-2xl',
           'transition-[opacity,transform] duration-150',
           maximized
             ? 'inset-3' // 最大化:填满窗口(留 12px 边距),不写死宽高,随窗口自适应

apps/pac-web/src/components/mock-login-dialog.tsx

@@ -180,7 +180,7 @@ export function MockLoginDialog({ open }: { open: boolean }) {
         </DialogHeader>
 
         {/* 宿主 tab —— 两宿主数据完全隔离(不同 host/tenant/诊所),切换互不影响 */}
-        <div className="flex gap-1 border-b border-slate-100">
+        <div className="flex gap-1 border-b">
           {([
             { key: 'jvs-dw' as const, label: '瑞尔集团', sub: 'jvs-dw · 客服花名册' },
             { key: 'friday' as const, label: 'FRIDAY 市场', sub: 'friday · 多品牌 SaaS' },
@@ -229,7 +229,7 @@ export function MockLoginDialog({ open }: { open: boolean }) {
                       'flex flex-col items-start gap-0.5 rounded-md border px-2.5 py-1.5 text-left transition-all',
                       role === r.key
                         ? 'border-brand-400 bg-brand-50/60 ring-1 ring-brand-200'
-                        : 'border-slate-100 hover:border-brand-300',
+                        : 'hover:border-brand-300',
                     )}
                   >
                     <span className="text-[12.5px] font-semibold text-slate-800">{r.nameZh}</span>
@@ -249,7 +249,7 @@ export function MockLoginDialog({ open }: { open: boolean }) {
             </div>
 
             {/* ② 选客服 */}
-            <div className="rounded-lg border border-slate-100 p-3">
+            <div className="rounded-lg border p-3">
               <div className="mb-2 flex items-center justify-between">
                 <div className="text-[12px] font-medium text-slate-600">
                   ② 数据范围 · 选客服 = <strong>该客服的诊所</strong>(诊所级)+ 上方「{roleNameZh(role)}」角色
@@ -271,7 +271,7 @@ export function MockLoginDialog({ open }: { open: boolean }) {
                       'rounded-full border px-2.5 py-0.5 text-[11px] transition-colors',
                       tenantFilter === t.k
                         ? 'border-brand-400 bg-brand-50 text-brand-700'
-                        : 'border-slate-100 text-slate-500 hover:border-brand-300',
+                        : 'text-slate-500 hover:border-brand-300',
                     )}
                   >
                     {t.n}
@@ -281,7 +281,7 @@ export function MockLoginDialog({ open }: { open: boolean }) {
                   value={query}
                   onChange={(e) => setQuery(e.target.value)}
                   placeholder="搜客服姓名…"
-                  className="ml-auto w-40 rounded-md border border-slate-100 px-2.5 py-1 text-[12px] outline-none focus:border-brand-400"
+                  className="ml-auto w-40 rounded-md border px-2.5 py-1 text-[12px] outline-none focus:border-brand-400"
                 />
               </div>
 
@@ -301,7 +301,7 @@ export function MockLoginDialog({ open }: { open: boolean }) {
                         'flex w-full items-center justify-between gap-2 rounded-md border px-2.5 py-1.5 text-left transition-all',
                         loading
                           ? 'border-brand-400 ring-2 ring-brand-200'
-                          : 'border-slate-100 hover:border-brand-400 hover:bg-brand-50/40',
+                          : 'hover:border-brand-400 hover:bg-brand-50/40',
                         busy && !loading && 'opacity-50',
                       )}
                     >
@@ -348,7 +348,7 @@ export function MockLoginDialog({ open }: { open: boolean }) {
                           'group flex flex-col items-start gap-1 rounded-md border bg-white px-3 py-2 text-left transition-all',
                           loading
                             ? 'border-brand-400 ring-2 ring-brand-200'
-                            : 'border-slate-100 hover:border-brand-400 hover:bg-brand-50/40',
+                            : 'hover:border-brand-400 hover:bg-brand-50/40',
                           busy && !loading && 'opacity-50',
                         )}
                       >
@@ -430,7 +430,7 @@ function FridayPanel({
                 'flex flex-col items-start gap-0.5 rounded-md border px-2.5 py-1.5 text-left transition-all',
                 role === r.key
                   ? 'border-brand-400 bg-brand-50/60 ring-1 ring-brand-200'
-                  : 'border-slate-100 hover:border-brand-300',
+                  : 'hover:border-brand-300',
               )}
             >
               <span className="text-[12.5px] font-semibold text-slate-800">{r.nameZh}</span>
@@ -451,7 +451,7 @@ function FridayPanel({
       </div>
 
       {/* ② 真实品牌 / 诊所 */}
-      <div className="rounded-lg border border-slate-100 p-3">
+      <div className="rounded-lg border p-3">
         <div className="mb-2 flex items-center justify-between">
           <div className="text-[12px] font-medium text-slate-600">
             ② 数据范围 · 选<strong>品牌</strong>或<strong>诊所</strong>(真实摄入数据)+ 上方「
@@ -465,7 +465,7 @@ function FridayPanel({
           value={query}
           onChange={(e) => setQuery(e.target.value)}
           placeholder="搜品牌 / 诊所名…"
-          className="mb-2 h-7 w-full rounded-md border border-slate-100 bg-slate-50 px-2 text-[12px] outline-none placeholder:text-slate-400 focus:border-brand-300 focus:bg-white"
+          className="mb-2 h-7 w-full rounded-md border bg-slate-50 px-2 text-[12px] outline-none placeholder:text-slate-400 focus:border-brand-300 focus:bg-white"
         />
         <div className="max-h-[280px] space-y-2 overflow-y-auto">
           {filtered.length === 0 && (
@@ -474,7 +474,7 @@ function FridayPanel({
             </div>
           )}
           {filtered.map((b) => (
-            <div key={b.brandId} className="rounded-md border border-slate-100">
+            <div key={b.brandId} className="rounded-md border">
               {/* 品牌级:该品牌全部诊所 */}
               <button
                 type="button"
@@ -495,7 +495,7 @@ function FridayPanel({
                     type="button"
                     onClick={() => onPick(role, c.clinicId)}
                     disabled={!!busy}
-                    className="rounded-full border border-slate-100 px-2 py-0.5 text-[11px] text-slate-600 transition-colors hover:border-brand-300 hover:bg-brand-50 hover:text-brand-700 disabled:opacity-50"
+                    className="rounded-full border px-2 py-0.5 text-[11px] text-slate-600 transition-colors hover:border-brand-300 hover:bg-brand-50 hover:text-brand-700 disabled:opacity-50"
                   >
                     {c.name}
                   </button>

apps/pac-web/src/components/pet/pet-widget.tsx

@@ -549,7 +549,7 @@ export function PetFab({
         <span
           className={cn(
             // w-max 让短句贴合内容、max-w 封顶,长句自动换行不溢出气泡框
-            'absolute bottom-full mb-1.5 w-max max-w-[230px] whitespace-normal break-words rounded-xl border border-slate-100 bg-white px-3 py-1.5 text-xs leading-snug text-slate-700 shadow-lg',
+            'absolute bottom-full mb-1.5 w-max max-w-[230px] whitespace-normal break-words rounded-xl border bg-white px-3 py-1.5 text-xs leading-snug text-slate-700 shadow-lg',
             onLeftHalf ? 'left-0' : 'right-0',
           )}
         >

apps/pac-web/src/components/plan-detail/chain-viz.tsx

@@ -116,7 +116,7 @@ function TimelineStageNode({
     ? cn(THEME_DOT[theme])
     : isCurrent
       ? 'bg-amber-400 border-amber-400 ring-2 ring-amber-100'
-      : 'bg-white border-dashed border-slate-300';
+      : 'bg-white border-dashed';
   const titleCls = isDone || isCurrent ? 'text-slate-900' : 'text-slate-400';
   const detailCls = isDone || isCurrent ? 'text-slate-600' : 'text-slate-400';
   const atCls = isDone || isCurrent ? 'text-slate-500' : 'text-slate-300';
@@ -275,7 +275,7 @@ function TargetTimelineRow({ chain }: { chain: Chain }) {
 
 function HistoryStrip({ chains }: { chains: Chain[] }) {
   return (
-    <div className="rounded-lg border border-slate-100 bg-slate-50/60 px-3 py-2">
+    <div className="rounded-lg border bg-slate-50/60 px-3 py-2">
       <div className="flex items-center justify-between mb-1.5">
         <div className="flex items-center gap-1.5 text-[11px] text-slate-500">
           <svg viewBox="0 0 24 24" className="w-3 h-3" fill="none" stroke="currentColor" strokeWidth="2">
@@ -298,7 +298,7 @@ function HistoryChainCard({ chain }: { chain: Chain }) {
   const lastNode = chain.nodes[4];
   const currNode = chain.nodes[chain.currentStage - 1];
   return (
-    <div className="bg-white rounded border border-slate-100 px-2.5 py-1.5 flex items-center gap-2">
+    <div className="bg-white rounded border px-2.5 py-1.5 flex items-center gap-2">
       <span
         className={cn(
           'flex-none w-5 h-5 rounded-full flex items-center justify-center text-[10px] font-bold',
@@ -460,7 +460,7 @@ const TONE_WRAP: Record<ChainTone, string> = {
   amber: 'bg-amber-50/40 border-amber-200/70',
   sky: 'bg-sky-50/40 border-sky-200/70',
   emerald: 'bg-emerald-50/40 border-emerald-200/70',
-  slate: 'bg-slate-50/40 border-slate-100/70',
+  slate: 'bg-slate-50/40',
 };
 const TONE_DOT: Record<ChainTone, string> = {
   rose: 'bg-rose-500 text-white',
@@ -495,7 +495,7 @@ export function ChainDetailView({ chains }: { chains: Chain[] }) {
       )}
 
       {/* 下半:全部列表(点击切换上面的明细)*/}
-      <div className="pt-3 border-t border-slate-100">
+      <div className="pt-3 border-t">
         <div className="text-[11px] text-slate-500 mb-2">
           全部 {chains.length} 条治疗链
         </div>
@@ -538,7 +538,7 @@ function ChainListItem({
     amber: 'border-amber-400 bg-amber-50 ring-1 ring-amber-200',
     sky: 'border-brand-400 bg-brand-50 ring-1 ring-brand-200',
     emerald: 'border-emerald-400 bg-emerald-50 ring-1 ring-emerald-200',
-    slate: 'border-slate-300 bg-slate-50 ring-1 ring-slate-200',
+    slate: 'bg-slate-50 ring-1 ring-slate-200',
   };
   return (
     <button
@@ -548,7 +548,7 @@ function ChainListItem({
         'text-left rounded-md border px-2.5 py-2 transition',
         active
           ? activeRing[v.tone]
-          : 'border-slate-100 bg-white hover:bg-slate-50',
+          : 'bg-white hover:bg-slate-50',
       )}
     >
       <div className="flex items-center gap-1.5">

apps/pac-web/src/components/plan-detail/close-opportunity-dialog.tsx

@@ -110,13 +110,13 @@ export function CloseOpportunityDialog({
                     r.key === 'other' && 'col-span-2',
                     active
                       ? 'border-brand-400 bg-brand-50 font-medium text-brand-800'
-                      : 'border-slate-200 bg-white text-slate-700 hover:border-brand-300 hover:bg-brand-50/50',
+                      : 'bg-white text-slate-700 hover:border-brand-300 hover:bg-brand-50/50',
                   )}
                 >
                   <span
                     className={cn(
                       'flex h-3.5 w-3.5 flex-none items-center justify-center rounded-[3px] border',
-                      active ? 'border-brand-600 bg-brand-600' : 'border-slate-300',
+                      active ? 'border-brand-600 bg-brand-600' : '',
                     )}
                   >
                     {active && (
@@ -156,7 +156,7 @@ export function CloseOpportunityDialog({
                         'rounded-md border px-2.5 py-1 text-[12px] transition-colors',
                         on
                           ? 'border-brand-400 bg-brand-50 font-medium text-brand-800'
-                          : 'border-slate-200 bg-white text-slate-700 hover:border-brand-300 hover:bg-brand-50/50',
+                          : 'bg-white text-slate-700 hover:border-brand-300 hover:bg-brand-50/50',
                       )}
                     >
                       {potentialTreatmentCardLabel(code)}
@@ -177,7 +177,7 @@ export function CloseOpportunityDialog({
                 onChange={(e) => setNote(e.target.value)}
                 rows={3}
                 placeholder="请详细描述关闭机会的具体原因,以便后续分析和改进…"
-                className="w-full resize-y rounded-md border border-slate-200 bg-white px-3 py-2 text-[12.5px] text-slate-900 placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-brand-200 focus:border-brand-400"
+                className="w-full resize-y rounded-md border bg-white px-3 py-2 text-[12.5px] text-slate-900 placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-brand-200 focus:border-brand-400"
               />
             </div>
           )}

apps/pac-web/src/components/plan-detail/drawer.tsx

@@ -127,10 +127,10 @@ export function Drawer({
     <div className="fixed inset-0 z-[60] flex" onClick={onClose}>
       <div className="flex-1 bg-slate-900/30" />
       <aside
-        className={cn('max-w-[92vw] bg-white shadow-2xl border-l border-slate-100 flex flex-col', width)}
+        className={cn('max-w-[92vw] bg-white shadow-2xl border-l flex flex-col', width)}
         onClick={(e) => e.stopPropagation()}
       >
-        <header className="px-5 py-3.5 border-b border-slate-100 flex items-center justify-between flex-none">
+        <header className="px-5 py-3.5 border-b flex items-center justify-between flex-none">
           <div>
             <h3 className="text-[14px] font-semibold text-slate-900">{title}</h3>
             <p className="text-[11px] text-slate-500 mt-0.5">{subtitle}</p>
@@ -229,7 +229,7 @@ function ImageFactsView({ facts }: { facts: AdaptedFact[] }) {
           : ((c.tooth_position as string | undefined) ?? null);
         const encId = c.encounter_external_id as string | undefined;
         return (
-          <div key={f.id} className="rounded-md border border-slate-100 p-3">
+          <div key={f.id} className="rounded-md border p-3">
             <div className="flex items-center justify-between mb-1.5">
               <div className="flex items-center gap-2">
                 <Chip tone="violet" size="xs">
@@ -258,7 +258,7 @@ function ImageFactsView({ facts }: { facts: AdaptedFact[] }) {
           </div>
         );
       })}
-      <div className="text-[10.5px] text-slate-400 pt-2 border-t border-slate-100">
+      <div className="text-[10.5px] text-slate-400 pt-2 border-t">
         如需查看原始 DICOM,请跳转宿主影像系统(deep-link 待 host actionUrls 接入)
       </div>
     </div>
@@ -271,7 +271,7 @@ function ImageFactsView({ facts }: { facts: AdaptedFact[] }) {
 function CBCTImageView() {
   return (
     <div className="space-y-3">
-      <div className="aspect-[4/3] rounded-lg border border-slate-100 bg-slate-900 relative overflow-hidden">
+      <div className="aspect-[4/3] rounded-lg border bg-slate-900 relative overflow-hidden">
         <div
           className="absolute inset-0"
           style={{ backgroundImage: 'radial-gradient(circle at 50% 60%, #475569 0%, #0f172a 50%, #000 100%)' }}
@@ -338,7 +338,7 @@ function ReturnVisitsList({ visits }: { visits: ReturnVisitItem[] }) {
           <div
             key={i}
             className={cn(
-              'flex items-start gap-2.5 text-[12.5px] py-1 border-b border-slate-50 last:border-0',
+              'flex items-start gap-2.5 text-[12.5px] py-1 border-b last:border-0',
               latest && 'bg-brand-50/50 -mx-2 px-2 rounded',
             )}
           >

apps/pac-web/src/components/plan-detail/emr-soap-view.tsx

@@ -69,7 +69,7 @@ export function EmrSoapView({ facts }: { facts: AdaptedFact[] }) {
           <button
             onClick={prev}
             aria-label="上一次接诊"
-            className="inline-flex items-center justify-center w-7 h-7 rounded-md border border-slate-100 bg-white hover:bg-slate-50 hover:border-slate-300 text-slate-600 transition-colors"
+            className="inline-flex items-center justify-center w-7 h-7 rounded-md border bg-white hover:bg-slate-50 text-slate-600 transition-colors"
           >
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" className="w-3.5 h-3.5">
               <path d="M15 18l-6-6 6-6" strokeLinecap="round" strokeLinejoin="round" />
@@ -107,7 +107,7 @@ export function EmrSoapView({ facts }: { facts: AdaptedFact[] }) {
             <button
               onClick={next}
               aria-label="下一次接诊"
-              className="inline-flex items-center justify-center w-7 h-7 rounded-md border border-slate-100 bg-white hover:bg-slate-50 hover:border-slate-300 text-slate-600 transition-colors"
+              className="inline-flex items-center justify-center w-7 h-7 rounded-md border bg-white hover:bg-slate-50 text-slate-600 transition-colors"
             >
               <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" className="w-3.5 h-3.5">
                 <path d="M9 18l6-6-6-6" strokeLinecap="round" strokeLinejoin="round" />
@@ -181,9 +181,9 @@ function EmrSection({
   const doctorAdvice = (c.doctor_advice as string | undefined) ?? '';
 
   return (
-    <section className="rounded-lg border border-slate-100 bg-white overflow-hidden">
+    <section className="rounded-lg border bg-white overflow-hidden">
       {/* 头:日期 + 医生 + 第几次 */}
-      <header className="px-3 py-2 bg-slate-50 border-b border-slate-100 flex items-center justify-between flex-wrap gap-2">
+      <header className="px-3 py-2 bg-slate-50 border-b flex items-center justify-between flex-wrap gap-2">
         <div className="flex items-center gap-2 min-w-0">
           <span className="text-[12.5px] font-semibold text-slate-900 tabular-nums">{date}</span>
           <span className="text-[11px] text-slate-500">·</span>

apps/pac-web/src/components/plan-detail/facts-timeline.tsx

@@ -104,7 +104,7 @@ export function FactsTimeline({
   //   -mx-5 让 sticky 区域延伸到 drawer padding 边缘,bg-white 遮住下方时间轴
   return (
     <div className="space-y-3">
-      <div className="sticky top-0 z-10 -mx-5 px-5 pt-1 pb-2 bg-white space-y-3 border-b border-slate-100">
+      <div className="sticky top-0 z-10 -mx-5 px-5 pt-1 pb-2 bg-white space-y-3 border-b">
         <StatsSummary facts={facts} />
         <div className="flex flex-wrap items-center gap-1.5">
           <FilterChip label="全部" count={facts.length} active={allOn} onClick={toggleAll} />
@@ -133,7 +133,7 @@ export function FactsTimeline({
                 'rounded-md border px-2 py-0.5 text-[11px] focus:outline-none focus:ring-1 focus:ring-sky-300',
                 toothFilter
                   ? 'border-sky-200 bg-sky-50 text-sky-700 font-medium'
-                  : 'border-slate-100 bg-white text-slate-600',
+                  : 'bg-white text-slate-600',
               )}
             >
               <option value="">全部牙位</option>
@@ -219,7 +219,7 @@ function StatsSummary({ facts }: { facts: AdaptedFact[] }) {
     t ? new Date(t).toLocaleDateString('zh-CN').replace(/\//g, '.') : '—';
 
   return (
-    <div className="rounded-lg border border-slate-100 bg-slate-50/60 p-2.5">
+    <div className="rounded-lg border bg-slate-50/60 p-2.5">
       <div className="grid grid-cols-4 gap-3">
         <StatBlock label="累计净消费">
           <div className="text-[13px] font-semibold text-slate-900 tabular-nums">
@@ -362,7 +362,7 @@ function computeEffectiveTone(fact: AdaptedFact, meta: FactMeta): string {
 }
 
 // 状态 badge 统一样式(slate)— W4 末降噪:语义色集中在时间轴 icon dot,badge 不重复表达
-const STATUS_BADGE = 'px-1.5 py-px rounded border text-[10.5px] bg-slate-50 text-slate-600 border-slate-100';
+const STATUS_BADGE = 'px-1.5 py-px rounded border text-[10.5px] bg-slate-50 text-slate-600';
 // 计划治疗专用徽标(sky)— 跟"已完成"(slate)区分:这是还没做的计划,不是已发生的事实
 const PLAN_BADGE = 'px-1.5 py-px rounded border text-[10.5px] bg-sky-50 text-sky-700 border-sky-200';
 
@@ -466,7 +466,7 @@ function FilterChip({
       onClick={onClick}
       className={cn(
         'inline-flex items-center gap-1 px-2 py-0.5 rounded-md text-[11px] border transition-colors',
-        active ? cn(T.bg, T.text, T.border, 'font-medium') : 'bg-white text-slate-500 border-slate-100 hover:bg-slate-50',
+        active ? cn(T.bg, T.text, T.border, 'font-medium') : 'bg-white text-slate-500 hover:bg-slate-50',
       )}
     >
       <span>{label}</span>
@@ -487,7 +487,7 @@ const CHIP_TONE: Record<string, { bg: string; text: string; border: string }> =
   amber: { bg: 'bg-amber-50', text: 'text-amber-800', border: 'border-amber-200' },
   sky: { bg: 'bg-sky-50', text: 'text-sky-700', border: 'border-sky-200' },
   indigo: { bg: 'bg-indigo-50', text: 'text-indigo-700', border: 'border-indigo-200' },
-  slate: { bg: 'bg-slate-100', text: 'text-slate-700', border: 'border-slate-300' },
+  slate: { bg: 'bg-slate-100', text: 'text-slate-700', border: '' },
 };
 
 // ─────────────────────────────────────────────
@@ -532,7 +532,7 @@ interface ToneCls {
   border: string;
 }
 
-const TONE_FALLBACK: ToneCls = { bg: 'bg-slate-100', text: 'text-slate-700', border: 'border-slate-300' };
+const TONE_FALLBACK: ToneCls = { bg: 'bg-slate-100', text: 'text-slate-700', border: '' };
 
 const TONE = {
   rose: { bg: 'bg-rose-100', text: 'text-rose-700', border: 'border-rose-200' },

apps/pac-web/src/components/plan-detail/outcome-form.tsx

@@ -190,7 +190,7 @@ export function OutcomeForm({
   return (
     <div className="flex flex-col gap-2.5 h-full min-h-0">
       {isTerminal && (
-        <div className="flex-none rounded bg-slate-100 border border-slate-100 px-2.5 py-1.5 text-[11px] text-slate-500 leading-snug">
+        <div className="flex-none rounded bg-slate-100 border px-2.5 py-1.5 text-[11px] text-slate-500 leading-snug">
           本任务已{plan.status === 'abandoned' ? '放弃' : plan.status === 'superseded' ? '被新版本替代' : '结案'},不可再提交执行;如需重新跟进,等召回重新生成。
         </div>
       )}
@@ -211,7 +211,7 @@ export function OutcomeForm({
                   'px-2 py-1.5 rounded text-[11.5px] border transition-colors inline-flex items-center justify-center gap-1.5',
                   selected
                     ? `${T.bg} ${T.text} border-current font-medium ring-1 ring-current/30`
-                    : 'bg-white text-slate-700 border-slate-100 hover:border-slate-300 hover:bg-slate-50',
+                    : 'bg-white text-slate-700 hover:bg-slate-50',
                 )}
               >
                 <svg
@@ -262,7 +262,7 @@ export function OutcomeForm({
                         'px-2 py-1 rounded text-left text-[11px] border transition-colors flex items-center gap-1.5',
                         selected
                           ? `${T.bg} ${T.text} border-current font-medium ring-1 ring-current/30`
-                          : 'bg-white text-slate-700 border-slate-100 hover:border-slate-300 hover:bg-slate-50',
+                          : 'bg-white text-slate-700 hover:bg-slate-50',
                       )}
                     >
                       <span className={cn('flex-none w-1.5 h-1.5 rounded-full', selected ? T.dot : 'bg-slate-300')} />
@@ -366,7 +366,7 @@ export function OutcomeForm({
           value={notes}
           onChange={(e) => setNotes(e.target.value)}
           placeholder="患者反馈、关键点、需告知医生的信息……"
-          className="flex-1 min-h-[60px] px-2.5 py-1.5 rounded border border-slate-100 bg-white text-[12.5px] resize-none focus:outline-none focus:ring-2 focus:ring-brand-200 focus:border-brand-300"
+          className="flex-1 min-h-[60px] px-2.5 py-1.5 rounded border bg-white text-[12.5px] resize-none focus:outline-none focus:ring-2 focus:ring-brand-200 focus:border-brand-300"
         />
       </div>
 

apps/pac-web/src/components/plan-detail/persona-detail-list.tsx

@@ -164,7 +164,7 @@ function FeatureCard({
       ref={cardRef}
       className={cn(
         'relative rounded-md border p-3 pr-9',
-        focused ? 'border-brand-300 bg-brand-50/40 ring-1 ring-brand-200' : 'border-slate-100',
+        focused ? 'border-brand-300 bg-brand-50/40 ring-1 ring-brand-200' : '',
       )}
     >
       {/* 右上角 ? —— 真 button:可 Tab 聚焦,focus 也能唤出说明卡(触屏/键盘可达) */}
@@ -213,7 +213,7 @@ function FeatureCard({
 
       {/* 依据 —— 这个标签是被哪些事实推出来的 */}
       {resolved.length > 0 && (
-        <div className="mt-2 border-t border-slate-100 pt-2">
+        <div className="mt-2 border-t pt-2">
           <div className="mb-1 flex items-baseline gap-2">
             <span className="text-[10.5px] text-slate-400">依据 · {resolved.length} 条</span>
             {resolved.length > MAX_EVIDENCE_ROWS && (

apps/pac-web/src/components/plan-detail/persona-feature-hover.tsx

@@ -36,7 +36,7 @@ export function PersonaFeatureHover({
       {/* z-[70]:抽屉面板是 z-[60],默认 hovercard z-50 会被抽屉盖住(详情抽屉里 ? hover 不显的根因) */}
       <HoverCardContent align="end" sideOffset={6} className="z-[70] w-80 p-3 text-[11.5px]">
         <div className="space-y-2">
-          <div className="flex items-baseline justify-between gap-2 border-b border-slate-100 pb-1.5">
+          <div className="flex items-baseline justify-between gap-2 border-b pb-1.5">
             <span className="text-[13px] font-semibold text-slate-900">{title}</span>
             {display && (
               <span className="text-right text-[10.5px] text-slate-500">{display.subtitle}</span>

apps/pac-web/src/components/plan-detail/plan-detail-app.tsx

@@ -745,9 +745,9 @@ export function PlanDetailApp({
         }
         centerPane={
             <main className="relative min-h-0 min-w-0 flex flex-col h-full">
-              <section className="bg-white rounded-lg border border-slate-100 shadow-sm flex flex-col min-h-0 flex-1 overflow-hidden">
+              <section className="bg-white rounded-lg border shadow-sm flex flex-col min-h-0 flex-1 overflow-hidden">
                 {/* 窄屏 flex-wrap 自然换行,gap-y 给行间距 */}
-                <header className="flex-none px-3 sm:px-4 py-2.5 border-b border-slate-100">
+                <header className="flex-none px-3 sm:px-4 py-2.5 border-b">
                   {/* 第一行:标题 + 标签 ←→ 控件(模式切换 / 重新生成 / AI 时间戳)*/}
                   <div className="flex flex-wrap items-center justify-between gap-x-2 gap-y-2">
                   <div className="min-w-0">
@@ -930,8 +930,8 @@ export function PlanDetailApp({
               className="min-h-0 flex flex-col gap-2.5 overflow-hidden h-full"
               onMouseEnter={hintRecallFeedback}
             >
-              <section className="bg-white rounded-lg border border-slate-100 shadow-sm flex flex-col min-h-0 flex-1 overflow-hidden">
-                <header className="flex-none px-4 py-2.5 border-b border-slate-100">
+              <section className="bg-white rounded-lg border shadow-sm flex flex-col min-h-0 flex-1 overflow-hidden">
+                <header className="flex-none px-4 py-2.5 border-b">
                   {/* 「回访」按钮已上移到顶栏右上角动作区(主按钮) */}
                   <h2 className="text-[14px] font-semibold text-slate-900 leading-tight">通话结果</h2>
                   <p className="text-[10.5px] text-slate-500 mt-0.5">提交后本次任务自动归档</p>
@@ -1100,7 +1100,7 @@ function RecallFeedbackControl({
   return (
     <>
       <div
-        className="hidden sm:flex flex-none items-center gap-0.5 rounded-md border border-slate-100 px-1 py-0.5"
+        className="hidden sm:flex flex-none items-center gap-0.5 rounded-md border px-1 py-0.5"
         title="召回反馈:这条召回准不准?"
       >
         <span className="hidden lg:inline px-1 text-[10.5px] text-slate-400">召回反馈</span>
@@ -1154,7 +1154,7 @@ function RecallFeedbackControl({
                   type="button"
                   title={f.hint}
                   onClick={() => quickInsert(f.labelZh)}
-                  className="px-2 py-1 rounded-full text-[12px] border border-slate-100 bg-white text-slate-600 hover:border-rose-300 hover:bg-rose-50 hover:text-rose-700 transition-colors"
+                  className="px-2 py-1 rounded-full text-[12px] border bg-white text-slate-600 hover:border-rose-300 hover:bg-rose-50 hover:text-rose-700 transition-colors"
                 >
                   {f.labelZh}
                 </button>
@@ -1165,14 +1165,14 @@ function RecallFeedbackControl({
               onChange={(e) => setNote(e.target.value)}
               placeholder="补充说明(选填)…"
               rows={3}
-              className="w-full px-2.5 py-2 rounded border border-slate-100 bg-white text-[13px] resize-none focus:outline-none focus:ring-2 focus:ring-rose-200 focus:border-rose-300"
+              className="w-full px-2.5 py-2 rounded border bg-white text-[13px] resize-none focus:outline-none focus:ring-2 focus:ring-rose-200 focus:border-rose-300"
             />
           </div>
           <DialogFooter>
             <button
               type="button"
               onClick={() => setOpen(false)}
-              className="px-3 py-1.5 rounded-md border border-slate-100 text-[13px] text-slate-600 hover:bg-slate-50"
+              className="px-3 py-1.5 rounded-md border text-[13px] text-slate-600 hover:bg-slate-50"
             >
               取消
             </button>
@@ -1269,7 +1269,7 @@ function TopBar({
   };
 
   return (
-    <header className="flex flex-none items-center justify-between gap-2 border-b border-slate-100 bg-white px-3 py-2 sm:px-5 sm:py-3 sm:gap-3">
+    <header className="flex flex-none items-center justify-between gap-2 border-b bg-white px-3 py-2 sm:px-5 sm:py-3 sm:gap-3">
       <div className="flex min-w-0 items-center gap-2 sm:gap-3">
         {/* PAC 品牌 + 面包屑标题 —— 嵌入宿主时隐藏(宿主自有品牌与导航) */}
         {!embedded && (
@@ -1354,8 +1354,8 @@ function TopBar({
             className={cn(
               'inline-flex items-center gap-1.5 rounded-md border px-2 sm:px-2.5 py-1 text-[11.5px] font-medium transition-colors',
               refreshing
-                ? 'cursor-not-allowed border-slate-100 bg-slate-50 text-slate-400'
-                : 'border-slate-100 bg-white text-slate-700 hover:border-brand-300 hover:bg-brand-50 hover:text-brand-700',
+                ? 'cursor-not-allowed bg-slate-50 text-slate-400'
+                : 'bg-white text-slate-700 hover:border-brand-300 hover:bg-brand-50 hover:text-brand-700',
             )}
           >
             <RefreshCw className={cn('h-3.5 w-3.5', refreshing && 'animate-spin')} />
@@ -1370,7 +1370,7 @@ function TopBar({
                 type="button"
                 onClick={onOpenPotential}
                 title="查看潜在治疗机会"
-                className="inline-flex items-center gap-1.5 rounded-md border border-slate-100 bg-white px-2 sm:px-2.5 py-1 text-[11.5px] font-medium text-slate-700 transition-colors hover:border-brand-300 hover:bg-brand-50 hover:text-brand-700"
+                className="inline-flex items-center gap-1.5 rounded-md border bg-white px-2 sm:px-2.5 py-1 text-[11.5px] font-medium text-slate-700 transition-colors hover:border-brand-300 hover:bg-brand-50 hover:text-brand-700"
               >
                 <Sparkles className="h-3.5 w-3.5" />
                 <span className="hidden sm:inline">潜在</span>
@@ -1382,7 +1382,7 @@ function TopBar({
                 <button
                   type="button"
                   title="新建预约"
-                  className="inline-flex items-center gap-1.5 rounded-md border border-slate-100 bg-white px-2 sm:px-2.5 py-1 text-[11.5px] font-medium text-slate-700 transition-colors hover:border-brand-300 hover:bg-brand-50 hover:text-brand-700"
+                  className="inline-flex items-center gap-1.5 rounded-md border bg-white px-2 sm:px-2.5 py-1 text-[11.5px] font-medium text-slate-700 transition-colors hover:border-brand-300 hover:bg-brand-50 hover:text-brand-700"
                 >
                   <CalendarPlus className="h-3.5 w-3.5" />
                   <span className="hidden sm:inline">预约</span>
@@ -1453,7 +1453,7 @@ function AIDisclaimerFooter({
     onFeedback(v);
   };
   return (
-    <div className="flex-none border-t border-slate-100 px-3 sm:px-4 py-2 flex items-center justify-between gap-2 sm:gap-3">
+    <div className="flex-none border-t px-3 sm:px-4 py-2 flex items-center justify-between gap-2 sm:gap-3">
       <div className="min-w-0 text-[10.5px] text-slate-500 flex items-center gap-1.5 leading-tight">
         <svg viewBox="0 0 24 24" className="w-3 h-3 flex-none" fill="none" stroke="currentColor" strokeWidth="1.8">
           <circle cx="12" cy="12" r="10" />
@@ -1648,7 +1648,7 @@ function IdentityCard({
     medicalRecordNumber: patient.medicalRecordNumber,
   });
   return (
-    <section className="bg-white rounded-lg border border-slate-100 shadow-sm flex-none">
+    <section className="bg-white rounded-lg border shadow-sm flex-none">
       <div className="p-3 flex items-start gap-2.5">
         <div className="min-w-0 flex-1">
           <div className="flex items-start justify-between gap-2">
@@ -2041,7 +2041,7 @@ function RecallBriefLine({
         </button>
         {canExpand && expanded && (
           // 展开 = 以前的「为什么召回」结构化原因(RecallReasonLine,样式与以前一致)
-          <div className="mt-1.5 rounded-md border border-slate-100 bg-white px-2.5 py-2">
+          <div className="mt-1.5 rounded-md border bg-white px-2.5 py-2">
             <div className="text-[12.5px] text-slate-700 leading-relaxed">
               <RecallReasonLine visibleReasons={visibleReasons} />
             </div>
@@ -2508,7 +2508,7 @@ function SuggestionCard({
           </div>
         )}
       </div>
-      <div className="mt-2 pt-2 border-t border-slate-100 flex items-center justify-between">
+      <div className="mt-2 pt-2 border-t flex items-center justify-between">
         <span className="text-[10.5px] text-slate-500">
           触达限额{' '}
           <strong className="text-slate-700 tabular-nums">
@@ -2851,11 +2851,11 @@ function RegenBtn({
   const selectorCls = cn(
     'inline-flex items-center gap-0.5 px-1.5 py-0.5 text-[10.5px] border-r transition-colors',
     streaming
-      ? 'text-slate-300 border-slate-100 cursor-not-allowed'
-      : 'text-slate-500 border-slate-100 hover:text-brand-700 hover:bg-brand-50',
+      ? 'text-slate-300 cursor-not-allowed'
+      : 'text-slate-500 hover:text-brand-700 hover:bg-brand-50',
   );
   return (
-    <div className="inline-flex flex-none items-stretch rounded border border-slate-100 overflow-hidden">
+    <div className="inline-flex flex-none items-stretch rounded border overflow-hidden">
       {/* 档位选择(只选,不触发);企微只有深度档 → 不显示 */}
       {!hideTier && (
       <DropdownMenu>

apps/pac-web/src/components/plan-detail/quick-log-popover.tsx

@@ -100,7 +100,7 @@ export function QuickLogPopover({
               value={notes}
               onChange={(e) => setNotes(e.target.value)}
               placeholder="约的什么、什么时候"
-              className="w-full resize-none rounded-md border border-slate-200 px-2 py-1.5 text-[12.5px] outline-none placeholder:text-slate-300 focus:border-brand-400"
+              className="w-full resize-none rounded-md border px-2 py-1.5 text-[12.5px] outline-none placeholder:text-slate-300 focus:border-brand-400"
             />
           ) : (
             <div className="flex items-center gap-1.5">
@@ -109,13 +109,13 @@ export function QuickLogPopover({
                 type="date"
                 value={date}
                 onChange={(e) => setDate(e.target.value)}
-                className="min-w-0 flex-1 rounded-md border border-slate-200 px-2 py-1.5 text-[12.5px] outline-none focus:border-brand-400"
+                className="min-w-0 flex-1 rounded-md border px-2 py-1.5 text-[12.5px] outline-none focus:border-brand-400"
               />
               <input
                 type="time"
                 value={time}
                 onChange={(e) => setTime(e.target.value)}
-                className="w-[86px] flex-none rounded-md border border-slate-200 px-2 py-1.5 text-[12.5px] outline-none focus:border-brand-400"
+                className="w-[86px] flex-none rounded-md border px-2 py-1.5 text-[12.5px] outline-none focus:border-brand-400"
               />
             </div>
           )}

apps/pac-web/src/components/plan-detail/script-deep-process.tsx

@@ -32,7 +32,7 @@ export function ScriptDeepProcess({ steps }: { steps: DeepStep[] }) {
   const runningStep = steps.find((s) => s.status === 'running')?.step ?? null;
 
   return (
-    <div className="mb-3 rounded-lg border border-slate-100 bg-slate-50 p-2.5">
+    <div className="mb-3 rounded-lg border bg-slate-50 p-2.5">
       <ol className="space-y-1.5">
         {steps.map((s) => {
           const hasDetail = stepHasDetail(s);
@@ -146,7 +146,7 @@ function IssueList({
   return (
     <ul className="space-y-1">
       {issues.map((it, i) => (
-        <li key={i} className="rounded border border-slate-100 bg-white px-2 py-1 text-[11px] leading-snug">
+        <li key={i} className="rounded border bg-white px-2 py-1 text-[11px] leading-snug">
           <div className="font-medium text-slate-600">{it.section || `问题 ${i + 1}`}</div>
           <div className="break-words text-slate-500">{it.problem}</div>
           {it.fix && (

apps/pac-web/src/components/plan-detail/script-viewer.tsx

@@ -21,7 +21,7 @@ export function ScriptMarkdown({ sections, streaming = false }: { sections: Scri
       {sections.map((sec, idx) => {
         const isOpen = !collapsed[sec.id];
         return (
-          <div key={sec.id} className="rounded-md border border-slate-100 bg-white overflow-hidden">
+          <div key={sec.id} className="rounded-md border bg-white overflow-hidden">
             <button
               onClick={() => setCollapsed({ ...collapsed, [sec.id]: !collapsed[sec.id] })}
               className="w-full flex items-center justify-between gap-2 px-3 py-2 text-left hover:bg-slate-50"
@@ -45,7 +45,7 @@ export function ScriptMarkdown({ sections, streaming = false }: { sections: Scri
               </svg>
             </button>
             {isOpen && (
-              <div className="px-3 pb-3 pt-1 border-t border-slate-100">
+              <div className="px-3 pb-3 pt-1 border-t">
                 <MD text={sec.markdown} />
               </div>
             )}
@@ -63,7 +63,7 @@ export function ScriptStepCards({ sections, streaming = false }: { sections: Scr
   return (
     <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
       {sections.map((sec, i) => (
-        <div key={sec.id} className="rounded-md border border-slate-100 bg-white p-3 flex flex-col">
+        <div key={sec.id} className="rounded-md border bg-white p-3 flex flex-col">
           <div className="flex items-center justify-between mb-2">
             <div className="flex items-center gap-2">
               <span className="w-6 h-6 rounded-full bg-brand-600 text-white text-[11px] font-semibold flex items-center justify-center">
@@ -93,7 +93,7 @@ export function ScriptCopilot({ sections, streaming = false }: { sections: Scrip
   return (
     <div className="flex flex-col gap-3">
       {/* 进度条 */}
-      <div className="flex items-center gap-1.5 rounded-md bg-slate-50 border border-slate-100 p-1.5">
+      <div className="flex items-center gap-1.5 rounded-md bg-slate-50 border p-1.5">
         {sections.map((s, i) => (
           <button
             key={s.id}

apps/pac-web/src/components/plan-detail/shared.tsx

@@ -153,7 +153,7 @@ export function SidebarCard({
   return (
     <section
       className={cn(
-        'bg-white rounded-lg border border-slate-100 shadow-sm flex flex-col min-h-0 flex-none',
+        'bg-white rounded-lg border shadow-sm flex flex-col min-h-0 flex-none',
         className,
       )}
     >
@@ -179,7 +179,7 @@ export function SidebarCard({
         </button>
         {action && <div className="flex-none">{action}</div>}
       </header>
-      {open && <div className={cn(padding, 'border-t border-slate-100 overflow-y-auto min-h-0')}>{children}</div>}
+      {open && <div className={cn(padding, 'border-t overflow-y-auto min-h-0')}>{children}</div>}
     </section>
   );
 }

apps/pac-web/src/components/plan-detail/tooth-timeline.tsx

@@ -131,17 +131,17 @@ export function ToothTimeline({ facts }: { facts: AdaptedFact[] }) {
         );
         const isWhole = k.startsWith('全口');
         return (
-          <div key={k} className="rounded-lg border border-slate-100 overflow-hidden">
+          <div key={k} className="rounded-lg border overflow-hidden">
             <div
               className={cn(
-                'flex items-center gap-2 px-2.5 py-1.5 text-[12px] font-semibold border-b border-slate-100',
+                'flex items-center gap-2 px-2.5 py-1.5 text-[12px] font-semibold border-b',
                 isWhole ? 'bg-amber-50 text-amber-800' : 'bg-slate-50 text-slate-700',
               )}
             >
               <span className="tabular-nums">{isWhole ? k : `牙位 ${k}`}</span>
               <span className="ml-auto text-[10px] font-normal text-slate-400">{rows.length} 项</span>
             </div>
-            <div className="divide-y divide-slate-50">
+            <div className="divide-y">
               {rows.map((f) => (
                 <ToothFactRow key={`${k}-${f.id}`} fact={f} />
               ))}

apps/pac-web/src/components/plans/patient-picker-rail.tsx

@@ -219,9 +219,9 @@ export function PatientPickerRail({
     });
 
   return (
-    <aside className="flex h-full w-[320px] flex-none flex-col border-r border-slate-100 bg-white">
+    <aside className="flex h-full w-[320px] flex-none flex-col border-r bg-white">
       {/* view tabs */}
-      <div className="flex flex-none gap-1 border-b border-slate-100 px-2 pt-2">
+      <div className="flex flex-none gap-1 border-b px-2 pt-2">
         {VIEW_TABS.map((t) => (
           <button
             key={t.v}
@@ -251,7 +251,7 @@ export function PatientPickerRail({
           ⚠️ 常驻的「把这 N 人移交助手」横幅同样已撤 —— 入口收敛到 tab 行的「分配」一个。 */}
 
       {/* 搜索 + 工具行 */}
-      <div className="flex-none space-y-1.5 border-b border-slate-100 p-2">
+      <div className="flex-none space-y-1.5 border-b p-2">
         <div className="relative">
           <Search className="absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-slate-400" />
           <input
@@ -275,7 +275,7 @@ export function PatientPickerRail({
               scheduleKeyword(v);
             }}
             placeholder="姓名 / 手机 / 病历号"
-            className="h-7 w-full rounded-md border border-slate-100 bg-slate-50 pl-7 pr-2 text-[12px] outline-none placeholder:text-slate-400 focus:border-brand-300 focus:bg-white"
+            className="h-7 w-full rounded-md border bg-slate-50 pl-7 pr-2 text-[12px] outline-none placeholder:text-slate-400 focus:border-brand-300 focus:bg-white"
           />
         </div>
         {/* ⚠️ 外层条件要跟着两个开关走 —— 只判其中一个,另一个放开时整排还是不显示。
@@ -293,7 +293,7 @@ export function PatientPickerRail({
                   'inline-flex h-6 items-center gap-1 rounded-md border px-1.5 text-[11px] transition-colors',
                   realPhoneOnly
                     ? 'border-brand-300 bg-brand-50 font-medium text-brand-700'
-                    : 'border-slate-100 bg-white text-slate-500 hover:bg-slate-50',
+                    : 'bg-white text-slate-500 hover:bg-slate-50',
                 )}
               >
                 <PhoneCall className="h-3 w-3" />真
@@ -435,7 +435,7 @@ function PersonaTagFilter({
             'inline-flex h-6 items-center gap-1 rounded-md border px-1.5 text-[11px] transition-colors',
             selected.size > 0
               ? 'border-brand-300 bg-brand-50 font-medium text-brand-700'
-              : 'border-slate-100 bg-white text-slate-500 hover:bg-slate-50',
+              : 'bg-white text-slate-500 hover:bg-slate-50',
           )}
         >
           <Filter className="h-3 w-3" />
@@ -491,7 +491,7 @@ function PersonaTagFilter({
                         'rounded-full border px-2 py-0.5 text-[11px] transition-colors',
                         on
                           ? 'border-brand-300 bg-brand-50 font-medium text-brand-700'
-                          : 'border-slate-100 bg-white text-slate-600 hover:border-brand-200 hover:bg-brand-50/40',
+                          : 'bg-white text-slate-600 hover:border-brand-200 hover:bg-brand-50/40',
                       )}
                     >
                       {o.zh}
@@ -504,7 +504,7 @@ function PersonaTagFilter({
           ))}
         </div>
         {/* 定高:hover 进出不抖动 */}
-        <div className="mt-1 min-h-[30px] border-t border-slate-100 px-1 pt-1.5 text-[10.5px] leading-relaxed">
+        <div className="mt-1 min-h-[30px] border-t px-1 pt-1.5 text-[10.5px] leading-relaxed">
           {hint ? (
             <span className="text-slate-600">{hint}</span>
           ) : (
@@ -542,7 +542,7 @@ function RailClinicFilter({
             'inline-flex h-6 w-full items-center justify-between rounded-md border px-1.5 text-[11px] transition-colors',
             selected.length
               ? 'border-brand-300 bg-brand-50 font-medium text-brand-700'
-              : 'border-slate-100 bg-white text-slate-500 hover:bg-slate-50',
+              : 'bg-white text-slate-500 hover:bg-slate-50',
           )}
         >
           <span className="truncate">
@@ -554,7 +554,7 @@ function RailClinicFilter({
         </button>
       </PopoverTrigger>
       <PopoverContent align="start" className="max-h-72 w-56 overflow-y-auto p-1.5">
-        <div className="mb-1 flex items-center justify-between border-b border-slate-100 px-1.5 py-1">
+        <div className="mb-1 flex items-center justify-between border-b px-1.5 py-1">
           <span className="text-[10.5px] text-slate-400">按诊所筛选(可多选)</span>
           {selected.length > 0 && (
             <button type="button" onClick={() => onChange([])} className="text-[10.5px] text-brand-600 hover:underline">
@@ -731,7 +731,7 @@ function DoctorPicker({
         value={q}
         onChange={(e) => setQ(e.target.value)}
         placeholder={doctors.length ? '输入医生姓名搜索' : '暂无医生名单'}
-        className="w-full rounded border border-slate-200 px-1.5 py-0.5 text-[11px] outline-none placeholder:text-slate-300 focus:border-brand-300"
+        className="w-full rounded border px-1.5 py-0.5 text-[11px] outline-none placeholder:text-slate-300 focus:border-brand-300"
       />
       {matches.length > 0 && (
         <div className="flex flex-wrap gap-1">
@@ -743,7 +743,7 @@ function DoctorPicker({
                 onToggle(`${dimId}:${d}`);
                 setQ('');
               }}
-              className="rounded-full border border-slate-100 bg-white px-2 py-0.5 text-[11px] text-slate-600 hover:border-brand-200 hover:bg-brand-50/40"
+              className="rounded-full border bg-white px-2 py-0.5 text-[11px] text-slate-600 hover:border-brand-200 hover:bg-brand-50/40"
             >
               {d}
             </button>
@@ -808,7 +808,7 @@ function PatientRow({
       onClick={onClick}
       onKeyDown={(e) => e.key === 'Enter' && onClick()}
       className={cn(
-        'group block w-full cursor-pointer border-b border-slate-100 px-3 py-2 text-left transition-colors',
+        'group block w-full cursor-pointer border-b px-3 py-2 text-left transition-colors',
         active ? 'bg-brand-50/70 ring-1 ring-inset ring-brand-200' : 'hover:bg-slate-50',
       )}
     >

apps/pac-web/src/components/plans/release-reason-dialog.tsx

@@ -87,7 +87,7 @@ export function ReleaseReasonDialog({
                   'flex w-full flex-col items-start gap-0.5 rounded-md border px-2.5 py-1.5 text-left transition-colors',
                   on
                     ? 'border-brand-400 bg-brand-50/70'
-                    : 'border-slate-100 bg-white hover:border-brand-200 hover:bg-brand-50/30',
+                    : 'bg-white hover:border-brand-200 hover:bg-brand-50/30',
                 )}
               >
                 <span
@@ -114,7 +114,7 @@ export function ReleaseReasonDialog({
               value={note}
               onChange={(e) => setNote(e.target.value)}
               placeholder="写清楚具体情况(必填)"
-              className="w-full resize-none rounded-md border border-slate-200 px-2 py-1.5 text-[12.5px] outline-none placeholder:text-slate-300 focus:border-brand-400"
+              className="w-full resize-none rounded-md border px-2 py-1.5 text-[12.5px] outline-none placeholder:text-slate-300 focus:border-brand-400"
             />
           </div>
         )}

apps/pac-web/src/components/priority-hover.tsx

@@ -111,7 +111,7 @@ function PriorityBreakdownTable({
 
 function Header({ disp }: { disp: string }) {
   return (
-    <div className="flex items-baseline justify-between border-b border-slate-100 pb-1.5">
+    <div className="flex items-baseline justify-between border-b pb-1.5">
       <span className="text-[13px] font-semibold text-slate-900">优先级 {disp} / 10</span>
       <span className="text-[10.5px] text-slate-500">急迫 × 价值 × 意愿</span>
     </div>
@@ -147,7 +147,7 @@ function Row({
 function Subtotal({ label, value, bold }: { label: string; value: string; bold?: boolean }) {
   return (
     <tr>
-      <td colSpan={3} className="border-t border-slate-100 pt-1 pb-0.5">
+      <td colSpan={3} className="border-t pt-1 pb-0.5">
         <span className="flex justify-between">
           <span className={`text-slate-700 ${bold ? 'font-semibold' : ''}`}>{label}</span>
           <span

apps/pac-web/src/components/session-expired.tsx

@@ -49,7 +49,7 @@ export function SessionExpired() {
         type="button"
         onClick={retry}
         disabled={retrying}
-        className="inline-flex items-center gap-1.5 rounded-md border border-slate-200 bg-white px-3 py-1.5 text-[12.5px] text-slate-600 transition-colors hover:bg-slate-50 disabled:opacity-50"
+        className="inline-flex items-center gap-1.5 rounded-md border bg-white px-3 py-1.5 text-[12.5px] text-slate-600 transition-colors hover:bg-slate-50 disabled:opacity-50"
       >
         <RefreshCw className={`h-3.5 w-3.5 ${retrying ? 'animate-spin' : ''}`} />
         {retrying ? '重试中…' : '重试'}

apps/pac-web/src/components/supervisor/batch-tracking.tsx

@@ -186,8 +186,8 @@ export function BatchTracking({ clinicId }: { clinicId: string | null }) {
   }, [shown, running, scope]);
 
   return (
-    <div className="relative flex min-h-0 w-full flex-col overflow-hidden rounded-lg border border-slate-100 bg-white">
-      <div className="flex flex-none flex-wrap items-center gap-x-2.5 gap-y-1 border-b border-slate-50 px-3.5 py-2.5">
+    <div className="relative flex min-h-0 w-full flex-col overflow-hidden rounded-lg border bg-white">
+      <div className="flex flex-none flex-wrap items-center gap-x-2.5 gap-y-1 border-b px-3.5 py-2.5">
         <span className="text-[13.5px] font-semibold text-slate-900">我分的批次</span>
         <span className="text-[11px] text-slate-400">点一行看这批具体怎么样</span>
         <span className="ml-auto inline-flex rounded-lg bg-slate-100 p-0.5">
@@ -290,14 +290,12 @@ type BatchGroupData = { key: string; note: string; past: boolean; rows: Assignme
  *   而回顾恰恰就是在比这几列。
  * ⛔ 也别只靠那条竖轨 —— 一条 2px 的线滚起来看不见，底色才是扫视时抓得到的。
  *
- * 🔴 竖轨的颜色**必须走 inline style**（`rail` 是个 CSS 颜色值不是类名）：
- *   globals.css 里那条 `* { border-color: hsl(var(--border)) }` **不在任何 @layer 里**，
- *   压过 Tailwind 的 `border-l-brand-400` —— 写类名不报错、也不生效，
- *   算出来是那个灰（2026-08-11 实测：整栏竖轨全是灰的，肉眼以为"没做"）。
+ * ⚠️ `past` 的竖轨是**透明但仍占 2px**（`border-l-transparent`）—— 少了它，历史行会
+ *   比在跑的行少 2px 左内缩，两组的首列对不齐。⛔ 别图省事删成没有 border-l。
  */
 const TONE = {
   live: {
-    rail: 'var(--color-brand-400)',
+    rail: 'border-l-2 border-l-brand-400',
     row: 'bg-white hover:bg-slate-50',
     when: 'text-slate-500',
     cohort: 'text-slate-900',
@@ -314,7 +312,7 @@ const TONE = {
     headKey: 'text-brand-800',
   },
   past: {
-    rail: 'transparent',
+    rail: 'border-l-2 border-l-transparent',
     row: 'bg-slate-50/80 hover:bg-slate-100',
     when: 'text-slate-400',
     cohort: 'text-slate-500',
@@ -343,12 +341,10 @@ function BatchGroup({
   onOpen: (id: string) => void;
 }) {
   const t = group.past ? TONE.past : TONE.live;
-  /// 竖轨 —— ⛔ 只能 inline（见 TONE 上面那段：全局 `*` 规则把 border 颜色类吃掉了）
-  const rail = { borderLeft: `2px solid ${t.rail}` };
   return (
     <>
       <tr>
-        <td colSpan={7} style={rail} className={cn('border-t px-3.5 py-1.5', t.head)}>
+        <td colSpan={7} className={cn('border-t px-3.5 py-1.5', t.rail, t.head)}>
           <span className={cn('text-[11px] font-semibold', t.headKey)}>{group.key}</span>
           <span className="ml-1.5 text-[10.5px] text-slate-400">{group.note}</span>
         </td>
@@ -362,14 +358,14 @@ function BatchGroup({
             key={b.id}
             onClick={() => onOpen(b.id)}
             className={cn(
-              'cursor-pointer border-t border-slate-50',
+              'cursor-pointer border-t',
               t.row,
               // ⚠️ 选中态压在两套配色**之上** —— 抽屉开着的那一行必须一眼看出来，
               //   ⛔ 不能被历史行的灰底吃掉
               openId === b.id && 'bg-brand-50 hover:bg-brand-50',
             )}
           >
-            <td style={rail} className="px-3.5 py-2">
+            <td className={cn(t.rail, 'px-3.5 py-2')}>
               <div className="flex items-baseline gap-2 whitespace-nowrap">
                 <span className={cn('nums text-[11.5px]', t.when)}>{when}</span>
                 <span className={cn('font-medium', t.cohort)}>{cohort}</span>
@@ -441,8 +437,8 @@ function BatchDrawer({ id, onClose }: { id: string; onClose: () => void }) {
         className="absolute inset-x-0 bottom-0 top-[3.25rem] z-20 bg-slate-900/10"
         onClick={onClose}
       />
-      <aside className="absolute bottom-0 right-0 top-[3.25rem] z-20 flex w-[26rem] max-w-full flex-col overflow-hidden border-l border-slate-100 bg-white shadow-[-12px_0_24px_-6px_rgba(15,23,42,0.10)]">
-        <div className="flex flex-none items-start gap-2.5 border-b border-slate-50 bg-brand-50 px-3.5 py-3">
+      <aside className="absolute bottom-0 right-0 top-[3.25rem] z-20 flex w-[26rem] max-w-full flex-col overflow-hidden border-l bg-white shadow-[-12px_0_24px_-6px_rgba(15,23,42,0.10)]">
+        <div className="flex flex-none items-start gap-2.5 border-b bg-brand-50 px-3.5 py-3">
           <div className="min-w-0 flex-1">
             <div className="truncate text-[13px] font-semibold text-slate-900">
               {d?.label ?? '加载中…'}
@@ -494,7 +490,7 @@ function BatchDrawer({ id, onClose }: { id: string; onClose: () => void }) {
                 </thead>
                 <tbody>
                   {d.agentStats.map((a) => (
-                    <tr key={a.userId} className="border-t border-slate-50">
+                    <tr key={a.userId} className="border-t">
                       <td className="py-1.5">{a.name ?? a.userId}</td>
                       <td className="nums px-1.5 py-1.5 text-right">{a.planned}</td>
                       <td className="nums px-1.5 py-1.5 text-right text-emerald-700">{a.done}</td>

apps/pac-web/src/components/supervisor/new-batch.tsx

@@ -78,8 +78,8 @@ export function NewBatchPanel({ clinicId }: { clinicId: string | null }) {
   const pick = useCallback((c: Picked) => handoff(c), []);
 
   return (
-    <div className="flex w-full flex-col overflow-hidden rounded-lg border border-slate-100 bg-white">
-      <div className="flex flex-none flex-wrap items-baseline gap-x-2 gap-y-1 border-b border-slate-50 px-3.5 py-2.5">
+    <div className="flex w-full flex-col overflow-hidden rounded-lg border bg-white">
+      <div className="flex flex-none flex-wrap items-baseline gap-x-2 gap-y-1 border-b px-3.5 py-2.5">
         <span className="text-[13.5px] font-semibold text-slate-900">分一批新的</span>
         <span className="text-[11px] text-slate-400">
           点一格 = 把这批人交给助手，助手出确认单

apps/pac-web/src/components/supervisor/supervisor-header.tsx

@@ -62,7 +62,7 @@ export function SupervisorHeader({
   const current = clinics.find((c) => c.id === clinicId);
 
   return (
-    <header className="flex h-12 flex-none items-center gap-2.5 border-b border-slate-100 bg-white px-3 sm:px-4">
+    <header className="flex h-12 flex-none items-center gap-2.5 border-b bg-white px-3 sm:px-4">
       {!embedded && (
         <>
           <span className="inline-flex h-7 w-7 flex-none items-center justify-center rounded-md bg-brand-600 text-[12px] font-bold text-white">
@@ -84,7 +84,7 @@ export function SupervisorHeader({
             disabled={clinics.length < 2}
             onClick={() => setOpen((v) => !v)}
             className={cn(
-              'inline-flex h-7 items-center gap-1.5 rounded-md border border-slate-100 px-2 text-[12px] text-slate-600',
+              'inline-flex h-7 items-center gap-1.5 rounded-md border px-2 text-[12px] text-slate-600',
               clinics.length > 1 && 'hover:bg-slate-50',
             )}
           >
@@ -93,7 +93,7 @@ export function SupervisorHeader({
             {clinics.length > 1 && <ChevronDown className="h-3 w-3 flex-none text-slate-300" />}
           </button>
           {open && (
-            <div className="absolute left-0 top-8 z-30 max-h-72 w-56 overflow-auto rounded-lg border border-slate-100 bg-white py-1 shadow-lg">
+            <div className="absolute left-0 top-8 z-30 max-h-72 w-56 overflow-auto rounded-lg border bg-white py-1 shadow-lg">
               {clinics.map((c) => (
                 <button
                   key={c.id}

apps/pac-web/src/components/supervisor/team-status.tsx

@@ -65,8 +65,8 @@ export function TeamStatus({ clinicId }: { clinicId: string | null }) {
   const flagOverdue = top > 0 && top > (sorted[1] ?? 0) ? top : null;
 
   return (
-    <div className="flex min-h-0 w-full flex-col overflow-hidden rounded-lg border border-slate-100 bg-white">
-      <div className="flex flex-none flex-wrap items-center gap-x-2.5 gap-y-1 border-b border-slate-50 px-3.5 py-2.5">
+    <div className="flex min-h-0 w-full flex-col overflow-hidden rounded-lg border bg-white">
+      <div className="flex flex-none flex-wrap items-center gap-x-2.5 gap-y-1 border-b px-3.5 py-2.5">
         <span className="text-[13.5px] font-semibold text-slate-900">团队现在什么状态</span>
         <span className="nums text-[11px] text-slate-400">
           {rows.length} 位在岗 · 在手 {inHandTotal} 条
@@ -129,7 +129,7 @@ export function TeamStatus({ clinicId }: { clinicId: string | null }) {
               {rows.map((a) => {
                 const worst = flagOverdue != null && a.overdue === flagOverdue;
                 return (
-                  <tr key={a.userId} className="border-t border-slate-50">
+                  <tr key={a.userId} className="border-t">
                     <td className="whitespace-nowrap px-3.5 py-2">
                       <span className="font-medium text-slate-900">{a.name ?? a.userId}</span>
                       {worst && (

apps/pac-web/src/components/ui/popover.tsx

@@ -31,7 +31,7 @@ const PopoverContent = React.forwardRef<
       align={align}
       sideOffset={sideOffset}
       className={cn(
-        'z-[70] w-auto rounded-md border border-slate-100 bg-white p-2 shadow-md outline-none',
+        'z-[70] w-auto rounded-md border bg-white p-2 shadow-md outline-none',
         // ⚠️ 原先挂的是 shadcn 官方那串 `animate-in fade-in-0 …` —— 它们来自
         //   tailwindcss-animate 插件,**本仓没装**,所以一帧动画都没有(class 写了不报错,
         //   只是不生效,最难发现的那种)。改用 globals.css 里的原生 keyframes。