@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap");

/* Morning Live · 晨光直播台 —— 覆盖暗色主题；音乐台(.sfx-music-*) 保持独立暗色岛 */

:root {
  --bg: #f3f6fb;
  --panel: #ffffff;
  --card: #ffffff;
  --border: #e2e8f0;
  --border-strong: #cbd5e1;
  --text: #1e293b;
  --muted: #64748b;
  --primary: #ff6b4a;
  --primary-hover: #f05538;
  --primary-soft: rgba(255, 107, 74, 0.12);
  --accent: #0d9488;
  --accent-soft: rgba(13, 148, 136, 0.12);
  --danger: #e11d48;
  --success: #16a34a;
  --warning: #d97706;
  --shadow-sm: 0 1px 2px rgba(30, 41, 59, 0.04), 0 4px 14px rgba(30, 41, 59, 0.05);
  --shadow-md: 0 8px 28px rgba(30, 41, 59, 0.08);
  --radius: 14px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --font-ui: "Outfit", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-body: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
}

body {
  font-family: var(--font-body);
  background:
    radial-gradient(1200px 600px at 8% -10%, rgba(255, 179, 148, 0.38), transparent 55%),
    radial-gradient(900px 500px at 92% 0%, rgba(125, 211, 192, 0.3), transparent 50%),
    radial-gradient(700px 400px at 70% 100%, rgba(147, 197, 253, 0.24), transparent 45%),
    var(--bg);
  background-attachment: fixed;
  color: var(--text);
  -webkit-font-smoothing: antialiased;
}

.nav-btn {
  font-family: var(--font-ui);
  font-weight: 600;
  background: rgba(255, 255, 255, 0.72);
  border: 1.5px solid var(--border);
  color: #334155;
  cursor: pointer;
  transition: border-color 0.2s var(--ease), background 0.2s var(--ease), color 0.2s var(--ease),
    box-shadow 0.2s var(--ease), transform 0.2s var(--ease);
}
.nav-btn:hover {
  background: #fff;
  color: #0f172a;
  border-color: #94a3b8;
  box-shadow: var(--shadow-sm);
}
.nav-btn.active {
  background: linear-gradient(135deg, #ff7a5c, #ff5f3d);
  color: #fff !important;
  border-color: transparent;
  box-shadow: 0 6px 16px rgba(255, 107, 74, 0.28);
}
.nav-admin-link {
  display: inline-flex;
  align-items: center;
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: inherit;
  padding: 0.4rem 0.75rem;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.72);
  border: 1.5px solid var(--border);
  color: #334155;
  border-radius: inherit;
  transition: border-color 0.2s var(--ease), background 0.2s var(--ease), color 0.2s var(--ease);
}
.nav-admin-link:hover {
  background: #fff;
  color: #0f172a;
  border-color: #94a3b8;
}

/* 顶栏：遥控保留强调；账号菜单收纳系统入口 */
.header-tools {
  display: none;
}
.nav-tool {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: var(--font-ui);
  font-weight: 700;
  font-size: 0.82rem;
  letter-spacing: 0.02em;
  line-height: 1.2;
  padding: 0.42rem 0.85rem;
  border-radius: 999px;
  cursor: pointer;
  text-decoration: none;
  border: 1.5px solid transparent;
  transition: transform 0.15s var(--ease), box-shadow 0.15s var(--ease), background 0.15s var(--ease), border-color 0.15s var(--ease);
  white-space: nowrap;
}
.nav-tool-phone {
  background: linear-gradient(135deg, #ff7a5c, #ff5f3d);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 4px 12px rgba(255, 107, 74, 0.32);
}
.nav-tool-kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.15em;
  padding: 0.08em 0.35em;
  margin-left: 2px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.45);
  background: rgba(0, 0, 0, 0.18);
  font-family: var(--font-ui);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.2;
}
.nav-tool-phone:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(255, 107, 74, 0.4);
}
.nav-tool:active {
  transform: translateY(0);
}

