From f4f342cecf6eb1d8616c7c6a92cbf29f2beaf119 Mon Sep 17 00:00:00 2001
From: esengine <359807859@qq.com>
Date: Thu, 5 Nov 2026 09:32:54 +0000
Subject: [PATCH] fix(studio): conversation cards, status popovers and
 workbench follow the boards' font size and weight; reading text is the
 regular weight

---
 desktop/frontend-next/src/design/rail.css         |  1 +
 desktop/frontend-next/src/design/shell.css        | 12 +++++++++++-
 desktop/frontend-next/src/design/turn.css         | 15 ++++++++-------
 desktop/frontend-next/src/design/workbench.css    |  3 ++-
 desktop/frontend-next/src/styles/studio.css       |  2 +-
 .../frontend-next/src/ui/document/delivery.css    |  2 +-
 6 files changed, 24 insertions(+), 11 deletions(-)

diff --git a/desktop/frontend-next/src/design/rail.css b/desktop/frontend-next/src/design/rail.css
index e4a5b135e3..b54000b71e 100644
--- a/desktop/frontend-next/src/design/rail.css
+++ b/desktop/frontend-next/src/design/rail.css
@@ -75,3 +75,4 @@
   .srail-band, .srail-m > i, .srail-tip { transition: none; }
   .srail-peek { animation: none; }
 }
+.ds-row .sessword { font-weight: var(--w-med); }
diff --git a/desktop/frontend-next/src/design/shell.css b/desktop/frontend-next/src/design/shell.css
index d3ce51fda6..23ccb5d3d1 100644
--- a/desktop/frontend-next/src/design/shell.css
+++ b/desktop/frontend-next/src/design/shell.css
@@ -66,7 +66,7 @@
 .studio-feedback > span:first-child { display: flex; flex: none; color: inherit; }
 .studio-feedback .studio-icon { width: 16px; height: 16px; }
 .studio-feedback b { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: inherit; }
-.studio-feedback .fbk-badge { position: static; flex: none; min-width: 16px; height: 16px; padding: 0 5px; box-sizing: border-box; border: 0; border-radius: var(--r-pill); background: var(--text); color: var(--page); font: var(--w-semi) var(--fs-micro)/calc(16px * var(--fs-scale, 1)) var(--ui); font-style: normal; text-align: center; box-shadow: none; }
+.studio-feedback .fbk-badge { position: static; flex: none; min-width: 16px; height: 16px; padding: 0 5px; box-sizing: border-box; border: 0; border-radius: var(--r-pill); background: var(--text); color: var(--page); font: var(--w-med) var(--fs-micro)/calc(16px * var(--fs-scale, 1)) var(--ui); font-style: normal; text-align: center; box-shadow: none; }
 
 .hero { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; min-height: 420px; padding: 20px 24px 40px; text-align: center; }
 .hero .sym-mark { width: 44px; height: 44px; padding: 8px; box-sizing: border-box; display: block; border-radius: var(--r-md); background: var(--accent); color: var(--accent-fg); opacity: 1; filter: none; }
@@ -82,3 +82,13 @@
 .phonecard .pc-code > img { flex: none; width: 112px; height: 112px; }
 .phonecard .pc-code > .pc-mint { margin: 0 auto; }
 .phonecard .pc-side { display: grid; min-width: 0; gap: 6px; }
+.chrome-context-card header b { font: var(--w-semi) var(--fs-ui)/1.3 var(--ui); }
+.chrome-context-card header small { color: var(--faint); font: var(--w-reg) var(--fs-meta)/1.3 var(--ui); }
+.chrome-context-parts { grid-template-columns: 1fr; gap: 6px; }
+.chrome-context-parts > div { grid-template-columns: 8px minmax(0, 1fr) auto; gap: 8px; color: var(--muted); font: var(--w-reg) var(--fs-meta)/1.3 var(--ui); }
+.chrome-context-parts i { width: 8px; height: 8px; }
+.chrome-context-parts b { color: var(--text); font: var(--w-med) var(--fs-meta)/1.3 var(--mono); }
+.chrome-context-card section > div:first-child b { font-size: var(--fs-meta); }
+.chrome-context-card section small { color: var(--faint); font: var(--w-reg) var(--fs-meta) var(--ui); }
+.studio-overview-card header b { font: var(--w-semi) var(--fs-lead)/1.3 var(--ui); }
+.chrome-context-card :is(.btn, .kbtn, .act) { font: var(--w-reg) var(--fs-meta) var(--ui); }
diff --git a/desktop/frontend-next/src/design/turn.css b/desktop/frontend-next/src/design/turn.css
index c264de93eb..0aa1fd5efc 100644
--- a/desktop/frontend-next/src/design/turn.css
+++ b/desktop/frontend-next/src/design/turn.css
@@ -37,7 +37,7 @@
 .activity-body .hl .arg { order: -8; flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text); font: var(--w-reg) var(--fs-meta)/1.3 var(--mono); }
 .activity-body .hl :is(.src, .who, .tag) { order: -7; flex: none; }
 .activity-body .hl .tag { padding: 0 5px; border-radius: var(--r-xs); background: var(--overlay); color: var(--faint); font: var(--w-reg) var(--fs-micro)/calc(16px * var(--fs-scale, 1)) var(--mono); letter-spacing: 0; text-transform: none; }
