@q1travel/design-system 0.26.0 → 0.27.0

package/dist-pkg/style.css

@@ -174,6 +174,27 @@
   --q1-color-status-info-text: #0064b8;
   --q1-color-status-info-surface: var(--q1-color-blue-100);
   --q1-color-status-info-border: #abcff0;
+  /* 域色板 · auth：账户入口专用的冷蓝灰色板（所有者 2026-10-13 批准）。只在账户入口域内成组使用，
+     不与中性链 token 混用；值独立于中性链，明暗各一套。 */
+  --q1-color-auth-text-primary: #061b31;
+  --q1-color-auth-text-secondary: #273951;
+  --q1-color-auth-text-muted: #64748d;
+  --q1-color-auth-border-strong: #d6dde6;
+  --q1-color-auth-surface-card: #ffffff;
+  --q1-color-auth-surface-subtle: #f8fafc;
+  --q1-color-auth-surface-disabled: #f6f9fc;
+  --q1-color-auth-surface-media: #04050a;
+  --q1-color-auth-action-disabled-bg: #c7c9cc;
+  --q1-color-auth-action-disabled-border: #c7c9cc;
+  --q1-color-auth-action-disabled-text: #ffffff;
+  --q1-color-auth-focus-ring: rgba(83, 58, 253, 0.42);
+  --q1-color-auth-danger-border: #d92d20;
+  --q1-color-auth-danger-surface: #fff8f7;
+  --q1-color-auth-field-error-text: #d32f2f;
+  --q1-color-auth-media-overlay: rgba(4, 5, 10, 0.46);
+  --q1-color-auth-media-overlay-hover: rgba(4, 5, 10, 0.66);
+  --q1-color-auth-on-media-border: rgba(255, 255, 255, 0.22);
+  --q1-color-auth-on-media-border-hover: rgba(255, 255, 255, 0.34);
   --q1-font-sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei UI", sans-serif;
   --q1-font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
   --q1-font-weight-regular: 400;
@@ -483,6 +504,27 @@
   --q1-color-status-info-text: var(--q1-color-blue-900);
   --q1-color-status-info-surface: var(--q1-color-blue-100);
   --q1-color-status-info-border: #194f81;