.nav-more-btn {
  font-family: var(--font-ui);
  font-weight: 600;
  background: rgba(255, 255, 255, 0.72);
  border: 1.5px solid var(--border);
  color: #334155;
  transition: border-color 0.2s var(--ease), background 0.2s var(--ease), color 0.2s var(--ease),
    box-shadow 0.2s var(--ease);
}
.nav-more-btn:hover {
  background: #fff;
  color: #0f172a;
  border-color: #94a3b8;
  box-shadow: var(--shadow-sm);
}
.nav-more-btn[aria-expanded="true"],
.nav-more-btn.has-active {
  background: #fff;
  color: #0f172a;
  border-color: #94a3b8;
  box-shadow: var(--shadow-sm);
}
.nav-more-btn.has-active::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ff6b4a;
  margin-left: 2px;
}
.nav-more-panel,
.header-account-menu {
  background: #fff;
  border-color: var(--border);
  box-shadow: var(--shadow-md);
}
.header-account-btn {
  font-family: var(--font-ui);
  font-weight: 600;
  background: rgba(255, 255, 255, 0.85);
  border: 1.5px solid var(--border);
  color: #334155;
  transition: border-color 0.2s var(--ease), background 0.2s var(--ease), box-shadow 0.2s var(--ease);
}
.header-account-btn:hover,
.header-account-btn[aria-expanded="true"] {
  background: #fff;
  border-color: #94a3b8;
  box-shadow: var(--shadow-sm);
}
.header-account-item:hover {
  background: rgba(13, 148, 136, 0.08);
}
.header-account-logout {
  color: #e11d48 !important;
  border-top-color: var(--border) !important;
}

.main-nav.nav-sorting .nav-btn {
  cursor: grab;
}
.main-nav.nav-sorting .nav-btn:active {
  cursor: grabbing;
}
.nav-ghost {
  background: #fff !important;
  color: #0f172a !important;
  border-color: rgba(13, 148, 136, 0.5) !important;
  box-shadow: var(--shadow-md);
}

.header {
  background: rgba(255, 255, 255, 0.92);
  border-bottom-color: rgba(226, 232, 240, 0.95);
  backdrop-filter: blur(14px) saturate(1.2);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.85);
  z-index: 1100;
}