-.activity-body :is(.cost, .step-sum) { order: -6; margin-left: auto; color: var(--faint); font: var(--w-med) var(--fs-meta)/1 var(--ui); white-space: nowrap; }
+.activity-body :is(.cost, .step-sum) { order: -6; margin-left: auto; color: var(--faint); font: var(--w-reg) var(--fs-meta)/1 var(--ui); white-space: nowrap; }
 .activity-body .tool-delta { order: -6; margin-left: auto; color: var(--faint); font: var(--w-med) var(--fs-meta)/1 var(--ui); }
 .activity-body .tool-delta b { color: inherit; font-weight: inherit; }
 .activity-body .tool-delta i { margin-left: 3px; color: inherit; font-style: normal; }
@@ -50,7 +50,7 @@
 .activity-body .tool-disclosure > .out { margin: 2px 10px 6px 32px; padding: 6px 10px 8px; border: 1px solid var(--hair); border-radius: var(--r-sm); }
 
 .think { margin-top: 6px; }
-.think > summary .fold { gap: 6px; color: var(--muted); font: var(--w-semi) var(--fs-ui)/1.4 var(--ui); }
+.think > summary .fold { gap: 6px; color: var(--muted); font: var(--w-med) var(--fs-ui)/1.4 var(--ui); }
 .think[open] > summary .fold { color: var(--muted); }
 .think > summary .fold::before { width: 10px; height: 10px; color: var(--faint); }
 .think > summary:hover .fold { color: var(--text); }
@@ -97,14 +97,14 @@
 .activity-group > summary { font: var(--w-semi) var(--fs-ui)/1 var(--ui); }
 .activity-group > summary .activity-fold-icon { order: -1; margin: 0; transform: rotate(-90deg); transition: transform var(--t-line) ease; }
 .activity-group[open] > summary .activity-fold-icon { transform: none; }
-.activity-group .activity-title { font: inherit; }
+.activity-group .activity-title { font-weight: var(--w-med); }
 .activity-now { display: inline-flex; align-items: center; gap: 5px; min-width: 0; overflow: hidden; color: var(--net-ink); font-weight: var(--w-med); white-space: nowrap; }
 .activity-now code { min-width: 0; overflow: hidden; text-overflow: ellipsis; font: var(--w-med) var(--fs-meta)/1 var(--mono); }
 .activity-fill { flex: 1; }
 .activity-group > summary .activity-ok { color: var(--ok-ink); }
-.activity-group .activity-errors { color: var(--err-ink); font: var(--w-semi) var(--fs-meta)/1 var(--ui); white-space: nowrap; }
-.activity-group .activity-running { font-weight: var(--w-semi); }
-.activity-group .activity-count { font: var(--w-med) var(--fs-meta)/1 var(--ui); white-space: nowrap; }
+.activity-group .activity-errors { color: var(--err-ink); font: var(--w-med) var(--fs-meta)/1 var(--ui); white-space: nowrap; }
+.activity-group .activity-running { font-weight: var(--w-med); }
+.activity-group .activity-count { font: var(--w-reg) var(--fs-meta)/1 var(--ui); white-space: nowrap; }
 .activity-group[data-running]:not([open]) > summary {
   background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--net) 12%, transparent) 50%, transparent 100%) no-repeat;
   background-size: 40% 100%; animation: activity-sweep 1.8s linear infinite;
