/* =====================================================================
 * 在线编程页（IDE）新版皮肤 v2 —— 仅管理员预览（左下角「旧版 / 新版」切换）
 * 只在 html[data-ide-skin="v2"] 时生效；关掉即回到旧版，原样式文件一行未改。
 *
 * 规范
 *   颜色：文字 5 级（标题 / 正文 / 次要 / 辅助 / 弱化），强调色统一主站蓝；
 *         语义色固定：绿=提交/通过，红=错误，橙=警告，金=会员。浅色 / 深色各一套。
 *   圆角：6px 小控件（≤28px）· 8px 按钮 · 10px 卡片 · 12px 浮层面板 · 999px 胶囊
 *   尺寸：小控件 28px 高，按钮 32px 高
 *   排版：题目名 22px 最大 → 小节标题 17px → 正文 15px / 1.75
 * 原样式选择器层级很深，这里对颜色、尺寸、圆角等外观属性统一用 !important 覆盖。
 * ===================================================================== */

html[data-ide-skin="v2"] {
  --v-ink: #141A26;
  --v-body: #1F2937;
  --v-ink-2: #4B5563;
  --v-ink-3: #6B7280;
  --v-ink-4: #9CA3AF;
  --v-line: rgba(20, 26, 38, .08);
  --v-line-2: rgba(20, 26, 38, .14);
  --v-surface: #FFFFFF;
  --v-surface-2: #F7F8FA;
  --v-chip: rgba(20, 26, 38, .05);
  --v-chip-2: rgba(20, 26, 38, .08);
  /* 用例标签：默认淡灰底 / 选中 10% 灰 */
  --v-tab-bg: rgba(20, 26, 38, .035);
  --v-tab-bg-active: rgba(20, 26, 38, .10);
  --v-accent: #2B7FFF;
  --v-accent-rgb: 43, 127, 255;
  --v-accent-hover: #1F6AE6;
  --v-accent-soft: rgba(43, 127, 255, .10);
  --v-ok: #16A34A;
  --v-ok-hover: #15803D;
  --v-bad: #DC2626;
  --v-warn: #D97706;
  --v-gold: #D99A1E;
  --v-r-sm: 6px;
  --v-r-btn: 8px;
  --v-r-card: 10px;
  --v-r-panel: 12px;
  --v-h-sm: 28px;
  --v-h-btn: 32px;

  /* 原 IDE 设计令牌 → 新规范 */
  --ide-primary: var(--v-accent);
  --ide-primary-rgb: var(--v-accent-rgb);
  --ide-primary-hover: #4C93FF;
  --ide-primary-active: var(--v-accent-hover);
  --ide-primary-text: var(--v-accent);
  --ide-success: var(--v-ok);
  --ide-success-hover: #22A659;
  --ide-success-active: var(--v-ok-hover);
  --ide-danger: var(--v-bad);
}
html[data-ide-skin="v2"].theme--dark {
  --v-ink: #F2F3F5;
  --v-body: #D8DCE3;
  --v-ink-2: #C4C9D2;
  --v-ink-3: #8F96A3;
  --v-ink-4: #6B7280;
  --v-line: rgba(255, 255, 255, .08);
  --v-line-2: rgba(255, 255, 255, .14);
  --v-surface: #1C1E24;
  --v-surface-2: #22252C;
  --v-chip: rgba(255, 255, 255, .06);
  --v-chip-2: rgba(255, 255, 255, .10);
  --v-tab-bg: rgba(255, 255, 255, .05);
  --v-tab-bg-active: rgba(255, 255, 255, .14);
  --v-accent: #4C93FF;
  --v-accent-rgb: 76, 147, 255;
  --v-accent-hover: #6AA6FF;
  --v-accent-soft: rgba(76, 147, 255, .14);
  --v-ok: #22A659;
  --v-ok-hover: #2BB866;
  --v-bad: #F85149;
  --v-warn: #F0B43C;
  --v-gold: #E8B04A;
  --ide-primary-text: var(--v-accent);
}

