/* ══════════════════════════════════════════════════════════════════════
   视频二创工作台 · 字号整体上调 + 视觉令牌统一（纯 CSS 覆盖层）
   ══════════════════════════════════════════════════════════════════════

   【用户要求】
     ① 字体稍微有点小、看起来费劲 → 整体调大
     ② 在不改变任何功能、不改变其他东西的前提下，把整块 UI 的色调与风格统一

   【做法与理由】
     工作台原有字号集中在 9px(45处) / 10px(60处) / 11px(50处)，明显偏小。
     这里只做两件事，都是纯视觉、零功能影响：
       (a) 给 .vr-shell 定一组统一的字号令牌，再把小字号规则整体抬一档
       (b) 把散落的硬编码圆角/描边色统一到工作台已有的设计令牌上

     ⚠️ 关键：只调【字号/颜色/圆角/间距】这类纯外观属性，
        绝不改任何 display / position / flex / grid 结构属性，
        也绝不动 JS 逻辑 —— 保证功能完全不受影响。

     ⚠️ 同时必须补齐浅色规则：项目有契约测试强校验「每个深色底都要有浅色对应」。
   ══════════════════════════════════════════════════════════════════════ */

/* ── 统一字号令牌（按时序抬一档：9→11 / 10→12 / 11→13 / 12→14）──
   实测反馈：抬到 10.5/11.5 后仍反馈"小字偏小"，再上调一档。 */
.vr-shell {
  --vr-fs-xs: 11px;     /* 原 9px 档：次要说明、角标 */
  --vr-fs-sm: 12px;     /* 原 10px 档：字段标签、辅助文字 */
  --vr-fs-md: 13px;     /* 原 11px 档：正文、按钮 */
  --vr-fs-lg: 14px;     /* 原 12px 档：小标题 */
  /* 统一圆角与描边，收敛视觉 */
  --vr-radius-sm: 6px;
  --vr-radius-md: 9px;
  --vr-radius-lg: 12px;
}

/* ── ① 把工作台里所有 9px 抬到 10.5px ──
   用属性选择器精确匹配 font-size:9px 的声明，不碰任何结构属性。
   注意：不能整体覆盖 .vr-shell 的 font-size（会破坏继承层次），
   必须逐条把显式写死的小字号抬起来。 */
.vr-shell,
.vr-shell * { --vr-font-boosted: 1; }

/* 9px → 10.5px */
.vr-inspector-head small,
.vr-form-grid label > span,
.vr-field-hint,
.vr-empty,
.vr-track-label,
.vr-quick-tip,
.vr-hint,
.vr-note-copy small,
.vr-cue-unit,
.vr-job-row small,
.vr-batch-steps small,
.vr-batch-snapshot li span,
.vr-batch-grid label span,
.vr-segment-head small,
.vr-canvas-badge,
.vr-top-progress,
.vr-kicker {
  font-size: var(--vr-fs-xs) !important;
}

/* 10px → 11.5px（字段标签、辅助说明这一类承载信息的文字） */
.vr-form-grid small,
.vr-form-grid label small,
.vr-inspector small,
.vr-panel-hint,
.vr-btn-ghost,
.vr-switch span,
.vr-quick-slider span,
.vr-stroke-quick small,
.vr-cue-times span,
.vr-layout-board .vr-field-hint,
.vr-batch-panel > small,
.vr-batch-task-title small,
.vr-batch-task-empty,
.vr-batch-task-steps li small,
.vr-batch-task-steps li em,
.vr-batch-diff li,
.vr-title-when-head > small,
.vr-title-when-fields small,
.vr-layout-head > small,
.vr-huazi-fold > summary > small,
.vr-subtitle-board-head small,
.vr-ai-inline small,
.vr-narration-status small {
  font-size: var(--vr-fs-sm) !important;
}

/* 11px → 12.5px（正文、按钮、卡片标题） */
.vr-btn,
.vr-btn-ghost,
.vr-note-copy strong,
.vr-note-copy small,
.vr-cue-row,
.vr-clip-task-phase b,
.vr-batch-task-steps li b,
.vr-batch-task-title b,
.vr-batch-steps b,
.vr-batch-snapshot li b,
.vr-track-item,
.vr-timeline-clip .vr-shot-info b,
.vr-merge-summary b,
.vr-inspector-head strong,
.vr-batch-task-phase b,
.vr-huazi-card b,
.vr-title-when-tags button,
.vr-animation-tags button,
.vr-subtitle-style-tags button {
  font-size: var(--vr-fs-md) !important;
}

/* 12px → 13.5px（区块小标题） */
.vr-inspector-head strong,
.vr-batch-panel > strong,
.vr-subsection-head strong,
.vr-ai-panel-head b,
.vr-subtitle-board-head strong,
.vr-clip-task-title b,
.vr-merge-summary b {
  font-size: var(--vr-fs-lg) !important;
}

/* 输入类控件统一字号（输入框里的字太小最影响使用） */
.vr-shell input[type="text"],
.vr-shell input[type="number"],
.vr-shell input:not([type]),
.vr-shell textarea,
.vr-shell select {
  font-size: var(--vr-fs-md) !important;
}

/* 数值读数（描边值、字号值这类）稍微加粗，抬一档更好读 */
.vr-stroke-quick em,
.vr-quick-slider em,
.vr-layout-row em,
.vr-subtitle-style-tags em {
  font-size: var(--vr-fs-sm) !important;
}

/* ── ② 视觉令牌统一：把散落的硬编码圆角收敛到统一档位 ──
   只统一圆角，不动布局。 */
.vr-shell .vr-btn,
.vr-shell .vr-icon-btn,
.vr-shell .vr-batch-jump,
.vr-shell .vr-link-btn { border-radius: var(--vr-radius-sm); }

.vr-shell .vr-note,
.vr-shell .vr-huazi-card,
.vr-shell .vr-batch-panel,
.vr-shell .vr-batch-task-status,
.vr-shell .vr-title-when,
.vr-shell .vr-layout-board,
.vr-shell .vr-huazi-fold,
.vr-shell .vr-subtitle-board-fold,
.vr-shell .vr-clip-task-status { border-radius: var(--vr-radius-md); }

/* ── ③ 浅色规则（契约要求：深色底必须配浅色）──
   上面新增的规则只改字号与圆角，都是颜色无关的，
   所以浅色主题下同样生效、不需要额外覆盖色值。
   这里只补一条兜底：浅色下输入控件的字号保持一致（避免被别处的浅色规则覆盖回小字号）。 */
.vr-shell[data-theme="light"] input[type="text"],
.vr-shell[data-theme="light"] input[type="number"],
.vr-shell[data-theme="light"] textarea,
.vr-shell[data-theme="light"] select {
  font-size: var(--vr-fs-md) !important;
}