.brand h1 {
  font-family: var(--font-ui);
  font-weight: 700;
  letter-spacing: -0.02em;
  background: linear-gradient(120deg, #1e293b 28%, #0d9488 62%, #ff6b4a);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.view-panel:not(.hidden) {
  animation: dayViewIn 0.38s var(--ease);
}
@keyframes dayViewIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.badge {
  background: #fff;
  border-color: var(--border);
  font-weight: 600;
}
.badge-online { background: rgba(22, 163, 74, 0.12); color: var(--success); border-color: transparent; }
.badge-offline { background: rgba(225, 29, 72, 0.1); color: var(--danger); border-color: transparent; }
.badge-ready { background: var(--accent-soft); color: #0f766e; border-color: transparent; }
.badge-warn { background: rgba(217, 119, 6, 0.12); color: var(--warning); border-color: transparent; }

/* 上下文占用：圆环 + 百分比，浅色顶栏深色字 */
.ctx-usage {
  background: transparent;
  border: none;
  font-family: var(--font-ui);
}
.ctx-ring-track { stroke: #cbd5e1; }
.ctx-usage-pct { color: #0f172a !important; font-size: 0.9rem; }
.ctx-usage[data-level="idle"] .ctx-usage-pct { color: #64748b !important; }
.ctx-usage[data-level="idle"] .ctx-ring-fill { stroke: #94a3b8; }
.ctx-usage[data-level="ok"] .ctx-ring-fill { stroke: #16a34a; }
.ctx-usage[data-level="ok"] .ctx-usage-pct { color: #15803d !important; }
.ctx-usage[data-level="warn"] .ctx-ring-fill { stroke: #d97706; }
.ctx-usage[data-level="warn"] .ctx-usage-pct { color: #b45309 !important; }
.ctx-usage[data-level="crit"] .ctx-ring-fill { stroke: #e11d48; }
.ctx-usage[data-level="crit"] .ctx-usage-pct { color: #be123c !important; }

.card {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(226, 232, 240, 0.95);
  box-shadow: var(--shadow-sm);
  backdrop-filter: blur(8px);
}
.card h2 {
  font-family: var(--font-ui);
  font-weight: 650;
  letter-spacing: -0.01em;
}

.field label { font-weight: 500; }

/* 搜索 / 下拉 / 输入 —— 仅主界面，勿污染音乐台 */
.field input,
.field textarea,
.field select,
.workbench-rail-tools input,
.workbench-rail-tools select,
.memory-fan-toolbar input,
.memory-fan-toolbar select,
.card-head-actions select,
.view-panel input[type="search"],
.view-panel select,
.header select {
  border: 1.5px solid var(--border) !important;
  background: #fff !important;
  color: var(--text) !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
  box-shadow: inset 0 1px 2px rgba(30, 41, 59, 0.03);
  transition: border-color 0.2s var(--ease), box-shadow 0.2s var(--ease);
}
.field input:hover,
.field textarea:hover,
.field select:hover,
.view-panel input[type="search"]:hover,
.view-panel select:hover,
.header select:hover {
  border-color: var(--border-strong) !important;
}
.field input:focus,
.field textarea:focus,
.field select:focus,
.view-panel input[type="search"]:focus,
.view-panel select:focus,
.header select:focus {
  outline: none !important;
  border-color: rgba(255, 107, 74, 0.55) !important;
  box-shadow: 0 0 0 4px var(--primary-soft) !important;
}

.view-panel input[type="search"],
.workbench-rail-tools input[type="search"],
.memory-fan-toolbar input[type="search"] {
  padding-left: 38px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='M12 12l3 3'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 12px 50% !important;
  background-color: #fff !important;
}

.view-panel select,
.header select,
.field select,
.workbench-rail-tools select,
.memory-fan-toolbar select,
.card-head-actions select {
  appearance: none !important;
  -webkit-appearance: none !important;
  padding-right: 38px !important;
  cursor: pointer;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2364748b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
    linear-gradient(180deg, #ffffff, #f8fafc) !important;
  background-repeat: no-repeat, repeat !important;
  background-position: right 12px center, 0 0 !important;
}

.view-panel .btn,
.header .btn,
.ui-modal .btn {
  font-family: var(--font-ui);
  font-weight: 600;
  border-radius: 12px;
  transition: transform 0.18s var(--ease), box-shadow 0.18s var(--ease), background 0.18s var(--ease);
}
.view-panel .btn:active,
.header .btn:active,
.ui-modal .btn:active { transform: scale(0.97); }
.view-panel .btn-primary,
.header .btn-primary,
.ui-modal .btn-primary {
  background: linear-gradient(135deg, #ff7a5c, #ff5a3a) !important;
  color: #fff !important;
  box-shadow: 0 6px 14px rgba(255, 107, 74, 0.28);
}
.view-panel .btn-primary:hover,
.header .btn-primary:hover { filter: brightness(1.03); }
.view-panel .btn-secondary,
.view-panel .btn-small,
.header .btn-small,
.ui-modal .btn-small {
  background: #fff !important;
  color: var(--text) !important;
  border: 1.5px solid var(--border) !important;
  box-shadow: var(--shadow-sm);
}
.view-panel .btn-small.btn-primary,
.header .btn-small.btn-primary {
  background: linear-gradient(135deg, #ff7a5c, #ff5a3a) !important;
  color: #fff !important;
  border-color: transparent !important;
}
.view-panel .btn-danger,
.view-panel .btn-small.btn-danger,
.ui-modal .btn-danger {
  background: rgba(225, 29, 72, 0.08) !important;
  color: var(--danger) !important;
  border: 1.5px solid rgba(225, 29, 72, 0.25) !important;
}

.script-item,
.persona-item {
  background: #fff;
  box-shadow: var(--shadow-sm);
  transition: transform 0.2s var(--ease), box-shadow 0.2s var(--ease), border-color 0.2s var(--ease);
}
.script-item:hover,
.persona-item:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
  border-color: rgba(255, 107, 74, 0.35);
}
.script-item.active,
.persona-item.active {
  border-color: var(--primary);
  box-shadow: inset 3px 0 0 var(--primary), var(--shadow-sm);
}
.script-preview { color: #475569; }

.intent-badge {
  background: var(--primary-soft);
  color: #c2410c;
  font-weight: 600;
}
.event-chat { background: var(--primary-soft); color: #c2410c; }
.event-enter { background: rgba(22, 163, 74, 0.12); color: #15803d; }
.event-gift { background: rgba(217, 119, 6, 0.14); color: #b45309; }

.toggle { background: #cbd5e1; }
.toggle.on { background: var(--primary); }

/* feed / 消息气泡等暗色残留 */
.feed-item,
.message-card,
.reply-card,
.debug-pre,
.knowledge-pre,
.prompt-area {
  background: #fff !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}
.debug-pre,
.knowledge-pre,
.prompt-area {
  border: 1px solid var(--border);
  border-radius: 12px;
}

/* 分段 Tab / 记忆旧 pill */
.memory-tabs,
.seg-tabs {
  background: #f1f5f9 !important;
  border-color: var(--border) !important;
}
.memory-tab,
.seg-tab {
  color: var(--muted) !important;
}
.memory-tab.active,
.seg-tab.active {
  background: #fff !important;
  color: #c2410c !important;
  box-shadow: var(--shadow-sm);
  font-weight: 600;
}

/* 工作台列表卡 */
.shelf-card,
.crm-card {
  background: #fff !important;
  border-color: var(--border) !important;
  box-shadow: var(--shadow-sm);
}
.shelf-card:hover,
.crm-card:hover {
  border-color: rgba(255, 107, 74, 0.4) !important;
  background: #fff7f5 !important;
}
.shelf-card.active,
.crm-card.active {
  border-color: var(--primary) !important;
  background: #fff5f2 !important;
  box-shadow: inset 3px 0 0 var(--primary), var(--shadow-sm);
}
.shelf-card-avatar,
.crm-avatar {
  color: #c2410c !important;
  background: linear-gradient(145deg, rgba(255, 107, 74, 0.22), rgba(13, 148, 136, 0.18)) !important;
  border-color: rgba(255, 107, 74, 0.3) !important;
}

.dossier-head {
  background: rgba(255, 255, 255, 0.95) !important;
  border-color: var(--border) !important;
  box-shadow: var(--shadow-sm);
}
.dossier-section,
.wb-acc,
.adv-tools,
.host-preview,
.feature-spotlight,
.claim-card,
.row-editor-item,
.memory-stat,
.pitch-card-panel,
.pitch-sec {
  background: #fff !important;
  border-color: var(--border) !important;
}
.wb-acc[open],
.feature-spotlight,
.pitch-card-panel {
  border-color: rgba(255, 107, 74, 0.28) !important;
}
.pitch-card-head h3 {
  color: #c2410c !important;
}
.pitch-fact {
  background: #fff7ed !important;
  border-color: rgba(234, 88, 12, 0.25) !important;
}
.pitch-story {
  background: #fff7ed !important;
  border-color: rgba(234, 88, 12, 0.28) !important;
}
.pitch-monitor-card .pitch-music-hint {
  color: #9a3412 !important;
}
.wb-acc > summary,
.dossier-section h4,
.host-preview h4 {
  color: var(--text) !important;
}
.host-preview-body,
.workbench-sub,
.dossier-head-meta {
  color: var(--muted) !important;
}

.dropzone {
  background: rgba(13, 148, 136, 0.06) !important;
  border-color: rgba(13, 148, 136, 0.35) !important;
  color: var(--muted) !important;
}
.dropzone.dragover {
  background: rgba(255, 107, 74, 0.1) !important;
  border-color: var(--primary) !important;
  color: #c2410c !important;
}

.ui-empty-art {
  background:
    linear-gradient(135deg, rgba(255, 107, 74, 0.28), transparent 60%),
    linear-gradient(225deg, rgba(13, 148, 136, 0.22), transparent 55%),
    #fff !important;
  border-color: var(--border) !important;
}
.ui-toast {
  background: rgba(255, 255, 255, 0.98) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
  box-shadow: var(--shadow-md) !important;
}
.ui-toast.ok { border-color: rgba(22, 163, 74, 0.4) !important; }
.ui-toast.err { border-color: rgba(225, 29, 72, 0.4) !important; }
.ui-modal-backdrop { background: rgba(15, 23, 42, 0.35) !important; }
.ui-modal {
  background: #fff !important;
  border-color: var(--border) !important;
  box-shadow: var(--shadow-md) !important;
}

.health-bar { background: #e2e8f0 !important; border-color: var(--border) !important; }
.tier-badge {
  background: #f8fafc !important;
  border-color: var(--border) !important;
}
.tier-badge.tier-regular { color: #2563eb !important; border-color: rgba(37, 99, 235, 0.35) !important; }
.tier-badge.tier-supporter { color: #b45309 !important; border-color: rgba(217, 119, 6, 0.4) !important; }
.tier-badge.tier-whale { color: #db2777 !important; border-color: rgba(219, 39, 119, 0.35) !important; }

.platform-link-row {
  background: rgba(255, 255, 255, 0.85) !important;
  border-color: rgba(28, 42, 58, 0.1) !important;
}

.import-records-preview {
  background: #fff !important;
}
.import-records-list {
  background: #f8fafc !important;
}
.import-record-item.active {
  background: rgba(37, 99, 235, 0.1) !important;
}

.fan-fact {
  background: var(--primary-soft) !important;
  color: #9a3412 !important;
  border-color: rgba(255, 107, 74, 0.25) !important;
}
.memory-tl-item { border-color: var(--border) !important; }
.dream-steps span {
  background: #fff !important;
  border-color: var(--border) !important;
  color: var(--muted) !important;
}
.dream-steps span.on {
  color: #c2410c !important;
  border-color: rgba(255, 107, 74, 0.4) !important;
  background: var(--primary-soft) !important;
}

.btn-back-list {
  border-color: var(--border) !important;
  color: var(--muted) !important;
  background: #fff !important;
}

/* —— 音乐台：强制亮字暗底，隔离浅色主题 —— */
.sfx-music-dock {
  --text: #f4fff9 !important;
  --muted: rgba(167, 243, 208, 0.78) !important;
  --border: rgba(46, 229, 157, 0.28) !important;
  --primary: #2ee59d !important;
  color: #eef8f2 !important;
}
.sfx-music-dock .sfx-music-title,
.sfx-music-dock .sfx-music-cat,
.sfx-music-dock .sfx-music-now-hint,
.sfx-music-dock .sfx-lyric-line,
.sfx-music-dock .sfx-tr-btn,
.sfx-music-dock label,
.sfx-music-dock span,
.sfx-music-dock p,
.sfx-music-dock strong,
.sfx-music-dock button {
  color: inherit;
}
.sfx-music-dock .sfx-music-title {
  color: #f4fff9 !important;
}
.sfx-music-dock .sfx-music-cat {
  color: rgba(167, 243, 208, 0.85) !important;
}
.sfx-music-dock .sfx-music-now-hint {
  color: rgba(167, 243, 208, 0.7) !important;
}
.sfx-music-dock .sfx-lyric-line {
  color: rgba(226, 245, 234, 0.62) !important;
}
.sfx-music-dock .sfx-lyric-line.near {
  color: rgba(226, 245, 234, 0.85) !important;
}
.sfx-music-dock .sfx-lyric-line.active {
  color: #ffffff !important;
}
.sfx-music-dock .sfx-lyric-line.muted {
  color: rgba(167, 243, 208, 0.45) !important;
}
.sfx-music-dock .sfx-tr-btn {
  color: #eef8f2 !important;
}
.sfx-music-dock .sfx-tr-skip {
  background: rgba(255, 255, 255, 0.14) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #f4fff9 !important;
}
.sfx-music-dock .sfx-tr-skip:hover {
  background: rgba(255, 255, 255, 0.24) !important;
  border-color: rgba(167, 243, 208, 0.5) !important;
}
.sfx-music-dock .sfx-tr-play {
  background: rgba(255, 255, 255, 0.24) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
}
.sfx-music-dock .sfx-tr-play.is-playing {
  background: rgba(46, 229, 157, 0.38) !important;
  border-color: rgba(46, 229, 157, 0.55) !important;
}
.sfx-music-dock .sfx-tr-duck {
  background: rgba(0, 0, 0, 0.18) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #a7f3d0 !important;
}
.sfx-control-tip {
  color: #eef8f2 !important;
}
.sfx-control-tip .sfx-tip-hotkey {
  color: #a7f3d0 !important;
}
.sfx-music-dock input,
.sfx-music-dock select,
.sfx-music-dock textarea {
  background: rgba(0, 0, 0, 0.28) !important;
  color: #eef8f2 !important;
  border-color: rgba(46, 229, 157, 0.35) !important;
  box-shadow: none !important;
  background-image: none !important;
}
.sfx-music-dock input[type="range"] {
  background: transparent !important;
  accent-color: #2ee59d;
}
.sfx-lyric-float,
.sfx-battle-float {
  color: #eef8f2 !important;
}
.sfx-lyric-float .sfx-lyric-line,
.sfx-lyric-float strong,
.sfx-lyric-float p,
.sfx-battle-float p,
.sfx-battle-float span {
  color: #eef8f2 !important;
}
.sfx-lyric-float .sfx-lyric-line.muted {
  color: rgba(167, 243, 208, 0.5) !important;
}
.sfx-lyric-float .sfx-lyric-line.active {
  color: #fff !important;
}
.sfx-music-restore {
  color: #fff !important;
}

/* 音效管理：浅色底上避免沿用音乐台暗色字色 */
#view-sfx .sfx-page-title {
  font-family: var(--font-ui);
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  color: #0f172a;
}
#view-sfx .hint,
#view-sfx .sfx-cat-heading,
#view-sfx .sfx-group-empty {
  color: #475569 !important;
}
#view-sfx .sfx-cat-nav-item,
#view-sfx .sfx-group-label,
#view-sfx .script-item,
#view-sfx .script-item strong,
#view-sfx .sfx-battle-manage,
#view-sfx .sfx-battle-manage p,
#view-sfx .sfx-battle-manage li,
#view-sfx .sfx-battle-manage strong {
  color: #0f172a;
  font-family: var(--font-body);
}
#view-sfx .sfx-cat-nav-item.active {
  color: #fff;
}
#view-sfx .sfx-cat-nav-item .sfx-cat-count {
  color: inherit;
  opacity: 0.85;
}
#view-sfx .script-item .muted,
#view-sfx .script-meta span {
  color: #475569 !important;
}
#view-sfx .sfx-battle-manage h4 {
  color: #0f172a;
  font-weight: 700;
}
#view-sfx .sfx-battle-goal {
  color: #0f766e !important;
}
#view-sfx .sfx-battle-song-rhythm,
#view-sfx .sfx-battle-purpose {
  color: #334155 !important;
}
#view-sfx .sfx-battle-tags .tag {
  background: rgba(13, 148, 136, 0.12) !important;
  color: #0f766e !important;
  font-weight: 600;
}
#view-sfx .sfx-battle-manage-hero p {
  color: #334155;
}
#view-sfx .sfx-media-tab {
  color: #475569;
}
#view-sfx .sfx-media-tab.active {
  color: #0f172a;
}
#view-sfx label,
#view-sfx .field label {
  color: #334155;
}
#view-sfx input,
#view-sfx select,
#view-sfx textarea {
  color: #0f172a;
  background: #fff;
}

/* 监控页状态色文案 */
#liveStatusText { color: var(--muted); }

code {
  background: #f1f5f9;
  color: #0f766e;
  padding: 1px 6px;
  border-radius: 6px;
  font-size: 0.85em;
}
hr.prompt-divider,
.prompt-divider {
  border: 0;
  border-top: 1px solid var(--border);
}

.reply-item {
  background: #fff7f5 !important;
  border-left-color: var(--primary) !important;
  box-shadow: var(--shadow-sm);
}
.reply-item.reply-pending {
  background: #f8fafc !important;
}
.reply-spinner {
  border-color: rgba(255, 107, 74, 0.2) !important;
  border-top-color: var(--primary) !important;
}
.reply-error { color: var(--danger) !important; }
.reply-tag {
  background: #f1f5f9 !important;
  color: var(--muted) !important;
}

.message-card {
  animation: dayCardIn 0.32s var(--ease) !important;
}
@keyframes dayCardIn {
  from { opacity: 0; transform: translateY(8px) scale(0.992); }
  to { opacity: 1; transform: none; }
}

.placeholder-chips span,
.chip {
  background: var(--accent-soft) !important;
  color: #0f766e !important;
  border-color: transparent !important;
}

/* TTS / 顶栏下拉工具条 */
.card-head-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.card-head-actions select {
  width: auto !important;
  min-width: 110px;
}

/* 监控模拟区性别等窄下拉 */
.field-row select {
  min-height: 42px;
}