/* ---------- 题面 / 控制台 tab：同一套变量，28px 高、6px 圆角、13px ---------- */
html[data-ide-skin="v2"] .problem-ide-left,
html[data-ide-skin="v2"] .problem-ide-drawer {
  --ide-tab-fg: var(--v-ink-3);
  --ide-tab-fg-strong: var(--v-ink);
  --ide-tab-hover-bg: var(--v-chip);
  --ide-tab-active-bg: var(--v-chip-2);
  --ide-tab-sep: var(--v-line-2);
}
html[data-ide-skin="v2"] .problem-ide-root .problem-ide-left .section__tab-header-item,
html[data-ide-skin="v2"] .problem-ide-root .problem-ide-tab {
  display: inline-flex !important;
  align-items: center !important;
  height: var(--v-h-sm) !important;
  padding: 0 12px !important;
  border-radius: var(--v-r-sm) !important;
  font-size: 13px !important;
  line-height: 1 !important;
}
html[data-ide-skin="v2"] .problem-ide-root .pd-main-card .section__tab-container.problem-ide-left__tabs,
html[data-ide-skin="v2"] .problem-ide-left__tabs {
  background: var(--v-surface-2) !important;
  border-bottom: 1px solid var(--v-line) !important;
}

/* 题面区右侧工具按钮（章节 / 题库 / 锁定 / 放大 / 折叠） */
html[data-ide-skin="v2"] .problem-ide-tab-action {
  height: var(--v-h-sm) !important;
  min-width: var(--v-h-sm);
  border-radius: var(--v-r-sm) !important;
  color: var(--v-ink-3) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
}
html[data-ide-skin="v2"] .problem-ide-tab-action:hover { background: var(--v-chip) !important; color: var(--v-ink) !important; }
html[data-ide-skin="v2"] .problem-ide-tab-action--active { background: var(--v-accent-soft) !important; color: var(--v-accent) !important; }

/* ---------- 排版层级：题目名最大，小节标题次之，正文 15px / 1.75 ---------- */
html[data-ide-skin="v2"] .problem-ide-statement-title__name {
  font-size: 22px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
  letter-spacing: -.01em;
  color: var(--v-ink) !important;
}
html[data-ide-skin="v2"] .problem-ide-statement-title__actions a,
html[data-ide-skin="v2"] .problem-ide-statement-title__actions button {
  height: var(--v-h-sm) !important;
  border-radius: var(--v-r-sm) !important;
  color: var(--v-ink-3) !important;
  font-size: 12.5px !important;
}
html[data-ide-skin="v2"] .problem-ide-statement-title__actions a:hover,
html[data-ide-skin="v2"] .problem-ide-statement-title__actions button:hover { background: var(--v-chip) !important; color: var(--v-ink) !important; }
html[data-ide-skin="v2"] .problem-ide-left__scroll.markdown-body h2 {
  margin: 1.6em 0 .6em !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: var(--v-ink) !important;
  border: 0 !important;
  padding: 0 !important;
}
html[data-ide-skin="v2"] .problem-ide-left__scroll.markdown-body h3 {
  margin: 1.3em 0 .5em !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  color: var(--v-ink) !important;
}
html[data-ide-skin="v2"] .problem-ide-left__scroll.markdown-body h4 { font-size: 14px !important; font-weight: 600 !important; color: var(--v-ink) !important; }
html[data-ide-skin="v2"] .problem-ide-left__scroll.markdown-body p,
html[data-ide-skin="v2"] .problem-ide-left__scroll.markdown-body li,
html[data-ide-skin="v2"] .problem-ide-left__scroll.markdown-body td,
html[data-ide-skin="v2"] .problem-ide-left__scroll.markdown-body th {
  font-size: 15px !important;
  line-height: 1.75 !important;
  color: var(--v-body) !important;
}
html[data-ide-skin="v2"] .problem-ide-left__scroll.markdown-body strong { color: var(--v-ink) !important; font-weight: 600 !important; }
html[data-ide-skin="v2"] .problem-ide-left__scroll.markdown-body a:not([class]) { color: var(--v-accent) !important; }
html[data-ide-skin="v2"] .problem-ide-left__scroll.markdown-body :not(pre) > code {
  padding: .1em .4em !important;
  border-radius: 4px !important;
  background: var(--v-chip) !important;
  color: var(--v-ink) !important;
  font-size: .9em !important;
}
html[data-ide-skin="v2"] .problem-ide-left__scroll.markdown-body table { border-color: var(--v-line-2) !important; }
html[data-ide-skin="v2"] .problem-ide-left__scroll.markdown-body th,
html[data-ide-skin="v2"] .problem-ide-left__scroll.markdown-body td { border-color: var(--v-line-2) !important; }
html[data-ide-skin="v2"] .problem-ide-left__scroll.markdown-body th { background: var(--v-surface-2) !important; color: var(--v-ink) !important; font-weight: 600 !important; }
html[data-ide-skin="v2"] .problem-ide-left__scroll.markdown-body blockquote { border-left-color: var(--v-line-2) !important; color: var(--v-ink-2) !important; }