@@ -133,7 +133,7 @@
 @keyframes step-shake { 25% { transform: translateX(-2px); } 50% { transform: translateX(2px); } 75% { transform: translateX(-1px); } }
 
 .step-wait { margin: -2px 10px 6px 32px; color: var(--faint); font: var(--w-med) var(--fs-meta)/1.5 var(--ui); }
-.step-stop { padding: 0; border: 0; background: none; color: var(--text); font: var(--w-semi) var(--fs-meta)/1.5 var(--ui); cursor: pointer; }
+.step-stop { padding: 0; border: 0; background: none; color: var(--text); font: var(--w-med) var(--fs-meta)/1.5 var(--ui); cursor: pointer; }
 .step-stop:hover { text-decoration: underline; text-underline-offset: 2px; }
 .pane[data-off] :is(.step-spin, .activity-group > summary) { animation-play-state: paused; }
 
@@ -189,3 +189,4 @@
 .note[data-gone] { opacity: .6; }
 .note[data-gone] .note-strong { text-decoration: line-through; }
 .flow .call[data-k="host"][data-light] > .c > .hl .tag { background: none; padding: 0; color: var(--faint); font: var(--w-med) var(--fs-micro) var(--ui); }
+.activity-group .activity-errors { font-size: var(--fs-micro); }
diff --git a/desktop/frontend-next/src/design/workbench.css b/desktop/frontend-next/src/design/workbench.css
index 53d3c2ad06..bfd6a65f00 100644
--- a/desktop/frontend-next/src/design/workbench.css
+++ b/desktop/frontend-next/src/design/workbench.css
@@ -81,7 +81,7 @@
 .workbench-launcher > button:hover { background: var(--overlay); }
 .workbench-launcher > button > .studio-icon { width: 16px; height: 16px; flex: none; color: var(--muted); }
 .workbench-launcher > button > span { display: grid; gap: 2px; min-width: 0; }
-.workbench-launcher > button b { display: inline-flex; align-items: center; gap: 6px; font: var(--w-semi) var(--fs-ui)/1.3 var(--ui); }
+.workbench-launcher > button b { display: inline-flex; align-items: center; gap: 6px; font: var(--w-med) var(--fs-ui)/1.3 var(--ui); }
 .workbench-launcher > button b small {
   min-width: 16px; height: 16px; box-sizing: border-box; padding: 0 4px; border-radius: var(--r-pill); background: var(--overlay);
   color: var(--muted); font: var(--w-semi) var(--fs-micro)/calc(16px * var(--fs-scale, 1)) var(--ui); text-align: center;
@@ -302,3 +302,4 @@ svg.studio-icon[data-lang="sheet"] { color: var(--ok); }
 .blogin-cancel:hover { background: var(--overlay); color: var(--text); }
 .blogin-go { height: 32px; padding: 0 14px; border: 1px solid var(--accent); border-radius: var(--r-sm); background: var(--accent); color: var(--accent-fg); font: var(--w-med) var(--fs-ui) var(--ui); cursor: pointer; }
 .blogin-go:disabled { opacity: .5; cursor: default; }
+.sidecontent > footer .sidequote { font-weight: var(--w-reg); }
diff --git a/desktop/frontend-next/src/styles/studio.css b/desktop/frontend-next/src/styles/studio.css
index 604b7142bf..38ea2a39b7 100644
--- a/desktop/frontend-next/src/styles/studio.css
+++ b/desktop/frontend-next/src/styles/studio.css
@@ -374,7 +374,7 @@ body { background: var(--page); }
 
 :root[data-theme="light"]:not([data-pack]):not([data-weight]),
 :root[data-theme="light"]:not([data-bg]):not([data-weight]) {
-  --w-read: 400;
+  --w-read: var(--w-reg);
 }
 
 body { background: var(--page) !important; }
diff --git a/desktop/frontend-next/src/ui/document/delivery.css b/desktop/frontend-next/src/ui/document/delivery.css
index ff99a103eb..a45b2bbe6a 100644
--- a/desktop/frontend-next/src/ui/document/delivery.css
+++ b/desktop/frontend-next/src/ui/document/delivery.css
@@ -53,7 +53,7 @@
   border: 0;
   border-radius: var(--r-pill);
   color: var(--text);
-  font: var(--w-semi) var(--fs-meta)/1 var(--ui);
+  font: var(--w-med) var(--fs-meta)/1 var(--ui);
   white-space: nowrap;
 }
 .delivery-open:focus-visible, .delivery-more:focus-visible {