+  /* 域色板 · auth：账户入口专用的冷蓝灰色板（所有者 2026-10-13 批准）。只在账户入口域内成组使用，
+     不与中性链 token 混用；值独立于中性链，明暗各一套。 */
+  --q1-color-auth-text-primary: #f3f4f6;
+  --q1-color-auth-text-secondary: #d1d5db;
+  --q1-color-auth-text-muted: #9ca3af;
+  --q1-color-auth-border-strong: #343943;
+  --q1-color-auth-surface-card: #17191d;
+  --q1-color-auth-surface-subtle: #101216;
+  --q1-color-auth-surface-disabled: #202329;
+  --q1-color-auth-surface-media: #04050a;
+  --q1-color-auth-action-disabled-bg: #3b404a;
+  --q1-color-auth-action-disabled-border: #3b404a;
+  --q1-color-auth-action-disabled-text: #a6acb8;
+  --q1-color-auth-focus-ring: rgba(126, 108, 255, 0.52);
+  --q1-color-auth-danger-border: #d92d20;
+  --q1-color-auth-danger-surface: #241719;
+  --q1-color-auth-field-error-text: #d32f2f;
+  --q1-color-auth-media-overlay: rgba(4, 5, 10, 0.46);
+  --q1-color-auth-media-overlay-hover: rgba(4, 5, 10, 0.66);
+  --q1-color-auth-on-media-border: rgba(255, 255, 255, 0.22);
+  --q1-color-auth-on-media-border-hover: rgba(255, 255, 255, 0.34);
   /* Override only the press state: the dark Primary ramp runs left-dark to
  right-light, so Primary-900 is a light tint. Point action-press at a darker
  step so default -> hover -> press keeps getting darker (hover still
@@ -841,7 +883,7 @@
 }
 
 /* 快捷键徽章（shortcut）：内联 <kbd>，currentColor + opacity 让它继承按钮前景色、
- 自动适配各 variant 与明暗，无需 dark 块。移植自 q1travel-web .ui2-button__shortcut。 */
+ 自动适配各 variant 与明暗，无需 dark 块。移植自主应用既有的按钮快捷键样式。 */
 /* 快捷键徽标（自有扩展）：不用生硬边框方框，改 currentColor 半透明填充的柔和键帽——
  继承按钮前景色，在 primary(白前景) 上是白 16% 键帽、在浅底按钮上自动变深色填充，各 variant 自适应。 */
 .button__shortcut {
@@ -916,8 +958,8 @@
 .form-field__description,
 .form-field__message {
   color: var(--q1-color-text-secondary);
-  font-size: 13px;
-  line-height: 20px;
+  font-size: var(--q1-font-size-label-13);
+  line-height: var(--q1-line-height-label-13);
 }
 
 .form-field__message {
@@ -944,7 +986,7 @@
   align-items: center;
   min-height: 40px;
   overflow: hidden;
-  border: 1px solid var(--q1-input-border, var(--q1-color-border));
+  border: 1px solid var(--q1-input-border, var(--q1-color-border-control));
   border-radius: var(--q1-radius-2);
   background: var(--q1-input-bg, var(--q1-color-bg-sunken));
   font-size: var(--q1-font-size-label-14);
@@ -1024,10 +1066,33 @@
 .input-control__action {
   display: inline-flex;
   flex: none;
-  align-items: center;
+  align-items: stretch;
+  align-self: stretch;
+  /* 槽位上下各越过 1px 边框：按钮高度取外框整高，不再把外框撑出比同档 Input 多 2px。 */
+  margin-block: -1px;
   padding-inline-end: var(--q1-space-1);
 }
 
+/* 按钮高度跟随外框，不再用自身尺寸档的最小高度（xs 输入框里的 sm 按钮会撑高外框）。 */
+.input-control__action .button {
+  min-height: 0;
+}
+
+/* 外框 overflow 会裁掉按钮向外扩的焦点环。参照 Geist Input 后缀按钮：外框保留裁切并照常画
+   聚焦光晕（焦点仍在控件内），按钮自己的环改为向内收的 outline，整圈落在按钮可见区内，
+   从输入框 Tab 到按钮时焦点位置可辨；outline 在强制颜色模式下同样可见。 */
+.input-control:has(.input-control__action .button:focus-visible) {
+  border-color: var(--q1-input-border-focus, var(--q1-color-border));
+  box-shadow: var(--q1-input-focus-ring, var(--q1-shadow-focus-input));
+}
+
+.input-control__action .button--ghost.button--icon:focus-visible {
+  outline: 2px solid var(--q1-color-focus);
+  outline-offset: calc(-1 * var(--q1-space-1));
+  box-shadow: none;
+  color: var(--q1-color-text-primary);
+}
+
 .input-control__reveal-icons {
   display: inline-grid;
 }
@@ -1135,15 +1200,15 @@
 
 /* 组件 token 层（token-naming 契约 · Component Tokens）。
    消费方常有自己的表单外壳，只想换边框色或焦点环，却因为这里直写 token 而不得不整条
-   `border` 重写——顺带把宽度与样式也一起接管。实测 q1travel-web 有 151 处这样的覆写，
-   48 种属性组合，前三名全是配色与焦点环。给出这五个变量后，改一个变量能达成的事，
+   `border` 重写——顺带把宽度与样式也一起接管。实测下游主应用有约 150 处这样的覆写，
+   约 50 种属性组合，前三名全是配色与焦点环。给出这五个变量后，改一个变量能达成的事，
    就不会再长成九个属性的覆写。
    缺省值仍是语义 token，不传即维持现状。 */
 .form-control {
   box-sizing: border-box;
   width: 100%;
   min-height: 40px;
-  border: 1px solid var(--q1-input-border, var(--q1-color-border));
+  border: 1px solid var(--q1-input-border, var(--q1-color-border-control));
   border-radius: var(--q1-radius-2);
   background: var(--q1-input-bg, var(--q1-color-bg-sunken));
   color: var(--q1-input-fg, var(--q1-color-text-primary));
@@ -1155,7 +1220,7 @@
 }
 
 /* 数字输入：隐去浏览器原生步进三角。
- 它不是本库的图标，是浏览器自绘的控件，于是同一组字段里「汇率 CNY/CNY」这种无 suffix 的
+ 它不是本库的图标，是浏览器自绘的控件，于是同一组字段里「费率 %」这种无 suffix 的
  会多出一对三角，而带 CNY/% suffix 的不会——同一行字段看起来是两种控件。
 
  两个引擎各管各的：Chromium/WebKit 的三角是 ::-webkit-*-spin-button 伪元素，
@@ -1235,7 +1300,7 @@
   display: flex;
   flex-direction: column;
   overflow: hidden;
-  border: 1px solid var(--q1-color-border);
+  border: 1px solid var(--q1-color-border-control);
   border-radius: var(--q1-radius-2);
   background: var(--q1-color-bg-sunken);
 }
@@ -1279,7 +1344,8 @@
 
 .textarea-control__count {
   align-self: flex-end;
-  padding: 0 12px 8px;
+  /* 右侧多留一个拖拽手柄的宽度：计数不再正好叠在右下角手柄下方。 */
+  padding: 0 var(--q1-space-6) var(--q1-space-2) var(--q1-space-3);
   color: var(--q1-color-text-secondary);
   font-size: 12px;
   line-height: 16px;
@@ -1590,9 +1656,12 @@
   line-height: var(--q1-line-height-label-13);
 }
 
-/* 修复选择器手误：描述曾与 __message 同列被涂成 danger 红。 */
+/* 修复选择器手误：描述曾与 __message 同列被涂成 danger 红。
+ 说明不得大于标签（曾继承 16px 致层级倒置）：与标签同为 13 档，靠次级色区分。 */
 .control-option__description {
   color: var(--q1-color-text-secondary);
+  font-size: var(--q1-font-size-label-13);
+  line-height: var(--q1-line-height-label-13);
 }
 
 .control-option__message {
@@ -1648,6 +1717,12 @@
 .menu__trigger:hover:not(:disabled) {
   background: color-mix(in srgb, var(--q1-color-text-primary) 4%, transparent);
 }
+/* 文字触发器的前置图标：装饰性，与 Button 的 affix 同样不参与可访问名称。 */
+.menu__trigger-prefix {
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+}
 /* 图标-only 触发器。 */
 .menu__trigger--icon {
   width: 32px;
@@ -1784,6 +1859,11 @@
   flex: none;
   color: var(--q1-color-text-secondary);
 }
+/* 组内有图标时，无图标项的占位槽：与 16px 图标同宽，保证文字起点一致。 */
+.menu__item-icon-placeholder {
+  flex: none;
+  width: var(--q1-space-4);
+}
 .menu__item--danger .menu__item-icon {
   color: var(--q1-color-red-700);
 }
@@ -1923,6 +2003,12 @@
   margin-inline-start: calc(-1 * (var(--q1-space-4) + 1px));
 }
 
+/* 勾选列只占勾选框所需宽度，多余宽度留给内容列，避免勾选框与名称列之间出现大段空白。 */
+.table th.table__cell--select,
+.table td.table__cell--select {
+  width: var(--q1-space-10);
+}
+
 .table th.table__cell--align-center,
 .table td.table__cell--align-center {
   text-align: center;
@@ -2261,6 +2347,11 @@
   box-shadow: 0 0 0 1px var(--q1-color-bg-panel);
 }
 
+/* 组内字母头像右侧被后一个头像压住 30%：字号降一档（直径 3/8），两个字母仍完整落在露出的区域内。 */
+.avatar-group .avatar--letter {
+  font-size: calc(var(--q1-avatar-size, 32px) * 0.375);
+}
+
 /* +N 收纳芯片：恒定深色、不随主题翻转（同族先例：遮罩恒黑）。 */
 .avatar--overflow {
   /* q1-lint-disable Q1-DS-501 恒定深色不随主题翻转，同族先例：遮罩恒黑 */
@@ -2776,6 +2867,18 @@
   .banner > .banner__actions {
     justify-self: start;
   }
+
+  /* 关闭钮脱离网格固定在右上角，只让主操作折到下一行；44px 命中区让 × 与首行标题同中线。 */
+  .banner:has(.banner__close):not(.banner--announcement, .banner--progress) {
+    position: relative;
+    padding-right: calc(var(--q1-space-10) + var(--q1-space-1));
+  }
+
+  .banner:not(.banner--announcement, .banner--progress) .banner__close {
+    position: absolute;
+    top: 0;
+    right: 0;
+  }
 }
 
 @media (max-width: 48rem), (pointer: coarse), (any-pointer: coarse) {
@@ -3236,7 +3339,8 @@ a.breadcrumb__link:hover {
 }
 
 .browser__url-head {
-  flex: 1 1 0;
+  /* 按内容收缩而不是吃满剩余宽度：域名与路径紧挨着居中，不在中间留大段空白。 */
+  flex: 0 1 auto;
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -3244,7 +3348,7 @@ a.breadcrumb__link:hover {
 }
 
 .browser__url-tail {
-  flex: 0 1 auto;
+  flex: 0 0 auto;
   max-width: 50%;
   min-width: 0;
   overflow: hidden;
@@ -3854,6 +3958,8 @@ a[href]:has(> .book):focus-visible {
 .tabs-control__help {
   display: grid;
   gap: var(--q1-space-1);
+  /* 说明与标签文字同一起点（标签按钮左右各留 space-1） */
+  padding-inline: var(--q1-space-1);
   color: var(--q1-color-text-secondary);
   font-size: var(--q1-font-size-label-13);
   line-height: var(--q1-line-height-label-13);
@@ -3887,13 +3993,33 @@ a[href]:has(> .book):focus-visible {
   color: var(--q1-color-text-primary);
 }
 
+/* 线型（line）变体：无外框、无卡片底色与内边距，只保留 tablist 的 1px 基线，贴在页面标题下方；
+   对照 Geist：标签上下 14px、文字 14/20 常规字重，选中项 2px 前景色指示线与基线重合，无位移动画。 */
+.tabs-root--line {
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  padding: 0;
+}
+
+.tabs-control--line .tabs-control__tab {
+  min-height: 0;
+  padding: var(--q1-space-3-5) var(--q1-space-1);
+}
+
+.tabs-control--line .tabs-control__tab:disabled {
+  color: var(--q1-color-text-disabled);
+  border-bottom-color: transparent;
+}
+
 .tabs-control__panel {
   min-height: 96px;
   border-radius: var(--q1-radius-3);
   color: var(--q1-color-text-secondary);
   font-size: 14px;
   line-height: 1.7;
-  padding: var(--q1-space-4);
+  /* 正文左缘与标签文字左缘对齐 */
+  padding: var(--q1-space-4) var(--q1-space-1);
 }
 
 .tabs-control__panel[hidden] {
@@ -3929,6 +4055,51 @@ a[href]:has(> .book):focus-visible {
   line-height: var(--q1-line-height-label-13);
 }
 
+.tabs-line-demo {
+  display: grid;
+  gap: var(--q1-space-4);
+}
+
+.tabs-line-demo__header {
+  display: grid;
+  gap: var(--q1-space-1);
+}
+
+.tabs-line-demo__title {
+  margin: 0;
+  color: var(--q1-color-text-primary);
+  font-size: var(--q1-font-size-heading-20);
+  font-weight: var(--q1-font-weight-heading-20);
+  line-height: var(--q1-line-height-heading-20);
+}
+
+.tabs-line-demo__description,
+.tabs-line-demo__section-body {
+  margin: 0;
+  color: var(--q1-color-text-secondary);
+  font-size: var(--q1-font-size-label-14);
+  line-height: var(--q1-line-height-label-14);
+}
+
+.tabs-line-demo__sections {
+  display: grid;
+  gap: var(--q1-space-6);
+}
+
+.tabs-line-demo__section {
+  display: grid;
+  gap: var(--q1-space-1);
+  scroll-margin-top: var(--q1-space-6);
+}
+
+.tabs-line-demo__section-title {
+  margin: 0;
+  color: var(--q1-color-text-primary);
+  font-size: var(--q1-font-size-heading-16);
+  font-weight: var(--q1-font-weight-heading-16);
+  line-height: var(--q1-line-height-heading-16);
+}
+
 @media (prefers-reduced-motion: reduce) {
   .tabs-control__tab::before {
     transition: opacity var(--q1-duration-press) var(--q1-ease-state);
@@ -3962,18 +4133,32 @@ a[href]:has(> .book):focus-visible {
   .tabs-control--secondary .tabs-control__tab {
     min-height: 44px;
   }
+
+  /* 线型保持标签自然宽度（与 Geist 一致），不拉伸等分；高度已超过 44px 触控目标。 */
+  .tabs-control--line .tabs-control__tab {
+    width: auto;
+    min-height: 0;
+    padding-inline: var(--q1-space-1);
+  }
+
+  .tabs-control--line .tabs-control__tab-wrapper {
+    flex: none;
+  }
 }
 
 /* —— 触发器 + 弹层 —— */
 .cal-field {
   position: relative;
-  display: inline-block;
+  display: block;
+  min-width: 0;
 }
 
 .cal-field__control {
   --cal-field-height: var(--q1-control-height-default);
+  box-sizing: border-box;
+  width: 100%;
   height: var(--cal-field-height);
-  display: inline-flex;
+  display: flex;
   align-items: center;
   box-shadow: inset 0 0 0 calc(var(--q1-space-1) / 4) var(--q1-color-border);
   border-radius: var(--q1-radius-2);
@@ -3996,10 +4181,6 @@ a[href]:has(> .book):focus-visible {
   box-shadow: inset 0 0 0 calc(var(--q1-space-1) / 4) var(--q1-color-border-strong);
 }
 
-.cal-field__control--default {
-  min-width: 220px;
-}
-
 .cal-field__control--compact .cal-field__label {
   max-width: 96px;
   overflow: hidden;
@@ -4051,10 +4232,10 @@ a[href]:has(> .book):focus-visible {
 }
 
 .cal-popover {
-  position: absolute;
-  top: calc(100% + var(--q1-space-2));
+  position: fixed;
+  top: 0;
   left: 0;
-  z-index: 20;
+  width: max-content;
   display: flex;
   gap: var(--q1-space-6);
   padding: var(--q1-space-4);
@@ -4952,19 +5133,23 @@ a[href]:has(> .book):focus-visible {
   background: var(--q1-color-bg-canvas);
 }
 
+/* 阶段标签与刻度对齐：全部叠在同一网格单元，水平位置与宽度由组件按刻度百分比写入（以刻度为中心）。 */
 .progress__stage-list {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(min(100%, 120px), 1fr));
-  gap: var(--q1-space-2) var(--q1-space-4);
   margin: var(--q1-space-2) 0 0;
   padding: 0;
   list-style: none;
 }
 
 .progress__stage {
+  grid-area: 1 / 1;
   display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
   align-items: baseline;
-  gap: var(--q1-space-2);
+  column-gap: var(--q1-space-1);
+  min-width: 0;
+  text-align: center;
   font-size: 13px;
   line-height: 1.5;
   color: var(--q1-color-text-secondary);
@@ -5205,12 +5390,14 @@ a[href]:has(> .book):focus-visible {
   display: block;
   min-width: 0;
   max-width: 100%;
+  /* 截断省略号用拉丁字形（见 fonts.css 'Q1 Latin Ellipsis'，只覆盖 U+2026），去掉全角「…」两侧空白。 */
+  font-family: 'Q1 Latin Ellipsis', var(--q1-font-sans);
   font-size: 14px;
   color: var(--q1-color-text-primary);
 }
 
 .middle-truncate--mono {
-  font-family: var(--q1-font-mono);
+  font-family: 'Q1 Latin Ellipsis', var(--q1-font-mono);
   font-size: 13px;
 }
 
@@ -5332,6 +5519,21 @@ a[href]:has(> .book):focus-visible {
     align-self: flex-start;
     max-width: 100%;
   }
+
+  /* 有前导头像/图标时折到下一行的右栏与标题文字左缘对齐（缩进 = 前导宽度 + space-3），不退回卡片左缘。 */
+  .entity:has(> .entity__main > .entity__leading) {
+    display: grid;
+    grid-template-columns: auto minmax(0, 1fr);
+    column-gap: var(--q1-space-3);
+  }
+
+  .entity:has(> .entity__main > .entity__leading) > .entity__main {
+    display: contents;
+  }
+
+  .entity:has(> .entity__main > .entity__leading) > .entity__trailing {
+    grid-column: 2;
+  }
 }
 
 .error-msg {
@@ -5369,6 +5571,13 @@ a[href]:has(> .book):focus-visible {
   margin-left: var(--q1-space-2);
 }
 
+/* 按钮型恢复操作（32px）独占一行，不与 20px 文字行顶对齐、折行后也不带行内缩进；文字链接仍随文内联。 */
+.error-msg__action:has(> .button) {
+  display: flex;
+  margin-top: var(--q1-space-2);
+  margin-left: 0;
+}
+
 .error-card {
   display: flex;
   flex-direction: column;
@@ -6266,16 +6475,25 @@ a.q1-card:focus-visible {
   overflow: hidden;
 }
 
+/* 原生 legend 默认骑在 fieldset 顶边框上、把边框切出缺口；浮动整宽让它回到内容流，
+ 后继元素 clear 落到其下方。语义仍是原生 legend（读屏组名不变）。 */
 .fieldset__title {
+  float: left;
+  width: 100%;
   padding: var(--q1-space-4) var(--q1-space-6) 0;
   font-size: 16px;
   font-weight: var(--q1-font-weight-medium);
   color: var(--q1-color-text-primary);
 }
 
+.fieldset__title + * {
+  clear: both;
+}
+
+/* 上间距放进 padding：clear 后的 margin-top 会被 clearance 吞掉。 */
 .fieldset__subtitle {
-  margin: var(--q1-space-1) 0 0;
-  padding: 0 var(--q1-space-6) var(--q1-space-4);
+  margin: 0;
+  padding: var(--q1-space-1) var(--q1-space-6) var(--q1-space-4);
   font-size: 14px;
   color: var(--q1-color-text-secondary);
 }
@@ -6321,6 +6539,15 @@ a.q1-card:focus-visible {
   color: var(--q1-color-status-danger);
 }
 
+/* 窄屏：页脚纵排，说明文字整行在上、操作在下，避免日期与按钮文案被并排挤成两行。 */
+@media (max-width: 48rem) {
+  .fieldset__footer {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: var(--q1-space-2);
+  }
+}
+
 .show-more__list {
   margin: 0;
   padding: 0;
@@ -6868,6 +7095,7 @@ a.q1-card:focus-visible {
   gap: var(--q1-space-1);
   max-width: 100%;
 }
+/* 页码宽度随内容自适应（最小 32px 方形），不按总页数位数预留固定宽度。 */
 .pagination__button {
   display: inline-flex;
   align-items: center;
@@ -6918,20 +7146,13 @@ a.q1-card:focus-visible {
   color: var(--q1-color-text-muted);
   text-align: center;
 }
-.pagination__button--page,
-.pagination__ellipsis {
-  box-sizing: border-box;
-  width: max(32px, calc(var(--pagination-page-digits) * 0.5rem + var(--q1-space-4)));
-}
 @media (pointer: coarse) {
   .pagination__button {
     min-width: 44px;
     min-height: 44px;
   }
 
-  .pagination__button--page,
   .pagination__ellipsis {
-    width: max(44px, calc(var(--pagination-page-digits) * 0.5rem + var(--q1-space-4)));
     min-width: 44px;
     min-height: 44px;
   }
@@ -7338,21 +7559,10 @@ a.q1-card:focus-visible {
   position: relative;
   display: inline-flex;
 }
+/* 默认触发器外观来自 Button secondary sm，这里只保留提示触发器不可点击的指针语义。 */
 .q1-tooltip__trigger {
-  min-width: 56px;
-  padding: var(--q1-space-2) var(--q1-space-4);
-  border: 1px solid var(--q1-color-border-strong);
-  border-radius: var(--q1-radius-2);
-  background: var(--q1-color-bg-panel);
-  color: var(--q1-color-text-primary);
-  font: inherit;
-  font-size: 14px;
   cursor: default;
 }
-.q1-tooltip__trigger:focus-visible {
-  outline: none;
-  box-shadow: var(--q1-shadow-focus);
-}
 .q1-tooltip__bubble {
   position: fixed;
   z-index: var(--q1-z-popover);
@@ -7776,7 +7986,7 @@ a.q1-card:focus-visible {
   width: 64px;
   min-height: 44px;
   padding: var(--q1-space-2) var(--q1-space-3);
-  border: 1px solid var(--q1-color-border);
+  border: 1px solid var(--q1-color-border-control);
   border-radius: var(--q1-radius-2);
   background: var(--q1-color-bg-panel);
   color: var(--q1-color-text-primary);
@@ -7811,6 +8021,18 @@ a.q1-card:focus-visible {
   touch-action: pan-y;
   user-select: none;
 }
+/* 窄屏：滑轨独占整行，上下限数字框移到滑轨下方左右两端，滑轨不再被两侧数字框挤窄。 */
+@media (max-width: 48rem) {
+  .range-slider__controls {
+    flex-wrap: wrap;
+    justify-content: space-between;
+    row-gap: var(--q1-space-2);
+  }
+  .range-slider__track-area {
+    order: -1;
+    flex-basis: 100%;
+  }
+}
 .range-slider__rail {
   position: absolute;
   top: 50%;
@@ -8331,16 +8553,18 @@ a.q1-card:focus-visible {
   background: var(--q1-color-bg-overlay);
   box-shadow: var(--q1-shadow-popover);
 }
+/* 表头与选项行同高（space-8 = 32px）；左内边距 = 选项左内边距 + 勾选框(16px = space-4) + gap，
+ 让「全选」文字与选项标签列对齐。 */
 .multi-select__bulk {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: var(--q1-space-1) var(--q1-space-3);
+  height: var(--q1-space-8);
+  padding: 0 var(--q1-space-3) 0 calc(var(--q1-space-3) * 2 + var(--q1-space-4));
   margin-bottom: var(--q1-space-1);
 }
 .multi-select__bulk-button {
-  min-height: var(--q1-space-6);
-  padding: var(--q1-space-1) var(--q1-space-2);
+  padding: 0;
   border: 0;
   border-radius: var(--q1-radius-1);
   background: transparent;
@@ -8451,8 +8675,9 @@ a.q1-card:focus-visible {
   .multi-select__option:hover {
     background: color-mix(in srgb, var(--q1-color-text-primary) 5%, transparent);
   }
+  /* 去内边距后底色会贴字，悬停改为文字升到主色。 */
   .multi-select__bulk-button:hover {
-    background: var(--q1-color-bg-subtle);
+    color: var(--q1-color-text-primary);
   }
 }
 @media (pointer: coarse), (any-pointer: coarse) {
@@ -8461,7 +8686,8 @@ a.q1-card:focus-visible {
   .multi-select__option {
     min-height: 44px;
   }
-  .multi-select__option {
+  .multi-select__option,
+  .multi-select__bulk {
     height: auto;
   }
 }
@@ -9725,6 +9951,17 @@ a.q1-navigation__item[aria-disabled='true'] {
   white-space: nowrap;
 }
 
+/* 同一分区内只要有一项带图标（条目或分组触发器），无图标的直属条目预留 16px 图标槽，
+ 文字起点与带图标项对齐；横向导航不受影响。 */
+.q1-navigation:not(.q1-navigation--horizontal) .q1-navigation__section-content:has(
+    > .q1-navigation__item-row > .q1-navigation__item > .q1-navigation__item-icon,
+    > .q1-navigation__group > .q1-navigation__group-trigger > .q1-navigation__group-icon
+  ) > .q1-navigation__item-row > .q1-navigation__item:not(:has(> .q1-navigation__item-icon))::before {
+  flex: none;
+  width: var(--q1-space-4);
+  content: '';
+}
+
 /* 独立 translate 与展开时的 transform: rotate 叠加，互不覆盖。 */
 .q1-navigation__group-chevron {
   flex: none;
@@ -10762,6 +10999,21 @@ a.q1-navigation__item[aria-disabled='true'] {
   transform: translateX(-100%);
 }
 
+/* 窄屏只留首尾轴标签：中间标签隐藏，首尾各让出到一半宽度（min-width 压过行内 max-width），末端文字右对齐贴住终点。 */
+@media (max-width: 48rem) {
+  .q1-chart__axis-label--middle {
+    display: none;
+  }
+
+  .q1-chart__axis:has(> .q1-chart__axis-label--middle) > :is(.q1-chart__axis-label--start, .q1-chart__axis-label--end) {
+    min-width: 50%;
+  }
+
+  .q1-chart__axis-label--end {
+    text-align: end;
+  }
+}
+
 /* ==========================================================================
    Link（正文链接）
    ==========================================================================
@@ -10832,6 +11084,7 @@ a.q1-navigation__item[aria-disabled='true'] {
 
   .form-control:focus,
   .input-control:has(.form-control:focus),
+  .input-control:has(.input-control__action .button:focus-visible),
   .textarea-control:has(.form-control:focus),
   .combobox__control:has(.combobox__input:focus),
   .multi-select__trigger:focus,
@@ -11068,10 +11321,15 @@ a.q1-navigation__item[aria-disabled='true'] {
 .cal-popover {
   box-sizing: border-box;
   max-width: calc(100vw - var(--q1-space-2));
-  left: var(--cal-popover-offset-x, 0);
+  max-height: calc(100vh - var(--q1-space-2));
+  overflow-y: auto;
   transform-origin: var(--cal-popover-origin-x, left) top;
 }
 
+.cal-popover[data-side='top'] {
+  transform-origin: var(--cal-popover-origin-x, left) bottom;
+}
+
 @media (prefers-reduced-motion: no-preference) {
   .cal-popover[data-motion-input='pointer'] {
     animation: q1-calendar-popover-enter var(--q1-duration-fast) var(--q1-ease-out) both;
@@ -11153,22 +11411,39 @@ a.q1-navigation__item[aria-disabled='true'] {
   }
 }
 
+/* 时间输入复用 Input 的 .form-control 皮肤与 sm 高度档；宽度按 HH:mm 五个等宽字符加左右内边距。 */
 .cal-time-input {
-  min-width: 0;
-  max-width: 100%;
-  padding: var(--q1-space-1) var(--q1-space-2);
-  border: thin solid var(--q1-color-border);
-  border-radius: var(--q1-radius-2);
-  background: var(--q1-color-bg-raised);
-  color: var(--q1-color-text-primary);
-  font: inherit;
+  flex: none;
+  width: calc(6ch + 2 * var(--q1-space-3));
   font-variant-numeric: tabular-nums;
 }
-.cal-time-input:focus-visible { outline: none; box-shadow: var(--q1-shadow-focus); }
 @media (pointer: coarse), (any-pointer: coarse) {
   .cal-time-input { min-height: var(--q1-touch-target-min); font-size: var(--q1-font-size-copy-16); }
 }
 
+/* Calendar 触发器：与 Select 一样铺满所在列，长值截断；禁用态对齐 Select（浅灰底、弱边界、弱化文字）。 */
+.cal-field__trigger {
+  min-width: 0;
+}
+
+.cal-field__label {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.cal-field .cal-field__control:has(.cal-field__trigger:disabled) {
+  background: var(--q1-color-gray-100);
+  box-shadow: inset 0 0 0 calc(var(--q1-space-1) / 4) var(--q1-color-border);
+}
+
+.cal-field .cal-field__trigger:disabled,
+.cal-field .cal-field__caret:disabled {
+  color: var(--q1-color-text-muted);
+  cursor: not-allowed;
+}
+
 @media (max-width: 40rem) {
   .sheet__panel.sheet__panel--mobile-fullscreen {
     inset: 0;
@@ -11718,6 +11993,217 @@ a.q1-navigation__item[aria-disabled='true'] {
   white-space: normal;
 }
 
+/* ContextSwitcher 组织形态：居中可编辑头部、行尾附注、flush 层级与右侧子菜单。随包样式发布。 */
+.q1-context-switcher__stacked-header--centered {
+  flex-direction: column;
+  align-items: center;
+  gap: var(--q1-space-2);
+  padding-block: var(--q1-space-4) var(--q1-space-3);
+  text-align: center;
+}
+
+.q1-context-switcher__stacked-header--centered:has(.q1-context-switcher__description) {
+  align-items: center;
+}
+
+.q1-context-switcher__stacked-header--centered .q1-context-switcher__avatar-action-menu {
+  display: flex;
+}
+
+.q1-context-switcher__stacked-header--centered .q1-context-switcher__current {
+  justify-items: center;
+  row-gap: var(--q1-space-1);
+}
+
+.q1-context-switcher__stacked-header--centered > .q1-context-switcher__avatar {
+  translate: none;
+}
+
+.q1-context-switcher__stacked-header--centered .q1-context-switcher__current-label {
+  font-size: var(--q1-font-size-label-14);
+  font-weight: var(--q1-font-weight-semibold);
+  line-height: var(--q1-line-height-label-14);
+}
+
+.q1-context-switcher__avatar-action .q1-avatar-button__tile > svg {
+  width: var(--q1-space-4);
+  height: var(--q1-space-4);
+}
+
+/* 行尾附注：纯文字计数，与勾、处理中占同一尾槽（同宽、同中心），只显示一个。 */
+.q1-context-switcher__meta {
+  display: inline-flex;
+  flex: none;
+  min-width: var(--q1-space-4);
+  justify-content: center;
+  color: var(--q1-color-text-secondary);
+  font-size: var(--q1-font-size-label-12);
+  font-variant-numeric: tabular-nums;
+  line-height: var(--q1-line-height-label-12);
+}
+
+.q1-context-switcher__submenu-chevron {
+  flex: none;
+  margin-inline-start: auto;
+  color: var(--q1-color-text-muted);
+}
+
+/* flush：子项与父项图块左对齐，层级只靠分组、计数与 aria-describedby 表达。 */
+.q1-context-switcher__popup--stacked[data-nesting='flush'] .q1-context-switcher__item--nested {
+  padding-inline-start: var(--q1-space-2);
+}
+
+.q1-context-switcher__item[aria-expanded='true'],
+.q1-context-switcher__action[aria-expanded='true'] {
+  background: var(--q1-color-bg-subtle);
+}
+
+.q1-context-switcher__popup--stacked .q1-context-switcher__item[aria-expanded='true']::before,
+.q1-context-switcher__popup--stacked .q1-context-switcher__action[aria-expanded='true']::before {
+  opacity: 1;
+}
+
+.q1-context-switcher__submenu {
+  position: fixed;
+  z-index: 1;
+  display: grid;
+  width: max-content;
+  min-width: calc(var(--q1-space-24) * 2);
+  max-width: calc(100vw - var(--q1-space-4));
+  border-radius: var(--q1-radius-3);
+  background: var(--q1-color-bg-overlay);
+  padding: var(--q1-space-1);
+  box-shadow: var(--q1-shadow-popover);
+}
+
+/* 右弹子菜单在弹层之外绘制：打开期间放开弹层裁切（列表滚动由内部分组容器承担）。 */
+.q1-context-switcher__popup:has(.q1-context-switcher__submenu:is([data-side='right'], [data-side='left'])) {
+  overflow: visible;
+}
+
+.q1-context-switcher__submenu .q1-context-switcher__submenu-item {
+  min-height: var(--q1-space-10);
+}
+
+/* 组织形态与子菜单的高亮只有一层：1px 描边 + 行浅底（::before），不叠双层焦点光晕。 */
+.q1-context-switcher__popup--stacked[data-nesting='flush'] :is(.q1-context-switcher__item, .q1-context-switcher__action):focus-visible,
+.q1-context-switcher__submenu .q1-context-switcher__submenu-item:focus {
+  outline: 1px solid var(--q1-color-border-strong);
+  outline-offset: -1px;
+  box-shadow: none;
+}
+
+.q1-context-switcher__submenu .q1-context-switcher__submenu-item:focus::before {
+  opacity: 1;
+}
+
+/* 窄屏就地展开：子项作为列表流中的缩进行，没有卡片底色与阴影，缩进一个图标块宽度。 */
+@media (max-width: 48rem) {
+  .q1-context-switcher__submenu {
+    position: static;
+    width: auto;
+    min-width: 0;
+    max-width: none;
+    border-radius: 0;
+    background: transparent;
+    padding: 0 0 0 var(--q1-space-6);
+    box-shadow: none;
+  }
+
+  .q1-context-switcher__submenu .q1-context-switcher__submenu-item:focus {
+    outline: none;
+  }
+}
+
+/* AvatarButton：可编辑头像图块。徽标只在悬停 / 键盘焦点时出现，且不拦截指针。 */
+.q1-avatar-button {
+  --q1-avatar-button-size: var(--q1-space-8);
+  position: relative;
+  display: inline-flex;
+  flex: none;
+  width: var(--q1-avatar-button-size);
+  height: var(--q1-avatar-button-size);
+  border: 0;
+  border-radius: var(--q1-radius-2);
+  background: transparent;
+  padding: 0;
+  color: var(--q1-color-text-secondary);
+  font: inherit;
+  text-decoration: none;
+  cursor: pointer;
+  transition: box-shadow var(--q1-duration-press) var(--q1-ease-out);
+}
+
+.q1-avatar-button__tile {
+  display: inline-flex;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  align-items: center;
+  justify-content: center;
+  border-radius: inherit;
+  background: var(--q1-color-bg-subtle);
+  font-size: var(--q1-font-size-label-13);
+  font-weight: var(--q1-font-weight-semibold);
+}
+
+.q1-avatar-button__img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+/* 悬停 / 焦点只加一圈柔和外环（取 focus 色的外层光晕），不叠内圈描边。 */
+.q1-avatar-button {
+  --q1-avatar-button-ring: 0 0 0 var(--q1-space-1) color-mix(in srgb, var(--q1-color-focus) 16%, transparent);
+}
+
+/* 方块徽标向外凸出半个 space-1，压在图块右下角。 */
+.q1-avatar-button__badge {
+  position: absolute;
+  right: calc(var(--q1-space-1) / -2);
+  bottom: calc(var(--q1-space-1) / -2);
+  display: inline-flex;
+  width: var(--q1-space-3);
+  height: var(--q1-space-3);
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--q1-radius-1);
+  background: var(--q1-color-bg-overlay);
+  color: var(--q1-color-text-secondary);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity var(--q1-duration-press) var(--q1-ease-out);
+}
+
+.q1-avatar-button:focus-visible {
+  outline: none;
+  box-shadow: var(--q1-avatar-button-ring);
+}
+
+/* 键盘焦点立即显示徽标；指针悬停才走淡入。 */
+.q1-avatar-button:focus-visible .q1-avatar-button__badge {
+  opacity: 1;
+  transition: none;
+}
+
+@media (hover: hover) and (pointer: fine) {
+  .q1-avatar-button:hover {
+    box-shadow: var(--q1-avatar-button-ring);
+  }
+
+  .q1-avatar-button:hover .q1-avatar-button__badge {
+    opacity: 1;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .q1-avatar-button,
+  .q1-avatar-button__badge {
+    transition: none;
+  }
+}
+
 .copy-button {
   display: grid;
   place-items: center;
@@ -12266,6 +12752,100 @@ a.q1-navigation__item[aria-disabled='true'] {
   }
 }
 
+/* Label + InfoTip：标签与说明微图标同行；常驻面板换行铺满整行。 */
+.label-row,
+.form-field__label-row {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--q1-space-1);
+  min-width: 0;
+}
+
+.info-tip {
+  display: contents;
+}
+
+/* 16px 线性图标、静止 text-muted、悬停/聚焦转 text-primary，无底块。
+ 命中盒 24×24（WCAG 2.5.8），负 margin 吃回多出的 4px，不抬高 20px 标签行、视觉间距仍是 space-1；
+ 触屏下 TouchTarget 再扩到 --q1-touch-target-min。 */
+.info-tip__trigger,
+.info-tip__close {
+  position: relative;
+  display: inline-grid;
+  place-items: center;
+  flex: 0 0 auto;
+  width: var(--q1-space-6);
+  height: var(--q1-space-6);
+  margin: calc(var(--q1-space-1) / -2) calc(var(--q1-space-1) * -1);
+  padding: 0;
+  border: none;
+  border-radius: var(--q1-radius-1);
+  background: transparent;
+  color: var(--q1-color-text-muted);
+  cursor: help;
+  transition:
+    color var(--q1-duration-press) var(--q1-ease-out),
+    transform var(--q1-duration-press) var(--q1-ease-out);
+  touch-action: manipulation;
+  --touch-target-border-width: 0px;
+}
+
+.info-tip__close {
+  cursor: pointer;
+}
+
+.info-tip__trigger:hover,
+.info-tip__trigger:focus-visible,
+.info-tip__trigger[aria-expanded='true'],
+.info-tip__close:hover,
+.info-tip__close:focus-visible {
+  color: var(--q1-color-text-primary);
+}
+
+.info-tip__trigger:focus-visible,
+.info-tip__close:focus-visible {
+  outline: none;
+  box-shadow: var(--q1-shadow-focus);
+}
+
+.info-tip__trigger[data-motion-input='pointer']:active {
+  transform: scale(0.97);
+}
+
+.info-tip__panel {
+  flex: 1 0 100%;
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-start;
+  gap: var(--q1-space-2);
+  color: var(--q1-color-text-secondary);
+  font-size: var(--q1-font-size-label-13);
+  font-weight: var(--q1-font-weight-regular);
+  line-height: var(--q1-line-height-label-13);
+  text-align: start;
+}
+
+.info-tip__panel[hidden] {
+  display: none;
+}
+
+.info-tip__content {
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .info-tip__trigger,
+  .info-tip__close {
+    transition: none;
+  }
+
+  .info-tip__trigger[data-motion-input='pointer']:active {
+    transform: none;
+  }
+}
+
 /* Destructive Action Modal 的短屏结构与指针开关动效；全局 Modal 家族保持原行为。 */
 .destructive-modal {
   padding-block:
@@ -12732,6 +13312,9 @@ a.q1-navigation__item[aria-disabled='true'] {
 .filter-chip--sm { height: var(--q1-space-8); }
 .filter-chip--md { height: var(--q1-control-height-default); }
 .filter-chip--lg { height: calc(var(--q1-control-height-default) + var(--q1-space-2)); }
+/* lg 高 48：短文案时横向内边距随档放宽，避免胶囊被压成近正圆。 */
+.filter-chip--lg .filter-chip__picker { padding-inline: var(--q1-space-3); }
+.filter-chip--lg .filter-chip__clear + .filter-chip__picker { padding-inline-start: var(--q1-space-1); }
 
 .popover-trigger { display: inline-flex; }
 .popover-panel {
@@ -12860,12 +13443,16 @@ a.q1-navigation__item[aria-disabled='true'] {
 .timeline::before { content: ''; position: absolute; left: calc(var(--q1-space-3) - var(--q1-space-1) / 8); top: var(--q1-space-2); bottom: var(--q1-space-2); width: 1px; background: var(--q1-color-border-strong); }
 .timeline__item { position: relative; display: grid; grid-template-columns: var(--q1-space-6) minmax(0, 1fr); gap: var(--q1-space-3); padding-block: var(--q1-space-1-5); }
 .timeline__indicator { display: grid; place-items: center; height: var(--q1-space-6); z-index: 1; background: var(--q1-color-bg-panel); }
-.timeline__dot { width: var(--q1-space-2); height: var(--q1-space-2); border-radius: var(--q1-radius-full); background: var(--q1-color-border-strong); }
+.timeline__dot { width: var(--q1-space-2); height: var(--q1-space-2); border-radius: var(--q1-radius-full); background: var(--q1-color-text-muted); }
 .timeline__dot--success { background: var(--q1-color-status-success); }
 .timeline__dot--danger { background: var(--q1-color-status-danger); }
 .timeline__dot--warning { background: var(--q1-color-status-warning); }
 .timeline__content { min-width: 0; }
-.timeline__disclosure { border: 0; padding: var(--q1-space-1) 0; background: transparent; color: var(--q1-color-text-muted); font: inherit; font-size: var(--q1-font-size-label-13); cursor: pointer; }
+.timeline__disclosure { display: inline-flex; align-items: center; gap: var(--q1-space-1); max-width: 100%; border: 0; padding: var(--q1-space-1) 0; background: transparent; color: var(--q1-color-text-muted); font: inherit; font-size: var(--q1-font-size-label-13); text-align: start; cursor: pointer; }
+/* 摘要可折行，chevron 固定在行尾不单独掉行、与首行同中线；展开时转向下方，与全站 chevron 披露一致。 */
+.timeline__disclosure-label { min-width: 0; }
+.timeline__disclosure-icon { flex: none; align-self: flex-start; height: 1lh; }
+.timeline__disclosure[aria-expanded='true'] .timeline__disclosure-icon { rotate: 90deg; }
 .timeline__disclosure:focus-visible { outline: none; box-shadow: var(--q1-shadow-focus); border-radius: var(--q1-radius-1); }
 @media (pointer: coarse), (any-pointer: coarse) { .timeline__disclosure { min-height: var(--q1-touch-target-min); } }
 
@@ -12942,10 +13529,15 @@ a.q1-navigation__item[aria-disabled='true'] {
 
 .attachment { display: inline-flex; align-items: center; gap: var(--q1-space-2); padding: var(--q1-space-1-5) var(--q1-space-2-5); border: 1px solid var(--q1-color-border); border-radius: var(--q1-radius-2); max-width: 100%; min-width: 0; }
 .attachment__icon { display: grid; place-items: center; width: var(--q1-space-7); height: var(--q1-space-7); background: var(--q1-color-bg-subtle); border-radius: var(--q1-radius-1); flex-shrink: 0; }
-.attachment__details { min-width: 0; }
+.attachment__details { display: grid; min-width: var(--q1-space-24); }
+.attachment__details > .progress,
+.attachment__error { margin-top: var(--q1-space-1); }
 .attachment__name { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--q1-font-size-label-13); }
 .attachment__size { color: var(--q1-color-text-muted); font-size: var(--q1-font-size-label-13); }
-.attachment__error { display: block; color: var(--q1-color-status-danger-text); }
+.attachment__error { display: flex; align-items: center; gap: var(--q1-space-2); color: var(--q1-color-status-danger-text); font-size: var(--q1-font-size-label-13); line-height: var(--q1-line-height-label-13); }
+.attachment__retry { position: relative; --touch-target-border-width: 0px; border: 0; padding: 0; background: transparent; color: var(--q1-color-text-primary); font: inherit; font-weight: var(--q1-font-weight-medium); border-radius: var(--q1-radius-1); cursor: pointer; }
+.attachment__retry:hover { text-decoration: underline; }
+.attachment__retry:focus-visible { outline: none; box-shadow: var(--q1-shadow-focus); }
 .attachment__remove { position: relative; --touch-target-border-width: 0px; border: 0; background: transparent; color: var(--q1-color-text-muted); display: grid; place-items: center; width: var(--q1-space-6); height: var(--q1-space-6); border-radius: var(--q1-radius-1); flex-shrink: 0; }
 .attachment__remove:hover { background: var(--q1-color-bg-hover); }
 .attachment__remove:focus-visible { outline: none; box-shadow: var(--q1-shadow-focus); }
@@ -13064,11 +13656,10 @@ a.q1-navigation__item[aria-disabled='true'] {
   display: block;
 }
 
-.feedback__select,
 .feedback__textarea {
   width: 100%;
   padding: var(--q1-space-2) var(--q1-space-3);
-  border: 1px solid var(--q1-color-border);
+  border: 1px solid var(--q1-color-border-control);
   border-radius: var(--q1-radius-2);
   background: var(--q1-color-bg-panel);
   color: var(--q1-color-text-primary);
@@ -13228,11 +13819,6 @@ a.q1-navigation__item[aria-disabled='true'] {
   line-height: var(--field-error-line-height);
 }
 
-/* FormField 的描述原为 20px 行盒，错误切换保持相同几何；文字仍为 13px。 */
-.form-field__message {
-  --field-error-line-height: var(--q1-line-height-label-14);
-}
-
 /* 图标对齐第一行，独立 ErrorMessage 保留既有各尺寸行高。 */
 .error-msg {
   --field-error-line-height: var(--q1-line-height-label-13);
@@ -13427,7 +14013,8 @@ a.q1-navigation__item[aria-disabled='true'] {
   line-height: var(--q1-line-height-label-13);
 }
 
-/* Form boundaries and brand graphics: owner-approved dark/mobile audit roles. */
+/* Form boundaries and brand graphics: owner-approved dark/mobile audit roles.
+   Checkbox Circle keeps its own tone stroke (status-* / text-muted), so it is excluded here. */
 :root[data-theme='dark'] :is(
   .form-control:not(.input-control .form-control):not(.textarea-control .form-control):not(:disabled):not([aria-invalid='true']):not(.form-field--error .form-control),
   .input-control:not(:has(:disabled, [aria-invalid='true'])):not(.form-field--error .input-control),
@@ -13453,11 +14040,25 @@ a.q1-navigation__item[aria-disabled='true'] {
   .q1-verification-code:not(:has(:disabled, [aria-invalid='true'])) .q1-verification-code__slot,
   .choicebox:not(:has(:checked, :disabled)),
   .choicebox:not(:has(:checked, :disabled)) .choicebox__indicator,
-  .control-option:has(input:not(:checked):not(:indeterminate):not(:disabled)) .control-option__visual
+  .control-option:not(.checkbox-circle):has(input:not(:checked):not(:indeterminate):not(:disabled)) .control-option__visual
 ) {
   border-color: var(--q1-color-border-control);
 }
 
+/* 控件基础边框统一走 --q1-color-border-control；禁用态保持原来的弱边界 --q1-color-border，
+ 不随控件边界角色加深（暗色下 border-control 比 border 更亮）。 */
+.input-control:has(.form-control:disabled):not(:has([aria-invalid='true'])):not(.form-field--error .input-control),
+.form-control:disabled:not(.input-control .form-control):not(.textarea-control .form-control):not([aria-invalid='true']):not(.form-field--error .form-control) {
+  border-color: var(--q1-input-border, var(--q1-color-border));
+}
+
+.textarea-control:has(.form-control:disabled):not(:has([aria-invalid='true'])):not(.form-field--error .textarea-control),
+.feedback__select:disabled,
+.feedback__textarea:disabled,
+.range-slider__number:disabled {
+  border-color: var(--q1-color-border);
+}
+
 :root[data-theme='dark'] .cal-field__control {
   box-shadow: inset 0 0 0 calc(var(--q1-space-1) / 4) var(--q1-color-border-control);
 }
@@ -13473,7 +14074,7 @@ a.q1-navigation__item[aria-disabled='true'] {
     border-color: var(--q1-color-gray-700);
   }
 
-  :root[data-theme='dark'] .control-option:has(input:not(:checked):not(:indeterminate):not(:disabled)):hover .control-option__visual {
+  :root[data-theme='dark'] .control-option:not(.checkbox-circle):has(input:not(:checked):not(:indeterminate):not(:disabled)):hover .control-option__visual {
     border-color: var(--q1-color-text-secondary);
   }
 }
@@ -13490,19 +14091,19 @@ a.q1-navigation__item[aria-disabled='true'] {
 
 :root[data-theme='dark'] .slider-input:not(.range-slider__thumb):not(:disabled)::-webkit-slider-runnable-track,
 :root[data-theme='dark'] .range-slider:not(.range-slider--disabled) .range-slider__rail {
-  background: var(--q1-color-gray-500);
+  background: var(--q1-color-border-control);
 }
 
 :root[data-theme='dark'] .slider-input:not(.range-slider__thumb):not(:disabled)::-moz-range-track {
-  background: var(--q1-color-gray-500);
+  background: var(--q1-color-border-control);
 }
 
 :root[data-theme='dark'] .slider-input--filled:not(.range-slider__thumb):not(:disabled)::-webkit-slider-runnable-track {
-  background: linear-gradient(to right, var(--q1-color-accent-graphic) var(--slider-pct), var(--q1-color-gray-500) var(--slider-pct));
+  background: linear-gradient(to right, var(--q1-color-accent-graphic) var(--slider-pct), var(--q1-color-border-control) var(--slider-pct));
 }
 
 :root[data-theme='dark'] .slider-input--filled:not(.range-slider__thumb):not(:disabled)::-moz-range-track {
-  background: linear-gradient(to right, var(--q1-color-accent-graphic) var(--slider-pct), var(--q1-color-gray-500) var(--slider-pct));
+  background: linear-gradient(to right, var(--q1-color-accent-graphic) var(--slider-pct), var(--q1-color-border-control) var(--slider-pct));
 }
 
 .range-slider:not(.range-slider--disabled) .range-slider__fill,
@@ -13513,3 +14114,49 @@ a.q1-navigation__item[aria-disabled='true'] {
 .q1-chart__line {
   stroke: var(--q1-color-accent-graphic);
 }
+
+/* 暗色表面抬升：亮色下靠恒深底色或投影成立的轮廓，暗色下与底色同色而消失。
+   只在 :root[data-theme='dark'] 分支改，亮色外观不变；统一走面板底色 + 1px hairline。 */
+
+/* 无框卡片：亮色靠投影浮起；暗色投影不可见，补 hairline 保住卡片边界。 */
+:root[data-theme='dark'] .q1-card--borderless {
+  border-color: var(--q1-color-border);
+}
+
+/* +N 收纳芯片与页顶公告药丸：恒深底色在暗色画布上与底同色，改面板底 + hairline + 主文字色。 */
+:root[data-theme='dark'] .avatar--overflow,
+:root[data-theme='dark'] .banner__cta {
+  border: 1px solid var(--q1-color-border);
+  background: var(--q1-color-bg-panel);
+  color: var(--q1-color-text-primary);
+}
+
+@media (hover: hover) and (pointer: fine) {
+  /* 悬停与同族 .banner__action 一致：底色换 bg-subtle。 */
+  :root[data-theme='dark'] .banner__cta:hover {
+    background: var(--q1-color-bg-subtle);
+  }
+}
+
+/* Badge Pill：亮色 background-200 是近白浅底，暗色同一 token 翻成纯黑，在面板上成黑块；改面板底色；
+   :where 把特异性压回基础规则，悬停/按下态照常覆盖。 */
+:where(:root[data-theme='dark']) .badge__pill-visual {
+  background: var(--q1-color-bg-panel);
+}
+
+/* Filter Chip：暗色 bg-canvas 比示例面板更深，成黑块；改面板底色（同上用 :where 保留悬停态）。 */
+:where(:root[data-theme='dark']) .filter-chip {
+  background: var(--q1-color-bg-panel);
+}
+
+/* 虚线占位（Filter Chip 未设值、Context Menu 触发区）：暗色 border-strong 与面板仅约 1.4:1，
+   先用 text-muted 拉到 ≥ 3:1；border-strong 取值定案后再统一回归。 */
+:root[data-theme='dark'] .filter-chip:not(.filter-chip--set):not([data-disabled]),
+:root[data-theme='dark'] .context-menu__area {
+  border-color: var(--q1-color-text-muted);
+}
+
+/* Multi Select 未选中勾选框：暗色 border-strong 落在浮层底上约 1.1:1；改控件边界角色 border-control。 */
+:root[data-theme='dark'] .multi-select__check:not(.multi-select__check--on) {
+  border-color: var(--q1-color-border-control);
+}