/* ---------- 题目信息标签：从彩色胶囊改成一行灰色小字，用「·」分隔 ---------- */
html[data-ide-skin="v2"] .problem-ide-content-meta ul.problem__tags { gap: 0 !important; align-items: center !important; row-gap: 4px !important; }
html[data-ide-skin="v2"] .problem-ide-content-meta .problem__tag-item.bp6-tag {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: var(--v-ink-3) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
}
html[data-ide-skin="v2"] .problem-ide-content-meta .problem__tag-item.bp6-tag + .problem__tag-item.bp6-tag::before,
html[data-ide-skin="v2"] .problem-ide-content-meta .problem__tag-item.bp6-tag + .problem__tags-nested::before {
  content: "·";
  margin: 0 8px;
  color: var(--v-ink-4);
}
html[data-ide-skin="v2"] .problem-ide-content-meta .problem__tags-nested { display: inline-flex !important; align-items: center; flex-wrap: wrap; gap: 4px 10px; }
html[data-ide-skin="v2"] .problem-ide-content-meta .problem__tag-item--diff { color: var(--v-ink-2) !important; font-weight: 500 !important; }
html[data-ide-skin="v2"] .problem-ide-content-meta a.problem__tag-item.bp6-tag:hover,
html[data-ide-skin="v2"] .problem-ide-content-meta .problem__tag-item__link:hover { color: var(--v-accent) !important; background: none !important; }
html[data-ide-skin="v2"] .problem-ide-content-meta .problem__tag-item__link { color: inherit !important; font-weight: 400 !important; }
html[data-ide-skin="v2"] .problem-ide-content-meta .problem__tag-item--alg-toggle { color: var(--v-ink-3) !important; cursor: pointer; }
html[data-ide-skin="v2"] .problem-ide-content-meta .problem__tag-item--alg-toggle:hover { color: var(--v-accent) !important; background: none !important; }
/* 展开后的算法 / 收藏标签：浅灰小胶囊（这一组本来就是可选信息） */
html[data-ide-skin="v2"] .problem-ide-content-meta .problem-ide-alg-collapsible.bp6-tag {
  padding: 0 8px !important;
  border-radius: 999px !important;
  background: var(--v-chip) !important;
  font-size: 12px !important;
  line-height: 22px !important;
}
html[data-ide-skin="v2"] .problem-ide-content-meta .problem-ide-alg-collapsible.bp6-tag::before { content: none !important; }

/* ---------- 编辑器工具栏 ---------- */
html[data-ide-skin="v2"] .problem-ide-toolbar {
  background: var(--v-surface-2) !important;
  border-bottom: 1px solid var(--v-line) !important;
}
html[data-ide-skin="v2"] .problem-ide-toolbar__label,
html[data-ide-skin="v2"] .problem-ide-exp-mode__label { color: var(--v-ink-3) !important; font-size: 12.5px !important; }
html[data-ide-skin="v2"] .problem-ide-select {
  height: var(--v-h-sm) !important;
  padding: 0 28px 0 10px !important;
  border: 1px solid var(--v-line-2) !important;
  border-radius: var(--v-r-sm) !important;
  background-color: var(--v-surface) !important;
  color: var(--v-ink-2) !important;
  font-size: 13px !important;
}
html[data-ide-skin="v2"] .problem-ide-select:hover { border-color: var(--v-ink-4) !important; }
html[data-ide-skin="v2"] .problem-ide-toolbar__btn {
  height: var(--v-h-sm) !important;
  min-width: var(--v-h-sm) !important;
  border: 0 !important;
  border-radius: var(--v-r-sm) !important;
  background: transparent !important;
  color: var(--v-ink-3) !important;
  box-shadow: none !important;
}
html[data-ide-skin="v2"] .problem-ide-toolbar__btn:hover { background: var(--v-chip) !important; color: var(--v-ink) !important; }

