/* ============================================================================
 * 浅色主题（对标 MiniMax Design 的界面）
 * ----------------------------------------------------------------------------
 * 用法：<body class="theme-light"> 启用；去掉这个 class 就回到深色。
 * 出问题可以立刻回退，不会卡住整个站点。
 *
 * 对标点：
 *   画布底  → 浅灰白，干净
 *   分组卡  → 白底细边，像一张资产表
 *   资产图  → 白卡 + 文件名条 + 细边，两列网格
 *   面板    → 白底、深色字、浅灰分隔
 * ==========================================================================*/
body.theme-light {
  background: #f4f5f7;
  color: #1d2129;
  --fg: #1d2129;
  --fg2: #86909c;
  --line: rgba(0, 0, 0, .09);
  --line2: rgba(0, 0, 0, .16);
  --bg0: #f4f5f7;
  --bg1: #ffffff;
  --bg2: #ffffff;
  --bg3: #f7f8fa;
}

/* ---------------- 顶栏 / 标签 ---------------- */
body.theme-light .sdh-top {
  background: rgba(255, 255, 255, .94);
  border-bottom: 1px solid rgba(0, 0, 0, .07);
  box-shadow: 0 2px 12px rgba(0, 0, 0, .05);
}
body.theme-light .sdh-top::after { display: none; }
body.theme-light .sdh-name { color: #1d2129; }
body.theme-light .sdh-sub { color: #86909c; }
body.theme-light .sdh-btn {
  background: #fff; border: 1px solid rgba(0, 0, 0, .13); color: #1d2129;
}
body.theme-light .sdh-btn:hover { background: #f2f3f5; border-color: rgba(0, 0, 0, .22); }
body.theme-light .sdh-bal {
  background: #e8fff6; border-color: rgba(0, 180, 120, .35); color: #00875a;
}
body.theme-light .sdh-tab { background: #fff; border: 1px solid rgba(0, 0, 0, .1); color: #4e5969; }
body.theme-light .sdh-tab:hover { background: #f2f3f5; color: #1d2129; }
body.theme-light .sdh-tab.on { color: #fff; border-color: transparent; }

/* ---------------- 画布 ---------------- */
body.theme-light .cv-viewport {
  background: #fafbfc;
  border: 1px solid rgba(0, 0, 0, .08);
  box-shadow: 0 6px 24px rgba(0, 0, 0, .06);
}
body.theme-light .cv-bar {
  background: #fff; border-bottom: 1px solid rgba(0, 0, 0, .07);
  color: #4e5969;
}
body.theme-light .cv-bar label,
body.theme-light .cv-bar span { color: #4e5969; }

/* 节点：白卡 + 细边 + 文件名条（对标参考图） */
body.theme-light .cv-node {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .1);
  box-shadow: 0 2px 10px rgba(0, 0, 0, .06);
  color: #1d2129;
}
body.theme-light .cv-node .cv-h {
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, .06);
  color: #1d2129;
}
body.theme-light .cv-node .cv-t { color: #1d2129; }
body.theme-light .cv-node .cv-b { color: #86909c; }
body.theme-light .cv-node .cv-media { background: #f2f3f5; }
body.theme-light .cv-node .cv-body,
body.theme-light .cv-node .cv-txt { color: #4e5969; }

/* 分组卡：白底细边，像一张资产表 */
body.theme-light .cv-node.cv-group {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, .09);
  box-shadow: 0 6px 26px rgba(0, 0, 0, .07);
}
body.theme-light .cv-node.cv-group .cv-group-h { color: #1d2129; text-shadow: none; }

/* 连线：浅色下用中灰，别再用白色 */
body.theme-light .cv-edge-main { stroke: #c9cdd4; }
body.theme-light .cv-edge-gen { stroke: #ff7d00; }
body.theme-light .cv-edge-ref { stroke: #a9a2ff; }
body.theme-light .cv-mini { background: #fff; border-color: rgba(0, 0, 0, .12); }
body.theme-light .cv-legend { background: #fff; border-color: rgba(0, 0, 0, .1); color: #4e5969; }

/* ---------------- 右侧 Agent 面板 ---------------- */
body.theme-light .wk-side {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .08);
  box-shadow: 0 6px 24px rgba(0, 0, 0, .06);
}
body.theme-light .wk-side-head {
  background: #fff; border-bottom: 1px solid rgba(0, 0, 0, .07); color: #1d2129;
}
body.theme-light .wk-side-scroll { background: #fff; }
body.theme-light .wk-sec,
body.theme-light .wk-new { background: #fff; border: 1px solid rgba(0, 0, 0, .08); }
body.theme-light .wk-sec-h,
body.theme-light .wk-new-head { background: #f7f8fa; border-bottom: 1px solid rgba(0, 0, 0, .07); color: #1d2129; }
body.theme-light .wk-step { background: #fff; border: 1px solid rgba(0, 0, 0, .08); color: #4e5969; }
body.theme-light .wk-step.done { background: #f0fff8; border-color: rgba(0, 180, 120, .3); color: #00875a; }
body.theme-light .wk-card { background: #fff; border: 1px solid rgba(0, 0, 0, .08); }
body.theme-light .wk-card-h { background: #f7f8fa; color: #1d2129; }
body.theme-light .wk-card-b2 { color: #4e5969; }
body.theme-light .wk-pre { background: #f7f8fa; border: 1px solid rgba(0, 0, 0, .07); color: #4e5969; }
body.theme-light .wk-mr span { color: #86909c; }
body.theme-light .wk-mr b { color: #1d2129; }
body.theme-light .wk-proj-t { color: #1d2129; }
body.theme-light .wk-proj-m { color: #86909c; }
body.theme-light .wk-ask { background: #fffbe6; border-color: rgba(255, 176, 32, .45); }
body.theme-light .wk-ask-q { color: #8a5a00; }
body.theme-light .wk-opt { background: #fff; border: 1px solid rgba(0, 0, 0, .1); }
body.theme-light .wk-opt span { color: #1d2129; }
body.theme-light .sdh-empty { border-color: rgba(0, 0, 0, .12); color: #86909c; }
body.theme-light .sdh-tip { color: #86909c; }

/* ---------------- 表单 / 浮层 ---------------- */
body.theme-light .sdh-in,
body.theme-light .sdh-ta,
body.theme-light select.sdh-in {
  background: #fff; border: 1px solid rgba(0, 0, 0, .14); color: #1d2129;
}
body.theme-light select option { background: #fff; color: #1d2129; }
body.theme-light .sdh-lb { color: #4e5969; }
body.theme-light .wk-chip { background: #f2f3f5; border: 1px solid rgba(0, 0, 0, .1); color: #4e5969; }
body.theme-light .wk-chip.on { color: #fff; border-color: transparent; }
body.theme-light .wk-drop {
  background: #fafbfc; border-color: rgba(0, 0, 0, .16);
}
body.theme-light .wk-drop-t { color: #1d2129; }
body.theme-light .wk-drop-s { color: #86909c; }

/* 浮层编辑器 */
body.theme-light .cv-prompt-pop {
  background: #fff; border: 1px solid rgba(0, 0, 0, .1);
  box-shadow: 0 16px 48px rgba(0, 0, 0, .16);
}
body.theme-light .cvp-h { color: #1d2129; }
body.theme-light .cvp-ta { background: #f7f8fa; border: 1px solid rgba(0, 0, 0, .12); color: #1d2129; }
body.theme-light .cvp-count { color: #86909c; }
body.theme-light .cvp-bar { border-top: 1px solid rgba(0, 0, 0, .07); }
body.theme-light .cvp-sel { background: #fff; border: 1px solid rgba(0, 0, 0, .14); color: #1d2129; }
body.theme-light .cvp-save { background: #fff; border: 1px solid rgba(0, 0, 0, .14); color: #1d2129; }
body.theme-light .cvp-info { background: #f7f8fa; border: 1px solid rgba(0, 0, 0, .07); color: #86909c; }
body.theme-light .cvp-info b { color: #1d2129; }
body.theme-light .cvp-err { color: #f53f3f; }

/* 音色弹窗 */
body.theme-light .sdh-modal-box { background: #fff; border: 1px solid rgba(0, 0, 0, .1); }
body.theme-light .sdh-modal-h { border-bottom: 1px solid rgba(0, 0, 0, .07); color: #1d2129; }
body.theme-light .voice-list { background: #fafbfc; border: 1px solid rgba(0, 0, 0, .08); }
body.theme-light .voice-row:hover { background: #f2f3f5; }
body.theme-light .voice-row.on { background: #f0f0ff; box-shadow: inset 3px 0 0 var(--acc); }
body.theme-light .voice-name { color: #1d2129; }
body.theme-light .voice-tag { color: #86909c; }
body.theme-light .voice-play { background: #fff; border: 1px solid rgba(0, 0, 0, .12); color: #1d2129; }