/* ══════════════════════════════════════════════════════════════════
 * 全应用日间 / 夜间主题
 *   浅色配色照用户给定的模板：浅粉白底 + 红色主色
 *   文件末尾的生成块由 `node scripts/build-theme-light.cjs` 产出，
 *   它把应用中每一套深色样式表逐条派生成浅色副本 —— 不要手改生成块。
 * ══════════════════════════════════════════════════════════════════ */

html[data-vr-theme="light"] {
  --l-bg: #fdf3f4;
  --l-surface: #ffffff;
  --l-surface-soft: #fbf0f1;
  --l-inset: #f7e9eb;
  --l-border: #eed7db;
  --l-border-strong: #e6c8cd;
  --l-text: #2a2c31;
  --l-text-soft: #5d6167;
  --l-text-muted: #83878e;
  --l-accent: #e8452f;
  --l-accent-soft: #fff3f2;
  --l-accent-strong: #d63a25;
  color-scheme: light;
}

html[data-vr-theme="dark"] {
  color-scheme: dark;
}

html[data-vr-theme="light"],
html[data-vr-theme="light"] body {
  background: var(--l-bg);
  color: var(--l-text);
}

/* ── 白天模式：原生控件 / 光标 / 滚动条 / 选择高亮 ── */
html[data-vr-theme="light"] ::selection {
  background: rgba(232, 69, 47, 0.18);
  color: var(--l-text);
}

html[data-vr-theme="light"] input::placeholder,
html[data-vr-theme="light"] textarea::placeholder {
  color: #9aa0a8;
}

html[data-vr-theme="light"] option {
  background: #ffffff;
  color: var(--l-text);
}

html[data-vr-theme="light"] input[type="range"],
html[data-vr-theme="light"] input[type="checkbox"],
html[data-vr-theme="light"] input[type="radio"],
html[data-vr-theme="light"] progress {
  accent-color: var(--l-accent);
}

html[data-vr-theme="light"] ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

html[data-vr-theme="light"] ::-webkit-scrollbar-track {
  background: #fbf0f1;
}

html[data-vr-theme="light"] ::-webkit-scrollbar-thumb {
  background: #e3c6cc;
  border-radius: 6px;
}

html[data-vr-theme="light"] ::-webkit-scrollbar-thumb:hover {
  background: #d9b3ba;
}

/* 顶栏 / 右下角统一的切换按钮 */
.vr-theme-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  border-radius: 999px;
  border: 1px solid rgba(246, 239, 228, .16);
  background: rgba(255, 255, 255, .06);
  color: #f4efe6;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease, color .16s ease;
}

.vr-theme-btn:hover {
  background: rgba(255, 255, 255, .12);
  border-color: rgba(246, 239, 228, .3);
}

html[data-vr-theme="light"] .vr-theme-btn {
  border-color: var(--l-border);
  background: var(--l-surface);
  color: var(--l-text);
}

html[data-vr-theme="light"] .vr-theme-btn:hover {
  border-color: var(--l-accent);
  color: var(--l-accent);
  background: var(--l-accent-soft);
}

.vr-theme-dock {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 2147482000;
}

.vr-theme-dock .vr-theme-btn {
  box-shadow: 0 8px 24px rgba(0, 0, 0, .35);
}

html[data-vr-theme="light"] .vr-theme-dock .vr-theme-btn {
  box-shadow: 0 8px 24px rgba(180, 110, 120, .28);
}