/* 题目类型（ACM 模式 / 核心代码 / 特判）：彩色小圆点 + 文字，不再是带边框的胶囊 */
html[data-ide-skin="v2"] .problem-ide-mode-tag {
  height: var(--v-h-sm) !important;
  padding: 0 2px !important;
  gap: 6px;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  color: var(--v-ink-2) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}
html[data-ide-skin="v2"] .problem-ide-mode-tag::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: none;
  border-radius: 50%;
  background: var(--v-ink-4);
}
html[data-ide-skin="v2"] .problem-ide-mode-tag--acm::before { background: var(--v-accent); }
html[data-ide-skin="v2"] .problem-ide-mode-tag--core::before { background: var(--v-ok); }
html[data-ide-skin="v2"] .problem-ide-mode-tag--spj::before { background: var(--v-warn); }

/* 练习 / 考试：一个整体的分段控件 */
html[data-ide-skin="v2"] .problem-ide-exp-mode {
  padding: 2px !important;
  gap: 2px !important;
  border: 0 !important;
  border-radius: var(--v-r-sm) !important;
  background: var(--v-chip) !important;
  overflow: visible !important;
}
html[data-ide-skin="v2"] .problem-ide-exp-mode__btn {
  height: 24px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: transparent !important;
  color: var(--v-ink-3) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
html[data-ide-skin="v2"] .problem-ide-exp-mode__btn:hover { color: var(--v-ink) !important; }
html[data-ide-skin="v2"] .problem-ide-exp-mode__btn--active {
  background: var(--v-surface) !important;
  color: var(--v-ink) !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 2px rgba(20, 26, 38, .10) !important;
}
html[data-ide-skin="v2"].theme--dark .problem-ide-exp-mode__btn--active { background: var(--v-chip-2) !important; box-shadow: none !important; }

/* ---------- 计时器：未开始时只是一段弱化的灰字，开始后才强调；考试模式不显示 ---------- */
html[data-ide-skin="v2"] .problem-ide-timer { border-left: 0 !important; padding-left: 0 !important; }
html[data-ide-skin="v2"] .problem-ide-timer__display {
  height: var(--v-h-sm) !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: var(--v-r-sm) !important;
  background: transparent !important;
  color: var(--v-ink-4) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-variant-numeric: tabular-nums;
  box-shadow: none !important;
}
html[data-ide-skin="v2"] .problem-ide-timer__display:hover { background: var(--v-chip) !important; color: var(--v-ink-2) !important; }
html[data-ide-skin="v2"] .problem-ide-timer__display--running { background: var(--v-chip) !important; color: var(--v-ink) !important; }
html[data-ide-skin="v2"] .problem-ide-timer__display--low { color: var(--v-warn) !important; }
html[data-ide-skin="v2"] .problem-ide-timer__display--done { color: var(--v-bad) !important; }
html[data-ide-skin="v2"] .problem-ide-root--exam .problem-ide-timer { display: none !important; }
html[data-ide-skin="v2"] .problem-ide-timer-panel__shell { border-radius: var(--v-r-panel) !important; border-color: var(--v-line) !important; }
html[data-ide-skin="v2"] .problem-ide-timer-panel__btn { border-radius: var(--v-r-btn) !important; }
html[data-ide-skin="v2"] .problem-ide-timer-panel__btn--primary { background: var(--v-accent) !important; border-color: var(--v-accent) !important; color: #fff !important; }

/* ---------- 卡片：编辑器 / 控制台 ---------- */
html[data-ide-skin="v2"] .problem-ide-editor-card,
html[data-ide-skin="v2"] .problem-ide-drawer {
  border: 1px solid var(--v-line) !important;
  border-radius: var(--v-r-card) !important;
  box-shadow: none !important;
}
html[data-ide-skin="v2"] .problem-ide-drawer { background: var(--v-surface) !important; }
html[data-ide-skin="v2"] .problem-ide-drawer__bar { background: var(--v-surface-2) !important; border-bottom-color: var(--v-line) !important; }
html[data-ide-skin="v2"] .problem-ide-drawer__toggle { color: var(--v-ink-3) !important; font-size: 12.5px !important; }
html[data-ide-skin="v2"] .problem-ide-drawer__toggle:hover { color: var(--v-ink) !important; }

/* 自测运行 / 提交 */
html[data-ide-skin="v2"] .problem-ide-btn {
  height: var(--v-h-btn) !important;
  border-radius: var(--v-r-btn) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
html[data-ide-skin="v2"] .problem-ide-btn--run {
  background: var(--v-chip) !important;
  border: 1px solid var(--v-line-2) !important;
  color: var(--v-ink) !important;
}
html[data-ide-skin="v2"] .problem-ide-btn--run:not(:disabled):hover { background: var(--v-chip-2) !important; }
html[data-ide-skin="v2"] .problem-ide-btn--submit {
  background: var(--v-ok) !important;
  border: 1px solid transparent !important;
  color: #fff !important;
  box-shadow: none !important;
}
html[data-ide-skin="v2"] .problem-ide-btn--submit:not(:disabled):hover { background: var(--v-ok-hover) !important; }

/* 用例标签与样例操作：28px 以内统一 6px 圆角，选中用强调色浅底 */
/* 用例标签：黑白灰极简。未选中淡灰底，悬停再深一档，选中用 10% 灰 + 深字（不再用近黑实底） */
html[data-ide-skin="v2"] .problem-ide-case-tab {
  height: 26px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: var(--v-r-sm) !important;
  background: var(--v-tab-bg) !important;
  color: var(--v-ink-3) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
html[data-ide-skin="v2"] .problem-ide-case-tab:hover { background: var(--v-chip) !important; color: var(--v-ink) !important; }
html[data-ide-skin="v2"] .problem-ide-case-tab--active,
html[data-ide-skin="v2"] .problem-ide-case-tab--active:hover {
  background: var(--v-tab-bg-active) !important;
  color: var(--v-ink) !important;
  font-weight: 600 !important;
}
html[data-ide-skin="v2"] .problem-ide-case-fill,
html[data-ide-skin="v2"] .problem-ide-case-add {
  height: 26px !important;
  min-width: 26px;
  border: 1px solid var(--v-line-2) !important;
  border-radius: var(--v-r-sm) !important;
  background: transparent !important;
  color: var(--v-ink-3) !important;
  font-size: 12.5px !important;
}
html[data-ide-skin="v2"] .problem-ide-case-fill:hover,
html[data-ide-skin="v2"] .problem-ide-case-add:hover { background: var(--v-chip) !important; color: var(--v-ink) !important; }

/* 会员相关文字统一金色；登录引导按钮统一主站蓝 */
html[data-ide-skin="v2"] .problem-ide-cooldown-toast__link { color: var(--v-gold) !important; }
html[data-ide-skin="v2"] .problem-ide-login-required-panel a,
html[data-ide-skin="v2"] .problem-ide-login-required-panel button {
  border-radius: var(--v-r-btn) !important;
  background: var(--v-accent) !important;
  border-color: var(--v-accent) !important;
}

/* 右下角 AI 助教 / 提交工单：去掉纯黑描边，换成细描边 + 8px 圆角 */
html[data-ide-skin="v2"] .cf-assistant-launcher,
html[data-ide-skin="v2"] .cf-corner-dock .ticket-toggle {
  border: 1px solid var(--v-line-2) !important;
  border-radius: var(--v-r-btn) !important;
  background: var(--v-surface) !important;
  color: var(--v-ink-2) !important;
  box-shadow: 0 2px 8px rgba(20, 26, 38, .08) !important;
}
html[data-ide-skin="v2"] .cf-assistant-launcher:hover,
html[data-ide-skin="v2"] .cf-corner-dock .ticket-toggle:hover { background: var(--v-surface-2) !important; color: var(--v-ink) !important; }

/* =====================================================================
 * AI 助教：配色并入同一套令牌；面板里的「问 AI」按钮去掉
 * ===================================================================== */
html[data-ide-skin="v2"] .cf-assistant-root,
html[data-ide-skin="v2"] .cf-assistant-panel {
  --assistant-text-primary: var(--v-ink);
  --assistant-text-secondary: var(--v-ink-2);
  --assistant-text-tertiary: var(--v-ink-3);
  --assistant-surface: var(--v-surface);
  --assistant-surface-muted: var(--v-surface-2);
  --assistant-border: var(--v-line-2);
  --assistant-border-soft: var(--v-line);
  --assistant-accent: var(--v-accent);
  --assistant-accent-hover: var(--v-accent-hover);
  --assistant-glow-rgb: var(--v-accent-rgb);
  --assistant-danger: var(--v-bad);
  --assistant-table-border: var(--v-line-2);
  --assistant-table-header-bg: var(--v-surface-2);
}
html[data-ide-skin="v2"] .cf-assistant-panel {
  border-radius: var(--v-r-panel) !important;
  border-color: var(--v-line) !important;
  box-shadow: 0 12px 32px rgba(20, 26, 38, .14) !important;
}
html[data-ide-skin="v2"].theme--dark .cf-assistant-panel { box-shadow: 0 12px 32px rgba(0, 0, 0, .5) !important; }
html[data-ide-skin="v2"] .cf-assistant-panel .cf-assistant-add-selection { display: none !important; }
/* 还没开始对话时本身就是新对话，「创建新对话」没有意义，先不显示 */
html[data-ide-skin="v2"] .cf-assistant-root--empty .cf-assistant-new-chat { display: none !important; }
html[data-ide-skin="v2"] .cf-assistant-llm-select,
html[data-ide-skin="v2"] .cf-assistant-welcome-lang-trigger {
  height: 26px !important;
  border-radius: var(--v-r-sm) !important;
  border-color: var(--v-line-2) !important;
  background: var(--v-surface) !important;
  color: var(--v-ink-2) !important;
}
html[data-ide-skin="v2"] .cf-assistant-icon-btn,
html[data-ide-skin="v2"] .cf-assistant-header-action { border-radius: var(--v-r-sm) !important; color: var(--v-ink-3) !important; }
html[data-ide-skin="v2"] .cf-assistant-icon-btn:hover,
html[data-ide-skin="v2"] .cf-assistant-header-action:hover { background: var(--v-chip) !important; color: var(--v-ink) !important; }
html[data-ide-skin="v2"] .cf-assistant-empty-icon { background: var(--v-accent-soft) !important; color: var(--v-accent) !important; }
html[data-ide-skin="v2"] .cf-assistant-chip {
  border: 1px solid var(--v-line) !important;
  border-radius: var(--v-r-btn) !important;
  background: var(--v-surface-2) !important;
  color: var(--v-ink) !important;
}
html[data-ide-skin="v2"] .cf-assistant-chip:hover { border-color: rgba(var(--v-accent-rgb), .35) !important; background: var(--v-accent-soft) !important; color: var(--v-ink) !important; }
html[data-ide-skin="v2"] .cf-assistant-follow-up-question {
  border-color: var(--v-line) !important;
  background: var(--v-surface-2) !important;
  color: var(--v-ink-2) !important;
}
html[data-ide-skin="v2"] .cf-assistant-follow-up-question:hover { border-color: rgba(var(--v-accent-rgb), .35) !important; color: var(--v-accent) !important; }
html[data-ide-skin="v2"] .cf-assistant-composer-box,
html[data-ide-skin="v2"] .cf-assistant-input-wrap { border-radius: var(--v-r-card) !important; }
html[data-ide-skin="v2"] .cf-assistant-send-button,
html[data-ide-skin="v2"] .cf-assistant-send { background: var(--v-accent) !important; }
html[data-ide-skin="v2"] .cf-assistant-quote { border-left-color: var(--v-line-2) !important; }

/* =====================================================================
 * 管理员新版 / 旧版切换（左下角）
 * ===================================================================== */
.ide-skin-switch {
  position: fixed; left: 16px; bottom: 16px; z-index: 12100; display: inline-flex; padding: 3px; border-radius: 999px;
  background: rgba(255, 255, 255, .92); border: 1px solid rgba(20, 26, 38, .12); box-shadow: 0 4px 16px rgba(20, 26, 38, .12);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  font: 500 12px/1 -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
}
.ide-skin-switch button { height: 26px; padding: 0 12px; border: 0; border-radius: 999px; background: none; color: #6B7280; cursor: pointer; font: inherit; }
.ide-skin-switch button[aria-pressed="true"] { background: #141A26; color: #fff; }
.theme--dark .ide-skin-switch { background: rgba(28, 30, 36, .94); border-color: rgba(255, 255, 255, .12); }
.theme--dark .ide-skin-switch button[aria-pressed="true"] { background: #F2F3F5; color: #141A26; }