/* ================= 参考图：框选用的矩形 + 大图查看 ================= */
  .marq{position:fixed;z-index:210;pointer-events:none;border-radius:var(--radius-tag);
        border:1.4px solid var(--accent);background:var(--accent-bg);
        box-shadow:0 0 0 1px rgba(255,255,255,.05) inset}
  /* 框选进行中：整个窗口换成十字光标（含卡片、标题、提示文字） */
  body.marqing, body.marqing *{cursor:crosshair!important}
  #imgs{cursor:default}
  #modal img{cursor:zoom-out}
  #modal .mcap{position:absolute;left:0;right:0;bottom:14px;text-align:center;
        font:11.5px var(--mono);color:#e9eef6;opacity:.8;pointer-events:none;
        text-shadow:0 1px 4px #000c}

  /* ================= 浅色主题：四层明度差（底 → 卡片 → 控件底板 → 输入框） ================= */
  /* 只在浅色下加强边界：深色本身靠明度差就够，不需要再加边框/阴影 */
  :root[data-theme="light"] body{background:var(--bg)}
  /* 提示词框不参与这套「加强边界」：它自己有常显的 --prompt-line 灰边，聚焦只加深灰、不泛光 */
  :root[data-theme="light"] textarea{border-color:var(--line2);
        box-shadow:inset 0 1px 2px rgba(16,24,40,.035)}
  :root[data-theme="light"] textarea:focus{border-color:var(--accent);
        box-shadow:0 0 0 3px var(--accent-bg2)}
  :root[data-theme="light"] .ctools{box-shadow:inset 0 1px 0 #ffffff}
  :root[data-theme="light"] .card.composer .ctools{box-shadow:none}
  :root[data-theme="light"] #imgs .img,
  :root[data-theme="light"] .vthumb{box-shadow:0 1px 2px rgba(16,24,40,.05)}
  :root[data-theme="light"] #imgs .img.sel,
  :root[data-theme="light"] .vthumb.sel{box-shadow:0 0 0 2px var(--accent-bg2),0 2px 8px rgba(15,108,189,.14)}
  /* 结果区看着像一个独立面板：列表底板压一层浅灰，条目是白卡片 */
  :root[data-theme="light"] .card h2{color:var(--text2)}
  :root[data-theme="light"] .card h2 .hint{color:var(--dim2)}