/* ==GENERATED-LIGHT-BEGIN== */
/* ── 应用主样式（采集库 / 二创库 / 模板库 / 用户管理 / 批量任务 / 设置） · dist/assets/index-CkMmydwX.css ── */
html[data-vr-theme="light"]{background:#fdf6f6}
html[data-vr-theme="light"] .rewrite-original-field small{color:#6d7278}
html[data-vr-theme="light"] .rewrite-result-field{border-top:1px solid rgba(232,73,48,0.33)}
html[data-vr-theme="light"] .rewrite-result-field small{color:#a2230f}
html[data-vr-theme="light"] body{background:radial-gradient(circle at 8% 0,rgba(196,61,34,0.22),#0000 27%),radial-gradient(circle at 88% 12%,rgba(49,110,180,0.15),#0000 28%),linear-gradient(135deg,#ffffff 0%,#ffffff 52%,#ffffff 100%)}
html[data-vr-theme="light"] button:focus-visible,html[data-vr-theme="light"] input:focus-visible,html[data-vr-theme="light"] textarea:focus-visible,html[data-vr-theme="light"] select:focus-visible{outline:2px solid #f0c0ba}
html[data-vr-theme="light"] ::selection{background:#e8452f}
html[data-vr-theme="light"] .app-shell{color:#733026}
html[data-vr-theme="light"] .sidebar{background:#fdf6f6;border-right:1px solid rgba(120,84,92,0.19)}
html[data-vr-theme="light"] .brand-dot{background:linear-gradient(145deg,#f05a40,#e8452f)}
html[data-vr-theme="light"] .brand-mark small,html[data-vr-theme="light"] .stage-button small,html[data-vr-theme="light"] .side-panel small,html[data-vr-theme="light"] .eyebrow,html[data-vr-theme="light"] .summary-card p,html[data-vr-theme="light"] .summary-card span,html[data-vr-theme="light"] .draft-card p,html[data-vr-theme="light"] .log-item span,html[data-vr-theme="light"] .phone-content,html[data-vr-theme="light"] .collection-card p,html[data-vr-theme="light"] .collection-card small,html[data-vr-theme="light"] .publish-card p,html[data-vr-theme="light"] .publish-card small,html[data-vr-theme="light"] .asset-card small,html[data-vr-theme="light"] .source-detail-card small,html[data-vr-theme="light"] .source-image-item small{color:#6d7278}
html[data-vr-theme="light"] .stage-button{color:#733026}
html[data-vr-theme="light"] .stage-button:hover,html[data-vr-theme="light"] .stage-button.active{background:linear-gradient(90deg,rgba(204,52,25,0.17),rgba(194,57,36,0.07));border-color:rgba(219,82,61,0.31)}
html[data-vr-theme="light"] .stage-button span,html[data-vr-theme="light"] .stage-button.active span{color:#7e281b;background:rgba(124,84,92,0.13)}
html[data-vr-theme="light"] .side-panel{background:rgba(124,84,92,0.07);border:1px solid rgba(120,84,92,0.19)}
html[data-vr-theme="light"] .progress-track{background:rgba(124,84,92,0.14)}
html[data-vr-theme="light"] .progress-track span{background:linear-gradient(90deg,#e95f47,#e8452f)}
html[data-vr-theme="light"] .topbar{border-bottom:1px solid rgba(120,84,92,0.13)}
html[data-vr-theme="light"] .topbar>div:first-child p{color:#6d7278}
@media (width<=680px){
html[data-vr-theme="light"] .sidebar{border-bottom:1px solid rgba(120,84,92,0.19)}
}
html[data-vr-theme="light"] .batch-task-center{background:rgba(124,84,92,0.04);border:1px solid rgba(120,84,92,0.15)}
html[data-vr-theme="light"] .batch-task-progress{background:#fdf6f6;border:1px solid rgba(120,84,92,0.12)}
html[data-vr-theme="light"] .batch-task-progress:first-of-type{border-top:1px solid rgba(120,84,92,0.12)}
html[data-vr-theme="light"] .batch-task-diagnostics span{background:rgba(124,84,92,0.09)}
html[data-vr-theme="light"] .workspace-save-state{background:rgba(124,84,92,0.06);border:1px solid rgba(120,84,92,0.13)}
html[data-vr-theme="light"] .workspace-save-state.dirty{color:#911e0c}
html[data-vr-theme="light"] .workspace-save-state.saving{color:#257454}
html[data-vr-theme="light"] .workspace-save-state.saved{color:#0b4a8e}
html[data-vr-theme="light"] .user-pill{color:#8e1d0b;background:rgba(124,84,92,0.13);border:1px solid rgba(120,84,92,0.24)}
html[data-vr-theme="light"] .primary-button,html[data-vr-theme="light"] .secondary-button,html[data-vr-theme="light"] .ghost-button{color:#8e1d0b;border:1px solid rgba(120,84,92,0.24)}
html[data-vr-theme="light"] .primary-button{background:linear-gradient(135deg,#e95f47,#e8452f);border-color:rgba(230,77,50,0.6)}
html[data-vr-theme="light"] .secondary-button{background:rgba(205,51,25,0.17)}
html[data-vr-theme="light"] .ghost-button{background:rgba(124,84,92,0.09)}
html[data-vr-theme="light"] .primary-button:hover,html[data-vr-theme="light"] .secondary-button:hover,html[data-vr-theme="light"] .ghost-button:hover,html[data-vr-theme="light"] .title-chip:hover,html[data-vr-theme="light"] .draft-card:hover,html[data-vr-theme="light"] .stage-button:hover,html[data-vr-theme="light"] .collection-card:hover,html[data-vr-theme="light"] .publish-card:hover{border-color:rgba(120,84,92,0.47)}
html[data-vr-theme="light"] .notice{color:#762e23;background:rgba(194,57,36,0.12);border:1px solid rgba(219,82,61,0.31)}
html[data-vr-theme="light"] .panel{background:linear-gradient(145deg,#fbf1f2,#fdf6f6);border:1px solid rgba(120,84,92,0.21);box-shadow:0 24px 60px rgba(120,70,80,0.14),inset 0 1px rgba(124,84,92,0.05)}
html[data-vr-theme="light"] .panel-heading p{color:#6d7278}
html[data-vr-theme="light"] .collector-toolbar{background:#fdf6f6;border:1px solid rgba(120,84,92,0.13)}
html[data-vr-theme="light"] .collector-search{color:#734038}
html[data-vr-theme="light"] .collector-search input{background:rgba(124,84,92,0.09)}
html[data-vr-theme="light"] .filter-switch{background:rgba(124,84,92,0.07)}
html[data-vr-theme="light"] .filter-switch button{color:#6d7278}
html[data-vr-theme="light"] .filter-switch button.active{color:#8e1d0b;background:rgba(194,57,36,0.22)}
html[data-vr-theme="light"] .empty-filter-state{color:#6d7278;border:1px dashed rgba(219,82,61,0.33)}
html[data-vr-theme="light"] .mini-pill{color:#693730;background:rgba(124,84,92,0.13);border:1px solid rgba(120,84,92,0.21)}
html[data-vr-theme="light"] .ratio-switch button{color:#693730;background:rgba(124,84,92,0.08);border:1px solid rgba(120,84,92,0.21)}
html[data-vr-theme="light"] .ratio-switch button.active{color:#8e1d0b;background:linear-gradient(135deg,rgba(205,51,25,0.41),rgba(171,73,58,0.29));border-color:rgba(219,82,61,0.49)}
html[data-vr-theme="light"] label{color:#6c352d}
html[data-vr-theme="light"] input,html[data-vr-theme="light"] textarea,html[data-vr-theme="light"] select{color:#733026;background:rgba(124,84,92,0.06);border:1px solid rgba(120,84,92,0.21)}
html[data-vr-theme="light"] input:focus,html[data-vr-theme="light"] textarea:focus,html[data-vr-theme="light"] select:focus{border-color:rgba(219,82,61,0.57);box-shadow:0 0 0 3px rgba(232,69,47,0.12)}
html[data-vr-theme="light"] .phone-preview{border:1px solid rgba(120,84,92,0.21);box-shadow:0 18px 50px rgba(120,70,80,0.15)}
html[data-vr-theme="light"] .xhs-phone-media{background:#ffffff}
html[data-vr-theme="light"] .media-error-state{color:#744038;background:linear-gradient(145deg,#fbf1f2,#ffffff)}
html[data-vr-theme="light"] .media-error-state button{color:#872112;background:rgba(194,57,36,0.15);border:1px solid rgba(219,82,61,0.39)}
html[data-vr-theme="light"] .xhs-phone-media span{color:#2a2c31;background:#fdf6f6}
html[data-vr-theme="light"] .xhs-author-row button{color:#2a2c31;background:#f6e7e9}
html[data-vr-theme="light"] .xhs-note-body .title-chip{background:rgba(207,23,48,0.09);border-color:rgba(80,127,200,0.16)}
html[data-vr-theme="light"] .asset-card{background:rgba(124,84,92,0.06);border:1px solid rgba(120,84,92,0.13)}
html[data-vr-theme="light"] .asset-card img,html[data-vr-theme="light"] .asset-card video{background:#fdf6f6}
html[data-vr-theme="light"] .collection-card,html[data-vr-theme="light"] .draft-card,html[data-vr-theme="light"] .publish-card{color:#733026;background:rgba(124,84,92,0.06);border:1px solid rgba(120,84,92,0.19)}
html[data-vr-theme="light"] .collection-card.selected,html[data-vr-theme="light"] .draft-card.selected{border-color:rgba(219,82,61,0.59);box-shadow:inset 0 0 0 1px rgba(232,69,47,0.11)}
html[data-vr-theme="light"] .phone-card{background:linear-gradient(rgba(124,84,92,0.09),rgba(124,84,92,0.04))}
html[data-vr-theme="light"] .phone-card-media{background:#fdf6f6}
html[data-vr-theme="light"] .phone-card-media span{color:#8e1d0b;background:#fdf6f6}
html[data-vr-theme="light"] .phone-card-body p{color:#673932}
html[data-vr-theme="light"] .phone-card-thumbs span,html[data-vr-theme="light"] .phone-card-thumbs em{background:rgba(124,84,92,0.09);border:1px solid rgba(120,84,92,0.13)}
html[data-vr-theme="light"] .phone-card-thumbs em{color:#8e1d0b;background:rgba(205,51,25,0.3)}
html[data-vr-theme="light"] .phone-card-tags em{color:#723127}
html[data-vr-theme="light"] .phone-card-body small,html[data-vr-theme="light"] .draft-card small,html[data-vr-theme="light"] .publish-card small{color:#6d7278}
html[data-vr-theme="light"] .grid-column-switch{color:#6d7278}
html[data-vr-theme="light"] .grid-column-switch button{color:#673932;background:rgba(124,84,92,0.06);border:1px solid rgba(120,84,92,0.21)}
html[data-vr-theme="light"] .grid-column-switch button.active{color:#8e1d0b;background:rgba(194,57,36,0.19);border-color:rgba(219,82,61,0.59)}
html[data-vr-theme="light"] .draft-export-row button{color:#872112;background:rgba(194,57,36,0.15);border:1px solid rgba(219,82,61,0.45)}
html[data-vr-theme="light"] .draft-card-actions .danger-text-button{color:#8e110b;background:rgba(201,28,28,0.15);border-color:rgba(222,59,59,0.55)}
html[data-vr-theme="light"] .draft-card-actions .danger-text-button:hover{color:#8e160b;background:rgba(201,28,28,0.26);border-color:rgba(232,48,48,0.6)}
html[data-vr-theme="light"] .export-count-pill{color:#872112;background:rgba(194,57,36,0.12);border-color:rgba(219,82,61,0.42)}
html[data-vr-theme="light"] .delete-select-badge{color:#891e10;background:#fbf1f2;border:1px solid rgba(232,68,48,0.44)}
html[data-vr-theme="light"] .delete-select-badge.selected{background:rgba(177,62,53,0.6);border-color:rgba(232,71,48,0.6)}
html[data-vr-theme="light"] .export-settings-row{border-top:1px solid rgba(120,84,92,0.13)}
html[data-vr-theme="light"] .export-settings-row label{color:#673932}
html[data-vr-theme="light"] .overview-hero{background:linear-gradient(120deg,rgba(207,60,23,0.17),rgba(65,107,165,0.19))}
html[data-vr-theme="light"] .overview-hero p:not(.eyebrow){color:#6d7278}
html[data-vr-theme="light"] .overview-hero-mark{color:#872718}
html[data-vr-theme="light"] .overview-hero-mark strong{color:#733026}
html[data-vr-theme="light"] .overview-hero-mark span{color:#6d7278}
html[data-vr-theme="light"] .overview-kpi{background:rgba(124,84,92,0.07);border:1px solid rgba(120,84,92,0.17)}
html[data-vr-theme="light"] .overview-kpi span,html[data-vr-theme="light"] .overview-kpi small{color:#6d7278}
html[data-vr-theme="light"] .overview-kpi strong{color:#733026}
html[data-vr-theme="light"] .overview-metric-list>div{color:#673932}
html[data-vr-theme="light"] .overview-metric-list strong{color:#872718}
html[data-vr-theme="light"] .metric-bar{background:rgba(124,84,92,0.13)}
html[data-vr-theme="light"] .metric-bar i{background:linear-gradient(90deg,#e86e59,#e8452f)}
html[data-vr-theme="light"] .group-stat-columns h3{color:#673932}
html[data-vr-theme="light"] .group-stat-columns button{color:#6d7278;border-bottom:1px solid rgba(120,84,92,0.13)}
html[data-vr-theme="light"] .group-stat-columns button b{color:#872718}
html[data-vr-theme="light"] .flow-steps button{color:#733026;background:rgba(124,84,92,0.06);border:1px solid rgba(120,84,92,0.17)}
html[data-vr-theme="light"] .flow-steps button span{color:#872718}
html[data-vr-theme="light"] .flow-steps i{color:#872718}
html[data-vr-theme="light"] .template-autosave-status{color:#257454}
html[data-vr-theme="light"] .template-card{background:rgba(124,84,92,0.06);border:1px solid rgba(120,84,92,0.17)}
html[data-vr-theme="light"] .template-card strong{color:#733026}
html[data-vr-theme="light"] .api-readiness .ready{color:#257454;background:rgba(75,155,128,0.15);border-color:rgba(100,180,153,0.33)}
html[data-vr-theme="light"] .api-readiness .missing{color:#812918;background:rgba(181,66,49,0.15);border-color:rgba(206,91,74,0.33)}
html[data-vr-theme="light"] .danger-button{color:#812918;background:rgba(181,66,49,0.15);border:1px solid rgba(206,91,74,0.45)}
html[data-vr-theme="light"] .danger-button:hover{background:rgba(181,66,49,0.24)}
html[data-vr-theme="light"] .settings-notice{color:#257454;background:rgba(75,155,128,0.15)}
html[data-vr-theme="light"] .settings-section{border-top:1px solid rgba(120,84,92,0.13)}
html[data-vr-theme="light"] .settings-section-title strong{color:#733026}
html[data-vr-theme="light"] .api-provider-grid h3{color:#872718}
html[data-vr-theme="light"] .api-provider-grid label{color:#6d7278}
html[data-vr-theme="light"] .setting-toggle input{accent-color:#872718}
html[data-vr-theme="light"] .group-filter-button{color:#6d7278}
html[data-vr-theme="light"] .group-filter-button:hover,html[data-vr-theme="light"] .group-filter-button.active{color:#8e1d0b;background:rgba(194,57,36,0.22)}
html[data-vr-theme="light"] .group-remove:hover{color:#8c220d;background:rgba(207,53,23,0.15)}
html[data-vr-theme="light"] .remix-workbench{background:linear-gradient(135deg,rgba(205,51,25,0.09),#fdf6f6)}
html[data-vr-theme="light"] .source-detail-card,html[data-vr-theme="light"] .remix-control-card{background:rgba(124,84,92,0.06);border:1px solid rgba(120,84,92,0.17)}
html[data-vr-theme="light"] .breakdown-block{background:#fdf6f6;border:1px solid rgba(120,84,92,0.15)}
html[data-vr-theme="light"] .refined-breakdown-block{background:linear-gradient(rgba(124,84,92,0.07),#fdf6f6)}
html[data-vr-theme="light"] .mini-ai-button{color:#7c291d;background:rgba(194,57,36,0.09);border:1px solid rgba(219,82,61,0.31)}
html[data-vr-theme="light"] .mini-ai-button:hover{background:rgba(194,57,36,0.18);border-color:rgba(219,82,61,0.57)}
html[data-vr-theme="light"] .breakdown-block>span,html[data-vr-theme="light"] .breakdown-block-head>span{color:#723127}
html[data-vr-theme="light"] .source-body{color:#673932}
html[data-vr-theme="light"] .source-image-item{background:#fdf6f6;border:1px solid rgba(120,84,92,0.13)}
html[data-vr-theme="light"] .source-image-preview img,html[data-vr-theme="light"] .source-image-preview video,html[data-vr-theme="light"] .source-image-item>img,html[data-vr-theme="light"] .source-image-item>video{background:#fdf6f6}
html[data-vr-theme="light"] .source-image-preview span{color:#2a2c31;background:#fdf6f6}
html[data-vr-theme="light"] .generated-image-result{background:rgba(47,182,104,0.07);border:1px solid rgba(73,208,130,0.21)}
html[data-vr-theme="light"] .reference-upload-box,html[data-vr-theme="light"] .image-param-panel{background:rgba(124,84,92,0.05);border:1px solid rgba(120,84,92,0.17)}
html[data-vr-theme="light"] .image-param-panel{background:rgba(23,99,207,0.05);border-color:rgba(48,124,232,0.21)}
html[data-vr-theme="light"] .param-title strong{color:#762e23}
html[data-vr-theme="light"] .param-title small{color:#0b3c8e}
html[data-vr-theme="light"] .option-grid button{color:#673932;background:rgba(124,84,92,0.09);border:1px solid rgba(120,84,92,0.17)}
html[data-vr-theme="light"] .option-grid button.active{border-color:rgba(48,131,232,0.6)}
html[data-vr-theme="light"] .reference-upload-head span{color:#762e23}
html[data-vr-theme="light"] .upload-drop{color:#723127;background:rgba(194,57,36,0.07);border:1px dashed rgba(219,82,61,0.36)}
html[data-vr-theme="light"] .reference-thumb-row span{background:#fdf6f6;border:1px solid rgba(120,84,92,0.21)}
html[data-vr-theme="light"] .reference-thumb-row button{color:#2a2c31;background:#fdf6f6}
html[data-vr-theme="light"] .generated-image-result small{color:#326745}
html[data-vr-theme="light"] .generated-image-result img{background:#fdf6f6}
html[data-vr-theme="light"] .draft-image-row img{background:#fdf6f6}
html[data-vr-theme="light"] .compact-author{color:#683831}
html[data-vr-theme="light"] .library-phone-card .library-card-actions{border-top-color:rgba(90,60,66,0.14)}
html[data-vr-theme="light"] .library-phone-card .card-group-select{background:#fbf1f2;border-color:rgba(90,60,66,0.2)}
html[data-vr-theme="light"] .collection-meta>div,html[data-vr-theme="light"] .summary-card{background:rgba(124,84,92,0.05);border:1px solid rgba(120,84,92,0.13)}
html[data-vr-theme="light"] .draft-card-head span,html[data-vr-theme="light"] .publish-card .draft-card-head span{color:#822617;background:rgba(194,57,36,0.12);border:1px solid rgba(219,82,61,0.26)}
html[data-vr-theme="light"] .export-progress-panel{background:linear-gradient(rgba(124,84,92,0.09),rgba(124,84,92,0.04));border:1px solid rgba(120,84,92,0.17);box-shadow:inset 0 1px rgba(124,84,92,0.05)}
html[data-vr-theme="light"] .export-progress-panel.completed{border-color:rgba(73,208,130,0.29)}
html[data-vr-theme="light"] .export-progress-panel.failed,html[data-vr-theme="light"] .export-progress-panel.cancelled{border-color:rgba(219,82,61,0.31)}
html[data-vr-theme="light"] .export-progress-percent{color:#8a200f}
html[data-vr-theme="light"] .export-progress-bar{background:rgba(124,84,92,0.13)}
html[data-vr-theme="light"] .export-progress-bar span{background:linear-gradient(90deg,#e8452f,#7dcf9a)}
html[data-vr-theme="light"] .export-progress-stats span{color:#673932;background:rgba(124,84,92,0.06);border:1px solid rgba(120,84,92,0.13)}
html[data-vr-theme="light"] .export-progress-message{color:#6a372f}
html[data-vr-theme="light"] .export-progress-item{background:#fdf6f6;border:1px solid rgba(120,84,92,0.13)}
html[data-vr-theme="light"] .export-progress-index{color:#673932;background:rgba(124,84,92,0.09)}
html[data-vr-theme="light"] .export-progress-item strong{color:#703329}
html[data-vr-theme="light"] .export-progress-item small{color:#6d7278}
html[data-vr-theme="light"] .export-progress-item p{color:#892010}
html[data-vr-theme="light"] .export-progress-item em{color:#673932;background:rgba(124,84,92,0.09)}
html[data-vr-theme="light"] .export-progress-item.running em{color:#8a1f0f;background:rgba(194,57,36,0.15)}
html[data-vr-theme="light"] .export-progress-item.success em{color:#22773f;background:rgba(47,182,104,0.15)}
html[data-vr-theme="light"] .export-progress-item.failed em{color:#8a1f0f;background:rgba(207,96,23,0.15)}
html[data-vr-theme="light"] .split-block{background:rgba(124,84,92,0.05);border:1px solid rgba(120,84,92,0.13)}
html[data-vr-theme="light"] .method-list{color:#673932}
html[data-vr-theme="light"] .callout{background:rgba(194,57,36,0.09);border:1px solid rgba(219,82,61,0.29)}
html[data-vr-theme="light"] .callout p{color:#752f24}
html[data-vr-theme="light"] .log-item{background:rgba(124,84,92,0.05);border:1px solid rgba(120,84,92,0.13)}
html[data-vr-theme="light"] .log-item:hover{background:rgba(124,84,92,0.09);border-color:rgba(220,82,60,0.31)}
html[data-vr-theme="light"] .log-item.info{border-color:rgba(48,122,232,0.21)}
html[data-vr-theme="light"] .log-item.success{border-color:rgba(73,208,130,0.21)}
html[data-vr-theme="light"] .log-item.warn{border-color:rgba(219,82,61,0.21)}
html[data-vr-theme="light"] .log-item p{color:#6d7278}
html[data-vr-theme="light"] .log-item small{color:#873326}
html[data-vr-theme="light"] .log-detail-modal{background:#ffffff;border:1px solid rgba(120,84,92,0.24);box-shadow:0 24px 90px rgba(120,70,80,0.23)}
html[data-vr-theme="light"] .log-detail-modal pre{color:#6b362e;background:#fdf6f6}
html[data-vr-theme="light"] .capture-notice{color:#6a372f;background:rgba(124,84,92,0.07);border:1px solid rgba(120,84,92,0.21)}
html[data-vr-theme="light"] .capture-notice.success{background:rgba(47,182,104,0.09);border-color:rgba(73,208,130,0.29)}
html[data-vr-theme="light"] .capture-notice.fallback,html[data-vr-theme="light"] .capture-notice.warn{background:rgba(194,57,36,0.09);border-color:rgba(219,82,61,0.34)}
html[data-vr-theme="light"] .capture-notice.error{background:rgba(207,23,23,0.09);border-color:rgba(232,48,48,0.34)}
html[data-vr-theme="light"] .captured-result,html[data-vr-theme="light"] .manual-fallback{background:rgba(124,84,92,0.06);border:1px solid rgba(120,84,92,0.17)}
html[data-vr-theme="light"] .captured-media-strip>span{color:#6d7278;border:1px dashed rgba(120,84,92,0.24)}
html[data-vr-theme="light"] .captured-thumb{background:rgba(124,84,92,0.06);border:1px solid rgba(120,84,92,0.15)}
html[data-vr-theme="light"] .captured-thumb img,html[data-vr-theme="light"] .captured-thumb video{background:#fdf6f6}
html[data-vr-theme="light"] .captured-thumb small{color:#6d7278}
html[data-vr-theme="light"] .captured-result p{color:#673932}
html[data-vr-theme="light"] .empty-assets{color:#6d7278;background:rgba(124,84,92,0.05);border:1px dashed rgba(120,84,92,0.27)}
html[data-vr-theme="light"] .compact-tags .title-chip{background:rgba(124,84,92,0.09)}
html[data-vr-theme="light"] .source-image-item.image-prompt-item{background:linear-gradient(135deg,rgba(124,84,92,0.09),#fdf6f6)}
html[data-vr-theme="light"] .large-source-preview{box-shadow:0 18px 36px rgba(120,70,80,0.13)}
html[data-vr-theme="light"] .generation-result-frame{background:#fdf6f6;border:1px dashed rgba(120,84,92,0.27)}
html[data-vr-theme="light"] .generation-result-frame.generating{background:rgba(23,99,207,0.08);border-color:rgba(48,125,232,0.55)}
html[data-vr-theme="light"] .generation-result-frame.done{background:rgba(47,182,104,0.07);border-color:rgba(73,208,130,0.33)}
html[data-vr-theme="light"] .generation-frame-head span{color:#762e23}
html[data-vr-theme="light"] .generation-frame-head small,html[data-vr-theme="light"] .generation-meta small{color:#274672}
html[data-vr-theme="light"] .generation-progress{background:rgba(124,84,92,0.13)}
html[data-vr-theme="light"] .empty-generation-box{background:rgba(124,84,92,0.06)}
html[data-vr-theme="light"] .generation-error-box{color:#8e1d0b;background:rgba(192,43,38,0.24);border:1px solid rgba(232,73,48,0.45)}
html[data-vr-theme="light"] .generation-result-frame.failed{border-color:rgba(232,73,48,0.55)}
html[data-vr-theme="light"] .generated-preview-grid img{background:#fdf6f6}
html[data-vr-theme="light"] .phone-card-media .media-nav,html[data-vr-theme="light"] .xhs-phone-media .media-nav{color:#2a2c31;background:#fdf6f6;border:1px solid rgba(120,84,92,0.47)}
html[data-vr-theme="light"] .compact-image-controls{background:rgba(124,84,92,0.04);border:1px solid rgba(120,84,92,0.13)}
html[data-vr-theme="light"] .compact-image-controls>strong{color:#733026}
html[data-vr-theme="light"] .image-remix-tabs button{color:#673932;background:rgba(124,84,92,0.07);border:1px solid rgba(120,84,92,0.21)}
html[data-vr-theme="light"] .image-remix-tabs button.active{color:#2a2c31;background:linear-gradient(135deg,rgba(205,51,25,0.42),rgba(171,73,58,0.24));border-color:rgba(219,82,61,0.55)}
html[data-vr-theme="light"] .captured-mini-card{color:#733026;background:rgba(124,84,92,0.06);border:1px solid rgba(120,84,92,0.17)}
html[data-vr-theme="light"] .captured-mini-card.selected{background:rgba(194,57,36,0.09);border-color:rgba(219,82,61,0.55)}
html[data-vr-theme="light"] .captured-mini-card small,html[data-vr-theme="light"] .captured-mini-card span{color:#6d7278}
html[data-vr-theme="light"] .phone-preview.selected{box-shadow:0 0 0 2px rgba(232,69,47,0.45),0 18px 50px rgba(120,70,80,0.15)}
@media (width<=900px){
html[data-vr-theme="light"] .sidebar{border-bottom:1px solid rgba(120,84,92,0.19)}
}
html[data-vr-theme="light"] .phone-preview-list::-webkit-scrollbar-track{background:rgba(124,84,92,0.08)}
html[data-vr-theme="light"] .phone-preview-list::-webkit-scrollbar-thumb{background:rgba(194,57,36,0.33)}
html[data-vr-theme="light"] .phone-preview-list .phone-preview::-webkit-scrollbar-thumb{background:rgba(90,60,66,0.3)}
html[data-vr-theme="light"] .generated-preview-grid img,html[data-vr-theme="light"] .single-result-grid img,html[data-vr-theme="light"] .generation-result-frame img{background:#fdf6f6}
html[data-vr-theme="light"] .image-lightbox{background:#fdf6f6}
html[data-vr-theme="light"] .image-lightbox>img{box-shadow:0 24px 80px rgba(120,70,80,0.3)}
html[data-vr-theme="light"] .lightbox-close{color:#2a2c31;background:#fdf6f6;border:1px solid rgba(120,84,92,0.41)}
html[data-vr-theme="light"] .lightbox-gallery-content>img{box-shadow:0 24px 80px rgba(120,70,80,0.3)}
html[data-vr-theme="light"] .lightbox-nav{color:#2a2c31;background:#fdf6f6;border:1px solid rgba(120,84,92,0.41)}
html[data-vr-theme="light"] .lightbox-caption{color:#2a2c31;background:#fdf6f6;border:1px solid rgba(120,84,92,0.27)}
html[data-vr-theme="light"] .lightbox-caption span{color:#872112}
html[data-vr-theme="light"] .generation-result-frame.paired-preview .generated-preview-grid.single-result-grid{background:#fdf6f6}
html[data-vr-theme="light"] .generation-result-frame.paired-preview .single-result-grid img{background:#fdf6f6}
html[data-vr-theme="light"] .material-tabs{border-bottom:1px solid rgba(120,84,92,0.13)}
html[data-vr-theme="light"] .material-tab-label{color:#6d7278}
html[data-vr-theme="light"] .material-tab-number,html[data-vr-theme="light"] .prompt-token-row button span{color:#0b428e;background:rgba(23,99,207,0.26)}
html[data-vr-theme="light"] .prompt-editor-head>span{color:#733026}
html[data-vr-theme="light"] .prompt-token-row button{color:#8e1d0b;background:rgba(195,56,35,0.17);border:1px solid rgba(220,82,60,0.6)}
html[data-vr-theme="light"] .prompt-token-row button:hover,html[data-vr-theme="light"] .prompt-token-row button.selected{color:#8e1d0b;background:rgba(195,56,35,0.3);border-color:#f0c0ba;box-shadow:inset 0 0 0 1px rgba(232,69,47,0.14),0 0 0 2px rgba(232,69,47,0.08)}
html[data-vr-theme="light"] .prompt-token-row button.selected span{color:#8e1d0b;background:rgba(195,56,35,0.42)}
html[data-vr-theme="light"] .selected-prompt-token-row{background:rgba(52,178,118,0.13);border:1px solid rgba(73,208,136,0.23)}
html[data-vr-theme="light"] .selected-prompt-token-row span{color:#366f4f}
html[data-vr-theme="light"] .selected-prompt-token-row strong{color:#168342;background:rgba(47,182,111,0.17);border:1px solid rgba(73,208,136,0.42)}
html[data-vr-theme="light"] .connected-material-panel{background:#fdf6f6;border:1px solid rgba(120,84,92,0.17)}
html[data-vr-theme="light"] .panel-close-button{color:#6d7278;background:rgba(124,84,92,0.09)}
html[data-vr-theme="light"] .connected-material-item{color:#2a2c31;background:rgba(124,84,92,0.06)}
html[data-vr-theme="light"] .connected-material-item:hover{background:rgba(23,99,207,0.09);border-color:rgba(48,124,232,0.42)}
html[data-vr-theme="light"] .connected-material-item img,html[data-vr-theme="light"] .connected-material-item video{background:#fdf6f6}
html[data-vr-theme="light"] .connected-material-item strong{color:#0b418e}
html[data-vr-theme="light"] .connected-material-item em{color:#0b448e}
html[data-vr-theme="light"] .material-library-title{color:#683831;border-top:1px solid rgba(120,84,92,0.13)}
html[data-vr-theme="light"] .auth-screen{color:#733026;background:#ffffff}
html[data-vr-theme="light"] .login-panel{background:#ffffff;border:1px solid rgba(120,84,92,0.24);box-shadow:0 24px 80px rgba(120,70,80,0.18)}
html[data-vr-theme="light"] .login-error{color:#8e1e0b;background:rgba(207,47,23,0.09);border:1px solid rgba(232,73,48,0.39)}
html[data-vr-theme="light"] .auth-loading{color:#673932}
html[data-vr-theme="light"] .account-pill small{color:#6d7278}
html[data-vr-theme="light"] .account-pill strong{color:#8e1d0b}
html[data-vr-theme="light"] .account-pill em{color:#673932}
html[data-vr-theme="light"] .account-pill button{color:#872819;background:rgba(124,84,92,0.13)}
html[data-vr-theme="light"] .user-table{border-top:1px solid rgba(120,84,92,0.17)}
html[data-vr-theme="light"] .user-row{border-bottom:1px solid rgba(120,84,92,0.13)}
html[data-vr-theme="light"] .user-row small{color:#6d7278}
html[data-vr-theme="light"] .user-table-head{color:#6d7278}
html[data-vr-theme="light"] .user-active{color:#288a61}
html[data-vr-theme="light"] .user-disabled{color:#8e1f0b}
html[data-vr-theme="light"] .remix-title-input,html[data-vr-theme="light"] .remix-body-input,html[data-vr-theme="light"] .remix-tags-input{background:rgba(124,84,92,0.07);border-color:rgba(219,82,61,0.23)}
html[data-vr-theme="light"] .draft-editor-backdrop{background:rgba(58,38,42,0.6)}
html[data-vr-theme="light"] .draft-editor-modal{background:#ffffff;border:1px solid rgba(120,84,92,0.27);box-shadow:0 28px 80px rgba(120,70,80,0.3)}
html[data-vr-theme="light"] .draft-editor-head{border-bottom:1px solid rgba(120,84,92,0.17)}
html[data-vr-theme="light"] .icon-button{color:#733026;background:rgba(124,84,92,0.08);border:1px solid rgba(120,84,92,0.24)}
html[data-vr-theme="light"] .draft-image-toolbar small{color:#6d7278}
html[data-vr-theme="light"] .draft-image-edit-item{background:rgba(124,84,92,0.06);border:1px solid rgba(120,84,92,0.21)}
html[data-vr-theme="light"] .draft-image-edit-item img{background:#fdf6f6}
html[data-vr-theme="light"] .draft-image-edit-item>span{color:#2a2c31;background:#fdf6f6}
html[data-vr-theme="light"] .draft-image-actions button{color:#733026;background:rgba(124,84,92,0.08);border:1px solid rgba(120,84,92,0.21)}
html[data-vr-theme="light"] .draft-image-actions .delete-image-button{color:#8e110b}
html[data-vr-theme="light"] .empty-draft-images{color:#6d7278;border:1px dashed rgba(120,84,92,0.27)}
html[data-vr-theme="light"] .draft-editor-footer{border-top:1px solid rgba(120,84,92,0.17)}
html[data-vr-theme="light"] .draft-editor-footer>span{color:#723127}
html[data-vr-theme="light"] .collection-card.selected,html[data-vr-theme="light"] .draft-card.selected,html[data-vr-theme="light"] .phone-preview.selected{border-color:rgba(219,82,61,0.6);box-shadow:inset 0 0 0 1px rgba(232,69,47,0.13),0 16px 38px rgba(120,70,80,0.13)}
html[data-vr-theme="light"] .rich-draft-card.export-selected{border-color:rgba(219,82,61,0.6);box-shadow:inset 0 0 0 2px rgba(232,69,47,0.16),0 16px 38px rgba(120,70,80,0.13)}
html[data-vr-theme="light"] .empty-filter-state,html[data-vr-theme="light"] .empty-draft-images{color:#6d7278;background:rgba(124,84,92,0.05);border-color:rgba(219,82,61,0.23)}
html[data-vr-theme="light"] .library-card-actions{border-top:1px solid rgba(120,84,92,0.13)}
html[data-vr-theme="light"] .settings-console{background:linear-gradient(145deg,#fdf6f6,#fdf6f6)}
html[data-vr-theme="light"] .settings-notice{border:1px solid rgba(100,180,153,0.31)}
html[data-vr-theme="light"] .user-table{border:1px solid rgba(120,84,92,0.13)}
html[data-vr-theme="light"] .user-table-head{background:rgba(124,84,92,0.05)}
html[data-vr-theme="light"] .reference-add-button,html[data-vr-theme="light"] .reference-added-button{color:#872212;background:rgba(194,57,36,0.15);border:1px solid rgba(219,82,61,0.45)}
html[data-vr-theme="light"] .reference-added-button{color:#2b6e4f;background:rgba(75,155,128,0.16);border-color:rgba(100,180,153,0.45)}
html[data-vr-theme="light"] .batch-task-actions .danger-text-button{color:#8e1b0b}
html[data-vr-theme="light"] .settings-api-card{background:linear-gradient(140deg,#fbf1f2,#fdf6f6);border-color:rgba(220,82,60,0.23)}
html[data-vr-theme="light"] .provider-title-row strong{color:#882111}
html[data-vr-theme="light"] .provider-status-grid{background:#fdf6f6;border:1px solid rgba(120,84,92,0.15)}
html[data-vr-theme="light"] .provider-status{border-right:1px solid rgba(120,84,92,0.13)}
html[data-vr-theme="light"] .provider-status strong{color:#782c21}
html[data-vr-theme="light"] .provider-status.ready svg,html[data-vr-theme="light"] .provider-status.ready strong{color:#2f8a5b}
html[data-vr-theme="light"] .provider-status.missing svg,html[data-vr-theme="light"] .provider-status.missing strong{color:#8f3628}
html[data-vr-theme="light"] .provider-card{background:rgba(124,84,92,0.04);border:1px solid rgba(120,84,92,0.17)}
html[data-vr-theme="light"] .provider-card-badge{color:#872718;background:rgba(195,56,35,0.11);border:1px solid rgba(220,82,60,0.29)}
html[data-vr-theme="light"] .provider-icon{color:#872718;background:rgba(195,56,35,0.11);border:1px solid rgba(220,82,60,0.29)}
html[data-vr-theme="light"] .provider-card h3{color:#782c21}
html[data-vr-theme="light"] .provider-card label{color:#6d7278}
html[data-vr-theme="light"] .provider-card input{color:#733026;background:#fdf6f6;border:1px solid rgba(120,84,92,0.19)}
html[data-vr-theme="light"] .provider-card input:focus{border-color:rgba(220,82,60,0.59);outline:2px solid rgba(220,82,60,0.57)}
html[data-vr-theme="light"] .provider-card input:disabled{background:#fdf6f6;border-color:rgba(120,84,92,0.12)}
html[data-vr-theme="light"] .provider-scope-note{color:#913729}
html[data-vr-theme="light"] .provider-card-qiniu{background:linear-gradient(145deg,rgba(72,114,158,0.1),rgba(124,84,92,0.03))}
html[data-vr-theme="light"] .provider-diagnostic.ready{color:#277244;background:rgba(68,162,105,0.12);border:1px solid rgba(93,187,130,0.29)}
html[data-vr-theme="light"] .provider-diagnostic.missing{color:#7d291c;background:rgba(186,63,44,0.12);border:1px solid rgba(211,88,69,0.29)}
html[data-vr-theme="light"] .provider-readonly{color:#6d7278;border:1px dashed rgba(120,84,92,0.27)}
@media (width<=1120px){
html[data-vr-theme="light"] .provider-status:nth-child(-n+2){border-bottom:1px solid rgba(120,84,92,0.13)}
}
@media (width<=760px){
html[data-vr-theme="light"] .provider-status,html[data-vr-theme="light"] .provider-status:nth-child(2){border-bottom:1px solid rgba(120,84,92,0.13)}
}
/* ── 视频二创工作台 · dist/video-remix.css ── */
html[data-vr-theme="light"] #video-remix-host{background:#fdf6f6}
html[data-vr-theme="light"] .vr-back{border:1px solid #e7d2d6;background:#ffffff;color:#325067}
html[data-vr-theme="light"] .vr-topbar{background:#ffffff}
html[data-vr-theme="light"] .vr-top-progress{color:#6d7278}
html[data-vr-theme="light"] .vr-top-progress i{background:#f6e7e9}
html[data-vr-theme="light"] .vr-btn,html[data-vr-theme="light"] .vr-icon-btn{background:#ffffff}
html[data-vr-theme="light"] .vr-btn:hover:not(:disabled),html[data-vr-theme="light"] .vr-icon-btn:hover:not(:disabled){background:#fbf1f2}
html[data-vr-theme="light"] #video-remix-host{background:#fdf6f6}
html[data-vr-theme="light"] .vr-shell{background:#fdf6f6;color:#325a67}
html[data-vr-theme="light"] .vr-topbar{border-bottom:1px solid #e7d2d6;background:#ffffff}
html[data-vr-theme="light"] .vr-notes-pane{border-right:1px solid #e7d2d6;background:#ffffff}
html[data-vr-theme="light"] .vr-stage-pane{background:#fdf6f6}
html[data-vr-theme="light"] .vr-canvas-wrap{background:#fdf6f6}
html[data-vr-theme="light"] .vr-timeline-section{border-top:1px solid #e7d2d6;background:#ffffff}
html[data-vr-theme="light"] .vr-inspector-pane{border-left:1px solid #e7d2d6;background:#ffffff}
html[data-vr-theme="light"] .vr-inspector-tabs{background:#ffffff}
html[data-vr-theme="light"] .vr-flow-card{border-top:1px solid #e7d2d6}
html[data-vr-theme="light"] .vr-export-controls label span{color:#6d7278}
html[data-vr-theme="light"] .vr-export-controls select{border:1px solid #e7d2d6;background:#ffffff;color:#325367}
html[data-vr-theme="light"] .vr-export-progress{border:1px solid #e7d2d6;background:#ffffff}
html[data-vr-theme="light"] .vr-export-progress progress{accent-color:#299168}
html[data-vr-theme="light"] .vr-export-progress .vr-error{color:#8e0b0b}
html[data-vr-theme="light"] .vr-export-progress[data-export-state="failed"]{border-color:#e0c8cd}
@media(max-width:900px){
html[data-vr-theme="light"] .vr-inspector-pane{border-top:1px solid #e7d2d6}
}
html[data-vr-theme="light"] .vr-shot-status{border:1px solid #e7d2d6;background:#ffffff}
html[data-vr-theme="light"] .vr-shot-status>div{color:#4c5158}
html[data-vr-theme="light"] .vr-shot-status small{color:#6d7278}
html[data-vr-theme="light"] .vr-merge-list>div{border:1px solid #e7d2d6;background:#ffffff}
html[data-vr-theme="light"] .vr-merge-list>div.is-active{background:#fbf1f2}
html[data-vr-theme="light"] .vr-merge-select b{color:#2c8f6a}
html[data-vr-theme="light"] .vr-merge-select small{color:#6d7278}
html[data-vr-theme="light"] .vr-danger-btn{color:#8e0b0b}
html[data-vr-theme="light"] .vr-subtitle-object.is-selected{outline:1px dashed rgba(58,202,222,0.6)}
html[data-vr-theme="light"] .vr-subtitle-handle{border:2px solid #ead6d9}
html[data-vr-theme="light"] .vr-live-subtitle{color:var(--subtitle-color,#2a2c31)}
html[data-vr-theme="light"] .vr-live-subtitle .is-emphasis{background:color-mix(in srgb,var(--emphasis-color,#e8452f) 14%,transparent)}
html[data-vr-theme="light"] .vr-fixed-engine{border:1px solid #e0c8cd;background:#ffffff}
html[data-vr-theme="light"] .vr-fixed-engine b{color:#326750}
html[data-vr-theme="light"] .vr-fixed-engine small{color:#6d7278}
html[data-vr-theme="light"] .vr-clip-task-status{border:1px solid #e7d2d6;background:#ffffff;color:#4c5158}
html[data-vr-theme="light"] .vr-clip-task-status.is-active{background:#ffffff}
html[data-vr-theme="light"] .vr-clip-task-status.is-failed{border-color:#e0c8cd;background:#ffffff}
html[data-vr-theme="light"] .vr-clip-task-status.is-done{background:#ffffff}
html[data-vr-theme="light"] .vr-clip-task-title small{color:#6d7278}
html[data-vr-theme="light"] .vr-clip-task-status.is-active .vr-clip-task-title small{color:#27885f}
html[data-vr-theme="light"] .vr-clip-task-status.is-failed .vr-clip-task-title small{color:#8e0b0b}
html[data-vr-theme="light"] .vr-clip-task-status.is-done .vr-clip-task-title small{color:#227959}
html[data-vr-theme="light"] .vr-clip-task-phase{color:#6d7278}
html[data-vr-theme="light"] .vr-clip-task-phase b{color:#325e67}
html[data-vr-theme="light"] .vr-clip-task-phase span{color:#6d7278}
html[data-vr-theme="light"] .vr-clip-task-progress progress{accent-color:#409870}
html[data-vr-theme="light"] .vr-clip-task-progress b{color:#325a67}
html[data-vr-theme="light"] .vr-clip-task-status .vr-error{color:#8e0b0b}
html[data-vr-theme="light"] .vr-clip-task-hint{color:#6d7278}
html[data-vr-theme="light"] .vr-job-submission,html[data-vr-theme="light"] .vr-job-history{border-top:1px solid #e7d2d6}
html[data-vr-theme="light"] .vr-job-submission summary,html[data-vr-theme="light"] .vr-job-history summary{color:#325d67}
html[data-vr-theme="light"] .vr-job-submission dt{color:#6d7278}
html[data-vr-theme="light"] .vr-job-submission dd{color:#4c5158}
html[data-vr-theme="light"] .vr-job-row{background:#ffffff;border-left:2px solid #e0c8cd}
html[data-vr-theme="light"] .vr-job-row b{color:#325e67}
html[data-vr-theme="light"] .vr-job-row small,html[data-vr-theme="light"] .vr-job-row span{color:#6d7278}
html[data-vr-theme="light"] .vr-job-row strong{color:#325c67}
html[data-vr-theme="light"] .vr-job-row p{color:#8e0b0b}
html[data-vr-theme="light"] .vr-job-row .vr-link-btn{color:#2a835b}
html[data-vr-theme="light"] .vr-job-empty{background:#ffffff;color:#6d7278}
html[data-vr-theme="light"] .vr-row-resizer{background:#ffffff}
html[data-vr-theme="light"] .vr-topbar{border-bottom:1px solid #e7d2d6}
html[data-vr-theme="light"] .vr-template-actions,html[data-vr-theme="light"] .vr-batch-actions{border-left:1px solid #e7d2d6}
html[data-vr-theme="light"] .vr-batch-count{border:1px solid #e7d2d6;background:#ffffff;color:#4c5158}
html[data-vr-theme="light"] .vr-batch-count span{color:#4c5158}
html[data-vr-theme="light"] .vr-batch-count input{border-left:1px solid #e7d2d6;color:#326167}
html[data-vr-theme="light"] .vr-batch-actions .vr-top-step{color:#257450;background:#fbf1f2}
html[data-vr-theme="light"] .vr-batch-actions .vr-top-step:disabled{border-color:#e7d2d6;background:#ffffff}
html[data-vr-theme="light"] .vr-note:hover{background:#ffffff;border-color:#e7d2d6}
html[data-vr-theme="light"] .vr-note.is-active{background:#fbf1f2}
html[data-vr-theme="light"] .vr-note-cover{background:#ffffff}
html[data-vr-theme="light"] .vr-note-copy strong{color:#326267}
html[data-vr-theme="light"] .vr-note-state{color:#6d7278}
html[data-vr-theme="light"] .vr-timeline-clip>button{border:1px solid #e7d2d6;background:#ffffff}
html[data-vr-theme="light"] .vr-timeline-clip.is-active>button{background:#fbf1f2}
html[data-vr-theme="light"] .vr-shot-number,html[data-vr-theme="light"] .vr-shot-kind{color:#6d7278}
html[data-vr-theme="light"] .vr-shot-number{color:#278d63}
html[data-vr-theme="light"] .vr-shot-thumb{background:#ffffff}
html[data-vr-theme="light"] .vr-canvas-wrap{background:#fdf6f6}
html[data-vr-theme="light"] .vr-canvas-wrap::before{color:#8e0b0b;background:#ffffff}
html[data-vr-theme="light"] .vr-canvas{background:#ffffff;border:1px solid #e7d2d6;box-shadow:0 12px 30px rgba(120,70,80,0.15)}
html[data-vr-theme="light"] .vr-canvas>img,html[data-vr-theme="light"] .vr-canvas>video{background:#fdf6f6}
html[data-vr-theme="light"] .vr-canvas-shade{background:linear-gradient(180deg,rgba(58,38,42,0.3),transparent 25%,transparent 76%,rgba(58,38,42,0.3))}
html[data-vr-theme="light"] .vr-shot-thumb{background:#ffffff}
html[data-vr-theme="light"] .vr-shot-thumb img,html[data-vr-theme="light"] .vr-shot-thumb video{background:#ffffff}
html[data-vr-theme="light"] .vr-shell{background:#ffffff;color:#2a2c31}
html[data-vr-theme="light"] .vr-topbar{background:#ffffff;border-bottom:1px solid #e7d2d6}
html[data-vr-theme="light"] .vr-batch-actions .vr-top-step{background:#e8452f;border-color:#f0c0ba}
html[data-vr-theme="light"] .vr-template-actions,html[data-vr-theme="light"] .vr-batch-actions{border-left-color:#e7d2d6}
html[data-vr-theme="light"] .vr-workspace{background:#ffffff}
html[data-vr-theme="light"] .vr-notes-pane{background:#ffffff;border-right-color:#e7d2d6}
html[data-vr-theme="light"] .vr-source-tabs{background:#fbf1f2}
html[data-vr-theme="light"] .vr-stage-pane{background:#ffffff}
html[data-vr-theme="light"] .vr-stage-head{border-bottom:1px solid #e7d2d6;background:#ffffff}
html[data-vr-theme="light"] .vr-stage-meta span{border:1px solid #e0c8cd;color:#4c5158}
html[data-vr-theme="light"] .vr-canvas-wrap{background:#ffffff;background-image:radial-gradient(circle at 1px 1px,#fbf1f2 1px,transparent 0)}
html[data-vr-theme="light"] .vr-canvas{background:#fdf6f6;box-shadow:0 20px 58px rgba(120,70,80,0.26)}
html[data-vr-theme="light"] .vr-canvas-media{background:#fdf6f6}
html[data-vr-theme="light"] .vr-canvas-media>img,html[data-vr-theme="light"] .vr-canvas-media>video{background:#fdf6f6}
html[data-vr-theme="light"] .vr-canvas-badge{border:1px solid rgba(120,84,92,0.24);background:#fdf6f6}
html[data-vr-theme="light"] .vr-timeline-section{background:#ffffff;border-top-color:#e7d2d6}
html[data-vr-theme="light"] .vr-timeline-clip>button{border-color:#e7d2d6;background:#fbf1f2}
html[data-vr-theme="light"] .vr-timeline-clip.is-active>button{border-color:#f0c0ba;box-shadow:0 0 0 1px rgba(232,69,47,0.14);background:#fbf1f2}
html[data-vr-theme="light"] .vr-shot-number{color:#9f200d}
html[data-vr-theme="light"] .vr-shot-thumb,html[data-vr-theme="light"] .vr-timeline-clip[data-orientation="portrait"] .vr-shot-thumb{background:#fdf6f6}
html[data-vr-theme="light"] .vr-shot-thumb img,html[data-vr-theme="light"] .vr-shot-thumb video{background:#fdf6f6}
html[data-vr-theme="light"] .vr-shot-info b{color:#2a2c31}
html[data-vr-theme="light"] .vr-inspector-pane{background:#ffffff;border-left-color:#e7d2d6}
html[data-vr-theme="light"] .vr-inspector-tabs{background:#ffffff;border-bottom:1px solid #e7d2d6}
html[data-vr-theme="light"] .vr-inspector-tabs button.is-active{background:#fbf1f2;color:#2a2c31}
html[data-vr-theme="light"] .vr-flow-card{background:#ffffff;border-top-color:#e7d2d6}
html[data-vr-theme="light"] .vr-inspector .vr-form-grid>label>span{color:#6d7278}
html[data-vr-theme="light"] .vr-merge-thumb{background:#fdf6f6}
html[data-vr-theme="light"] .vr-media-actions .vr-icon-btn{border:1px solid #e0c8cd;background:#fbf1f2;color:#2a2c31}
html[data-vr-theme="light"] .vr-media-actions .vr-icon-btn:hover{border-color:#f0c0ba;color:#2a2c31}
html[data-vr-theme="light"] .vr-title-track button{border:1px solid #e7d2d6;background:#ffffff;color:#4c5158}
html[data-vr-theme="light"] .vr-title-track button.is-active{border-color:#f0c0ba;background:#fbf1f2;color:#2a2c31}
html[data-vr-theme="light"] .vr-title-track small{color:#6d7278}
html[data-vr-theme="light"] .vr-title-tabs{background:#fbf1f2}
html[data-vr-theme="light"] .vr-title-tabs button{color:#6d7278}
html[data-vr-theme="light"] .vr-title-section{border:1px solid #e7d2d6;background:#ffffff}
html[data-vr-theme="light"] .vr-title-section>strong,html[data-vr-theme="light"] .vr-title-section summary{color:#2a2c31}
html[data-vr-theme="light"] .vr-preset-toolbar small{color:#6d7278}
html[data-vr-theme="light"] .vr-title-preset{border:1px solid #e7d2d6;background:#ffffff}
html[data-vr-theme="light"] .vr-title-preset b{color:#2a2c31}
html[data-vr-theme="light"] .vr-title-preset.is-active{border-color:#f0c0ba;background:#fbf1f2}
html[data-vr-theme="light"] .vr-inspector .vr-audio-file{border:1px dashed #e0c8cd;color:#4c5158}
html[data-vr-theme="light"] .vr-cue-row{border:1px solid #e7d2d6;background:#ffffff}
html[data-vr-theme="light"] .vr-cue-row b{color:#9f200d}
html[data-vr-theme="light"] .vr-template-name{border:1px solid #e0c8cd;background:#ffffff;color:#2a2c31}
html[data-vr-theme="light"] .vr-template-name:focus{border-color:#f0c0ba}
html[data-vr-theme="light"] .vr-note{border:1px solid #e7d2d6;background:#ffffff}
html[data-vr-theme="light"] .vr-note:hover{background:#fbf1f2;border-color:#e0c8cd}
html[data-vr-theme="light"] .vr-note.is-active{background:#fbf1f2}
html[data-vr-theme="light"] .vr-note .vr-note-cover,html[data-vr-theme="light"] .vr-note-main .vr-note-cover{background:#ffffff}
html[data-vr-theme="light"] .vr-note-thumb{background:#ffffff}
html[data-vr-theme="light"] .vr-note .vr-note-copy strong,html[data-vr-theme="light"] .vr-note-main .vr-note-copy strong{color:#326767}
html[data-vr-theme="light"] .vr-note .vr-note-copy small,html[data-vr-theme="light"] .vr-note-main .vr-note-copy small{color:#6d7278}
html[data-vr-theme="light"] .vr-note .vr-note-favorite,html[data-vr-theme="light"] .vr-note-main .vr-note-favorite{border:1px solid rgba(120,84,92,0.48);background:#fdf6f6;color:#32675a}
html[data-vr-theme="light"] .vr-note .vr-note-favorite:hover{color:#8e0b23}
html[data-vr-theme="light"] .vr-note .vr-note-favorite.is-active{border-color:#f0c0ba;color:#9f200d;background:rgba(207,47,23,0.19)}
html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-note .vr-note-favorite,html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-note-main .vr-note-favorite{background:rgba(124,84,92,0.28)}
html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-note .vr-note-favorite:hover{color:#d02d17}
html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-note .vr-note-favorite.is-active{background:rgba(38,192,133,0.14)}
html[data-vr-theme="light"] .vr-inspector-tabs::-webkit-scrollbar-thumb{background:#f6e7e9}
html[data-vr-theme="light"] .vr-transport{border:1px solid #e7d2d6;background:#ffffff;color:#4c5158}
html[data-vr-theme="light"] .vr-transport-button{border:1px solid #e0c8cd;background:#fbf1f2;color:#2a2c31}
html[data-vr-theme="light"] .vr-transport-button:hover:not(:disabled){border-color:#f0c0ba;color:#9f200d}
html[data-vr-theme="light"] .vr-scrubber{accent-color:#9f200d}
html[data-vr-theme="light"] .vr-timeline-ruler span{border-left:1px solid #e7d2d6}
html[data-vr-theme="light"] .vr-flow-card{border-top:1px solid #e7d2d6;background:#ffffff}
html[data-vr-theme="light"] .vr-flow-card>strong{color:#325367}
html[data-vr-theme="light"] .vr-duration-check{color:#6d7278}
html[data-vr-theme="light"] .vr-duration-check b{color:#29875e}
html[data-vr-theme="light"] .vr-duration-check.is-overflow b{color:#8e0b0b}
html[data-vr-theme="light"] .vr-flow-steps span{color:#6d7278}
html[data-vr-theme="light"] .vr-flow-steps span::before{background:#f6e7e9}
html[data-vr-theme="light"] .vr-flow-steps span.done{color:#32674f}
html[data-vr-theme="light"] .vr-timeline-ruler{border-bottom:1px solid #e7d2d6;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(8.333% - 1px),#fbf1f2 calc(8.333% - 1px),#fbf1f2 8.333%)}
html[data-vr-theme="light"] .vr-preview-toolbar{color:#6d7278}
html[data-vr-theme="light"] .vr-ratio-toggle{border:1px solid #e7d2d6;background:#ffffff}
html[data-vr-theme="light"] .vr-ratio-toggle button{color:#6d7278}
html[data-vr-theme="light"] .vr-ratio-toggle button.is-active{background:#e8452f}
html[data-vr-theme="light"] .vr-track-lane{border-top:1px solid #e7d2d6;background:repeating-linear-gradient(90deg,rgba(124,84,92,0.04) 0,rgba(124,84,92,0.04) calc(8.333% - 1px),transparent calc(8.333% - 1px),transparent 8.333%)}
html[data-vr-theme="light"] .vr-track-item{color:#325767;background:#f6e7e9}
html[data-vr-theme="light"] .vr-track-title .vr-track-item{background:#f6e7e9;border-color:#f0c0ba}
html[data-vr-theme="light"] .vr-track-subtitle .vr-track-item{background:#f6e7e9}
html[data-vr-theme="light"] .vr-track-narration .vr-track-item{background:#f6e7e9}
html[data-vr-theme="light"] .vr-track-music .vr-track-item{background:#f6e7e9}
html[data-vr-theme="light"] .vr-canvas{border:1px solid #e7d2d6;background:#fdf6f6;box-shadow:0 18px 50px rgba(120,70,80,0.19)}
html[data-vr-theme="light"] .vr-title-object.is-selected{outline:1px dashed #f0c0ba;box-shadow:0 0 0 4px rgba(232,69,47,0.11)}
html[data-vr-theme="light"] .vr-title-index{background:#e8452f}
html[data-vr-theme="light"] .vr-title-handle{border:2px solid #ead6d9;background:#e8452f;box-shadow:0 1px 5px rgba(120,70,80,0.35)}
html[data-vr-theme="light"] .vr-title-handle::after{border-right:1px solid #ead6d9;border-bottom:1px solid #ead6d9}
html[data-vr-theme="light"] .vr-clip-mode-note{border:1px solid #e0c8cd;background:#ffffff;color:#4c5158}
html[data-vr-theme="light"] .vr-reference-section{border:1px solid #e7d2d6;background:#ffffff}
html[data-vr-theme="light"] .vr-reference-heading strong{color:#2a2c31}
html[data-vr-theme="light"] .vr-reference-heading small{color:#6d7278}
html[data-vr-theme="light"] .vr-reference-heading>b{background:#fbf1f2;color:#117888}
html[data-vr-theme="light"] .vr-reference-item,html[data-vr-theme="light"] .vr-reference-add{border:1px solid #e0c8cd;background:#ffffff}
html[data-vr-theme="light"] .vr-reference-item figcaption{background:#fdf6f6;color:#2c676d}
html[data-vr-theme="light"] .vr-reference-item button{background:#fdf6f6;color:#2a2c31}
html[data-vr-theme="light"] .vr-reference-add{color:#6d7278}
html[data-vr-theme="light"] .vr-ratio-section{border:1px solid #e7d2d6;background:#ffffff}
html[data-vr-theme="light"] .vr-ratio-heading strong{color:#2a2c31}
html[data-vr-theme="light"] .vr-ratio-heading small{color:#6d7278}
html[data-vr-theme="light"] .vr-ratio-heading>b{background:#fbf1f2;color:#117888}
html[data-vr-theme="light"] .vr-ratio-option{border:1px solid #e0c8cd;background:#ffffff;color:#4c5158}
html[data-vr-theme="light"] .vr-ratio-option:hover{color:#2c666d}
html[data-vr-theme="light"] .vr-ratio-option.is-active{background:#fbf1f2;color:#0b7a8e}
html[data-vr-theme="light"] .vr-ratio-option small{color:#6d7278}
html[data-vr-theme="light"] .vr-ratio-option.is-active small{color:#236c76}
html[data-vr-theme="light"] .vr-track-merged .vr-track-item.is-merged{background:linear-gradient(90deg,rgba(23,150,207,0.26),rgba(34,196,93,0.22));border:1px solid rgba(48,176,232,0.6)}
html[data-vr-theme="light"] .vr-track-merged .vr-track-item.is-merged b{color:#0b6d8e}
html[data-vr-theme="light"] .vr-track-merged .vr-track-item.is-merged small{color:#3a5f79}
html[data-vr-theme="light"] .vr-field-hint{color:#3e6581}
html[data-vr-theme="light"] .vr-narration-preview{accent-color:#0f89bf}
html[data-vr-theme="light"] .vr-narration-status{border:1px solid #e0c8cd;background:#ffffff}
html[data-vr-theme="light"] .vr-narration-status b{color:#325967}
html[data-vr-theme="light"] .vr-narration-status span{color:#417087}
html[data-vr-theme="light"] .vr-narration-status progress{accent-color:#137786}
html[data-vr-theme="light"] .vr-narration-status.stage-completed{background:#ffffff}
html[data-vr-theme="light"] .vr-narration-status.stage-completed progress{accent-color:#288f34}
html[data-vr-theme="light"] .vr-narration-status.stage-failed{border-color:#e0c8cd;background:#ffffff}
html[data-vr-theme="light"] .vr-narration-status.stage-failed b{color:#8e0b1f}
html[data-vr-theme="light"] .vr-subtitle-style-tags button{border:1px solid #e0c8cd;background:#ffffff;color:#325867}
html[data-vr-theme="light"] .vr-subtitle-style-tags button:hover{color:#0b728e}
html[data-vr-theme="light"] .vr-subtitle-tag{border:1px solid #e7d2d6;background:#ffffff}
html[data-vr-theme="light"] .vr-subtitle-tag b{color:#1b8190}
html[data-vr-theme="light"] .vr-subtitle-tag p{color:#2a2c31}
html[data-vr-theme="light"] .vr-autosave-state{color:#406884}
html[data-vr-theme="light"] .vr-batch-panel{border:1px solid rgba(100,151,180,0.44);background:#fdf6f6}
html[data-vr-theme="light"] .vr-batch-grid label{color:#35576e}
html[data-vr-theme="light"] .vr-batch-panel>small{color:#6d7278}
html[data-vr-theme="light"] .vr-batch-output-project{background:rgba(124,84,92,0.06)}
html[data-vr-theme="light"] .vr-batch-output-project small{color:#6d7278}
html[data-vr-theme="light"] .vr-batch-output-project>a{color:#0b648e}
html[data-vr-theme="light"] .vr-batch-output-project p{color:#8e0b1e}
html[data-vr-theme="light"] .vr-batch-empty{border:1px dashed rgba(100,154,180,0.33)}
html[data-vr-theme="light"] .vr-duration-board{border:1px solid #e0c8cd;background:#ffffff}
html[data-vr-theme="light"] .vr-duration-row>span{color:#3d6980}
html[data-vr-theme="light"] .vr-duration-row>b{color:#325967}
html[data-vr-theme="light"] .vr-duration-row>small{color:#6d7278}
html[data-vr-theme="light"] .vr-duration-alert{border:1px solid #e0c8cd;background:linear-gradient(180deg,#ffffff,#ffffff)}
html[data-vr-theme="light"] .vr-duration-alert>b{color:#8e1d0b}
html[data-vr-theme="light"] .vr-duration-alert>small{color:#6f332a}
html[data-vr-theme="light"] .vr-pos-grid label{color:#6d7278}
html[data-vr-theme="light"] .vr-animation-tags button.is-active{background:#fbf1f2;color:#0b7c8e}
html[data-vr-theme="light"] .vr-title-when{border:1px solid var(--line,#e7d2d6);background:var(--surface2,#ffffff)}
html[data-vr-theme="light"] .vr-title-when-head > span{color:var(--text,#325367)}
html[data-vr-theme="light"] .vr-title-when-head > small{color:var(--muted,#6d7278)}
html[data-vr-theme="light"] .vr-title-when-tags button{border:1px solid var(--line,#e7d2d6);background:var(--surface3,#fbf1f2);color:var(--text-2,#6d7278)}
html[data-vr-theme="light"] .vr-title-when-tags button:hover{border-color:#e0c8cd;color:var(--text,#325367)}
html[data-vr-theme="light"] .vr-title-when-tags button.is-active{background:color-mix(in srgb,var(--accent,#7adbe9) 14%,var(--surface2,#ffffff))}
html[data-vr-theme="light"] .vr-title-when-fields label{color:#6d7278}
html[data-vr-theme="light"] .vr-title-when-fields input[type="number"]{border:1px solid var(--line,#e7d2d6);background:var(--surface3,#fbf1f2);color:var(--text,#325367)}
html[data-vr-theme="light"] .vr-title-when-fields em{color:var(--muted,#6d7278)}
html[data-vr-theme="light"] .vr-title-when-fields small{color:var(--muted,#6d7278)}
html[data-vr-theme="light"] .vr-layout-board{border:1px solid var(--line,#e7d2d6);background:var(--surface2,#ffffff)}
html[data-vr-theme="light"] .vr-layout-head > span{color:var(--text,#325367)}
html[data-vr-theme="light"] .vr-layout-head > small{color:var(--muted,#6d7278)}
html[data-vr-theme="light"] .vr-layout-board .vr-field-hint{color:var(--muted,#6d7278)}
html[data-vr-theme="light"] .vr-title-object.is-out-range::after{background:#fdf6f6;color:#8e1d0b}
html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-title-object.is-out-range::after{background:rgba(124,84,92,0.28);box-shadow:0 1px 4px rgba(120,70,80,0.07)}
html[data-vr-theme="light"] .vr-huazi-card{border:1px solid var(--line,#e7d2d6);background:var(--surface2,#ffffff)}
html[data-vr-theme="light"] .vr-huazi-card:hover{border-color:#e0c8cd;background:var(--surface3,#fbf1f2)}
html[data-vr-theme="light"] .vr-huazi-card.is-active{background:color-mix(in srgb,var(--accent,#7adbe9) 10%,var(--surface2,#ffffff));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent,#7adbe9) 45%,transparent),0 4px 12px rgba(120,70,80,0.12)}
html[data-vr-theme="light"] .vr-huazi-card i{background:var(--surface3,#fbf1f2)}
html[data-vr-theme="light"] .vr-huazi-card b{color:var(--text-2,#6d7278)}
html[data-vr-theme="light"] .vr-huazi-card.is-active b{color:var(--text-1,#324d67)}
html[data-vr-theme="light"] .vr-emphasis-board label{color:var(--text-2,#6d7278)}
html[data-vr-theme="light"] .vr-emphasis-board input[type="color"]{border:1px solid var(--line,#e7d2d6)}
html[data-vr-theme="light"] .vr-inline-pair input[type="color"]{border:1px solid var(--line,#e7d2d6)}
html[data-vr-theme="light"] .vr-stale-notice{border:1px solid rgba(232,73,48,0.49);background:rgba(207,47,23,0.12);color:#8e1d0b}
html[data-vr-theme="light"] .vr-stale-notice b{color:#8e1d0b}
html[data-vr-theme="light"] .vr-quick-group>span,html[data-vr-theme="light"] .vr-quick-slider>span{color:#6d7278}
html[data-vr-theme="light"] .vr-quick-chip{border:1px solid rgba(120,84,92,0.24);background:rgba(124,84,92,0.06)}
html[data-vr-theme="light"] .vr-quick-chip.is-active{border-color:rgba(48,144,232,0.6);background:rgba(23,101,207,0.22);color:#0b518e}
html[data-vr-theme="light"] .vr-adv{border:1px solid rgba(120,84,92,0.17);background:rgba(124,84,92,0.03)}
html[data-vr-theme="light"] .vr-adv>summary::before{color:#6d7278}
html[data-vr-theme="light"] .vr-adv>summary small{color:#6d7278}
html[data-vr-theme="light"] .vr-title-input{border:1px solid rgba(120,84,92,0.2);background:#fdf6f6}
html[data-vr-theme="light"] .vr-subsection{border-top:1px solid rgba(120,84,92,0.14)}
html[data-vr-theme="light"] .vr-duration-board.is-compact>span{color:#6d7278}
html[data-vr-theme="light"] .vr-duration-board.is-compact>span b{color:#0b3e8e}
html[data-vr-theme="light"] .vr-duration-board.is-compact>span.is-over b,html[data-vr-theme="light"] .vr-duration-board.is-compact>span.is-over small{color:#8e250b}
html[data-vr-theme="light"] .vr-batch-blocked{border:1px solid rgba(208,91,72,0.55);background:#f8ecee;color:#872112}
html[data-vr-theme="light"] .vr-batch-ready{border:1px solid rgba(100,180,140,0.55);background:#fbf1f2;color:#257450}
html[data-vr-theme="light"] .vr-batch-history-row{border:1px solid rgba(100,154,180,0.23);background:#fbf1f2}
html[data-vr-theme="light"] .vr-batch-history-row small{color:#6d7278}
html[data-vr-theme="light"] .vr-batch-steps li{border:1px solid rgba(100,154,180,0.23);background:#fbf1f2}
html[data-vr-theme="light"] .vr-batch-steps li.is-done>i{background:rgba(51,179,128,0.22);color:#299168}
html[data-vr-theme="light"] .vr-batch-steps li.is-todo>i{background:rgba(207,47,23,0.24);color:#921f0d}
html[data-vr-theme="light"] .vr-batch-steps li small{color:#6d7278}
html[data-vr-theme="light"] .vr-batch-jump{border:1px solid rgba(100,154,180,0.36);color:#35576e}
html[data-vr-theme="light"] .vr-batch-jump:hover{color:#325367}
html[data-vr-theme="light"] .vr-batch-snapshot li{color:#6d7278}
html[data-vr-theme="light"] .vr-batch-snapshot li b{color:#325367}
html[data-vr-theme="light"] .vr-batch-diff{border:1px solid rgba(232,73,48,0.45);background:rgba(207,47,23,0.12)}
html[data-vr-theme="light"] .vr-batch-diff b{color:#921f0d}
html[data-vr-theme="light"] .vr-batch-diff li{color:#325367}
html[data-vr-theme="light"] .vr-batch-diff.is-same{border-color:rgba(76,204,154,0.39);background:rgba(51,179,128,0.1);color:#299168}
html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-inspector-tabs button.is-active{color:#2a2c31}
html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-btn-primary,html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-btn-accent,html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-top-step-main{color:#2a2c31}
html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-btn-primary:hover:not(:disabled),html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-btn-accent:hover:not(:disabled),html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-top-step-main:hover:not(:disabled){background:#f6e7e9;color:#2a2c31}
html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-btn:disabled,html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-top-step:disabled{color:#4c5158}
html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-stale-notice{border-color:#f0c0ba}
html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-stale-notice .vr-btn{color:#2a2c31}
html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-batch-blocked{border-color:#f0c0ba}
html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-batch-steps li.is-done>i{background:rgba(38,192,133,0.17)}
html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-batch-steps li.is-todo>i{background:rgba(199,53,31,0.19)}
html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-batch-diff{border-color:rgba(224,79,56,0.39);background:rgba(199,53,31,0.1)}
html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-batch-diff.is-same{border-color:rgba(63,217,159,0.36);background:rgba(38,192,133,0.1)}
html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-canvas-badge{background:rgba(124,84,92,0.28)}
html[data-vr-theme="light"] .vr-shell[data-theme="light"] ::placeholder{color:#4c5158}
html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-title-handle,html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-subtitle-handle{background:rgba(207,45,23,0.17)}
html[data-vr-theme="light"] .vr-ai-panel{border:1px solid #e7d2d6;background:#ffffff}
html[data-vr-theme="light"] .vr-ai-panel-head b{color:#9f200d}
html[data-vr-theme="light"] .vr-ai-tag{border:1px solid #e7d2d6;background:#ffffff;color:#4c5158}
html[data-vr-theme="light"] .vr-ai-tag.is-active{border-color:#f0c0ba;background:rgba(207,47,23,0.14);color:#9f200d}
html[data-vr-theme="light"] .vr-ai-extra{border:1px solid #e7d2d6;background:#ffffff;color:#325367}
html[data-vr-theme="light"] .vr-ai-preview{border:1px solid #e7d2d6;background:#ffffff}
html[data-vr-theme="light"] .vr-ai-preview textarea{border:1px solid #e7d2d6;background:#fdf6f6;color:#325367}
html[data-vr-theme="light"] .vr-emphasis-notice{color:#299168}
html[data-vr-theme="light"] .vr-emphasis-notice.is-error{color:#892010}
html[data-vr-theme="light"] .vr-huazi-fold{border:1px solid #e7d2d6;background:#ffffff}
html[data-vr-theme="light"] .vr-huazi-fold > summary > strong{color:#1b8190}
html[data-vr-theme="light"] .vr-huazi-fold > summary > small{color:#6d7278}
html[data-vr-theme="light"] .vr-huazi-fold > summary:hover{background:#fbf1f2}
html[data-vr-theme="light"] .vr-huazi-fold[open] > summary{border-bottom:1px solid #e7d2d6}
html[data-vr-theme="light"] .vr-stroke-quick.is-pinned{border:1px solid #e0c8cd;background:#fbf1f2}
html[data-vr-theme="light"] .vr-stroke-quick.is-pinned > label > span{color:#345a6b}
html[data-vr-theme="light"] .vr-stroke-quick.is-pinned em{color:#1b8190}
html[data-vr-theme="light"] .vr-subtitle-board-fold{border:1px solid #e7d2d6;background:#ffffff}
html[data-vr-theme="light"] .vr-subtitle-board-fold > summary.vr-subtitle-board-head:hover{background:#fbf1f2}
html[data-vr-theme="light"] .vr-subtitle-board-fold[open] > summary.vr-subtitle-board-head{border-bottom:1px solid #e7d2d6}
html[data-vr-theme="light"] .vr-subtitle-board-head b{color:#1b8190}
html[data-vr-theme="light"] .vr-cue-row{border:1px solid #e7d2d6;background:#ffffff}
html[data-vr-theme="light"] .vr-cue-row.is-active{border-color:#f0c0ba;background:rgba(207,47,23,0.08)}
html[data-vr-theme="light"] .vr-cue-row.is-playing{background:rgba(30,126,199,0.11)}
html[data-vr-theme="light"] .vr-cue-row.is-active.is-playing{border-color:#f0c0ba}
html[data-vr-theme="light"] .vr-cue-index{border:1px solid #e7d2d6;background:#fbf1f2;color:#4c5158}
html[data-vr-theme="light"] .vr-cue-row.is-active .vr-cue-index{border-color:#f0c0ba;color:#9f200d}
html[data-vr-theme="light"] .vr-cue-time input{border:1px solid #e7d2d6;background:#ffffff;color:#325367}
html[data-vr-theme="light"] .vr-cue-text{border:1px solid #e7d2d6;background:#ffffff;color:#325367}
html[data-vr-theme="light"] .vr-cue-stroke em{color:#9f200d}
html[data-vr-theme="light"] .vr-cue-animation{border:1px solid #e7d2d6;background:#ffffff;color:#325367}
html[data-vr-theme="light"] .vr-cue-animation option{background:#ffffff;color:#325367}
html[data-vr-theme="light"] .vr-stroke-quick{border:1px solid #e7d2d6;background:#ffffff}
html[data-vr-theme="light"] .vr-stroke-quick span{color:#6d7278}
html[data-vr-theme="light"] .vr-stroke-quick em{color:#9f200d}
html[data-vr-theme="light"] .vr-stroke-quick input[type="color"]{border:1px solid #e7d2d6;background:#ffffff}
html[data-vr-theme="light"] .vr-narration-text{border:1px solid #e7d2d6;background:#ffffff;color:#325367}
html[data-vr-theme="light"] .vr-template-note{border:1px solid #e7d2d6;background:#ffffff}
html[data-vr-theme="light"] .vr-template-note strong{color:#325467}
html[data-vr-theme="light"] .vr-template-save{border:1px dashed #e0c8cd;background:#ffffff}
html[data-vr-theme="light"] .vr-template-save strong{color:#9f200d}
html[data-vr-theme="light"] .vr-template-preview li{color:#6d7278}
html[data-vr-theme="light"] .vr-clip-trace{background:var(--vr-inset,#ffffff);border:1px solid var(--vr-line,#e7d2d6)}
html[data-vr-theme="light"] .vr-clip-trace-thumb{background:#fdf6f6}
html[data-vr-theme="light"] .vr-clip-trace-thumb span{color:var(--vr-muted,#6d7278)}
html[data-vr-theme="light"] .vr-clip-trace-body b{color:var(--vr-text,#2a2c31)}
html[data-vr-theme="light"] .vr-clip-trace-body small{color:var(--vr-muted,#6d7278)}
html[data-vr-theme="light"] .vr-segment-head small{color:var(--vr-muted,#6d7278)}
html[data-vr-theme="light"] .vr-inspector-tabs button.is-running{border-color:#e0c8cd;color:#127687}
html[data-vr-theme="light"] .vr-tab-badge{box-shadow:0 1px 3px rgba(120,70,80,0.19)}
html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-tab-badge{color:#2a2c31}
html[data-vr-theme="light"] .vr-batch-task-status{border:1px solid var(--line,#e7d2d6);background:var(--surface2,#ffffff)}
html[data-vr-theme="light"] .vr-batch-task-status.is-running{border-color:#e0c8cd;background:linear-gradient(180deg,#fbf1f2,#ffffff)}
html[data-vr-theme="light"] .vr-batch-task-status.is-done{border-color:#e0c8cd;background:linear-gradient(180deg,#fbf1f2,#ffffff)}
html[data-vr-theme="light"] .vr-batch-task-status.is-danger{border-color:#e0c8cd;background:linear-gradient(180deg,#ffffff,#ffffff)}
html[data-vr-theme="light"] .vr-batch-task-title b{color:var(--text,#325367)}
html[data-vr-theme="light"] .vr-batch-task-title small{color:var(--muted,#6d7278)}
html[data-vr-theme="light"] .vr-batch-task-progress progress{background:#fbf1f2}
html[data-vr-theme="light"] .vr-batch-task-progress progress::-webkit-progress-bar{background:#fbf1f2}
html[data-vr-theme="light"] .vr-batch-task-progress b{color:#167785}
html[data-vr-theme="light"] .vr-batch-task-phase b{color:var(--text-2,#6d7278)}
html[data-vr-theme="light"] .vr-batch-task-phase span{color:var(--muted,#6d7278)}
html[data-vr-theme="light"] .vr-batch-task-empty{color:var(--muted,#6d7278)}
html[data-vr-theme="light"] .vr-batch-task-steps li{background:var(--surface3,#fbf1f2)}
html[data-vr-theme="light"] .vr-batch-task-steps li > i{color:var(--muted,#6d7278)}
html[data-vr-theme="light"] .vr-batch-task-steps li.state-completed > i{color:#299168}
html[data-vr-theme="light"] .vr-batch-task-steps li.state-failed > i{color:#881111}
html[data-vr-theme="light"] .vr-batch-task-steps li.state-running > i,html[data-vr-theme="light"] .vr-batch-task-steps li.state-queued > i{color:#167785}
html[data-vr-theme="light"] .vr-batch-task-steps li b{color:var(--text,#325367)}
html[data-vr-theme="light"] .vr-batch-task-steps li small{color:var(--muted,#6d7278)}
html[data-vr-theme="light"] .vr-batch-task-steps li em{color:#881111}
html[data-vr-theme="light"] .vr-batch-task-steps li progress{background:#fbf1f2}
html[data-vr-theme="light"] .vr-batch-task-steps li progress::-webkit-progress-bar{background:#fbf1f2}
html[data-vr-theme="light"] .vr-batch-task-steps li > strong{color:var(--text-2,#6d7278)}
html[data-vr-theme="light"] .vr-batch-task-steps li > a{color:#167785}
html[data-vr-theme="light"] .vr-track-row-merged .vr-track-lane{border-top:1px solid #e7d2d6}
html[data-vr-theme="light"] .vr-track-item.is-merged{background:#f6e7e9}
html[data-vr-theme="light"] .vr-track-item.is-merged:hover{background:#f6e7e9}
html[data-vr-theme="light"] .vr-track-item.is-merged .vr-track-thumb{background:#ffffff}
html[data-vr-theme="light"] .vr-track-item.is-merged .vr-track-caption b{color:#325767}
html[data-vr-theme="light"] .vr-track-item.is-merged .vr-track-caption small{color:#325867}
html[data-vr-theme="light"] .vr-track-row-merged .vr-track-item.is-empty{background:#fbf1f2;border:1px dashed #e0c8cd;color:#6d7278}
html[data-vr-theme="light"] .vr-track-row-merged .vr-track-item.is-empty b{color:#325567}
html[data-vr-theme="light"] .vr-track-row-merged .vr-track-item.is-empty small{color:#6d7278}
html[data-vr-theme="light"] .vr-btn-ghost{border-color: rgba(120,84,92,0.27);color: #4c5158}
html[data-vr-theme="light"] .vr-btn-ghost:hover:not(:disabled){border-color: rgba(76,204,154,0.6);background: rgba(51,179,128,0.12);color: #237651}
/* ── 模型与渠道设置覆盖层 · dist/settings-provider.css ── */
html[data-vr-theme="light"] .sp-modal .sp-backdrop{background: rgba(58,38,42,0.5)}
html[data-vr-theme="light"] .sp-modal .sp-panel{background: #ffffff;color: #325967;border: 1px solid #e7d2d6;box-shadow: 0 24px 70px rgba(120,70,80,0.3)}
html[data-vr-theme="light"] .sp-modal .sp-head{border-bottom: 1px solid #e7d2d6;background: #ffffff}
html[data-vr-theme="light"] .sp-modal .sp-head small{color: #6d7278}
html[data-vr-theme="light"] .sp-modal .sp-saved{color: #2f904a}
html[data-vr-theme="light"] .sp-modal .sp-foot{border-top: 1px solid #e7d2d6;background: #ffffff}
html[data-vr-theme="light"] .sp-modal .sp-empty{color: #6d7278}
html[data-vr-theme="light"] .sp-modal .sp-card{border: 1px solid #e7d2d6;background: #ffffff}
html[data-vr-theme="light"] .sp-modal .sp-card-head small{color: #6d7278}
html[data-vr-theme="light"] .sp-modal .sp-badge{border: 1px solid #e0c8cd;color: #6d7278}
html[data-vr-theme="light"] .sp-modal .sp-badge.on{color: #287d40;background: #ffffff}
html[data-vr-theme="light"] .sp-modal .sp-field > span:first-child{color: #6d7278}
html[data-vr-theme="light"] .sp-modal input,html[data-vr-theme="light"] .sp-modal select{background: #ffffff;color: #325867;border: 1px solid #e0c8cd}
html[data-vr-theme="light"] .sp-modal .sp-btn{background: #fbf1f2;color: #325867;border: 1px solid #e0c8cd}
html[data-vr-theme="light"] .sp-modal .sp-btn:hover{background: #fbf1f2;border-color: #e0c8cd}
html[data-vr-theme="light"] .sp-modal .sp-btn.sp-primary{background: #f6e7e9;color: #0b6f8e}
html[data-vr-theme="light"] .sp-modal .sp-eye{background: #fbf1f2;color: #325767;border: 1px solid #e0c8cd}
html[data-vr-theme="light"] .sp-modal .sp-eye:hover{background: #fbf1f2}
html[data-vr-theme="light"] .sp-modal .sp-inline{color: #6d7278}
html[data-vr-theme="light"] .sp-modal .sp-inline.ok{color: #2f904a}
html[data-vr-theme="light"] .sp-modal .sp-inline.bad{color: #8e0b1f}
html[data-vr-theme="light"][data-vr-theme="light"] .sp-modal .sp-backdrop{background:rgba(58,38,42,0.3)}
html[data-vr-theme="light"][data-vr-theme="light"] .sp-modal .sp-foot{color:#6d7278}
html[data-vr-theme="light"][data-vr-theme="light"] .sp-modal .sp-head small,html[data-vr-theme="light"][data-vr-theme="light"] .sp-modal .sp-card-head small,html[data-vr-theme="light"][data-vr-theme="light"] .sp-modal .sp-field>span:first-child,html[data-vr-theme="light"][data-vr-theme="light"] .sp-modal .sp-empty{color:#6d7278}
html[data-vr-theme="light"][data-vr-theme="light"] .sp-modal .sp-btn:disabled{color:#4c5158}
html[data-vr-theme="light"][data-vr-theme="light"] .sp-modal .sp-btn.sp-primary:hover:not(:disabled){background:#f6e7e9}
html[data-vr-theme="light"][data-vr-theme="light"] .sp-modal .sp-badge{color:#6d7278}
html[data-vr-theme="light"] .xhs-iapi-head small{color:#6d7278}
html[data-vr-theme="light"] .xhs-iapi-del{color:#d03827;background:rgba(193,52,36,0.1);border:1px solid rgba(219,78,62,0.52)}
html[data-vr-theme="light"] .xhs-iapi-empty{color:#6d7278}
html[data-vr-theme="light"] .xhs-iapi-add{color:#d02d17;background:rgba(207,45,23,0.1);border:1px solid rgba(232,70,48,0.55)}
html[data-vr-theme="light"] .xhs-iapi-msg{color:#6d7278}
html[data-vr-theme="light"] .vr-compare-btn{color:#d02d17;background:rgba(207,45,23,0.1);border:1px solid rgba(232,70,48,0.55)}
html[data-vr-theme="light"] .vr-compare-mask{background:rgba(58,38,42,0.58)}
html[data-vr-theme="light"] .vr-compare-head{color:#2a2c31}
html[data-vr-theme="light"] .vr-compare-close{color:#2a2c31;background:rgba(124,84,92,0.22);border:1px solid rgba(120,84,92,0.51)}
html[data-vr-theme="light"] .vr-compare-pane{background:#ffffff;border:1px solid rgba(120,84,92,0.24)}
html[data-vr-theme="light"] .vr-compare-pane > header{color:#2a2c31;background:rgba(124,84,92,0.1)}
html[data-vr-theme="light"] .vr-compare-pane.is-empty > div::after{color:#6d7278}
html[data-vr-theme="light"] .vr-text-missing{background: rgba(199,53,31,0.12);border: 1px solid rgba(224,79,56,0.44)}
html[data-vr-theme="light"] .xhs-iapi-slot b.is-primary{color:#d02d17}
html[data-vr-theme="light"] .xhs-iapi-slot small{color:#6d7278}
html[data-vr-theme="light"] .xhs-iapi-fetch{color:#d02d17;background:rgba(207,45,23,0.1);border:1px solid rgba(232,70,48,0.55)}
html[data-vr-theme="light"] .xhs-iapi-primary{background:rgba(38,192,133,0.11);border:1px solid rgba(63,217,159,0.52)}
html[data-vr-theme="light"] .xhs-iapi-primary-tag{color:#d02d17;background:rgba(207,45,23,0.12);border:1px solid rgba(232,70,48,0.55)}
html[data-vr-theme="light"] .xhs-nav-soon{color: #6d7278;background: rgba(90,60,66,0.2)}
html[data-vr-theme="light"] .xhs-cs-mask{background: rgba(58,38,42,0.37)}
html[data-vr-theme="light"] .xhs-cs-card{box-shadow: 0 18px 48px rgba(120,70,80,0.13)}
html[data-vr-theme="light"] .xhs-cs-note{color: #6d7278}
html[data-vr-theme="light"] .xhs-lib-head small{color: #6d7278}
html[data-vr-theme="light"] .xhs-lib-mini{color: #d02d17;background: rgba(207,45,23,0.1);border: 1px solid rgba(232,70,48,0.52)}
html[data-vr-theme="light"] .xhs-lib-folder-name:hover{color: #d02d17}
html[data-vr-theme="light"] .xhs-lib-label:hover{color: #d02d17}
html[data-vr-theme="light"] .xhs-lib-empty{color: #6d7278}
html[data-vr-theme="light"] .xhs-cl-mask{background: rgba(58,38,42,0.4)}
html[data-vr-theme="light"] .xhs-cl-head small{color: #6d7278}
html[data-vr-theme="light"] .xhs-cl-msg{color: #6d7278}
html[data-vr-theme="light"] .xhs-character-card-button span{color: #6d7278}
html[data-vr-theme="light"] .xhs-cl-cover-empty{color: #6d7278}
html[data-vr-theme="light"] .xhs-cl-mini.danger{color: #d03827;border-color: rgba(219,78,62,0.52)}
html[data-vr-theme="light"] .xhs-cl-hint{color: #6d7278}
html[data-vr-theme="light"] .xhs-cl-err{color: #d03827}
html[data-vr-theme="light"] .xhs-cl-upload{color: #d02d17;background: rgba(207,45,23,0.1);border: 1px solid rgba(232,70,48,0.55)}
html[data-vr-theme="light"] .xhs-cl-thumb span{color: #6d7278}
html[data-vr-theme="light"] #xhs-character-page .xhs-page-body{background: #ffffff}
html[data-vr-theme="light"] #xhs-character-page .xhs-cl-toolbar{border: 1px solid #e7d2d6;background: #ffffff}
html[data-vr-theme="light"] .xhs-cl-toolbar-title b{color: #324667}
html[data-vr-theme="light"] .xhs-cl-toolbar-title span{color: #6d7278}
html[data-vr-theme="light"] #xhs-character-page .xhs-cl-toolbar select{background: #ffffff;border-color: #e7d2d6;color: #324267}
html[data-vr-theme="light"] #xhs-character-page .xhs-cl-msg{color: #6d7278}
html[data-vr-theme="light"] #xhs-character-page .xhs-cl-item{border-color: #e7d2d6;background: #ffffff}
html[data-vr-theme="light"] #xhs-character-page .xhs-cl-item:hover{border-color: #e0c8cd;box-shadow: 0 10px 28px rgba(120,70,80,0.12)}
html[data-vr-theme="light"] #xhs-character-page .xhs-cl-cover{background: #ffffff}
html[data-vr-theme="light"] #xhs-character-page .xhs-cl-cover-empty{background: linear-gradient(145deg, #ffffff, #ffffff)}
html[data-vr-theme="light"] #xhs-character-page .xhs-cl-cover-state{border: 1px solid rgba(120,84,92,0.24);background: #fdf6f6;color: #324267}
html[data-vr-theme="light"] #xhs-character-page .xhs-character-title strong{color: #324667}
html[data-vr-theme="light"] #xhs-character-page .xhs-character-title em{background: rgba(23,87,207,0.16);color: #0b3f8e}
html[data-vr-theme="light"] #xhs-character-page .xhs-cl-detail{border-top: 1px solid #e7d2d6;background: #ffffff}
html[data-vr-theme="light"] #xhs-character-page .xhs-cl-name,html[data-vr-theme="light"] #xhs-character-page .xhs-cl-item-head select{background: #ffffff;border-color: #e7d2d6;color: #2a2c31}
html[data-vr-theme="light"] #xhs-character-page .xhs-cl-actions{border-top: 1px solid #e7d2d6;border-bottom: 1px solid #e7d2d6}
html[data-vr-theme="light"] #xhs-character-page .xhs-cl-angle{border: 1px solid #e7d2d6;background: #ffffff}
html[data-vr-theme="light"] #xhs-character-page .xhs-cl-thumb{border-color: #e7d2d6;background: #ffffff}
html[data-vr-theme="light"] #xhs-character-page .xhs-cl-angle.is-done .xhs-cl-thumb{border-color: rgba(63,217,159,0.6)}
html[data-vr-theme="light"] #xhs-character-page .xhs-cl-angle.is-generating .xhs-cl-thumb{border-color: rgba(48,112,232,0.6)}
html[data-vr-theme="light"] #xhs-character-page .xhs-cl-angle.is-failed .xhs-cl-thumb{border-color: rgba(219,78,62,0.6)}
html[data-vr-theme="light"] #xhs-character-page .xhs-cl-angle figcaption{color: #324267}
html[data-vr-theme="light"] #xhs-character-page .xhs-cl-sheet img{background: #ffffff;border-color: #e7d2d6}
html[data-vr-theme="light"] #xhs-character-page .xhs-cl-empty{border: 1px dashed #e7d2d6;color: #6d7278}
html[data-vr-theme="light"] #xhs-character-page .xhs-cl-empty b{color: #324667}
html[data-vr-theme="light"] #xhs-character-page .xhs-cl-empty-icon{background: #ffffff;color: #0b3f8e}
html[data-vr-theme="light"] .xhs-tl-mask{background: rgba(58,38,42,0.5)}
html[data-vr-theme="light"] .xhs-tl-card{background: #ffffff;border: 1px solid #e7d2d6;box-shadow: 0 24px 70px rgba(120,70,80,0.3);color: #2a2c31}
html[data-vr-theme="light"] .xhs-tl-item{border: 1px solid #e7d2d6;background: #ffffff}
html[data-vr-theme="light"] .xhs-tl-item.is-open{border-color: #e0c8cd;background: #ffffff}
html[data-vr-theme="light"] .xhs-tl-caret{color: #6d7278}
html[data-vr-theme="light"] .xhs-tl-badge{color: #6d7278;border: 1px solid #e7d2d6}
html[data-vr-theme="light"] .xhs-tl-shot img{border: 1px solid #e7d2d6;background: #ffffff}
html[data-vr-theme="light"] .xhs-tl-shot figcaption{color: #6d7278}
html[data-vr-theme="light"] .xhs-tl-note-title{color: #324467}
html[data-vr-theme="light"] .xhs-tl-note-body{color: #4c5158;background: #ffffff;border: 1px solid #e7d2d6}
html[data-vr-theme="light"] .xhs-tl-tags em{color: #0b3f8e;background: rgba(23,87,207,0.14)}
html[data-vr-theme="light"] .xhs-tl-panel{color: #4c5158}
html[data-vr-theme="light"] .xhs-tl-hint{color: #6d7278}
html[data-vr-theme="light"] .xhs-tl-prompt-grid > div,html[data-vr-theme="light"] .xhs-tl-asset-prompt{border: 1px solid #e7d2d6;background: #ffffff}
html[data-vr-theme="light"] .xhs-tl-prompt-grid b,html[data-vr-theme="light"] .xhs-tl-asset-prompts > b{color: #324667}
html[data-vr-theme="light"] .xhs-tl-prompt-grid p,html[data-vr-theme="light"] .xhs-tl-asset-prompt p{color: #4c5158}
html[data-vr-theme="light"] .xhs-tl-asset-prompt > span{color: #0b3f8e}
html[data-vr-theme="light"] .xhs-el-groups{border: 1px solid #e7d2d6;background: #ffffff}
html[data-vr-theme="light"] .xhs-el-group-btn{color: #4c5158}
html[data-vr-theme="light"] .xhs-el-group-btn:hover{background: #fbf1f2}
html[data-vr-theme="light"] .xhs-el-group-btn.is-active{background: rgba(23,87,207,0.17);border-color: rgba(48,112,232,0.45);color: #2a2c31}
html[data-vr-theme="light"] .xhs-el-group-count{color: #6d7278}
html[data-vr-theme="light"] .xhs-el-item,html[data-vr-theme="light"] .xhs-ol-item{border: 1px solid #e7d2d6;background: #ffffff}
html[data-vr-theme="light"] .xhs-el-item.is-open,html[data-vr-theme="light"] .xhs-ol-item.is-open{border-color: #e0c8cd;background: #ffffff}
html[data-vr-theme="light"] .xhs-el-shot img{border: 1px solid #e7d2d6;background: #ffffff}
html[data-vr-theme="light"] .xhs-el-shot-del{border: 1px solid #e0c8cd;background: #fdf6f6;color: #324267}
html[data-vr-theme="light"] .xhs-el-note{color: #4c5158}
html[data-vr-theme="light"] .xhs-ol-item.is-note .xhs-ol-kind{color: #0b3f8e;background: rgba(23,87,207,0.17)}
html[data-vr-theme="light"] .xhs-ol-item.is-video .xhs-ol-kind{color: #8e1d0b;background: rgba(207,47,23,0.17)}
html[data-vr-theme="light"] .xhs-ol-video{border: 1px solid #e7d2d6;background: #ffffff}
html[data-vr-theme="light"] .xhs-ol-tab{border: 1px solid #e7d2d6;color: #4c5158}
html[data-vr-theme="light"] .xhs-ol-tab.is-active{background: rgba(23,87,207,0.19);border-color: rgba(48,112,232,0.52);color: #2a2c31}
html[data-vr-theme="light"] .xhs-ol-item.is-note:not(.is-open) .xhs-ol-item-head::after{background: #ffffff}
html[data-vr-theme="light"] .xhs-el-card{border: 1px solid #e7d2d6;background: #ffffff}
html[data-vr-theme="light"] .xhs-el-card:hover{border-color: #e0c8cd;box-shadow: 0 10px 24px rgba(120,70,80,0.11)}
html[data-vr-theme="light"] .xhs-el-card-media{background: #ffffff;color: #6d7278}
html[data-vr-theme="light"] .xhs-el-card-media::after{background: linear-gradient(180deg, transparent 55%, #fdf6f6)}
html[data-vr-theme="light"] .xhs-el-card-count{background: #fdf6f6;color: #2a2c31}
html[data-vr-theme="light"] .xhs-el-card-title strong{color: #324667}
html[data-vr-theme="light"] .xhs-el-card-title span{color: #6d7278}
html[data-vr-theme="light"] .xhs-el-card .xhs-el-body{border-top: 1px solid #e7d2d6}
html[data-vr-theme="light"] .xhs-el-empty{border: 1px dashed #e0c8cd;color: #6d7278}
html[data-vr-theme="light"] .xhs-el-empty b{color: #324667}
html[data-vr-theme="light"] .xhs-ol-editor-mask{background: rgba(58,38,42,0.56)}
html[data-vr-theme="light"] .xhs-ol-editor-card{border: 1px solid #e7d2d6;background: #ffffff;color: #2a2c31;box-shadow: 0 24px 70px rgba(120,70,80,0.28)}
html[data-vr-theme="light"] .xhs-ol-editor-card label{color: #4c5158}
html[data-vr-theme="light"] .xhs-ol-editor-card input,html[data-vr-theme="light"] .xhs-ol-editor-card textarea{border: 1px solid #e7d2d6;background: #ffffff;color: #324667}
html[data-vr-theme="light"] .xhs-oe-image-list button{background: #fdf6f6;color: #2a2c31}
html[data-vr-theme="light"] .xhs-ol-editor-hint{color: #983d2f}
html[data-vr-theme="light"] .xhs-mh-card{border: 1px solid #e7d2d6;background: #ffffff}
html[data-vr-theme="light"] .xhs-mh-card:hover{border-color: #e0c8cd;background: #ffffff}
html[data-vr-theme="light"] .xhs-mh-card.is-custom{border-color: #e0c8cd}
html[data-vr-theme="light"] .xhs-mh-card-head b{color: #324667}
html[data-vr-theme="light"] .xhs-mh-tag{color: #0b3f8e;background: rgba(23,87,207,0.17)}
html[data-vr-theme="light"] .xhs-mh-desc{color: #6d7278}
html[data-vr-theme="light"] .xhs-mh-count{color: #4c5158}
html[data-vr-theme="light"] .xhs-mh-count strong{color: #324667}
html[data-vr-theme="light"] .xhs-mh-enter{color: #0b3f8e}
html[data-vr-theme="light"] .xhs-mh-add{color: #6d7278}
html[data-vr-theme="light"] .xhs-cl2-item{border: 1px solid #e7d2d6;background: #ffffff}
html[data-vr-theme="light"] .xhs-cl2-item.is-open{border-color: #e0c8cd;background: #ffffff}
html[data-vr-theme="light"] .xhs-cl2-asset img,html[data-vr-theme="light"] .xhs-cl2-asset video{border: 1px solid #e7d2d6;background: #ffffff}
html[data-vr-theme="light"] .xhs-cl2-asset-kind{color: #324467;background: #fdf6f6}
html[data-vr-theme="light"] .xhs-cl2-asset-del{border: 1px solid #e0c8cd;background: #fdf6f6;color: #324267}
html[data-vr-theme="light"] .xhs-cl2-note{color: #4c5158}
html[data-vr-theme="light"] .xhs-cl2-ratio{color: #4c5158}
html[data-vr-theme="light"] .xhs-cl2-ratio select{background: #ffffff;color: #2a2c31;border: 1px solid #e7d2d6}
html[data-vr-theme="light"] .xhs-cl2-progress{background: #fbf1f2}
html[data-vr-theme="light"] .xhs-mh-thumbs{background: #ffffff;border: 1px solid #e7d2d6}
html[data-vr-theme="light"] #xhs-environment-page,html[data-vr-theme="light"] #xhs-character-page,html[data-vr-theme="light"] #xhs-template-page,html[data-vr-theme="light"] #xhs-output-page,html[data-vr-theme="light"] #xhs-material-page{background: #ffffff}
html[data-vr-theme="light"] .xhs-page-top{border-bottom: 1px solid #e7d2d6;background: #ffffff}
html[data-vr-theme="light"] .xhs-page-back{background: #ffffff;border: 1px solid #e7d2d6;color: #324267}
html[data-vr-theme="light"] .xhs-page-back:hover{background: #fbf1f2;color: #2a2c31}
html[data-vr-theme="light"] .xhs-page-title b{color: #324667}
html[data-vr-theme="light"] .xhs-page-title small{color: #6d7278}
html[data-vr-theme="light"] .xhs-lib-bar-hint{color: #6d7278}
html[data-vr-theme="light"] .xhs-lib-toggle{border: 1px solid #e7d2d6;color: #4c5158}
html[data-vr-theme="light"] .xhs-lib-toggle:hover{background: #ffffff;color: #2a2c31}
html[data-vr-theme="light"] .xhs-lib-body{background: #ffffff;border: 1px solid #e7d2d6;border-left: 2px solid #e0c8cd}
html[data-vr-theme="light"] .xhs-lib-hint{color: #6d7278}
html[data-vr-theme="light"] .xhs-dlg-mask{background: rgba(58,38,42,0.5)}
html[data-vr-theme="light"] .xhs-dlg-card{background: #ffffff;border: 1px solid #e7d2d6;box-shadow: 0 24px 70px rgba(120,70,80,0.3);color: #2a2c31}
html[data-vr-theme="light"] .xhs-dlg-card p{color: #6d7278}
html[data-vr-theme="light"] .xhs-dlg-card input,html[data-vr-theme="light"] .xhs-dlg-card textarea{background: #ffffff;border: 1px solid #e7d2d6;color: #2a2c31}
html[data-vr-theme="light"] .xhs-dlg-card footer button{border: 1px solid #e7d2d6;background: #ffffff;color: #324267}
html[data-vr-theme="light"] .xhs-tl-cover{background: #ffffff;border: 1px solid #e7d2d6}
html[data-vr-theme="light"] .xhs-tl-summary,html[data-vr-theme="light"] .xhs-tl-prompt-summary{color: #6d7278}
html[data-vr-theme="light"] .xhs-tl-prompt-summary{color: #4c5158}
html[data-vr-theme="light"] .xhs-cl-video{border: 1px solid #e7d2d6;background: #ffffff}
html[data-vr-theme="light"] .xhs-cl-video video{background: #fdf6f6}
html[data-vr-theme="light"] .xhs-cl-video figcaption{color: #6d7278}
html[data-vr-theme="light"] .xhs-cl-card-play{background: #fdf6f6;color: #2a2c31}
html[data-vr-theme="light"][data-vr-theme="light"] .xhs-cl-card-play{background: rgba(207,45,23,0.6)}
html[data-vr-theme="light"][data-vr-theme="light"] .xhs-cl-video figcaption{color: #6d7278}
html[data-vr-theme="light"] .xhs-tl-stage{border: 1px solid #e7d2d6;background: #ffffff}
html[data-vr-theme="light"] .xhs-tl-stage-main{background: #ffffff;border: 1px solid #e7d2d6}
html[data-vr-theme="light"] .xhs-tl-stage-thumb{border: 1px solid #e7d2d6;background: #ffffff}
html[data-vr-theme="light"] .xhs-tl-stage-thumb.is-video{color: #345a6b}
html[data-vr-theme="light"] .xhs-tl-stage-count{color: #6d7278}
html[data-vr-theme="light"] .xhs-tl-stage-title{color: #324667}
html[data-vr-theme="light"] .xhs-tl-stage-body{color: #325267}
html[data-vr-theme="light"] .xhs-tl-stage-dl dt{color: #6d7278}
html[data-vr-theme="light"] .xhs-tl-stage-dl dd{color: #325267}
html[data-vr-theme="light"] .xhs-tl-stage-prompt{color: #325267}
html[data-vr-theme="light"] .xhs-tl-stage-prompt b{color: #345a6b}
html[data-vr-theme="light"][data-vr-theme="light"] .xhs-tl-stage-count,html[data-vr-theme="light"][data-vr-theme="light"] .xhs-tl-stage-dl dt,html[data-vr-theme="light"][data-vr-theme="light"] .xhs-tl-stage-empty{color: #6d7278}
html[data-vr-theme="light"] .xhs-ol-card{border: 1px solid #e7d2d6;background: #ffffff}
html[data-vr-theme="light"] .xhs-ol-card:hover{border-color: #e0c8cd}
html[data-vr-theme="light"] .xhs-ol-card-media{background: #ffffff}
html[data-vr-theme="light"] .xhs-ol-card-count{color: #2a2c31;background: #fdf6f6}
html[data-vr-theme="light"] .xhs-ol-card.is-note .xhs-ol-card-kind{color: #0b3f8e;background: rgba(23,87,207,0.24)}
html[data-vr-theme="light"] .xhs-ol-card.is-video .xhs-ol-card-kind{color: #8e1d0b;background: rgba(207,47,23,0.24)}
html[data-vr-theme="light"] .xhs-ol-card-play{color: rgba(42,44,49,0.92)}
html[data-vr-theme="light"] .xhs-ol-card-title{color: #324667}
html[data-vr-theme="light"] .xhs-ol-card-text{color: #6d7278}
html[data-vr-theme="light"] .xhs-olv-mask{background: rgba(58,38,42,0.58)}
html[data-vr-theme="light"] #xhs-ol-viewer .xhs-olv-card{background: #ffffff;border: 1px solid #e7d2d6;color: #2a2c31}
html[data-vr-theme="light"] .xhs-olv-head{border-bottom: 1px solid #e7d2d6}
html[data-vr-theme="light"] .xhs-olv-close{border: 1px solid #e7d2d6;background: #ffffff;color: #324267}
html[data-vr-theme="light"] .xhs-olv-main video{background: #fdf6f6}
html[data-vr-theme="light"] .xhs-olv-text{color: #4c5158;background: #ffffff;border: 1px solid #e7d2d6}
html[data-vr-theme="light"] .stage-nav .stage-button[data-xhs-child="1"]::before{background: #f6e7e9}
html[data-vr-theme="light"] .stage-nav .stage-button[data-xhs-nav="素材库"] > .xhs-material-toggle,html[data-vr-theme="light"] .stage-nav .stage-button[data-xhs-nav="素材库"] > span.xhs-material-toggle{color: #6d7278 !important}
html[data-vr-theme="light"] .stage-nav .stage-button[data-xhs-nav="素材库"] > .xhs-material-toggle:hover{background: rgba(124,84,92,0.19);color: #2a2c31 !important}
html[data-vr-theme="light"] .stage-nav .stage-button[data-xhs-nav="素材库"] > .xhs-material-settings,html[data-vr-theme="light"] .stage-nav .stage-button[data-xhs-nav="素材库"] > span.xhs-material-settings{color: #6d7278 !important}
html[data-vr-theme="light"] .stage-nav .stage-button[data-xhs-nav="素材库"] > .xhs-material-settings:hover{background: rgba(124,84,92,0.19);color: #2a2c31 !important}
html[data-vr-theme="light"] .stage-nav > .stage-button[data-xhs-nav="人物库"]::before,html[data-vr-theme="light"] .stage-nav > .stage-button[data-xhs-nav="环境库"]::before,html[data-vr-theme="light"] .stage-nav > .stage-button[data-xhs-nav="模板库"]::before{background: rgba(124,84,92,0.28)}
html[data-vr-theme="light"] .xhs-el-card:hover,html[data-vr-theme="light"] .xhs-ol-card:hover,html[data-vr-theme="light"] .xhs-mh-card:hover{box-shadow: 0 10px 24px rgba(120,70,80,0.12) !important}
html[data-vr-theme="light"] .xhs-el-card-title,html[data-vr-theme="light"] .xhs-ol-card-title{color: #324667 !important}
html[data-vr-theme="light"] .xhs-el-card-count,html[data-vr-theme="light"] .xhs-ol-card-count{color: #6d7278 !important}
html[data-vr-theme="light"] .xhs-lib-search{background: #ffffff;border: 1px solid #e7d2d6;color: #2a2c31}
html[data-vr-theme="light"] #xhs-image-viewer .xhs-iv-mask{background: rgba(58,38,42,0.6)}
html[data-vr-theme="light"] .xhs-iv-card{background: #ffffff;border: 1px solid #e7d2d6}
html[data-vr-theme="light"] .xhs-iv-head{border-bottom: 1px solid #e7d2d6}
html[data-vr-theme="light"] .xhs-iv-head b{color: #324667}
html[data-vr-theme="light"] .xhs-iv-count{color: #6d7278}
html[data-vr-theme="light"] .xhs-iv-close{border: 1px solid #e7d2d6;background: #ffffff;color: #324267}
html[data-vr-theme="light"] .xhs-iv-nav{border: 1px solid #e7d2d6;background: #ffffff;color: #324267}
html[data-vr-theme="light"] .xhs-iv-nav:hover{background: #fbf1f2;color: #2a2c31}
html[data-vr-theme="light"] .xhs-iv-hint{color: #6d7278}
html[data-vr-theme="light"] .xhs-drag-toast{box-shadow: 0 12px 30px rgba(120,70,80,0.22)}
/* ==GENERATED-LIGHT-END== */

/* ══════════════════════════════════════════════════════════════════
 * 手写补充（生成块之后，不会被生成器覆盖）
 *   浅色主题里唯一“故意保留中性深色”的地方只有媒体预览面：
 *     1) 视频预览画布（显示器）—— 白字花字/字幕必须在深底上才看得清，也与导出一致
 *     2) 花字 / 标题样式“样张”卡 —— 样张本身含白字、发光、描边，深底才看得出效果
 *     3) 素材缩略图上的半透明遮罩与翻页箭头 —— 叠在图片上的媒体控件
 *   除这三类外，其余界面（侧栏 / 顶栏 / 面板 / 卡片 / 表单 / 表格 / 弹层 / 提示）
 *   全部随日间模式变浅。
 * ══════════════════════════════════════════════════════════════════ */

/* —— 1) 视频预览画布：显示器保持中性深色 —— */
html[data-vr-theme="light"] .vr-canvas-wrap {
  background: #1c1f23;
  background-image: radial-gradient(circle at 1px 1px, #34383d 1px, transparent 0);
  background-size: 16px 16px;
}

html[data-vr-theme="light"] .vr-canvas {
  background: #14171b;
  border-color: #2b3138;
  box-shadow: 0 18px 44px rgba(90, 40, 48, 0.2);
}

html[data-vr-theme="light"] .vr-canvas > img,
html[data-vr-theme="light"] .vr-canvas > video {
  background: #14171b;
}

html[data-vr-theme="light"] .vr-canvas-badge {
  background: rgba(20, 23, 27, 0.72);
  color: #eef1f4;
  border-color: rgba(255, 255, 255, 0.16);
}

/* —— 2) 花字 / 标题样式样张：深底样张 —— */
html[data-vr-theme="light"] .vr-huazi-card,
html[data-vr-theme="light"] .vr-title-preset,
html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-huazi-card,
html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-title-preset {
  background: linear-gradient(180deg, #23272d, #1a1e23);
  border-color: #3a424b;
  color: #cfd6dd;
}

html[data-vr-theme="light"] .vr-huazi-card b,
html[data-vr-theme="light"] .vr-title-preset b,
html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-huazi-card b,
html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-title-preset b {
  color: #9aa6b2;
}

html[data-vr-theme="light"] .vr-huazi-card:hover,
html[data-vr-theme="light"] .vr-title-preset:hover {
  background: linear-gradient(180deg, #2a2f36, #20242a);
  border-color: #4a5460;
}

html[data-vr-theme="light"] .vr-huazi-card.is-active,
html[data-vr-theme="light"] .vr-title-preset.is-active,
html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-huazi-card.is-active,
html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-title-preset.is-active {
  border-color: var(--l-accent);
  background: linear-gradient(180deg, #2c2124, #221a1d);
  box-shadow: 0 0 0 1px rgba(232, 69, 47, 0.45), 0 6px 16px rgba(120, 60, 66, 0.18);
}

html[data-vr-theme="light"] .vr-huazi-card.is-active b,
html[data-vr-theme="light"] .vr-title-preset.is-active b,
html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-huazi-card.is-active b,
html[data-vr-theme="light"] .vr-shell[data-theme="light"] .vr-title-preset.is-active b {
  color: #ffd7cf;
}

/* —— 3) 素材缩略图上的遮罩 / 翻页箭头（叠在媒体上）—— */
html[data-vr-theme="light"] .vr-reference-item {
  background: rgba(20, 23, 27, 0.55);
}

html[data-vr-theme="light"] .vr-ref-remove,
html[data-vr-theme="light"] .vr-ref-nav {
  background: rgba(20, 23, 27, 0.62);
  color: #f2f4f6;
  border-color: rgba(255, 255, 255, 0.18);
}

/* ══════════════════════════════════════════════════════════════════════
   手工维护区（不参与日/夜自动派生，故放在 GENERATED-LIGHT-END 之后）
   —— 本轮新增的卡片按钮 + 二创图片增删交互样式。
   这些是本轮全新的视觉组件，深浅两套值都在下面显式给出。
   ══════════════════════════════════════════════════════════════════════ *//* ---------- 灵感卡片底部按钮：统一成「导入工作台」的样式 ---------- */
/* 卡片底部原本是「未分组(select) / 删除(button)」，样式与导入按钮完全不同。
   用户要求把它们统一成「导入工作台」的外观。
   ⚠️ 卡片本身就是一个 <button>，我们绝不能改它的节点树，只加 class 由 CSS 生效。 */
.library-card-actions.xhs-card-actions { display: flex; align-items: center; gap: 8px; margin-top: 8px; padding-top: 8px; border-top: 1px solid rgba(255,255,255,.06); }
.xhs-card-act {
  height: 28px; box-sizing: border-box;
  padding: 0 9px; border-radius: 999px;
  border: 1px solid rgba(246,239,228,.12);
  background: rgba(255,255,255,.035);
  color: #c9bfaf; font-size: 12px; line-height: 1.4;
  cursor: pointer; white-space: nowrap;
  appearance: none; -webkit-appearance: none;
  transition: background .16s ease, border-color .16s ease, color .16s ease;
}
.xhs-card-act:hover { background: rgba(47,109,246,.9); border-color: rgba(47,109,246,.9); color: #fff; }
select.xhs-card-act { padding-right: 22px; }

/* ---------- 灵感卡片上的「导入到二创工作台」覆盖按钮 ---------- */
/* 绝不能插进 React 的卡片按钮内部，所以用绝对定位覆盖层贴在卡片右上角。 */
.xhs-card-import-layer { position: absolute; inset: 0; pointer-events: none; z-index: 5; }
/* 工作台副本（导入时复制的那一份）只属于二创工作台，不在灵感库列表里出现。
   只做视觉隐藏：母帖照旧，工作台按 id 选中副本。 */
.collector-grid .collection-card.xhs-hide-remake-copy { display: none !important; }
.xhs-card-import {
  position: absolute; pointer-events: auto;
  padding: 3px 9px; border-radius: 7px; border: 1px solid rgba(79,140,255,.5);
  background: rgba(20,26,38,.9); color: #9dc0ff; font-size: 11px; line-height: 1.4;
  cursor: pointer; white-space: nowrap; backdrop-filter: blur(4px);
  opacity: .92; transition: opacity .16s ease, background .16s ease;
}
/* 用户要求「给每个帖子加一个导入按钮」——必须【常驻可见】，不能靠悬停才出现 */
.xhs-card-import:hover { background: #2f6df6; border-color: #2f6df6; color: #fff; opacity: 1; }

/* ==== round-tweaks（本轮微调，见 dist/round-tweaks.css 原文）==== */
/* ---------- 人物库：详情整体缩小 ---------- */
/* 用户反馈：「新人物代合成区域显示过大，请将『添加新人物』页面整体缩小」 */
.xhs-cl-detail { padding: 10px 12px 12px; gap: 9px; }
.xhs-cl-item.is-open { padding-bottom: 12px; }
.xhs-cl-sources { gap: 6px; padding: 8px 10px; }
.xhs-cl-sources img { width: 56px; height: 56px; border-radius: 8px; }
.xhs-cl-sources .xhs-cl-upload { padding: 6px 10px; font-size: 12px; height: 56px; min-width: 96px; }
/* 上传区排在最上方（用户要求「将上传图片功能移至最上方」） */
.xhs-cl-upload-first { order: -1; }
.xhs-cl-detail { display: flex; flex-direction: column; }
.xhs-cl-angles { gap: 8px; }
.xhs-cl-angle .xhs-cl-thumb { height: 104px; }
.xhs-cl-sheet img { max-height: 160px; }
.xhs-cl-item-head { gap: 8px; padding-bottom: 8px; }
.xhs-cl-item-head .xhs-cl-name { height: 28px; font-size: 13px; }
.xhs-cl-actions .xhs-cl-primary { height: 32px; font-size: 12.5px; }
.xhs-cl-cover { height: 150px; }
/* 人物详情内的所有小控件统一压缩一档，整体观感更紧凑 */
.xhs-cl-mini { height: 28px; padding: 0 10px; font-size: 12px; }
.xhs-cl-label { font-size: 11.5px; }
.xhs-cl-group-field select { height: 28px; font-size: 12.5px; }

/* ---------- 二创工作台：图片上的「×」删除 + 末尾「＋」添加 ---------- */
.xhs-asset-tab-wrap { position: relative; display: inline-flex; align-items: center; }
/* ⚠️ 父级必须有 padding-top，否则 top:-7px 的叉号会被上一层的 overflow 裁掉。
   也不能给 .xhs-asset-tab-wrap 加 overflow:hidden —— 那会把叉号整个剪没。 */
.image-remix-tabs.material-tabs { overflow: visible; padding-top: 9px; }
.xhs-asset-tab-del {
  position: absolute; top: -7px; right: -7px;
  width: 17px; height: 17px; border-radius: 999px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(24,28,36,.92); color: #d9d5cc;
  font-size: 11px; line-height: 1; padding: 0;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; opacity: .85; transition: opacity .14s ease, background .14s ease, color .14s ease;
  z-index: 4;
}
.xhs-asset-tab-wrap:hover .xhs-asset-tab-del { opacity: 1; }
.xhs-asset-tab-del:hover { background: #d8402f; border-color: #d8402f; color: #fff; }
/* 覆盖在素材选项卡「图 N」上的整块可点区域 */
.xhs-asset-tab-hit { position: absolute; inset: 0; z-index: 3; }

/* 大图预览上的「×」删图按钮：贴每张图的右上角 */
.xhs-img-del {
  position: absolute; top: 6px; right: 6px;
  width: 22px; height: 22px; border-radius: 999px;
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(18,22,30,.86); color: #fff;
  font-size: 13px; line-height: 1; padding: 0;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; opacity: 0; transition: opacity .14s ease, background .14s ease;
  z-index: 6;
}
.xhs-del-host { position: relative; }
.xhs-del-host:hover .xhs-img-del { opacity: 1; }
.xhs-img-del:hover { background: #d8402f; border-color: #d8402f; }

/* 末尾「＋ 添加图片」卡片：跟其它图同一尺寸、虚线边框 */
.xhs-img-add {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
  border: 1px dashed rgba(246,239,228,.24); border-radius: 10px;
  background: rgba(255,255,255,.02); color: #a9a49a;
  cursor: pointer; min-height: 92px; padding: 12px;
  font-size: 12px; transition: border-color .16s ease, color .16s ease, background .16s ease;
}
.xhs-img-add:hover { border-color: rgba(79,140,255,.65); color: #9dc0ff; background: rgba(47,109,246,.06); }
.xhs-img-add b { font-size: 19px; font-weight: 500; line-height: 1; }
.xhs-img-add-host { position: relative; }
.xhs-add-tile {
  display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 4px;
  border: 1px dashed rgba(246,239,228,.24); border-radius: 10px;
  color: #a9a49a; cursor: pointer; min-height: 84px; min-width: 84px;
  transition: border-color .16s ease, color .16s ease;
}
.xhs-add-tile:hover { border-color: rgba(79,140,255,.65); color: #9dc0ff; }
.xhs-add-tile b { font-size: 18px; font-weight: 500; line-height: 1; }

/* ---------- 卡片按钮：浅色（日间）模式显式覆盖 ----------
   日/夜派生器会把 hover 的深蓝色机械翻暗，导致 theme-app-wide 契约
   判定「浅色块里仍有深色残留」。这里显式给出亮模式的值，覆盖面最广。 */
html[data-vr-theme="light"] .xhs-card-act { border-color: rgba(29,26,23,.14); background: rgba(29,26,23,.04); color: #4a4741; }
html[data-vr-theme="light"] .xhs-card-act:hover { background: #2f6df6; border-color: #2f6df6; color: #fff; }
html[data-vr-theme="light"] .xhs-asset-tab-del { border-color: rgba(29,26,23,.2); background: #fff; color: #4a4741; }
html[data-vr-theme="light"] .xhs-img-del { border-color: rgba(255,255,255,.5); background: rgba(0,0,0,.62); color: #fff; }
html[data-vr-theme="light"] .xhs-add-tile, html[data-vr-theme="light"] .xhs-img-add { border-color: rgba(29,26,23,.2); color: #6b665e; }

/* ══════════════════════════════════════════════════════════════════════
   二创工作台：工具栏精简 + 剩余 UI 重排
   （用户要求删除 5 个按钮：添加图片 / 删除当前图片 / 全部图片生成 /
     批量生成 / 清空当前二创笔记）
   ══════════════════════════════════════════════════════════════════════ */

/* 被删除的按钮：只隐藏，节点仍在（React 卸载时照常工作，绝不 removeChild） */
.xhs-remake-toolbar-hide { display: none !important; }

/* 工具栏容器里按钮全删后收起来，不留空白带 */
.image-remix-toolbar-actions.xhs-remake-toolbar-hide { display: none !important; }

/* 标题区：原来 flex + space-between（标题左、按钮右）。
   按钮删掉后右半边空着，行高与留白都浪费 —— 收成单行紧凑。 */
.image-remix-card .breakdown-header.xhs-remake-header-slim {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 6px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(246, 239, 228, .08);
}
.image-remix-card .breakdown-header.xhs-remake-header-slim > div:first-child {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
}
.image-remix-card .breakdown-header.xhs-remake-header-slim .eyebrow { margin: 0; }
.image-remix-card .breakdown-header.xhs-remake-header-slim h3 {
  margin: 0;
  font-size: 15px;
  line-height: 1.2;
  white-space: nowrap;
}

/* 选项卡区紧跟标题，间距收紧（原先被两行按钮推开） */
.image-remix-tabs.material-tabs {
  margin-top: 0;
  padding-top: 2px;
  padding-bottom: 8px;
  gap: 7px;
  align-items: center;
}
.image-remix-tabs.material-tabs > button { height: 28px; min-width: 54px; }

/* 素材选项卡上的「×」在日间模式下也要看得清 */
html[data-vr-theme="light"] .xhs-asset-tab-del {
  border-color: rgba(29, 26, 23, .22);
  background: #ffffff;
  color: #4a4741;
}
html[data-vr-theme="light"] .xhs-asset-tab-del:hover { background: #d8402f; border-color: #d8402f; color: #fff; }
html[data-vr-theme="light"] .xhs-add-tile,
html[data-vr-theme="light"] .xhs-img-add { border-color: rgba(29, 26, 23, .22); color: #6b665e; }
html[data-vr-theme="light"] .xhs-add-tile:hover,
html[data-vr-theme="light"] .xhs-img-add:hover { border-color: #2f6df6; color: #2f6df6; }

/* ══════════════════════════════════════════════════════════════════════
   二创工作台 UI 精修（第二轮）
   ══════════════════════════════════════════════════════════════════════ */

/* ── 1) 顶栏用户信息：三行收成一行 ──
   原结构：<span><small>当前登录</small><strong>系统管理员</strong><em>管理员权限</em></span>
   三个块级子元素各占一行。改成 inline-flex 单行，「·」用 ::after 画。 */
.topbar .user-pill.xhs-user-pill-inline,
.topbar .account-pill.xhs-user-pill-inline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 6px 5px 12px;
  border-radius: 999px;
  white-space: nowrap;
}
.topbar .user-pill.xhs-user-pill-inline .xhs-user-inline {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  white-space: nowrap;
  line-height: 1.15;
}
/* ⚠️ 这三个子元素原样式是 display:block —— 各占一行。
   必须显式改成 inline，否则外层就算 flex 也还是三行（实测 distinctRows:3）。 */
.topbar .user-pill.xhs-user-pill-inline .xhs-user-inline small,
.topbar .user-pill.xhs-user-pill-inline .xhs-user-inline strong,
.topbar .user-pill.xhs-user-pill-inline .xhs-user-inline em {
  display: inline;
  margin: 0;
  line-height: 1.2;
}
.topbar .user-pill.xhs-user-pill-inline .xhs-user-inline small {
  font-size: 11px;
  opacity: .62;
}
.topbar .user-pill.xhs-user-pill-inline .xhs-user-inline strong {
  font-size: 12.5px;
  font-weight: 600;
}
.topbar .user-pill.xhs-user-pill-inline .xhs-user-inline em {
  font-size: 11px;
  font-style: normal;
  opacity: .62;
}
/* 分隔点：用 ::before 画，不插节点、不改文字 */
.topbar .user-pill.xhs-user-pill-inline .xhs-user-inline strong::before,
.topbar .user-pill.xhs-user-pill-inline .xhs-user-inline em::before {
  content: '·';
  margin-right: 6px;
  opacity: .45;
}
.topbar .user-pill.xhs-user-pill-inline > button {
  height: 24px;
  padding: 0 10px;
  font-size: 12px;
  border-radius: 999px;
}

/* ── 2) 「保存到素材库」→「保存到成品库」（叠加层换字） ──
   保留 React 的原文本（React 仍需它做 diff），叠加一个我们的 span 盖住。 */
button.xhs-relabel-host { position: relative; }
button.xhs-relabel-host > .xhs-relabel-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  pointer-events: none;
  font: inherit;
  color: inherit;
  border-radius: inherit;
  background: inherit;
}
/* 把原文字藏起来（不是删、不是改 nodeValue，只是视觉透明） */
button.xhs-relabel-host { color: transparent !important; }
button.xhs-relabel-host > svg { opacity: 0; }
button.xhs-relabel-host > .xhs-relabel-overlay { color: #fff; }

/* ── 3) 「批量生成」挪到「批量数量」后面 ── */
.xhs-batch-clone {
  height: 34px;
  padding: 0 14px;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  align-self: end;
}
.input-grid.compact-remix-settings > label:has(input[type="number"]) + .xhs-batch-clone { margin-left: 2px; }

/* ── 4) 「添加图片」：横向排布，和素材选项卡一致 ──
   放在「已连接素材」那一行的末尾（＋ 之前）。 */
.xhs-addimg-tab {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  height: 28px;
  padding: 0 11px;
  border-radius: 999px;
  border: 1px dashed rgba(246, 239, 228, .28);
  background: rgba(255, 255, 255, .03);
  color: #c9bfaf;
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
  transition: border-color .16s ease, color .16s ease, background .16s ease;
}
.xhs-addimg-tab:hover { border-color: rgba(79, 140, 255, .7); color: #9dc0ff; background: rgba(47, 109, 246, .08); }
.xhs-addimg-tab > span:first-child { font-size: 14px; line-height: 1; }

/* ── 5) 灵感库卡片底部操作区：两行网格，不再溢出 ── */
.library-card-actions.xhs-card-actions.xhs-card-actions-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "group  group"
    "import del";
  align-items: center;
  gap: 7px 8px;
  margin-top: 9px;
  padding-top: 9px;
  border-top: 1px solid rgba(246, 239, 228, .07);
}
/* 分组下拉：宽度自适应、不再撑满整行 */
.library-card-actions .xhs-act-select {
  grid-area: group;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: 30px;
  padding: 0 26px 0 10px;
  border-radius: 8px;
  border: 1px solid rgba(246, 239, 228, .14);
  background: rgba(255, 255, 255, .04);
  color: #c9bfaf;
  font-size: 12px;
  appearance: none;
  -webkit-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #8b93a4 50%), linear-gradient(135deg, #8b93a4 50%, transparent 50%);
  background-position: calc(100% - 15px) 13px, calc(100% - 10px) 13px;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}
.library-card-actions .xhs-act-select:hover { border-color: rgba(246, 239, 228, .26); }
/* 删除：次要按钮，占右侧 */
.library-card-actions .xhs-act-del {
  grid-area: del;
  height: 30px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid rgba(246, 239, 228, .12);
  background: rgba(255, 255, 255, .035);
  color: #c9bfaf;
  font-size: 12px;
  white-space: nowrap;
}
.library-card-actions .xhs-act-del:hover { border-color: rgba(216, 64, 47, .55); color: #ff9a8a; background: rgba(216, 64, 47, .12); }

/* 导入工作台按钮：改成流式，占操作区左侧、和删除同一行 */
.xhs-card-import-layer.xhs-import-layer-inline { position: static; inset: auto; pointer-events: auto; }
/* 覆盖层仍在时（还没挪进流里）：也要对齐到操作区那一行，别再浮在卡片外 */
.xhs-card-import-layer .xhs-card-import { border-radius: 8px; }
.library-card-actions .xhs-card-import,
.library-card-actions-grid .xhs-card-import {
  grid-area: import;
  position: static;
  inset: auto;
  height: 30px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid rgba(79, 140, 255, .55);
  background: rgba(47, 109, 246, .16);
  color: #9dc0ff;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  opacity: 1;
}

/* ── 6) 日间模式下的对应配色 ── */
html[data-vr-theme="light"] .xhs-addimg-tab { border-color: rgba(29, 26, 23, .24); background: rgba(29, 26, 23, .03); color: #4a4741; }
html[data-vr-theme="light"] .xhs-addimg-tab:hover { border-color: #2f6df6; color: #2f6df6; background: rgba(47, 109, 246, .08); }
html[data-vr-theme="light"] .library-card-actions .xhs-act-select { border-color: rgba(29, 26, 23, .14); background: rgba(29, 26, 23, .04); color: #4a4741; }
html[data-vr-theme="light"] .library-card-actions .xhs-act-del { border-color: rgba(29, 26, 23, .12); background: rgba(29, 26, 23, .035); color: #4a4741; }
html[data-vr-theme="light"] .library-card-actions .xhs-act-del:hover { border-color: rgba(216, 64, 47, .6); color: #d8402f; background: rgba(216, 64, 47, .1); }
html[data-vr-theme="light"] .library-card-actions .xhs-card-import,
html[data-vr-theme="light"] .library-card-actions-grid .xhs-card-import { border-color: rgba(47, 109, 246, .5); background: rgba(47, 109, 246, .12); color: #2f6df6; }
html[data-vr-theme="light"] .library-card-actions.xhs-card-actions-grid { border-top-color: rgba(29, 26, 23, .08); }

/* ══ 成品库：导出到本地 ══ */
.xhs-page-top .xhs-page-export {
  margin-left: auto;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 14px;
  border-radius: 9px;
  border: 1px solid rgba(79, 140, 255, .5);
  background: rgba(47, 109, 246, .16);
  color: #9dc0ff;
  font-size: 12.5px;
  font-weight: 600;
  white-space: nowrap;
  transition: background .16s ease, border-color .16s ease, color .16s ease;
}
.xhs-page-top .xhs-page-export:hover { background: #2f6df6; border-color: #2f6df6; color: #fff; }
.xhs-page-top .xhs-page-export > span:first-child { font-size: 15px; line-height: 1; }

/* 导出进度（浮在右下角，不挡操作） */
.xhs-ol-export-progress {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 15px;
  border-radius: 12px;
  border: 1px solid rgba(246, 239, 228, .14);
  background: rgba(19, 22, 28, .96);
  color: #f0ebe4;
  box-shadow: 0 14px 40px rgba(0, 0, 0, .42);
}
.xhs-ol-export-progress.xhs-hidden { display: none !important; }
.xhs-ol-export-progress strong { display: block; font-size: 12.5px; }
.xhs-ol-export-progress small { display: block; font-size: 11.5px; color: #a79e91; margin-top: 2px; }
.xhs-ol-export-spin {
  width: 15px; height: 15px; flex: 0 0 auto;
  border: 2px solid rgba(246, 239, 228, .22);
  border-top-color: #9dc0ff;
  border-radius: 999px;
  animation: xhs-ol-spin .7s linear infinite;
}
@keyframes xhs-ol-spin { to { transform: rotate(360deg) } }

html[data-vr-theme="light"] .xhs-page-top .xhs-page-export { border-color: rgba(47, 109, 246, .5); background: rgba(47, 109, 246, .12); color: #2f6df6; }
html[data-vr-theme="light"] .xhs-page-top .xhs-page-export:hover { background: #2f6df6; color: #fff; }
html[data-vr-theme="light"] .xhs-ol-export-progress { border-color: rgba(29, 26, 23, .14); background: #ffffff; color: #2a2c31; box-shadow: 0 14px 40px rgba(0, 0, 0, .16); }
html[data-vr-theme="light"] .xhs-ol-export-progress small { color: #6b665e; }
/* 导入工作台按钮已搬进卡片操作区（流式布局）：占左下角，和「删除」同一行 */
.library-card-actions.xhs-card-actions-grid .xhs-card-import.xhs-card-import-inline,
.library-card-actions-grid .xhs-card-import {
  grid-area: import;
  position: static;
  inset: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid rgba(79, 140, 255, .55);
  background: rgba(47, 109, 246, .16);
  color: #9dc0ff;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  opacity: 1;
  cursor: pointer;
}
.library-card-actions.xhs-card-actions-grid .xhs-card-import:hover { background: #2f6df6; border-color: #2f6df6; color: #fff; }

/* 批量生成：用户要求「放在批量数量的后面」。
   实测结构：.input-grid.compact-remix-settings 是 grid，
   里面依次是 [批量数量 label] [二创方法备注 label(已隐藏)]。
   我们的克隆体插在「批量数量」之后，让它和数量输入框【同一行】：
   给网格显式两列，第一格是批量数量、第二格是批量生成。 */
.input-grid.compact-remix-settings {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: end;
  gap: 10px 12px;
}
/* 「批量数量」占第一列 */
.input-grid.compact-remix-settings > label:has(input[type="number"]) { grid-column: 1; }
/* 克隆的「批量生成」占第二列、和数量底对齐 */
.input-grid.compact-remix-settings > .xhs-batch-clone {
  grid-column: 2;
  justify-self: start;
  align-self: end;
  height: 38px;
  padding: 0 16px;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 7px;
}
.input-grid.compact-remix-settings > .xhs-batch-clone.is-disabled { opacity: .55; cursor: not-allowed; }
/* 隐藏的「二创方法备注」不占格 */
.input-grid.compact-remix-settings > .xhs-remake-toolbar-hide { display: none !important; }

/* ══════════════════════════════════════════════════════════════════════
   成品库：卡片配色修正 + 批量选择导出/删除
   ══════════════════════════════════════════════════════════════════════ */

/* ── ① 卡片配色：原来用统一令牌 --xhs-card-bg: #171a21（近黑），
   和整个应用的暖色系（#11100d 系）不是一个调子，用户反馈「笔记显示黑色，
   和整个 UI 风格不符」。改成和应用侧栏/面板同一族的暖深色。 ── */
:root {
  --xhs-card-bg: #1b1916;
  --xhs-card-bg-hover: #221f1b;
  --xhs-card-border: #322e29;
  --xhs-card-border-hover: #4a443c;
}

/* ── ①b 【实测修 bug】卡片令牌必须有【浅色版本】。
   实测：切到白天模式后，素材库/环境库/模板库/成品库里的 .xhs-el-card
   仍然是深色（computed rgb(27,25,22)）。
   根因：settings-provider.css 里卡片背景是
     `.xhs-el-card, .xhs-ol-card, .xhs-mh-card { background: var(--xhs-card-bg) !important }`
   —— 带 !important 且读的是 CSS 变量；而这个变量只在 :root（深色）定义过，
   浅色主题下没有对应值，于是变量解析出来仍是那个深色的 #1b1916，
   任何针对 .xhs-el-card 的浅色覆盖（就算也带 !important）都只是在
   「同一优先级」上竞争，赢不过变量本身带来的深色。
   修法：给浅色主题补上同名变量的浅色取值 —— 一处修好，三个库的卡片
   （el / ol / mh）全部跟着正确，且不用逐个类去覆盖。 ── */
html[data-vr-theme="light"] {
  --xhs-card-bg: #ffffff;
  --xhs-card-bg-hover: #fdf6f6;
  --xhs-card-border: #f0dade;
  --xhs-card-border-hover: #e0c8cd;
}

/* ── ② 批量选择：工具栏开关 ── */
.xhs-ol-batch-toggle {
  height: 28px;
  padding: 0 11px;
  border-radius: 999px;
  border: 1px solid rgba(246, 239, 228, .16);
  background: rgba(255, 255, 255, .04);
  color: #c9bfaf;
  font-size: 12px;
  white-space: nowrap;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease, color .16s ease;
}
.xhs-ol-batch-toggle:hover { border-color: rgba(246, 239, 228, .3); color: #fff; }
.xhs-ol-batch-toggle.is-export.is-active { border-color: rgba(79, 140, 255, .7); background: rgba(47, 109, 246, .2); color: #9dc0ff; }
.xhs-ol-batch-toggle.is-delete.is-active { border-color: rgba(216, 64, 47, .7); background: rgba(216, 64, 47, .18); color: #ff9a8a; }

/* ── ③ 卡片上的选择徽标 ── */
.xhs-ol-card.xhs-ol-selectable { cursor: default; }
.xhs-ol-select-badge {
  position: absolute;
  top: 7px;
  left: 7px;
  z-index: 4;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .28);
  background: rgba(12, 14, 18, .82);
  color: #e7e9ee;
  font-size: 10.5px;
  line-height: 1.5;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  backdrop-filter: blur(4px);
  transition: background .14s ease, border-color .14s ease, color .14s ease;
}
/* 卡片本身要能承载绝对定位的徽标 */
.xhs-ol-card { position: relative; }
.xhs-ol-select-badge:hover { border-color: #9dc0ff; color: #fff; }
.xhs-ol-select-badge.is-on { background: #2f6df6; border-color: #2f6df6; color: #fff; }
.xhs-ol-card.is-picked { outline: 2px solid rgba(47, 109, 246, .75); outline-offset: -2px; }

/* ── ④ 选中操作条 ── */
.xhs-ol-pickbar {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0 0 10px;
  padding: 8px 11px;
  border-radius: 10px;
  border: 1px solid rgba(79, 140, 255, .3);
  background: rgba(47, 109, 246, .1);
}
.xhs-ol-pickbar[hidden] { display: none !important; }
.xhs-ol-pick-count { font-size: 12px; color: #9dc0ff; font-weight: 600; margin-right: auto; }

/* ── ⑤ 日间模式 ── */
html[data-vr-theme="light"] .xhs-ol-batch-toggle { border-color: rgba(29, 26, 23, .16); background: rgba(29, 26, 23, .04); color: #4a4741; }
html[data-vr-theme="light"] .xhs-ol-batch-toggle.is-export.is-active { border-color: #2f6df6; background: rgba(47, 109, 246, .12); color: #2f6df6; }
html[data-vr-theme="light"] .xhs-ol-batch-toggle.is-delete.is-active { border-color: #d8402f; background: rgba(216, 64, 47, .1); color: #d8402f; }
html[data-vr-theme="light"] .xhs-ol-select-badge { border-color: rgba(29, 26, 23, .22); background: #fff; color: #4a4741; }
html[data-vr-theme="light"] .xhs-ol-select-badge.is-on { background: #2f6df6; border-color: #2f6df6; color: #fff; }
html[data-vr-theme="light"] .xhs-ol-pickbar { border-color: rgba(47, 109, 246, .3); background: rgba(47, 109, 246, .08); }
html[data-vr-theme="light"] .xhs-ol-pick-count { color: #2f6df6; }
/* 浅色下卡片也要用浅色（覆盖统一令牌的浅色派生被 !important 压住的情况） */
html[data-vr-theme="light"] .xhs-ol-card { background: #ffffff !important; border-color: #e7d2d6 !important; }
html[data-vr-theme="light"] .xhs-ol-card:hover { background: #fffafb !important; border-color: #e0c8cd !important; }

/* ══════════════════════════════════════════════════════════════════════
   环境库重做 + 模板库逐图提示词 + 二创保存按钮组
   ══════════════════════════════════════════════════════════════════════ */

/* ── 环境库卡片（重做） ── */
.xhs-el-card { display: flex; flex-direction: column; }
.xhs-el-card-media { position: relative; display: block; width: 100%; aspect-ratio: 3 / 4; padding: 0; border: 0; background: rgba(255,255,255,.03); cursor: pointer; overflow: hidden; }
.xhs-el-card-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.xhs-el-card-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; width: 100%; height: 100%; color: #8b93a4; font-size: 12px; }
.xhs-el-card-empty b { font-size: 26px; font-weight: 400; line-height: 1; opacity: .7; }
.xhs-el-card-count { position: absolute; top: 7px; right: 7px; padding: 1px 7px; border-radius: 999px; font-size: 10.5px; color: #e7e9ee; background: rgba(12,14,18,.78); }
.xhs-el-card-openmask { position: absolute; left: 7px; top: 7px; padding: 1px 8px; border-radius: 999px; font-size: 10.5px; color: #fff; background: rgba(47,109,246,.86); }
.xhs-el-card-info { display: flex; flex-direction: column; gap: 7px; padding: 10px 11px 11px; }
.xhs-el-card-title { display: flex; align-items: baseline; gap: 7px; min-width: 0; }
.xhs-el-card-title strong { font-size: 13px; font-weight: 600; color: #eef1f6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 0 1 auto; }
.xhs-el-badge { flex: 0 0 auto; font-size: 10.5px; color: #9dc0ff; background: rgba(79,140,255,.16); border-radius: 999px; padding: 1px 7px; white-space: nowrap; }
.xhs-el-thumbbar { display: flex; align-items: center; gap: 4px; overflow: hidden; }
.xhs-el-thumb { width: 34px; height: 34px; border-radius: 6px; overflow: hidden; flex: 0 0 auto; border: 1px solid rgba(246,239,228,.1); }
.xhs-el-thumb.is-cover { border-color: rgba(79,140,255,.55); }
.xhs-el-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.xhs-el-thumb-more { font-size: 10.5px; color: #8b93a4; padding-left: 2px; }
/* 操作区：两行网格，按钮等高，不再参差 */
.xhs-el-card-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 2px; }
.xhs-el-act {
  height: 28px; padding: 0 6px; border-radius: 7px;
  border: 1px solid rgba(246,239,228,.12); background: rgba(255,255,255,.04);
  color: #c9bfaf; font-size: 11.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  cursor: pointer; transition: border-color .14s ease, background .14s ease, color .14s ease;
}
.xhs-el-act:hover { border-color: rgba(246,239,228,.28); color: #fff; }
.xhs-el-act.is-primary { grid-column: span 3; border-color: rgba(79,140,255,.5); background: rgba(47,109,246,.14); color: #9dc0ff; font-weight: 600; }
.xhs-el-act.is-primary:hover { background: #2f6df6; border-color: #2f6df6; color: #fff; }
.xhs-el-act.is-danger:hover { border-color: rgba(216,64,47,.6); color: #ff9a8a; background: rgba(216,64,47,.12); }
/* 环境详情里的缩略图删除按钮位置修正 */
.xhs-el-shot { position: relative; }

/* ── 模板库：图片墙 + 点图看提示词 ── */
.xhs-tl-prompt-wall { display: flex; flex-wrap: wrap; gap: 7px; margin: 4px 0 2px; }
.xhs-tl-pthumb {
  position: relative; width: 62px; height: 62px; padding: 0;
  border: 1px solid rgba(246,239,228,.14); border-radius: 9px;
  background: rgba(255,255,255,.03); overflow: hidden; cursor: pointer;
  transition: border-color .14s ease, transform .14s ease;
}
.xhs-tl-pthumb:hover { border-color: rgba(79,140,255,.6); transform: translateY(-1px); }
.xhs-tl-pthumb.is-active { border-color: #2f6df6; box-shadow: 0 0 0 2px rgba(47,109,246,.28); }
.xhs-tl-pthumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.xhs-tl-pthumb-empty { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 11px; color: #8b93a4; }
.xhs-tl-pthumb-no { position: absolute; left: 3px; top: 3px; font-size: 10px; line-height: 1.4; padding: 0 5px; border-radius: 999px; color: #fff; background: rgba(12,14,18,.8); }
.xhs-tl-pthumb.has-prompt .xhs-tl-pthumb-no { background: rgba(47,109,246,.9); }
.xhs-tl-pdetail { margin-top: 9px; padding: 10px 12px; border-radius: 9px; border: 1px solid rgba(79,140,255,.28); background: rgba(47,109,246,.08); }
.xhs-tl-pdetail p { margin: 6px 0 0; font-size: 12.5px; line-height: 1.62; color: #d7dde8; white-space: pre-wrap; word-break: break-word; }

/* ── 二创工作台：另存为新模板按钮 ── */
.xhs-save-as-new { white-space: nowrap; }
.xhs-save-as-new:disabled { opacity: .55; cursor: not-allowed; }

/* ── 人物库：返回列表按钮 ── */
.xhs-cl-backlist { align-self: flex-start; }

/* ── 日间模式 ── */
html[data-vr-theme="light"] .xhs-el-card-media { background: rgba(29,26,23,.04); }
html[data-vr-theme="light"] .xhs-el-card-empty { color: #6b665e; }
html[data-vr-theme="light"] .xhs-el-card-title strong { color: #2a2c31; }
html[data-vr-theme="light"] .xhs-el-act { border-color: rgba(29,26,23,.14); background: rgba(29,26,23,.04); color: #4a4741; }
html[data-vr-theme="light"] .xhs-el-act.is-primary { border-color: rgba(47,109,246,.45); background: rgba(47,109,246,.1); color: #2f6df6; }
html[data-vr-theme="light"] .xhs-el-thumb { border-color: rgba(29,26,23,.12); }
html[data-vr-theme="light"] .xhs-tl-pthumb { border-color: rgba(29,26,23,.14); background: rgba(29,26,23,.03); }
html[data-vr-theme="light"] .xhs-tl-pdetail { border-color: rgba(47,109,246,.28); background: rgba(47,109,246,.06); }
html[data-vr-theme="light"] .xhs-tl-pdetail p { color: #3a3d44; }

/* ══════════════════════════════════════════════════════════════════════
   人物库：紧凑详情 + 生成进度 + 资产条 + 资料包
   ══════════════════════════════════════════════════════════════════════ */

/* ── 详情：整体收紧 ── */
.xhs-cl-detail.xhs-cl-compact {
  display: flex; flex-direction: column; gap: 10px;
  padding: 11px 12px 12px;
}
.xhs-cl-detail.xhs-cl-compact .xhs-cl-item-head {
  display: flex; align-items: center; gap: 7px; flex-wrap: wrap;
  padding-bottom: 9px; border-bottom: 1px solid rgba(246,239,228,.07);
}
.xhs-cl-detail.xhs-cl-compact .xhs-cl-name {
  flex: 1 1 140px; min-width: 110px; height: 28px; font-size: 13px;
  padding: 0 9px; border-radius: 7px;
  border: 1px solid rgba(246,239,228,.14); background: rgba(255,255,255,.04); color: #eef1f6;
}
.xhs-cl-group-select {
  height: 28px; padding: 0 8px; border-radius: 7px; font-size: 12px;
  border: 1px solid rgba(246,239,228,.14); background: rgba(255,255,255,.04); color: #c9bfaf;
}

/* ── 生成进度 ── */
.xhs-cl-progress { display: flex; flex-direction: column; gap: 7px; padding: 10px 11px; border-radius: 9px;
  border: 1px solid rgba(79,140,255,.3); background: rgba(47,109,246,.08); }
.xhs-cl-progress-bar { height: 5px; border-radius: 999px; background: rgba(255,255,255,.1); overflow: hidden; }
.xhs-cl-progress-bar > span { display: block; height: 100%; border-radius: inherit;
  background: linear-gradient(90deg, #2f6df6, #6ea8ff); transition: width .35s ease; }
.xhs-cl-progress-meta { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.xhs-cl-progress-meta b { font-size: 12.5px; color: #cdddfa; font-weight: 600; }
.xhs-cl-progress-meta span { font-size: 11.5px; color: #9dc0ff; }
.xhs-cl-progress-list { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.xhs-cl-progress-list li { display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px; border-radius: 999px;
  font-size: 11px; border: 1px solid rgba(246,239,228,.12); background: rgba(255,255,255,.03); color: #a9b0bf; }
.xhs-cl-progress-list li em { font-style: normal; font-size: 10.5px; opacity: .85; }
.xhs-cl-progress-list li.is-running { border-color: rgba(79,140,255,.6); color: #9dc0ff; background: rgba(47,109,246,.14); }
.xhs-cl-progress-list li.is-done { border-color: rgba(31,157,109,.5); color: #7fd8ae; }
.xhs-cl-progress-list li.is-failed { border-color: rgba(216,64,47,.5); color: #ff9a8a; }

/* ── 原图条（紧凑） ── */
.xhs-cl-slim-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.xhs-cl-source-strip { display: flex; align-items: center; gap: 5px; flex: 1 1 auto; min-width: 0; overflow: hidden; }
.xhs-cl-source-strip img { width: 38px; height: 38px; border-radius: 7px; object-fit: cover; border: 1px solid rgba(246,239,228,.12); }

/* ── 操作行 ── */
.xhs-cl-detail.xhs-cl-compact .xhs-cl-actions { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.xhs-cl-detail.xhs-cl-compact .xhs-cl-msg { font-size: 11.5px; color: #a79e91; }

/* ── 资产条：一排小图，点看大图，右上角 ↻ 重生成 ── */
.xhs-cl-asset-strip { display: flex; gap: 8px; overflow-x: auto; padding: 2px 0 4px; }
.xhs-cl-asset { position: relative; flex: 0 0 auto; width: 78px; margin: 0; display: flex; flex-direction: column; gap: 4px; }
.xhs-cl-asset-thumb { position: relative; width: 78px; height: 100px; border-radius: 9px; overflow: hidden;
  border: 1px solid rgba(246,239,228,.13); background: rgba(255,255,255,.03);
  display: flex; align-items: center; justify-content: center; cursor: zoom-in; }
.xhs-cl-asset-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.xhs-cl-asset-thumb > span { font-size: 11px; color: #8b93a4; }
.xhs-cl-asset.is-done .xhs-cl-asset-thumb { border-color: rgba(31,157,109,.4); }
.xhs-cl-asset.is-generating .xhs-cl-asset-thumb { border-color: rgba(79,140,255,.65); }
.xhs-cl-asset.is-failed .xhs-cl-asset-thumb { border-color: rgba(216,64,47,.55); }
.xhs-cl-asset figcaption { font-size: 10.5px; color: #8b93a4; text-align: center; }
.xhs-cl-asset.is-sheet { width: 132px; }
.xhs-cl-asset.is-sheet .xhs-cl-asset-thumb { width: 132px; height: 74px; }  /* 16:9 */
.xhs-cl-asset-regen {
  position: absolute; top: 4px; right: 4px; width: 20px; height: 20px; border-radius: 999px;
  border: 1px solid rgba(255,255,255,.25); background: rgba(14,17,22,.85); color: #d9d5cc;
  font-size: 12px; line-height: 1; padding: 0; display: flex; align-items: center; justify-content: center;
  cursor: pointer; opacity: .9; transition: background .14s ease, color .14s ease;
}
.xhs-cl-asset-regen:hover { background: #2f6df6; border-color: #2f6df6; color: #fff; }

/* ── 资料包弹层 ── */
.xhs-cl-assets-modal { position: fixed; inset: 0; z-index: 9998; display: flex; align-items: center; justify-content: center; }
.xhs-cl-assets-mask { position: absolute; inset: 0; background: rgba(6,7,10,.72); backdrop-filter: blur(3px); }
.xhs-cl-assets-card {
  position: relative; width: min(1080px, 94vw); max-height: 88vh; overflow: auto;
  border-radius: 14px; border: 1px solid rgba(246,239,228,.14);
  background: #16141a; box-shadow: 0 26px 80px rgba(0,0,0,.55); padding: 16px 18px 18px;
}
.xhs-cl-assets-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.xhs-cl-assets-card > header b { display: block; font-size: 15px; color: #f3efe7; }
.xhs-cl-assets-card > header small { display: block; margin-top: 3px; font-size: 11.5px; color: #8b93a4; }
.xhs-clv-close { width: 28px; height: 28px; border-radius: 8px; border: 1px solid rgba(246,239,228,.16);
  background: rgba(255,255,255,.05); color: #d9d5cc; font-size: 16px; line-height: 1; cursor: pointer; }
.xhs-clv-close:hover { background: rgba(216,64,47,.85); border-color: rgba(216,64,47,.85); color: #fff; }
.xhs-cl-assets-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; }
.xhs-cl-asset-lg { margin: 0; display: flex; flex-direction: column; gap: 6px;
  border: 1px solid rgba(246,239,228,.1); border-radius: 11px; padding: 9px; background: rgba(255,255,255,.02); }
.xhs-cl-asset-lg-media { position: relative; width: 100%; aspect-ratio: 3 / 4; padding: 0; border: 0; border-radius: 8px;
  overflow: hidden; background: rgba(255,255,255,.03); cursor: zoom-in;
  display: flex; align-items: center; justify-content: center; }
.xhs-cl-asset-lg-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.xhs-cl-asset-lg-media > span { font-size: 12px; color: #8b93a4; }
.xhs-cl-asset-lg.is-sheet .xhs-cl-asset-lg-media { aspect-ratio: 16 / 9; }
.xhs-cl-asset-lg figcaption { display: flex; flex-direction: column; gap: 2px; }
.xhs-cl-asset-lg figcaption b { font-size: 12.5px; color: #eef1f6; }
.xhs-cl-asset-lg figcaption em { font-style: normal; font-size: 10.5px; color: #ff9a8a; }
.xhs-cl-asset-lg-actions { display: flex; gap: 6px; flex-wrap: wrap; }

/* ── 日间模式 ── */
html[data-vr-theme="light"] .xhs-cl-detail.xhs-cl-compact .xhs-cl-name,
html[data-vr-theme="light"] .xhs-cl-group-select { border-color: rgba(29,26,23,.14); background: #fff; color: #2a2c31; }
html[data-vr-theme="light"] .xhs-cl-progress { border-color: rgba(47,109,246,.3); background: rgba(47,109,246,.06); }
html[data-vr-theme="light"] .xhs-cl-progress-meta b { color: #2f6df6; }
html[data-vr-theme="light"] .xhs-cl-asset-thumb { border-color: rgba(29,26,23,.13); background: rgba(29,26,23,.03); }
html[data-vr-theme="light"] .xhs-cl-assets-card { border-color: rgba(29,26,23,.14); background: #fff; box-shadow: 0 26px 80px rgba(0,0,0,.2); }
html[data-vr-theme="light"] .xhs-cl-assets-card > header b { color: #2a2c31; }
html[data-vr-theme="light"] .xhs-cl-asset-lg { border-color: rgba(29,26,23,.1); background: rgba(29,26,23,.02); }
html[data-vr-theme="light"] .xhs-cl-asset-lg figcaption b { color: #2a2c31; }

/* ══════════════════════════════════════════════════════════════════════
   人物库 UI 重构（列表 / 详情 两视图 + 统一资产网格）
   ══════════════════════════════════════════════════════════════════════ */

/* ── 通用按钮（统一尺度，替代原先 5 种各不相同的按钮) ── */
.xhs-cl-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 5px;
  height: 30px; padding: 0 12px; border-radius: 8px;
  border: 1px solid rgba(246,239,228,.14); background: rgba(255,255,255,.04);
  color: #c9bfaf; font-size: 12px; white-space: nowrap; cursor: pointer;
  transition: border-color .15s ease, background .15s ease, color .15s ease;
}
.xhs-cl-btn:hover { border-color: rgba(246,239,228,.3); color: #fff; }
.xhs-cl-btn.primary { border-color: rgba(232,93,68,.5); background: rgba(232,93,68,.16); color: #f0a894; font-weight: 600; }
.xhs-cl-btn.primary:hover { background: #e85d44; border-color: #e85d44; color: #fff; }
.xhs-cl-btn.danger:hover { border-color: rgba(216,64,47,.6); color: #ff9a8a; background: rgba(216,64,47,.12); }
.xhs-cl-btn.tiny { height: 26px; padding: 0 9px; font-size: 11.5px; border-radius: 7px; }
.xhs-cl-btn:disabled { opacity: .45; cursor: not-allowed; }

/* ── 列表工具栏 ── */
.xhs-cl-toolbar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
.xhs-cl-toolbar-title { display: flex; align-items: baseline; gap: 7px; margin-right: auto; }
.xhs-cl-toolbar-title b { font-size: 15px; color: #f3efe7; }
.xhs-cl-toolbar-title span { font-size: 11.5px; color: #8b93a4; }
.xhs-cl-flash { margin: 0 0 10px; padding: 7px 11px; border-radius: 8px; font-size: 12px;
  border: 1px solid rgba(79,140,255,.3); background: rgba(47,109,246,.1); color: #9dc0ff; }

/* ── 列表卡片网格 ── */
/* ⚠️ 列宽必须用【固定值】而不是 1fr：
   实测踩了很久的一个坑 —— 有图卡片被撑到 840px、无图卡片 212px。
   根因：卡片里的封面 <img> 固有宽度很大，而 `minmax(196px, 1fr)` 的 1fr
   在 min-content 约束下允许轨道被内容撑开（grid-column 仍是 span 1，
   所以从 computed style 看完全正常，但实际宽度就是超了）。
   改成固定 196px 轨道后，内容再大也只能在格子内被裁剪。 */
.xhs-cl-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, 196px);
  gap: 14px;
  justify-content: start;
  align-items: start;
}
.xhs-cl-card {
  display: flex; flex-direction: column; overflow: hidden;
  border: 1px solid #322e29; border-radius: 12px; background: #1b1916;
  transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease;
  /* ⚠️ 必须显式关掉跨列：旧版的 .xhs-cl-item 是整行卡片，
     网格里如果不写这个，卡片会继承到 grid-column 的整行行为 → 变成 1040px 宽条
     （实测：网格明明是 5 列 252px，卡片却 1040 宽）。 */
  grid-column: auto / span 1 !important;
  width: 196px !important;
  max-width: 196px !important;
  min-width: 0;
  /* 卡片里的 <img> 是外部大图，它的固有宽度会通过 min-content 把网格项撑宽
     （实测：同一网格第二张卡片 212px，有图的那张被撑到 840px）。
     这里把卡片在网格方向上的收缩下限钉死，图永远只按格子宽度显示。 */
  max-width: 100%;
}
.xhs-cl-card > *, .xhs-cl-card-media { min-width: 0; max-width: 100%; }
.xhs-cl-card:hover { border-color: #4a443c; transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,.24); }
.xhs-cl-card-media {
  position: relative; display: block; width: 100%; aspect-ratio: 3 / 4;
  padding: 0; border: 0; background: rgba(255,255,255,.03); cursor: pointer; overflow: hidden;
}
.xhs-cl-card-media.is-sheet { aspect-ratio: 16 / 9; }
.xhs-cl-card-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.xhs-cl-card-media.is-sheet img { object-fit: cover; }
.xhs-cl-card-ph { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 12px; color: #6b7280; }
.xhs-cl-card-badge {
  position: absolute; top: 7px; right: 7px; padding: 1px 8px; border-radius: 999px;
  font-size: 10.5px; color: #cfc7bb; background: rgba(14,17,22,.8); backdrop-filter: blur(4px);
}
.xhs-cl-card-badge.is-ok { color: #7fd8ae; background: rgba(31,157,109,.22); }
.xhs-cl-card-badge.is-part { color: #ffd08a; background: rgba(200,128,31,.22); }
.xhs-cl-card-body { display: flex; flex-direction: column; gap: 3px; padding: 9px 11px 7px; }
.xhs-cl-card-body b { font-size: 13px; color: #eef1f6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.xhs-cl-card-meta { font-size: 11px; color: #8b93a4; }
.xhs-cl-card-foot { display: flex; gap: 6px; padding: 0 11px 11px; }
.xhs-cl-card-foot .xhs-cl-btn { flex: 1 1 auto; }
.xhs-cl-card-foot .xhs-cl-btn.danger { flex: 0 0 auto; }

/* ── 详情：整页视图 ── */
.xhs-cl-detail-view { display: flex; flex-direction: column; gap: 14px; }
.xhs-cl-detail-head {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  padding-bottom: 12px; border-bottom: 1px solid rgba(246,239,228,.09);
}
.xhs-cl-back {
  display: inline-flex; align-items: center; gap: 5px; height: 30px; padding: 0 11px;
  border-radius: 8px; border: 1px solid rgba(246,239,228,.14); background: rgba(255,255,255,.04);
  color: #c9bfaf; font-size: 12px; cursor: pointer;
}
.xhs-cl-back:hover { border-color: rgba(246,239,228,.3); color: #fff; }
.xhs-cl-detail-id { display: flex; align-items: center; gap: 10px; margin-right: auto; min-width: 0; }
.xhs-cl-avatar { width: 42px; height: 42px; border-radius: 10px; overflow: hidden; flex: 0 0 auto;
  border: 1px solid rgba(246,239,228,.14); background: rgba(255,255,255,.04);
  display: flex; align-items: center; justify-content: center; font-size: 11px; color: #8b93a4; }
.xhs-cl-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.xhs-cl-detail-id b { display: block; font-size: 15px; color: #f3efe7; }
.xhs-cl-detail-id small { display: block; margin-top: 2px; font-size: 11.5px; color: #8b93a4; }
.xhs-cl-detail-actions { display: flex; gap: 7px; }

/* ── 分段卡片 ── */
.xhs-cl-block { display: flex; flex-direction: column; gap: 10px; padding: 13px 14px;
  border: 1px solid rgba(246,239,228,.1); border-radius: 12px; background: rgba(255,255,255,.02); }
.xhs-cl-block-head { display: flex; align-items: baseline; gap: 8px; }
.xhs-cl-block-head b { font-size: 13.5px; color: #f0ebe4; }
.xhs-cl-block-head small { font-size: 11px; color: #8b93a4; }
.xhs-cl-block-foot { display: flex; align-items: center; gap: 10px; }
.xhs-cl-cols { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 14px; }
@media (max-width: 980px) { .xhs-cl-cols { grid-template-columns: minmax(0, 1fr); } }

/* ── 表单 ── */
.xhs-cl-form { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 10px; }
.xhs-cl-form label { display: flex; flex-direction: column; gap: 5px; }
.xhs-cl-form label span { font-size: 11px; color: #8b93a4; }
.xhs-cl-form input, .xhs-cl-form select {
  height: 32px; padding: 0 10px; border-radius: 8px; font-size: 13px;
  border: 1px solid rgba(246,239,228,.14); background: rgba(255,255,255,.04); color: #eef1f6;
}
.xhs-cl-form select { cursor: pointer; }
.xhs-cl-form input:focus, .xhs-cl-form select:focus { outline: 0; border-color: rgba(232,93,68,.6); }
@media (max-width: 640px) { .xhs-cl-form { grid-template-columns: minmax(0, 1fr); } }

/* ── 原图区（紧凑网格，替代原来松散的一行）── */
.xhs-cl-src-grid { display: flex; flex-wrap: wrap; gap: 8px; }
.xhs-cl-src { margin: 0; width: 66px; height: 66px; border-radius: 9px; overflow: hidden;
  border: 1px solid rgba(246,239,228,.13); }
.xhs-cl-src img { width: 100%; height: 100%; object-fit: cover; display: block; }
.xhs-cl-src-add {
  width: 66px; height: 66px; border-radius: 9px; cursor: pointer;
  border: 1px dashed rgba(246,239,228,.24); background: rgba(255,255,255,.02);
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px;
  color: #a9a49a; transition: border-color .15s ease, color .15s ease;
}
.xhs-cl-src-add:hover { border-color: rgba(232,93,68,.6); color: #f0a894; }
.xhs-cl-src-add span { font-size: 17px; line-height: 1; }
.xhs-cl-src-add small { font-size: 10px; }

/* ── 生成行 ── */
.xhs-cl-gen-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }

/* ── 资产网格：统一单元格，合成图单独占满一行 ── */
.xhs-cl-asset-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: 10px; }
.xhs-cl-asset { position: relative; margin: 0; display: flex; flex-direction: column; gap: 5px; }
.xhs-cl-asset-media {
  position: relative; width: 100%; aspect-ratio: 3 / 4; padding: 0; border-radius: 10px;
  border: 1px solid rgba(246,239,228,.13); background: rgba(255,255,255,.03);
  overflow: hidden; cursor: zoom-in; display: flex; align-items: center; justify-content: center;
}
.xhs-cl-asset-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.xhs-cl-asset-media > span { font-size: 11px; color: #8b93a4; }
.xhs-cl-asset-media:disabled { cursor: default; }
.xhs-cl-asset.is-done .xhs-cl-asset-media { border-color: rgba(31,157,109,.38); }
.xhs-cl-asset.is-generating .xhs-cl-asset-media { border-color: rgba(79,140,255,.65); }
.xhs-cl-asset.is-failed .xhs-cl-asset-media { border-color: rgba(216,64,47,.55); }
.xhs-cl-asset.is-source .xhs-cl-asset-media { border-color: rgba(246,239,228,.22); }
/* 合成图：16:9，整行铺满，视觉上明显区别于竖版角度图 */
.xhs-cl-asset.is-sheet { grid-column: 1 / -1; }
.xhs-cl-asset.is-sheet .xhs-cl-asset-media { aspect-ratio: 16 / 9; cursor: zoom-in; }
.xhs-cl-asset.is-sheet .xhs-cl-asset-media img { object-fit: cover; }
.xhs-cl-asset figcaption { font-size: 11px; color: #8b93a4; text-align: center; }
.xhs-cl-asset-regen {
  position: absolute; top: 5px; right: 5px; width: 20px; height: 20px; border-radius: 999px;
  border: 1px solid rgba(255,255,255,.25); background: rgba(14,17,22,.86); color: #d9d5cc;
  font-size: 12px; line-height: 1; padding: 0; display: flex; align-items: center; justify-content: center;
  cursor: pointer; opacity: .9; transition: background .14s ease, color .14s ease;
}
.xhs-cl-asset-regen:hover { background: #e85d44; border-color: #e85d44; color: #fff; }

/* ── 日间模式 ── */
html[data-vr-theme="light"] .xhs-cl-btn { border-color: rgba(29,26,23,.14); background: rgba(29,26,23,.04); color: #4a4741; }
html[data-vr-theme="light"] .xhs-cl-btn:hover { border-color: rgba(29,26,23,.28); color: #2a2c31; }
html[data-vr-theme="light"] .xhs-cl-btn.primary { border-color: rgba(232,93,68,.45); background: rgba(232,93,68,.1); color: #d0421f; }
html[data-vr-theme="light"] .xhs-cl-btn.primary:hover { background: #e85d44; color: #fff; }
html[data-vr-theme="light"] .xhs-cl-card { border-color: #e7d2d6; background: #fff; }
html[data-vr-theme="light"] .xhs-cl-card:hover { border-color: #e0c8cd; }
html[data-vr-theme="light"] .xhs-cl-card-body b, html[data-vr-theme="light"] .xhs-cl-detail-id b,
html[data-vr-theme="light"] .xhs-cl-block-head b, html[data-vr-theme="light"] .xhs-cl-toolbar-title b { color: #2a2c31; }
html[data-vr-theme="light"] .xhs-cl-block { border-color: rgba(29,26,23,.1); background: rgba(29,26,23,.02); }
html[data-vr-theme="light"] .xhs-cl-form input, html[data-vr-theme="light"] .xhs-cl-form select { border-color: rgba(29,26,23,.14); background: #fff; color: #2a2c31; }
html[data-vr-theme="light"] .xhs-cl-asset-media { border-color: rgba(29,26,23,.13); background: rgba(29,26,23,.03); }
html[data-vr-theme="light"] .xhs-cl-src, html[data-vr-theme="light"] .xhs-cl-avatar { border-color: rgba(29,26,23,.13); }
html[data-vr-theme="light"] .xhs-cl-flash { border-color: rgba(47,109,246,.3); background: rgba(47,109,246,.08); color: #2f6df6; }

/* ── 列表页收尾打磨（对着视觉审核意见改的）── */
/* 徽标对比度提高 + 字号可读性（原 10.5px 偏小、对比弱） */
.xhs-cl-card-badge { font-size: 11px; font-weight: 600; letter-spacing: .01em; padding: 2px 9px; }
.xhs-cl-card-badge.is-ok { color: #8fe6bd; background: rgba(31,157,109,.3); }
.xhs-cl-card-badge.is-part { color: #ffdba6; background: rgba(200,128,31,.3); }
/* 无图卡片：封面区做成「可点的行动区」，明确引导去上传/生成 */
.xhs-cl-card.is-empty .xhs-cl-card-media { background: rgba(255,255,255,.02); }
.xhs-cl-card.is-empty .xhs-cl-card-ph {
  flex-direction: column; gap: 6px; color: #8b93a4; transition: color .15s ease;
}
.xhs-cl-card.is-empty:hover .xhs-cl-card-ph { color: #f0a894; }
.xhs-cl-card-ph b { font-size: 24px; font-weight: 400; line-height: 1; opacity: .75; }
/* 名称过长时给个更明显的视觉区分：名称与元信息之间留一点气口 */
.xhs-cl-card-body { padding: 10px 11px 8px; }
.xhs-cl-card-meta { line-height: 1.35; }
/* 卡片底部按钮只保留主要动作的视觉权重，删除弱化到悬停才显红 */
.xhs-cl-card-foot .xhs-cl-btn.danger { color: #9a9188; }
.xhs-cl-card:hover .xhs-cl-card-foot .xhs-cl-btn.danger { color: #c9bfaf; }

/* 空库时的引导保持居中、不要顶在左上角 */
.xhs-cl-empty { grid-column: 1 / -1; }

html[data-vr-theme="light"] .xhs-cl-card.is-empty .xhs-cl-card-ph { color: #6b665e; }
html[data-vr-theme="light"] .xhs-cl-card.is-empty:hover .xhs-cl-card-ph { color: #d0421f; }

/* ══════════════════════════════════════════════════════════════════════
   人物库：清掉「弹窗时代」遗留规则（UI 重构收尾）
   ══════════════════════════════════════════════════════════════════════
   背景：.xhs-cl-* 这套类名最早属于「人物库弹窗」，
   里面有一条 `.xhs-cl-item.is-open { grid-column: 1 / -1 }`
   和 `.xhs-cl-card { position:absolute; top:50%; left:50%;
   transform: translate(-50%,-50%); width: min(1040px,94vw) }`。
   重构后类名复用为「列表网格卡片」，于是这些旧规则全部生效：

     · 卡片 display 变成弹窗卡片 → position:absolute 脱离文档流
     · transform: translate(-50%,-50%) 让 hover 时触发位移动画 → 卡片乱窜
     · width: min(1040px,94vw) 让卡片被钉到 1040px（网格列只有 196px）
     · grid-column: 1 / -1（旧 .is-open）让卡片横向占满整行

   实测证据：computed style 里 pos:absolute、
   transform:matrix(1,0,0,1,-98,-107.48)、cardW=840/1040。

   这里用一段收尾规则把所有旧定位/尺寸/动画特性明确重置掉，
   并【取消 hover 上浮】—— 用户明确要求「鼠标移到卡片的时候卡片会乱动」要修掉。
   ══════════════════════════════════════════════════════════════════════ */

/* ── 列表卡片：彻底回到正常文档流 ── */
#xhs-character-page .xhs-cl-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, 196px);
  gap: 14px;
  justify-content: start;
  align-items: start;
  margin-top: 0;
}
#xhs-character-page .xhs-cl-card,
.xhs-cl-card {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  animation: none !important;
  grid-column: auto / span 1 !important;
  width: 196px !important;
  max-width: 196px !important;
  min-width: 0 !important;
  max-height: none !important;
  overflow: hidden;
  padding: 0 !important;
  margin: 0;
}
/* 取消 hover 位移 —— 只做「描边变亮 + 轻微阴影」这种不改变布局的反馈。
   原因：用户实测「鼠标移到卡片的时候卡片会乱动」。
   位移(del translateY) + 过渡 会让卡片在鼠标进出时来回跳，
   视觉上像抖动/乱窜，尤其在网格里对比其它卡片时更明显。 */
#xhs-character-page .xhs-cl-card:hover,
.xhs-cl-card:hover {
  transform: none !important;
  border-color: var(--xhs-card-border-hover, #4a443c) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .18) !important;
}
/* 旧的 .xhs-cl-item 规则一律不生效（类名已不再使用） */
.xhs-cl-item, .xhs-cl-item.is-open { grid-column: auto / auto; transform: none; position: static; }

/* 详情页里旧的 .xhs-cl-* 样式也做一次归位，避免和新的 .xhs-cl-block 打架 */
#xhs-character-page .xhs-cl-detail-view .xhs-cl-list { display: grid; }

/* 其它库的卡片也不要有位移（保持一致，避免同样的抖动问题） */
.xhs-el-card:hover, .xhs-ol-card:hover, .xhs-mh-card:hover {
  transform: none !important;
}

/* ══════════════════════════════════════════════════════════════════════
   素材库参考图 / 按人物·环境批量生成
   ══════════════════════════════════════════════════════════════════════ */

/* ── 工作台里注入的两个按钮 ── */
.bba-inline-btn {
  display: inline-flex; flex-direction: row; align-items: center; gap: 5px;
  height: 28px; padding: 0 11px; border-radius: 999px;
  border: 1px dashed rgba(246,239,228,.28); background: rgba(255,255,255,.03);
  color: #c9bfaf; font-size: 12px; line-height: 1; white-space: nowrap; cursor: pointer;
  transition: border-color .15s ease, color .15s ease, background .15s ease;
}
.bba-inline-btn:hover { border-color: rgba(232,93,68,.65); color: #f0a894; background: rgba(232,93,68,.08); }
.bba-inline-btn.is-strong {
  border-style: solid; border-color: rgba(232,93,68,.5);
  background: rgba(232,93,68,.14); color: #f0a894; font-weight: 600;
}
.bba-inline-btn.is-strong:hover { background: #e85d44; border-color: #e85d44; color: #fff; }

/* ── 弹层 ── */
.xhs-bba-modal { position: fixed; inset: 0; z-index: 9997; display: flex; align-items: center; justify-content: center; }
.bba-mask { position: absolute; inset: 0; background: rgba(6,7,10,.72); backdrop-filter: blur(3px); }
.bba-card {
  position: relative; width: min(1080px, 95vw); max-height: 88vh; display: flex; flex-direction: column;
  border-radius: 14px; border: 1px solid rgba(246,239,228,.14);
  background: #16141a; box-shadow: 0 26px 80px rgba(0,0,0,.55);
}
.bba-card > header {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  padding: 14px 16px; border-bottom: 1px solid rgba(246,239,228,.09);
}
.bba-card > header b { display: block; font-size: 14.5px; color: #f3efe7; }
.bba-card > header small { display: block; margin-top: 2px; font-size: 11.5px; color: #8b93a4; }
.bba-tabs { display: flex; gap: 6px; margin-left: auto; }
.bba-tab {
  height: 28px; padding: 0 12px; border-radius: 999px; cursor: pointer;
  border: 1px solid rgba(246,239,228,.14); background: rgba(255,255,255,.04);
  color: #c9bfaf; font-size: 12px;
}
.bba-tab.is-on { border-color: rgba(232,93,68,.6); background: rgba(232,93,68,.16); color: #f0a894; font-weight: 600; }
.bba-run {
  height: 30px; padding: 0 14px; border-radius: 9px; cursor: pointer;
  border: 1px solid rgba(232,93,68,.5); background: rgba(232,93,68,.18);
  color: #f0a894; font-size: 12.5px; font-weight: 600; white-space: nowrap;
}
.bba-run:hover:not(:disabled) { background: #e85d44; border-color: #e85d44; color: #fff; }
.bba-run:disabled { opacity: .45; cursor: not-allowed; }
.bba-x {
  width: 28px; height: 28px; border-radius: 8px; cursor: pointer; flex: 0 0 auto;
  border: 1px solid rgba(246,239,228,.16); background: rgba(255,255,255,.05);
  color: #d9d5cc; font-size: 16px; line-height: 1;
}
.bba-x:hover { background: rgba(216,64,47,.85); border-color: rgba(216,64,47,.85); color: #fff; }
.bba-body { padding: 14px 16px 16px; overflow: auto; }

.bba-toolbar { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; flex-wrap: wrap; }
.bba-btn {
  height: 28px; padding: 0 11px; border-radius: 8px; cursor: pointer;
  border: 1px solid rgba(246,239,228,.14); background: rgba(255,255,255,.04);
  color: #c9bfaf; font-size: 12px;
}
.bba-btn:hover { border-color: rgba(246,239,228,.3); color: #fff; }
.bba-count { margin-left: auto; font-size: 12px; color: #f0a894; font-weight: 600; }
.bba-btn.is-on { border-color: rgba(232,93,68,.6); background: rgba(232,93,68,.14); color: #ffbfae; }

/* ── 「图N→角度」映射（多图模式）──
   用户需求：一个帖子会用到人物库的 2/3/4 张图，需要逐张指定每张输出图用哪张库图。 */
.bba-map {
  border: 1px solid rgba(232,93,68,.28); border-radius: 11px;
  background: rgba(232,93,68,.06); padding: 10px 12px 11px; margin-bottom: 12px;
}
.bba-map-head { display: flex; align-items: baseline; gap: 9px; flex-wrap: wrap; margin-bottom: 9px; }
.bba-map-head b { font-size: 12.5px; color: #ffbfae; }
.bba-map-head span { font-size: 11px; color: #8b93a4; }
.bba-map-grid { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 9px; }
.bba-map-cell {
  display: grid; gap: 3px; min-width: 132px;
}
.bba-map-cell > span { font-size: 11px; color: #c9bfaf; }
.bba-map-cell select {
  height: 28px; padding: 0 8px; border-radius: 8px; font-size: 12px; cursor: pointer;
  border: 1px solid rgba(246,239,228,.14); background: rgba(255,255,255,.04); color: #eef1f6;
}
.bba-map-same { height: 26px; padding: 0 10px; font-size: 11.5px; }

html[data-vr-theme="light"] .bba-map { border-color: rgba(232,69,47,.26); background: rgba(232,69,47,.05); }
html[data-vr-theme="light"] .bba-map-head b { color: #b4552a; }
html[data-vr-theme="light"] .bba-map-head span { color: #8d9099; }
html[data-vr-theme="light"] .bba-map-cell > span { color: #5d6167; }
html[data-vr-theme="light"] .bba-map-cell select { border-color: rgba(29,26,23,.14); background: #fff; color: #2a2c31; }
html[data-vr-theme="light"] .bba-btn.is-on { border-color: rgba(232,69,47,.55); background: rgba(232,69,47,.12); color: #b4552a; }

.bba-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 12px; }
.bba-item {
  border: 1px solid rgba(246,239,228,.1); border-radius: 11px;
  background: rgba(255,255,255,.02); padding: 11px 12px; min-width: 0;
}
.bba-item.is-on { border-color: rgba(232,93,68,.5); background: rgba(232,93,68,.07); }
.bba-item-head { display: flex; align-items: baseline; gap: 8px; margin-bottom: 8px; }
.bba-item-head b { font-size: 13px; color: #eef1f6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bba-item-head span { flex: 0 0 auto; font-size: 11px; color: #8b93a4; }
.bba-pick { display: flex; align-items: center; gap: 7px; cursor: pointer; margin-bottom: 8px; }
.bba-pick input { width: 15px; height: 15px; accent-color: #e85d44; cursor: pointer; }
.bba-pick b { font-size: 13px; color: #eef1f6; }
.bba-item-meta { display: block; font-size: 11px; color: #8b93a4; margin-bottom: 7px; }
.bba-assets { display: flex; gap: 7px; overflow-x: auto; padding-bottom: 3px; }
.bba-asset {
  position: relative; flex: 0 0 auto; width: 72px; padding: 0; cursor: pointer;
  border: 1px solid rgba(246,239,228,.14); border-radius: 9px; overflow: hidden;
  background: rgba(255,255,255,.03); display: flex; flex-direction: column;
}
.bba-asset img { width: 72px; height: 72px; object-fit: cover; display: block; }
.bba-asset span { font-size: 10px; color: #8b93a4; padding: 3px 2px; text-align: center; }
.bba-asset:hover { border-color: rgba(232,93,68,.6); }
.bba-asset.is-sel { border-color: #e85d44; box-shadow: 0 0 0 2px rgba(232,93,68,.3); }
.bba-asset.is-sel span { color: #f0a894; font-weight: 600; }

.bba-hint { margin: 14px 0 0; font-size: 11.5px; line-height: 1.7; color: #8b93a4; }
.bba-hint code { padding: 1px 5px; border-radius: 5px; background: rgba(255,255,255,.07); color: #c9bfaf; }
.bba-loading, .bba-empty, .bba-err { margin: 20px 0; text-align: center; font-size: 12.5px; color: #8b93a4; }
.bba-err { color: #ff9a8a; }

/* ── 日间模式 ── */
html[data-vr-theme="light"] .bba-inline-btn { border-color: rgba(29,26,23,.22); background: rgba(29,26,23,.03); color: #4a4741; }
html[data-vr-theme="light"] .bba-inline-btn.is-strong { border-color: rgba(232,93,68,.45); background: rgba(232,93,68,.1); color: #d0421f; }
html[data-vr-theme="light"] .bba-inline-btn.is-strong:hover { background: #e85d44; color: #fff; }
html[data-vr-theme="light"] .bba-card { border-color: rgba(29,26,23,.14); background: #fff; box-shadow: 0 26px 80px rgba(0,0,0,.2); }
html[data-vr-theme="light"] .bba-card > header b, html[data-vr-theme="light"] .bba-item-head b, html[data-vr-theme="light"] .bba-pick b { color: #2a2c31; }
html[data-vr-theme="light"] .bba-item { border-color: rgba(29,26,23,.1); background: rgba(29,26,23,.02); }
html[data-vr-theme="light"] .bba-item.is-on { border-color: rgba(232,93,68,.45); background: rgba(232,93,68,.06); }
html[data-vr-theme="light"] .bba-tab, html[data-vr-theme="light"] .bba-btn, html[data-vr-theme="light"] .bba-x { border-color: rgba(29,26,23,.14); background: rgba(29,26,23,.04); color: #4a4741; }
html[data-vr-theme="light"] .bba-tab.is-on { border-color: rgba(232,93,68,.5); background: rgba(232,93,68,.12); color: #d0421f; }
html[data-vr-theme="light"] .bba-asset { border-color: rgba(29,26,23,.14); background: rgba(29,26,23,.03); }
html[data-vr-theme="light"] .bba-asset.is-sel { border-color: #e85d44; }
/* 按人物/环境批量：跟随角度选择器 + 缺图置灰 */
.bba-angle { font-size: 11.5px; color: #8b93a4; display: inline-flex; align-items: center; gap: 6px; }
.bba-angle b { color: #f0a894; font-weight: 600; }
.bba-angle select {
  height: 26px; padding: 0 6px; border-radius: 7px; font-size: 11.5px; cursor: pointer;
  border: 1px solid rgba(246,239,228,.14); background: rgba(255,255,255,.04); color: #c9bfaf;
}
.bba-item.is-na { opacity: .5; }
.bba-item.is-na .bba-pick { cursor: not-allowed; }
.bba-asset:disabled { cursor: not-allowed; }
.bba-na { display: flex; align-items: center; justify-content: center; width: 72px; height: 72px; font-size: 11px; color: #6b7280; }
.bba-warn { color: #ffd08a; }
html[data-vr-theme="light"] .bba-angle select { border-color: rgba(29,26,23,.14); background: rgba(29,26,23,.04); color: #4a4741; }
html[data-vr-theme="light"] .bba-angle b { color: #d0421f; }
/* 「＋ 素材库参考图」放在「关联参考图」下面：整行按钮，和上方的上传入口形成一组 */
.bba-inline-btn.is-block {
  display: flex; width: 100%; height: 32px; margin-top: 7px;
  justify-content: center; border-radius: 8px;
}
html[data-vr-theme="light"] .bba-inline-btn.is-block { border-color: rgba(29,26,23,.2); background: rgba(29,26,23,.03); color: #4a4741; }
/* 人物库：显眼的错误横幅（生成失败 / 缺原图 等，常驻直到用户关掉） */
.xhs-cl-error-banner {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  padding: 10px 12px; border-radius: 10px;
  border: 1px solid rgba(216,64,47,.55); background: rgba(216,64,47,.14);
}
.xhs-cl-error-banner b { font-size: 12.5px; color: #ff9a8a; white-space: nowrap; }
.xhs-cl-error-banner span { flex: 1 1 200px; font-size: 12px; line-height: 1.6; color: #ffd9d2; word-break: break-word; }
.xhs-cl-error-banner .xhs-cl-btn { flex: 0 0 auto; }
html[data-vr-theme="light"] .xhs-cl-error-banner { border-color: rgba(216,64,47,.45); background: rgba(216,64,47,.08); }
html[data-vr-theme="light"] .xhs-cl-error-banner b { color: #d8402f; }
html[data-vr-theme="light"] .xhs-cl-error-banner span { color: #7a2b1f; }
/* 原图缩略图上的删除按钮 + 可点看大图 */
.xhs-cl-src { position: relative; cursor: zoom-in; }
.xhs-cl-src-del {
  position: absolute; top: -5px; right: -5px; width: 18px; height: 18px; border-radius: 999px;
  border: 1px solid rgba(255,255,255,.3); background: rgba(14,17,22,.9); color: #e6e1d8;
  font-size: 12px; line-height: 1; padding: 0; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  opacity: .9; transition: background .14s ease, border-color .14s ease, color .14s ease;
  z-index: 2;
}
.xhs-cl-src-del:hover { background: #d8402f; border-color: #d8402f; color: #fff; }
.xhs-cl-src:hover img { border-color: rgba(246,239,228,.3); }
html[data-vr-theme="light"] .xhs-cl-src-del { border-color: rgba(29,26,23,.25); background: #fff; color: #4a4741; }
html[data-vr-theme="light"] .xhs-cl-src-del:hover { background: #d8402f; border-color: #d8402f; color: #fff; }
/* ── 成品库：分类（chips 筛选行 + 卡片分类下拉）── */
.xhs-ol-groupbar { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; margin: 0 0 12px; }
.xhs-ol-gwrap { display: inline-flex; align-items: center; gap: 2px; }
.xhs-ol-gchip {
  height: 28px; padding: 0 11px; border-radius: 999px; cursor: pointer;
  border: 1px solid rgba(246,239,228,.14); background: rgba(255,255,255,.04);
  color: #c9bfaf; font-size: 12px; display: inline-flex; align-items: center; gap: 5px;
}
.xhs-ol-gchip em { font-style: normal; font-size: 10.5px; opacity: .7; }
.xhs-ol-gchip:hover { border-color: rgba(246,239,228,.3); color: #fff; }
.xhs-ol-gchip.is-active { border-color: rgba(232,93,68,.6); background: rgba(232,93,68,.16); color: #f0a894; font-weight: 600; }
.xhs-ol-gdel {
  width: 18px; height: 18px; border-radius: 999px; cursor: pointer; padding: 0;
  border: 1px solid rgba(246,239,228,.18); background: rgba(255,255,255,.05);
  color: #9a9188; font-size: 11px; line-height: 1;
}
.xhs-ol-gdel:hover { background: #d8402f; border-color: #d8402f; color: #fff; }
.xhs-ol-gsel {
  height: 24px; max-width: 92px; padding: 0 6px; border-radius: 6px; cursor: pointer;
  border: 1px solid rgba(246,239,228,.14); background: rgba(255,255,255,.04);
  color: #c9bfaf; font-size: 11px;
}
html[data-vr-theme="light"] .xhs-ol-gchip { border-color: rgba(29,26,23,.14); background: rgba(29,26,23,.04); color: #4a4741; }
html[data-vr-theme="light"] .xhs-ol-gchip.is-active { border-color: rgba(232,93,68,.5); background: rgba(232,93,68,.1); color: #d0421f; }
html[data-vr-theme="light"] .xhs-ol-gsel { border-color: rgba(29,26,23,.14); background: #fff; color: #2a2c31; }
html[data-vr-theme="light"] .xhs-ol-gdel { border-color: rgba(29,26,23,.18); background: #fff; color: #6b665e; }

/* ══════════════════════════════════════════════════════════════════════
   灵感库 ← 成品库 卡片风格合并
   ══════════════════════════════════════════════════════════════════════

   用户要求：「把灵感库做成和成品库一样的排列方式，把它俩的优点合并一下」

   实测两边的差异：

   灵感库（React 渲染，改不了结构 → 只能加 class / CSS 覆盖）
     · 卡片 214×743，横向网格 3~6 列可调
     · 信息全但「过载」：封面 + 作者 + 标题 + 正文 + 标签 + 互动数据 + 操作行
     · 正文和标签整段铺开，文字密度很高、层级不清
     · 缺：统一的大封面比例、类型角标、底部操作栏的视觉一致性

   成品库（我们自己的节点，结构自由）
     · 卡片 220×401，大封面 3:4 + 单行标题 + 2 行摘要 + 底部操作栏
     · 层级清晰、扫一眼就能判断，浏览效率高
     · 缺：作者信息、互动数据、图片左右翻页

   合并方案（取两边之长）：
     · 沿用成品库的【视觉骨架】：大封面 → 标题 → 摘要（限高）→ 底部操作栏
     · 保留灵感库的【内容优势】：作者头像+昵称、互动数据、封面左右翻页
     · 正文从「整段铺开」收紧为「最多 2 行摘要」，标签最多 3 个
     · 卡片高度统一，不再因为正文长短而参差

   ⚠️ 铁律：这些是 React 节点。只加 class + CSS 覆盖，绝不改结构/文本。
   ══════════════════════════════════════════════════════════════════════ */

/* ── 网格：和成品库一致（固定 220px 轨道，不依赖 3/4/5/6 列设置） ── */
.collector-grid .collection-grid,
.collector-grid .collection-grid.phone-ratio-3-4,
.collector-grid .collection-grid.phone-ratio-9-16 {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, 220px) !important;
  gap: 14px !important;
  justify-content: start !important;
  align-items: start !important;
}

/* ── 卡片：统一成成品库那种「紧凑竖卡」 ── */
.collector-grid .collection-card,
.collector-grid .library-phone-card {
  width: 220px !important;
  max-width: 220px !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border: 1px solid #322e29 !important;
  border-radius: 12px !important;
  background: #1b1916 !important;
  padding: 0 !important;
  /* 悬停只变描边，不位移（和人物库一致，避免卡片乱动） */
  transform: none !important;
  transition: border-color .16s ease, box-shadow .16s ease !important;
}
.collector-grid .collection-card:hover,
.collector-grid .library-phone-card:hover {
  border-color: #4a443c !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .2) !important;
  transform: none !important;
}

/* ── 封面：固定 3:4，和成品库的封面区等大 ── */
.collector-grid .collection-card .phone-card-media {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  height: auto !important;
  flex: 0 0 auto !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, .03) !important;
}
.collector-grid .collection-card .phone-card-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
/* 图片数量角标：做成成品库那种胶囊，右下角改右上角更醒目 */
.collector-grid .collection-card .phone-card-media > span {
  position: absolute !important;
  top: 7px !important;
  right: 7px !important;
  left: auto !important;
  bottom: auto !important;
  padding: 1px 8px !important;
  border-radius: 999px !important;
  font-size: 10.5px !important;
  color: #e7e9ee !important;
  background: rgba(12, 14, 18, .78) !important;
  backdrop-filter: blur(4px) !important;
}

/* ── 卡片正文区：收紧成「作者 → 标题 → 2 行摘要 → 数据 → 操作」 ── */
.collector-grid .collection-card .phone-card-body,
.collector-grid .collection-card .compact-phone-flow {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  padding: 10px 11px 11px !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

/* 作者行：头像 + 昵称，作为最上面一行辅助信息（成品库没有的，灵感库保留） */
.collector-grid .collection-card .compact-author {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
}
.collector-grid .collection-card .compact-author img {
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  object-fit: cover !important;
  flex: 0 0 auto !important;
}
.collector-grid .collection-card .compact-author span {
  font-size: 11px !important;
  color: #8b93a4 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* 标题：单行省略（成品库是单行，这里保持一致；点开看全） */
.collector-grid .collection-card strong {
  display: block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: #eef1f6 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

/* 正文：从「整段铺开」压到最多 2 行 —— 这是解决信息过载的关键 */
.collector-grid .collection-card p {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  font-size: 11.5px !important;
  line-height: 1.5 !important;
  color: #8b93a4 !important;
  margin: 0 !important;
  max-height: 3em !important;
}

/* 标签：最多显示 3 个，超出的隐藏（原来铺满一整行很挤） */
.collector-grid .collection-card .phone-card-tags {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 4px !important;
  overflow: hidden !important;
  margin: 0 !important;
}
.collector-grid .collection-card .phone-card-tags em {
  flex: 0 0 auto !important;
  font-size: 10px !important;
  padding: 1px 6px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .05) !important;
  color: #8b93a4 !important;
  white-space: nowrap !important;
  max-width: 88px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.collector-grid .collection-card .phone-card-tags em:nth-child(n+4) { display: none !important; }

/* 互动数据：小字一行，放在操作栏上方（灵感库特有，保留但弱化） */
.collector-grid .collection-card > .phone-card-body > small,
.collector-grid .collection-card .compact-phone-flow > small {
  font-size: 10.5px !important;
  color: #6b7280 !important;
  margin: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* 操作栏：推到底部、上方一条分隔线 —— 和成品库的 foot 完全一致 */
.collector-grid .collection-card .library-card-actions,
.collector-grid .collection-card .xhs-card-actions {
  margin-top: auto !important;
  padding-top: 9px !important;
  border-top: 1px solid rgba(246, 239, 228, .07) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas: "group group" "import del" !important;
  gap: 7px 8px !important;
  align-items: center !important;
}

/* 图片翻页箭头：缩小成小圆点，别抢封面视觉 */
.collector-grid .collection-card .media-nav {
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
  opacity: .75 !important;
}
.collector-grid .collection-card .media-nav:hover { opacity: 1 !important; }

/* ── 日间模式 ── */
html[data-vr-theme="light"] .collector-grid .collection-card {
  border-color: #e7d2d6 !important;
  background: #ffffff !important;
}
html[data-vr-theme="light"] .collector-grid .collection-card:hover { border-color: #e0c8cd !important; }
html[data-vr-theme="light"] .collector-grid .collection-card strong { color: #2a2c31 !important; }
html[data-vr-theme="light"] .collector-grid .collection-card p { color: #6d7278 !important; }
html[data-vr-theme="light"] .collector-grid .collection-card .compact-author span { color: #6d7278 !important; }
html[data-vr-theme="light"] .collector-grid .collection-card .library-card-actions,
html[data-vr-theme="light"] .collector-grid .collection-card .xhs-card-actions { border-top-color: rgba(29, 26, 23, .08) !important; }
html[data-vr-theme="light"] .collector-grid .collection-card .phone-card-tags em { background: rgba(29, 26, 23, .05) !important; color: #6d7278 !important; }
html[data-vr-theme="light"] .collector-grid .collection-card .phone-card-media > span { color: #2a2c31 !important; background: rgba(255, 255, 255, .85) !important; }

/* ── 灵感库头部：和成品库的工具栏风格统一 ── */
/* 1) 统计卡（采集条数/素材总数/展示比例）压扁成一行小信息，不再占一大块 */
.collector-grid .collection-meta.collection-meta-top {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
}
.collector-grid .collection-meta.collection-meta-top > div {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(246, 239, 228, .12) !important;
  background: rgba(255, 255, 255, .03) !important;
  flex: 0 0 auto !important;
}
.collector-grid .collection-meta.collection-meta-top small {
  font-size: 11px !important;
  color: #8b93a4 !important;
}
.collector-grid .collection-meta.collection-meta-top strong {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #eef1f6 !important;
}

/* 2) 工具栏：搜索框 + 两组筛选 + 新建分组 + 添加，排成整齐两行 */
.collector-grid .collector-toolbar {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin: 0 0 12px !important;
}

/* 3) 搜索框：和成品库搜索框同尺寸同风格 */
.collector-grid .collector-search {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  height: 32px !important;
  padding: 0 11px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(246, 239, 228, .14) !important;
  background: rgba(255, 255, 255, .04) !important;
  flex: 1 1 220px !important;
  max-width: 320px !important;
  color: #8b93a4 !important;
}
.collector-grid .collector-search input {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #eef1f6 !important;
  font-size: 12.5px !important;
  outline: 0 !important;
}
.collector-grid .collector-search input::placeholder { color: #6b7280 !important; }

/* 4) 筛选按钮组：药丸样式，和成品库的 xhs-ol-tab 一致 */
.collector-grid .filter-switch {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex: 0 0 auto !important;
}
.collector-grid .filter-switch > button {
  height: 28px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(246, 239, 228, .14) !important;
  background: rgba(255, 255, 255, .04) !important;
  color: #c9bfaf !important;
  font-size: 12px !important;
  white-space: nowrap !important;
  transition: border-color .15s ease, background .15s ease, color .15s ease !important;
}
.collector-grid .filter-switch > button:hover { border-color: rgba(246, 239, 228, .3) !important; color: #fff !important; }
.collector-grid .filter-switch > button.active {
  border-color: rgba(232, 93, 68, .6) !important;
  background: rgba(232, 93, 68, .16) !important;
  color: #f0a894 !important;
  font-weight: 600 !important;
}

/* 5) 分组 chips：药丸 + 右侧小 × 删除（和成品库分类 chips 同款） */
.collector-grid .group-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
  flex: 0 0 auto !important;
}
.collector-grid .group-chip > button {
  height: 28px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(246, 239, 228, .14) !important;
  background: rgba(255, 255, 255, .04) !important;
  color: #c9bfaf !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}
.collector-grid .group-chip > button.active {
  border-color: rgba(232, 93, 68, .6) !important;
  background: rgba(232, 93, 68, .16) !important;
  color: #f0a894 !important;
  font-weight: 600 !important;
}
.collector-grid .group-chip > button.group-remove {
  width: 18px !important;
  height: 18px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  color: #9a9188 !important;
}
.collector-grid .group-chip > button.group-remove:hover { background: #d8402f !important; border-color: #d8402f !important; color: #fff !important; }

/* 6) 新建分组控件：内联输入 + 按钮，高度对齐 */
.collector-grid .group-create-control {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex: 0 0 auto !important;
}
.collector-grid .group-create-control input {
  height: 28px !important;
  padding: 0 10px !important;
  width: 116px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(246, 239, 228, .14) !important;
  background: rgba(255, 255, 255, .04) !important;
  color: #eef1f6 !important;
  font-size: 12px !important;
  outline: 0 !important;
}
.collector-grid .group-create-control button {
  height: 28px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(232, 93, 68, .5) !important;
  background: rgba(232, 93, 68, .14) !important;
  color: #f0a894 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}
.collector-grid .group-create-control button:hover { background: #e85d44 !important; border-color: #e85d44 !important; color: #fff !important; }

/* ── 日间模式 ── */
html[data-vr-theme="light"] .collector-grid .collection-meta.collection-meta-top > div { border-color: rgba(29, 26, 23, .12) !important; background: rgba(29, 26, 23, .03) !important; }
html[data-vr-theme="light"] .collector-grid .collection-meta.collection-meta-top strong { color: #2a2c31 !important; }
html[data-vr-theme="light"] .collector-grid .collector-search { border-color: rgba(29, 26, 23, .14) !important; background: #fff !important; }
html[data-vr-theme="light"] .collector-grid .collector-search input { color: #2a2c31 !important; }
html[data-vr-theme="light"] .collector-grid .filter-switch > button,
html[data-vr-theme="light"] .collector-grid .group-chip > button { border-color: rgba(29, 26, 23, .14) !important; background: rgba(29, 26, 23, .04) !important; color: #4a4741 !important; }
html[data-vr-theme="light"] .collector-grid .filter-switch > button.active,
html[data-vr-theme="light"] .collector-grid .group-chip > button.active { border-color: rgba(232, 93, 68, .5) !important; background: rgba(232, 93, 68, .1) !important; color: #d0421f !important; }
html[data-vr-theme="light"] .collector-grid .group-create-control input { border-color: rgba(29, 26, 23, .14) !important; background: #fff !important; color: #2a2c31 !important; }
/* ══ 设置页优化 ══ */
.xhs-set-hide { display: none !important; }

/* 统一栅格：所有配置项等宽对齐 */
.xhs-set-grid .settings-subsection {
  padding: 13px 14px;
  border: 1px solid rgba(246,239,228,.1);
  border-radius: 12px;
  background: rgba(255,255,255,.02);
  margin-bottom: 12px;
}
.xhs-set-block { padding: 12px 13px; border: 1px solid rgba(246,239,228,.09); border-radius: 11px; background: rgba(255,255,255,.015); margin-bottom: 10px; }
.xhs-set-block-head { display: flex; align-items: baseline; gap: 9px; margin-bottom: 10px; }
.xhs-set-block-head b { font-size: 13px; color: #f0ebe4; font-weight: 600; }
.xhs-set-block-head span { font-size: 11px; color: #8b93a4; }
.xhs-set-fields { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.xhs-set-field { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.xhs-set-label { font-size: 12px; color: #cfc7bb; }
.xhs-set-note { font-size: 10.5px; color: #6b7280; line-height: 1.5; }
.xhs-set-extra .xhs-set-input,
.xhs-set-extra select,
.xhs-set-extra input[type="number"] {
  height: 32px; padding: 0 10px; border-radius: 8px; font-size: 13px;
  border: 1px solid rgba(246,239,228,.14); background: rgba(255,255,255,.04); color: #eef1f6;
  width: 100%; box-sizing: border-box;
}
.xhs-set-extra select { cursor: pointer; }
.xhs-set-extra select:focus, .xhs-set-extra input:focus { outline: 0; border-color: rgba(232,93,68,.6); }

/* 开关 */
.xhs-set-switch { position: relative; display: inline-flex; align-items: center; cursor: pointer; width: 42px; height: 24px; flex: 0 0 auto; }
.xhs-set-switch input { position: absolute; opacity: 0; width: 0; height: 0; }
.xhs-set-switch-ui { position: relative; width: 42px; height: 24px; border-radius: 999px; background: rgba(255,255,255,.12); transition: background .16s ease; }
.xhs-set-switch-ui::after {
  content: ''; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 999px;
  background: #8b93a4; transition: transform .16s ease, background .16s ease;
}
.xhs-set-switch input:checked + .xhs-set-switch-ui { background: rgba(232,93,68,.45); }
.xhs-set-switch input:checked + .xhs-set-switch-ui::after { transform: translateX(18px); background: #fff; }

.xhs-set-foot { display: flex; align-items: center; gap: 10px; margin-top: 12px; }
.xhs-set-save {
  height: 32px; padding: 0 16px; border-radius: 9px; cursor: pointer;
  border: 1px solid rgba(232,93,68,.5); background: rgba(232,93,68,.16);
  color: #f0a894; font-size: 12.5px; font-weight: 600;
}
.xhs-set-save:hover { background: #e85d44; border-color: #e85d44; color: #fff; }
.xhs-set-msg { font-size: 12px; color: #8b93a4; }
.xhs-set-msg.is-ok { color: #7fd8ae; }

/* 一级/二级标题层级拉开 */
.settings-section-title strong { font-size: 15px !important; }
.settings-section small { font-size: 11.5px !important; line-height: 1.55 !important; }

/* 危险操作：视觉退后、不再和普通设置抢眼 */
.xhs-set-danger { border-color: rgba(216,64,47,.55) !important; background: rgba(216,64,47,.12) !important; color: #ff9a8a !important; }
.xhs-set-danger:hover { background: #d8402f !important; border-color: #d8402f !important; color: #fff !important; }
.xhs-set-softly { opacity: .8; }

/* 日间模式 */
html[data-vr-theme="light"] .xhs-set-grid .settings-subsection,
html[data-vr-theme="light"] .xhs-set-block { border-color: rgba(29,26,23,.1); background: rgba(29,26,23,.02); }
html[data-vr-theme="light"] .xhs-set-block-head b, html[data-vr-theme="light"] .xhs-set-label { color: #2a2c31; }
html[data-vr-theme="light"] .xhs-set-extra select,
html[data-vr-theme="light"] .xhs-set-extra input[type="number"] { border-color: rgba(29,26,23,.14); background: #fff; color: #2a2c31; }
html[data-vr-theme="light"] .xhs-set-switch-ui { background: rgba(29,26,23,.14); }
html[data-vr-theme="light"] .xhs-set-switch input:checked + .xhs-set-switch-ui { background: rgba(232,93,68,.5); }
.xhs-set-switch-row { display: flex; align-items: center; gap: 9px; }
.xhs-set-switch-text { font-size: 11.5px; color: #8b93a4; }
html[data-vr-theme="light"] .xhs-set-switch-text { color: #6d7278; }
/* ══ 用户管理：表格 + 我的账号 ══ */
.xhs-ua-host { margin-top: 12px; display: flex; flex-direction: column; gap: 12px; }

/* 我的账号卡片 */
.xhs-ua-me-card { padding: 13px 14px; border: 1px solid rgba(246,239,228,.12); border-radius: 12px; background: rgba(255,255,255,.03); }
.xhs-ua-me-head { display: flex; align-items: baseline; gap: 9px; margin-bottom: 11px; }
.xhs-ua-me-head b { font-size: 13.5px; color: #f0ebe4; }
.xhs-ua-me-head span { font-size: 11.5px; color: #8b93a4; }
.xhs-ua-me-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 11px; }
.xhs-ua-field { display: flex; flex-direction: column; gap: 5px; }
.xhs-ua-field span { font-size: 11.5px; color: #8b93a4; }
.xhs-ua-field input {
  height: 32px; padding: 0 10px; border-radius: 8px; font-size: 13px;
  border: 1px solid rgba(246,239,228,.14); background: rgba(255,255,255,.04); color: #eef1f6;
}
.xhs-ua-field input:focus { outline: 0; border-color: rgba(232,93,68,.6); }
.xhs-ua-me-foot { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.xhs-ua-sep { width: 1px; height: 18px; background: rgba(246,239,228,.14); }
.xhs-ua-sync-msg { font-size: 11.5px; color: #8b93a4; }
.xhs-ua-sync-msg.is-ok { color: #7fd8ae; }
.xhs-ua-sync-msg.is-bad { color: #ff9a8a; }
.xhs-ua-hint { margin: 10px 0 0; font-size: 11px; line-height: 1.6; color: #6b7280; }
.xhs-ua-hint b { color: #c9bfaf; }

/* 用户表 */
.xhs-ua-wrap { border: 1px solid rgba(246,239,228,.1); border-radius: 12px; overflow: hidden; }
.xhs-ua-table { width: 100%; border-collapse: collapse; }
.xhs-ua-table th {
  text-align: left; font-size: 11px; font-weight: 600; color: #8b93a4;
  padding: 9px 12px; background: rgba(255,255,255,.04); border-bottom: 1px solid rgba(246,239,228,.1);
  white-space: nowrap;
}
.xhs-ua-table td { padding: 10px 12px; border-bottom: 1px solid rgba(246,239,228,.06); vertical-align: middle; }
.xhs-ua-table tr:last-child td { border-bottom: 0; }
.xhs-ua-row:hover td { background: rgba(255,255,255,.02); }
.xhs-ua-row.is-off { opacity: .55; }
.xhs-ua-row.is-self td { background: rgba(232,93,68,.05); }

.xhs-ua-user { display: flex; align-items: center; gap: 9px; min-width: 0; }
.xhs-ua-avatar {
  width: 30px; height: 30px; border-radius: 999px; flex: 0 0 auto;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(145deg, #e85d44, #bda56a); color: #fff; font-size: 13px; font-weight: 600;
}
.xhs-ua-id { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.xhs-ua-id b { font-size: 13px; color: #eef1f6; display: flex; align-items: center; gap: 6px; }
.xhs-ua-id small { font-size: 10.5px; color: #6b7280; }
.xhs-ua-me { font-style: normal; font-size: 10px; padding: 1px 6px; border-radius: 999px; background: rgba(232,93,68,.2); color: #f0a894; }

.xhs-ua-role { font-size: 11.5px; padding: 2px 9px; border-radius: 999px; background: rgba(255,255,255,.06); color: #a9b0bf; white-space: nowrap; }
.xhs-ua-role.is-admin { background: rgba(79,140,255,.18); color: #9dc0ff; }
.xhs-ua-status { font-size: 11.5px; padding: 2px 9px; border-radius: 999px; white-space: nowrap; }
.xhs-ua-status.is-on { background: rgba(31,157,109,.18); color: #7fd8ae; }
.xhs-ua-status.is-off { background: rgba(216,64,47,.16); color: #ff9a8a; }
.xhs-ua-usage { font-size: 11.5px; color: #a9b0bf; max-width: 260px; }
.xhs-ua-time { font-size: 11.5px; color: #8b93a4; white-space: nowrap; }
.xhs-ua-ops { display: flex; gap: 5px; flex-wrap: wrap; }
.xhs-ua-empty { text-align: center; padding: 24px; color: #6b7280; font-size: 12px; }
.xhs-ua-msg { margin: 8px 0 0; padding: 0 12px 10px; font-size: 11.5px; color: #ff9a8a; }

.xhs-ua-btn {
  height: 26px; padding: 0 9px; border-radius: 7px; cursor: pointer; white-space: nowrap;
  border: 1px solid rgba(246,239,228,.14); background: rgba(255,255,255,.04);
  color: #c9bfaf; font-size: 11.5px;
}
.xhs-ua-btn:hover { border-color: rgba(246,239,228,.3); color: #fff; }
.xhs-ua-btn.is-primary { border-color: rgba(232,93,68,.5); background: rgba(232,93,68,.16); color: #f0a894; font-weight: 600; }
.xhs-ua-btn.is-primary:hover { background: #e85d44; border-color: #e85d44; color: #fff; }
.xhs-ua-btn.is-danger { color: #9a9188; }
.xhs-ua-btn.is-danger:hover:not(:disabled) { border-color: rgba(216,64,47,.6); color: #ff9a8a; background: rgba(216,64,47,.12); }
.xhs-ua-btn:disabled { opacity: .4; cursor: not-allowed; }

/* 日间模式 */
html[data-vr-theme="light"] .xhs-ua-me-card,
html[data-vr-theme="light"] .xhs-ua-wrap { border-color: rgba(29,26,23,.1); background: rgba(29,26,23,.02); }
html[data-vr-theme="light"] .xhs-ua-table th { background: rgba(29,26,23,.04); border-bottom-color: rgba(29,26,23,.1); color: #6d7278; }
html[data-vr-theme="light"] .xhs-ua-table td { border-bottom-color: rgba(29,26,23,.06); }
html[data-vr-theme="light"] .xhs-ua-row.is-self td { background: rgba(232,93,68,.05); }
html[data-vr-theme="light"] .xhs-ua-id b, html[data-vr-theme="light"] .xhs-ua-me-head b { color: #2a2c31; }
html[data-vr-theme="light"] .xhs-ua-field input { border-color: rgba(29,26,23,.14); background: #fff; color: #2a2c31; }
html[data-vr-theme="light"] .xhs-ua-btn { border-color: rgba(29,26,23,.14); background: rgba(29,26,23,.04); color: #4a4741; }

/* ══════════════════════════════════════════════════════════════════════
   本轮修复（用户逐条反馈）
   ══════════════════════════════════════════════════════════════════════ */

/* ── ① 成品库：编辑/删除被挤成竖排 → 底部操作栏改横向、不换行 ──
   原因：卡片底部一行要放「N 图 + 分类下拉 + 编辑 + 删除」，
   宽度不够时 flex 自动换行 → 按钮竖着排。
   改法：底部改两行网格（统计在上、操作在下），操作行 nowrap 且不收缩。 */
.xhs-ol-card-foot {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 7px !important;
  font-size: 11px !important;
}
.xhs-ol-card-foot > span:first-child { color: #8b93a4; }
.xhs-ol-card-actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 5px !important;
  width: 100% !important;
}
.xhs-ol-card-actions .xhs-ol-gsel { flex: 1 1 auto; min-width: 0; max-width: none; }
.xhs-ol-card-actions .xhs-cl-mini { flex: 0 0 auto; white-space: nowrap; }

/* ── ② 模板库：点开后展示完整大预览（用户明确要求）──
   【历史】这里曾经用 `grid-column: auto / span 1 !important` 强禁止展开态跨列，
   原因是当时 `.xhs-tl-item.is-open { grid-column: 1/-1 }` 让卡片占满整行后
   「视觉上跳到最上面一行」（其实是跨列后自然换行，观感像是跳走）。

   【本轮变更】用户明确要求：
     「模板库还是不对，点击竖条生成的内容都看不全。
       应该在点击后，在其下方单独生成一张大图，完整显示所有资料」
   所以必须让展开态跨列，才能有大图位置。
   注意：这条规则绝不能带旧的 !important 覆盖，否则又会被压回去。 */
#xhs-template-page .xhs-tl-item.is-open {
  grid-column: 1 / -1 !important;
  aspect-ratio: auto !important;
  height: auto !important;
}
/* 未展开的卡片保持原来的单列占位（不能继承跨列，否则变成整行宽条） */
#xhs-template-page .xhs-tl-item:not(.is-open) { grid-column: auto / span 1 !important; }
#xhs-template-page .xhs-tl-list { align-items: start !important; }

/* ── ③ 环境库：左侧列表在日间模式下还是黑的 ──
   原因：环境库自己的侧栏用了固定深色变量，日间模式没覆盖到。
   这里把该区域的底色/边框/文字在 light 下全部显式覆盖。 */
html[data-vr-theme="light"] #xhs-environment-page .xhs-el-group-btn,
html[data-vr-theme="light"] #xhs-environment-page .xhs-el-group {
  border-color: #f2dade !important;
  background: #ffffff !important;
  color: #4a4741 !important;
}
html[data-vr-theme="light"] #xhs-environment-page .xhs-el-group-btn.is-active {
  border-color: rgba(232, 93, 68, .5) !important;
  background: rgba(232, 93, 68, .1) !important;
  color: #d0421f !important;
}
html[data-vr-theme="light"] #xhs-environment-page .xhs-el-groups,
html[data-vr-theme="light"] #xhs-environment-page .xhs-el-side {
  background: #fffafb !important;
  border-color: #f2dade !important;
}
html[data-vr-theme="light"] #xhs-environment-page .xhs-el-group-btn em,
html[data-vr-theme="light"] #xhs-environment-page .xhs-el-group-btn small {
  color: #8d9099 !important;
}

/* ── ④ 用户管理：整体紧凑（用户反馈「排得太乱」）──
   把「我的账号」和用户表收紧：更小的内边距、更紧凑的行高、字段两列并排。 */
.xhs-ua-host { gap: 9px !important; margin-top: 10px !important; }
.xhs-ua-me-card { padding: 11px 12px !important; }
.xhs-ua-me-head { margin-bottom: 9px !important; }
.xhs-ua-me-grid { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important; gap: 9px !important; }
.xhs-ua-field input { height: 30px !important; font-size: 12.5px !important; }
.xhs-ua-me-foot { margin-top: 9px !important; gap: 7px !important; }
.xhs-ua-hint { margin-top: 8px !important; font-size: 10.5px !important; }
.xhs-ua-table th { padding: 7px 10px !important; }
.xhs-ua-table td { padding: 8px 10px !important; }
.xhs-ua-avatar { width: 26px !important; height: 26px !important; font-size: 12px !important; }
.xhs-ua-id b { font-size: 12.5px !important; }
.xhs-ua-id small { font-size: 10px !important; }
.xhs-ua-ops { gap: 4px !important; }
.xhs-ua-btn { height: 24px !important; padding: 0 8px !important; font-size: 11px !important; }
.xhs-ua-usage { font-size: 11px !important; max-width: 200px !important; }
.xhs-ua-time { font-size: 11px !important; }
/* 成品库卡片上的「看大图」悬停提示 */
.xhs-ol-card-zoom {
  position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%);
  padding: 3px 10px; border-radius: 999px; white-space: nowrap;
  font-size: 10.5px; color: #fff; background: rgba(12,14,18,.82);
  backdrop-filter: blur(4px); opacity: 0; transition: opacity .16s ease; pointer-events: none;
}
.xhs-ol-card-media:hover .xhs-ol-card-zoom { opacity: 1; }
html[data-vr-theme="light"] .xhs-ol-card-zoom { color: #2a2c31; background: rgba(255,255,255,.9); }
/* ── 人物库：分类 chips（一眼看到全部分类 + 数量，点一下筛） ── */
.xhs-cl-catbar { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; margin: 0 0 12px; }
.xhs-cl-catwrap { display: inline-flex; align-items: center; gap: 2px; }
.xhs-cl-cat {
  height: 28px; padding: 0 11px; border-radius: 999px; cursor: pointer;
  border: 1px solid rgba(246,239,228,.14); background: rgba(255,255,255,.04);
  color: #c9bfaf; font-size: 12px; display: inline-flex; align-items: center; gap: 5px;
  transition: border-color .15s ease, background .15s ease, color .15s ease;
}
.xhs-cl-cat em { font-style: normal; font-size: 10.5px; opacity: .7; }
.xhs-cl-cat:hover { border-color: rgba(246,239,228,.3); color: #fff; }
.xhs-cl-cat.is-active { border-color: rgba(232,93,68,.6); background: rgba(232,93,68,.16); color: #f0a894; font-weight: 600; }
.xhs-cl-catdel {
  width: 18px; height: 18px; border-radius: 999px; cursor: pointer; padding: 0;
  border: 1px solid rgba(246,239,228,.18); background: rgba(255,255,255,.05);
  color: #9a9188; font-size: 11px; line-height: 1;
}
.xhs-cl-catdel:hover { background: #d8402f; border-color: #d8402f; color: #fff; }
.xhs-tl-pcount { color: #9dc0ff; }
html[data-vr-theme="light"] .xhs-cl-cat { border-color: rgba(29,26,23,.14); background: rgba(29,26,23,.04); color: #4a4741; }
html[data-vr-theme="light"] .xhs-cl-cat.is-active { border-color: rgba(232,93,68,.5); background: rgba(232,93,68,.1); color: #d0421f; }
html[data-vr-theme="light"] .xhs-cl-catdel { border-color: rgba(29,26,23,.18); background: #fff; color: #6b665e; }

/* ══════════════════════════════════════════════════════════════════════
   浅色主题补漏：素材/环境/模板/成品库的卡片（实测）
   ══════════════════════════════════════════════════════════════════════
   实测：切到白天模式后，这几个库里的 .xhs-el-card 仍然是深色
   （computed background rgb(27,25,22)=#1b1916、border rgb(50,46,41)=#322e29），
   而上面生成块里的 light 覆盖（.xhs-el-card{background:#ffffff}）没有 !important，
   赢不过后面手工区/其它样式表里带 !important 或更高优先级的深色规则。

   修法：在手工维护区（生成器不覆盖）用 !important + 更高优先级兜住，
   并一起把卡片内部的媒体区/文字/计数/操作按钮补齐，避免"卡片白了但里面还是深色"。
   ══════════════════════════════════════════════════════════════════════ */
html[data-vr-theme="light"] .xhs-el-card,
html[data-vr-theme="light"] .xhs-el-grid > .xhs-el-card {
  border: 1px solid #f0dade !important;
  background: #ffffff !important;
}
html[data-vr-theme="light"] .xhs-el-card:hover {
  border-color: #e0c8cd !important;
  box-shadow: 0 8px 22px rgba(120, 70, 80, .12) !important;
}
html[data-vr-theme="light"] .xhs-el-card-media {
  background: #fdf6f6 !important;
  color: #6d7278 !important;
}
html[data-vr-theme="light"] .xhs-el-card-media::after {
  background: linear-gradient(180deg, transparent 55%, rgba(253, 246, 246, .92)) !important;
}
html[data-vr-theme="light"] .xhs-el-card-body,
html[data-vr-theme="light"] .xhs-el-card-info,
html[data-vr-theme="light"] .xhs-el-body {
  background: #ffffff !important;
  border-top-color: #f2dade !important;
  color: #2a2c31 !important;
}
html[data-vr-theme="light"] .xhs-el-card-title strong { color: #2a2c31 !important; }
html[data-vr-theme="light"] .xhs-el-card-title small,
html[data-vr-theme="light"] .xhs-el-card-meta { color: #8d9099 !important; }
html[data-vr-theme="light"] .xhs-el-card-count {
  background: #ffffff !important; color: #5d6167 !important;
  border: 1px solid #f0dade !important;
}
html[data-vr-theme="light"] .xhs-el-card-empty { color: #8d9099 !important; }
html[data-vr-theme="light"] .xhs-el-card .xhs-cl-mini,
html[data-vr-theme="light"] .xhs-el-card-actions button {
  border-color: #eccdd3 !important; background: #ffffff !important; color: #5d6167 !important;
}
html[data-vr-theme="light"] .xhs-el-card .xhs-cl-mini:hover,
html[data-vr-theme="light"] .xhs-el-card-actions button:hover {
  border-color: #e0c8cd !important; background: #fdf6f6 !important; color: #2a2c31 !important;
}
/* 这几个库的工具栏/空状态也一起兜住，避免半深半浅 */
html[data-vr-theme="light"] .xhs-el-layout,
html[data-vr-theme="light"] .xhs-page-body,
html[data-vr-theme="light"] .xhs-page-inner { background: transparent !important; }
html[data-vr-theme="light"] .xhs-el-toolbar,
html[data-vr-theme="light"] .xhs-el-bar {
  background: #ffffff !important; border-color: #f2dade !important; color: #2a2c31 !important;
}

/* ══ 导出控件（导出目标选择 + 导出进度条）的浅色主题 ══
   这两个类是「导出进度条 + 双导出目标」新增的，原样式只有深色值，
   深色底在白天模式下会显得突兀，这里补齐同源浅色。 */
html[data-vr-theme="light"] .vr-export-controls label span { color: #6d7278; }
html[data-vr-theme="light"] .vr-export-controls select {
  border: 1px solid #e7d2d6; background: #ffffff; color: #2a2c31;
}
html[data-vr-theme="light"] .vr-export-progress {
  border: 1px solid #f0dade; background: #fdf6f6;
}
html[data-vr-theme="light"] .vr-export-progress-head { color: #5d6167; }
html[data-vr-theme="light"] .vr-export-progress-head b { color: #2a2c31; }
html[data-vr-theme="light"] .vr-export-progress progress { accent-color: #35a97a; }
html[data-vr-theme="light"] .vr-export-progress .vr-error { color: #d8402f; }
html[data-vr-theme="light"] .vr-export-progress[data-export-state="failed"] { border-color: #e6b3ad; }
html[data-vr-theme="light"] .vr-export-progress[data-export-state="completed"] { border-color: #a8dcc8; }