/* /web/shared/releases/20261012-integrated-v208/style.css */
/* ===== 阿瑞雅智能体 · 深色科技 + 丰富动效 ===== */
* { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --bg: #0A0E1A;
  --bg2: #0F1424;
  --card: rgba(23,29,46,.82);
  --card2: #161C30;
  --border: rgba(124,150,255,.16);
  --text: #EAF0FF;
  --muted: #8B98B8;
  --accent: #6C8CFF;
  --accent2: #A05FF0;
  --cyan: #38D6F0;
  --green: #3DD68C;
  --red: #FF6B7A;
  --yellow: #5687f4;
}
html, body { height: 100%; }
body {
  font-family: "Microsoft YaHei", "PingFang SC", "Segoe UI", system-ui, sans-serif;
  background: radial-gradient(1100px 560px at 82% -12%, rgba(64,180,243,.14), transparent 60%),
              radial-gradient(1000px 520px at 8% -8%, rgba(84,169,255,.16), transparent 60%),
              radial-gradient(900px 600px at 50% 115%, rgba(64,180,243,.08), transparent 60%),
              var(--bg);
  background-attachment: fixed;
  color: var(--text);
  min-height: 100vh;
}

/* ===== 顶栏 ===== */
.topbar {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 28px;
  background: rgba(13,18,34,.72);
  backdrop-filter: blur(14px) saturate(1.3);
  -webkit-backdrop-filter: blur(14px) saturate(1.3);
  border-bottom: 1px solid rgba(84,169,255,.2);
  position: sticky; top: 0; z-index: 20;
}
.brand { display: flex; align-items: center; gap: 12px; }
.logo {
  width: 38px; height: 38px; border-radius: 11px;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #54A9FF, #40B4F3);
  color: #fff; font-size: 19px; font-weight: 700;
  box-shadow: 0 0 18px rgba(84,169,255,.5);
  animation: logoPulse 3s ease-in-out infinite;
}
@keyframes logoPulse {
  0%, 100% { box-shadow: 0 0 14px rgba(84,169,255,.4); transform: rotate(0); }
  50% { box-shadow: 0 0 26px rgba(84,169,255,.8); transform: rotate(-4deg); }
}
.brand h1 {
  font-size: 18px; font-weight: 700;
  color: #F2F4F8;
  background: none;
  -webkit-text-fill-color: initial; color: #F2F4F8;
  letter-spacing: .2px;
}
@keyframes gradientFlow { to { background-position: 300% 0; } }
.brand p { font-size: 12px; color: var(--muted); margin-top: 2px; }
.key-status {
  font-size: 13px; padding: 6px 14px; border-radius: 999px;
  background: rgba(49,102,238,.12); color: var(--yellow); border: 1px solid rgba(49,102,238,.3);
}
.running-badge {
  margin-left: 10px;
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 13px; border-radius: 999px;
  background: rgba(84,169,255,.14);
  border: 1px solid rgba(84,169,255,.35);
  color: #dceaff; font-size: 12.5px; font-weight: 600;
  cursor: pointer; flex: 0 0 auto;
  transition: background .18s, border-color .18s, transform .18s;
}
.running-badge:hover { background: rgba(84,169,255,.24); border-color: rgba(84,169,255,.55); transform: translateY(-1px); }
.running-badge:active { transform: translateY(0); }
.running-badge .ico { width: 16px; height: 16px; }
/* 运行中任务数气泡：金色小圆点，紧贴图标右侧，克制的数字角标 */
.running-badge .rb-num {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px;
  background: rgba(49,102,238,.34); color: #e2e9fd; font-size: 12px; font-weight: 800;
  line-height: 1; box-shadow: 0 0 10px rgba(49,102,238,.35);
}

/* 运行中任务弹层 */
.running-wrap { position: relative; margin-left: auto; }
.running-wrap .running-badge { margin-left: 0; }
.running-badge.has-run {
  background: rgba(49,102,238,.16);
  border-color: rgba(49,102,238,.45);
  color: #91a9f6;
  box-shadow: 0 0 16px rgba(49,102,238,.28);
}
.running-badge.has-run .ico { animation: runPulse 1.2s ease-in-out infinite; }
@keyframes runPulse { 0%,100% { opacity: 1; } 50% { opacity: .4; } }
.running-pop {
  position: absolute; top: calc(100% + 10px); right: 0; left: auto;
  transform: translateY(-8px);
  z-index: 2002;
  width: min(390px, 92vw); max-height: 62vh; overflow-y: auto;
  padding: 8px;
  background: rgba(17,24,43,.96);
  border: 1px solid rgba(84,169,255,.32);
  border-radius: 16px;
  box-shadow: 0 24px 60px rgba(0,0,0,.6), 0 0 40px rgba(84,169,255,.14);
  backdrop-filter: blur(18px) saturate(1.3);
  -webkit-backdrop-filter: blur(18px) saturate(1.3);
  opacity: 0; visibility: hidden;
  transition: opacity .22s, transform .22s, visibility .22s;
}
.running-wrap.open .running-pop { opacity: 1; visibility: visible; transform: translateY(0); }
/* 空状态：收窄为紧凑提示，不再撑成大横条遮挡下方内容 */
.running-pop.is-empty { width: auto; min-width: 240px; max-width: 320px; }
.running-pop.is-empty .running-pop-empty { padding: 16px 18px; }
.running-pop::-webkit-scrollbar { width: 8px; }
.running-pop::-webkit-scrollbar-track { background: rgba(255,255,255,.04); border-radius: 8px; }
.running-pop::-webkit-scrollbar-thumb { background: rgba(84,169,255,.35); border-radius: 8px; }
.running-pop-head {
  font-size: 13px; font-weight: 700; color: #F2F4F8;
  padding: 6px 10px 8px; letter-spacing: .2px;
  border-bottom: 1px solid rgba(255,255,255,.08); margin-bottom: 6px;
}
.running-pop-empty {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 26px 12px; color: var(--muted); font-size: 13px;
}
.running-pop-item {
  display: flex; align-items: center; gap: 10px;
  padding: 9px 10px; border-radius: 12px;
  border: 1px solid transparent;
  transition: background .18s, border-color .18s;
}
.running-pop-item + .running-pop-item { margin-top: 4px; }
.running-pop-item:hover { background: rgba(84,169,255,.10); border-color: rgba(84,169,255,.22); }
.rpi-icon {
  width: 30px; height: 30px; border-radius: 10px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  background: rgba(84,169,255,.14); color: #dceaff;
}
.rpi-icon .ico { width: 16px; height: 16px; }
.rpi-info { flex: 1; min-width: 0; }
.rpi-title {
  font-size: 13px; font-weight: 600; color: #F2F4F8;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.rpi-meta { font-size: 11.5px; color: var(--muted); margin-top: 2px; }
.rpi-stop { flex-shrink: 0; }
.running-pop-foot {
  font-size: 11px; color: var(--muted); text-align: center;
  padding: 8px 6px 4px; border-top: 1px solid rgba(255,255,255,.06); margin-top: 6px;
}


.key-status.ok { background: rgba(52,211,153,.12); color: var(--green); border-color: rgba(52,211,153,.35); }

/* ===== Tabs ===== */
.tabs { display: flex; gap: 6px; padding: 14px 28px 8px; flex-wrap: wrap; }
.tab-btn {
  position: relative;
  background: transparent; color: var(--muted); border: 1px solid transparent;
  padding: 9px 16px; border-radius: 10px; cursor: pointer;
  font-size: 14px; font-weight: 600; transition: color .18s, background .18s, transform .18s;
}
.tab-btn:hover { color: var(--text); background: rgba(84,169,255,.1); transform: translateY(-1px); }
.tab-btn.active {
  background: rgba(84,169,255,.14); color: #fff;
  border-color: rgba(84,169,255,.35);
  box-shadow: 0 4px 18px rgba(84,169,255,.25);
}
.tab-btn.active::after {
  content: ""; position: absolute; left: 16px; right: 16px; bottom: -1px; height: 3px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(90deg, var(--accent), var(--accent2), var(--cyan));
  animation: tabIn .3s ease;
}
@keyframes tabIn { from { transform: scaleX(.2); opacity: 0; } to { transform: scaleX(1); opacity: 1; } }

/* ===== 面板 ===== */
main { padding: 22px 28px 48px; }
.panel { display: none; }
.panel.active { display: block; animation: panelIn .35s cubic-bezier(.22,.9,.3,1); }
@keyframes panelIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }

.card {
  position: relative;
  background: linear-gradient(165deg, rgba(30,41,66,.85), rgba(19,26,46,.95));
  border: 1px solid rgba(84,169,255,.18);
  border-radius: 16px; padding: 22px 24px;
  box-shadow: 0 10px 34px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.04);
  transition: transform .25s, border-color .25s, box-shadow .25s;
}
.card::before {
  content: ""; position: absolute; top: 0; left: 10%; right: 10%; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(165,180,252,.45), transparent);
}
.card:hover { transform: translateY(-2px); border-color: rgba(84,169,255,.4); box-shadow: 0 16px 44px rgba(0,0,0,.4), 0 0 26px rgba(84,169,255,.12); }
.card.narrow { max-width: 720px; }
.card h2 {
  font-size: 17px; margin-bottom: 16px; font-weight: 700;
  display: flex; align-items: center; gap: 8px;
  padding-left: 13px; position: relative;
}
.card h2::before {
  content: ""; position: absolute; left: 0; top: 3px; bottom: 3px; width: 4px; border-radius: 4px;
  background: linear-gradient(180deg, #6CB5FF, #7CC3FF);
  box-shadow: 0 0 10px rgba(84,169,255,.6);
}
.card h2::after {
  content: ""; flex: 1; height: 1px; margin-left: 12px;
  background: linear-gradient(90deg, rgba(84,169,255,.35), transparent);
}

.grid-2 { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 28px; align-items: start; }
@media (max-width: 900px) { .grid-2 { grid-template-columns: 1fr; gap: 18px; } }

/* ===== 表单（v4 参数排版：解决拥挤，加大段距/控件尺寸/视觉呼吸） ===== */
.field-label { display: block; font-size: 13.5px; color: #8FAED6; font-weight: 600; margin: 18px 0 10px; letter-spacing: .2px; }
.field-row { display: flex; gap: 18px; flex-wrap: wrap; row-gap: 14px; }
.field-grow { flex: 1; min-width: 200px; }
textarea, input[type=text], input[type=password], input[type=number], select {
  width: 100%; background: rgba(11,16,32,.7); color: var(--text);
  border: 1px solid var(--border); border-radius: 9px;
  padding: 11px 13px; font-size: 14px; line-height: 1.5; outline: none; transition: border-color .18s, box-shadow .18s;
  min-height: 42px; box-sizing: border-box;
}
select { padding-right: 30px; min-height: 44px; }
textarea { min-height: 110px; resize: vertical; line-height: 1.6; }
input[type=range] { min-height: auto; padding: 0; background: transparent; border: none; }
}
textarea { resize: vertical; line-height: 1.6; }
textarea:focus, input:focus, select:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(84,169,255,.18), 0 0 16px rgba(84,169,255,.12);
}
input[type=range] { width: 100%; accent-color: var(--accent); padding: 0; border: none; background: transparent; }

/* ===== 上传区 ===== */
.dropzone {
  border: 1.5px dashed #34446b; border-radius: 12px;
  padding: 22px 16px; text-align: center; cursor: pointer;
  transition: border-color .2s, background .2s, box-shadow .2s; background: rgba(19,26,46,.5);
}
.dropzone:hover, .dropzone.drag { border-color: var(--accent); background: rgba(84,169,255,.08); box-shadow: 0 0 22px rgba(84,169,255,.12) inset; }
.dz-icon { display: inline-block; font-size: 30px; margin-bottom: 6px; animation: dzFloat 3s ease-in-out infinite; }
@keyframes dzFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
.dropzone:hover .dz-icon { transform: translateY(-5px) scale(1.08); }
.dz-inner p { font-size: 14px; }
.dz-hint { font-size: 12px; color: var(--muted); }

.file-chip {
  display: flex; align-items: center; gap: 10px; margin-top: 12px;
  background: var(--card2); border: 1px solid var(--border); border-radius: 10px;
  padding: 10px 14px; animation: fadeIn .3s;
}
.file-chip img { width: 60px; height: 60px; object-fit: cover; border-radius: 8px; }
.file-chip span { flex: 1; font-size: 13px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.file-chip audio { max-width: 260px; }
.file-chip video { max-width: 100%; max-height: 150px; width: auto; border-radius: 8px; background: #000; object-fit: contain; }
.chip-remove { background: none; border: none; color: var(--muted); font-size: 16px; cursor: pointer; }
.chip-remove:hover { color: var(--red); }
.hidden { display: none !important; }

/* ===== 提示词模板 ===== */
.prompt-presets { display: flex; gap: 8px; flex-wrap: wrap; margin: 12px 0 8px; }
.preset-btn {
  background: rgba(11,16,32,.6); border: 1px solid var(--border); color: var(--muted);
  padding: 6px 12px; border-radius: 999px; font-size: 12px; cursor: pointer; transition: .18s;
}
.preset-btn:hover, .preset-btn.active { color: #fff; border-color: var(--accent); background: rgba(84,169,255,.2); box-shadow: 0 0 14px rgba(84,169,255,.25); }

/* ===== 按钮 ===== */
.btn { border: none; border-radius: 9px; padding: 11px 22px; font-size: 14px; cursor: pointer; font-weight: 600; transition: transform .15s, box-shadow .15s, filter .15s; }
.btn.primary {
  position: relative; overflow: hidden;
  background: linear-gradient(135deg, var(--accent), var(--accent2));
  color: #fff; box-shadow: 0 4px 16px rgba(84,169,255,.35);
}
.btn.primary::after {
  content: ""; position: absolute; top: 0; left: -70%; width: 50%; height: 100%;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.3), transparent);
  transform: skewX(-20deg); transition: left .5s;
}
.btn.primary:hover { filter: brightness(1.12); transform: translateY(-1px); box-shadow: 0 8px 22px rgba(84,169,255,.45); }
.btn.primary:hover::after { left: 120%; }
.btn.primary:disabled { opacity: .5; cursor: not-allowed; transform: none; filter: none; }
.btn.big { width: 100%; margin-top: 16px; padding: 12px 20px; font-size: 15px; border-radius: 10px; }
.btn.small { padding: 6px 12px; font-size: 13px; margin: 0; border-radius: 8px; }
.btn.danger { background: rgba(248,113,113,.12); color: var(--red); border: 1px solid rgba(248,113,113,.35); }
.btn.danger:hover { background: rgba(248,113,113,.22); }

/* ===== 结果区 ===== */
.result-box {
  background: radial-gradient(circle at 50% 28%, rgba(84,169,255,.07), transparent 70%), rgba(11,16,32,.55);
  border: 1px solid var(--border); border-radius: 12px;
  min-height: 280px; display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 20px; gap: 14px; position: relative;
}
.result-box .placeholder { color: var(--muted); font-size: 13px; text-align: center; padding: 30px 18px; border: 1px dashed rgba(249,249,249,0.6,.22); border-radius: 12px; width: 100%; max-width: 92%; }
.result-box .placeholder::before { content: "✨"; display: block; font-size: 32px; opacity: .45; margin-bottom: 10px; }
.result-box img { max-width: 100%; max-height: 520px; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,.4); }
.result-box audio { width: 100%; }
.result-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; }
.result-actions a.btn { text-decoration: none; display: inline-block; }

.status-area { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 8px; color: var(--muted); font-size: 14px; text-align: center; }
.spinner { width: 30px; height: 30px; border: 3px solid #2a3757; border-top-color: var(--accent); border-radius: 50%; animation: spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.status-error { color: var(--red); font-size: 13px; }
.hint { font-size: 12px; color: var(--muted); margin-top: 8px; line-height: 1.65; }
.status-line { margin-top: 10px; font-size: 13px; color: var(--green); }

/* ===== Toast / 全局加载 ===== */
.toast {
  position: fixed; left: 50%; top: max(84px, calc(env(safe-area-inset-top, 0px) + 76px)); bottom: auto; transform: translateX(-50%);
  max-width: min(560px, calc(100vw - 32px)); box-sizing: border-box;
  background: #232d49; color: #fff; padding: 10px 20px; border-radius: 10px;
  font-size: 14px; line-height: 1.45; text-align: center; overflow-wrap: anywhere;
  z-index: 1000; border: 1px solid var(--border); pointer-events: none;
  box-shadow: 0 8px 24px rgba(0,0,0,.4); animation: toastPop .25s cubic-bezier(.34,1.56,.64,1);
}
@media (max-width: 720px) {
  .toast { top: max(72px, calc(env(safe-area-inset-top, 0px) + 64px)); max-width: calc(100vw - 24px); padding: 10px 14px; }
}
@keyframes toastPop { from { opacity: 0; transform: translateX(-50%) translateY(8px) scale(.96); } to { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); } }
.global-loading { position: fixed; inset: 0; background: rgba(10,14,26,.55); z-index: 200; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(3px); }

/* ===== 生成记录 ===== */
.records-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.records-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.filter-group { display: flex; gap: 6px; }
.records-list { display: flex; flex-direction: column; gap: 10px; margin-top: 8px; }
.record-card {
  background: rgba(19,26,46,.6); border: 1px solid var(--border); border-radius: 12px;
  padding: 14px 16px; display: flex; flex-direction: column; gap: 10px;
  transition: transform .2s, border-color .2s, box-shadow .2s;
}
.record-card:hover { transform: translateX(4px); border-color: rgba(84,169,255,.45); box-shadow: 0 8px 24px rgba(0,0,0,.3), 0 0 18px rgba(84,169,255,.12); }
.record-main { display: flex; align-items: flex-start; gap: 12px; }
.record-icon { font-size: 24px; line-height: 1; margin-top: 2px; }
.record-info { flex: 1; min-width: 0; }
.record-title { font-size: 14px; font-weight: 600; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.record-desc { font-size: 13px; color: var(--muted); margin-top: 4px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all; white-space: pre-line; }
.record-meta { font-size: 12px; color: var(--muted); margin-top: 4px; }
.badge { font-size: 11px; padding: 2px 8px; border-radius: 999px; font-weight: 600; }
.badge.success { background: rgba(52,211,153,.14); color: var(--green); }
.badge.running { background: rgba(49,102,238,.14); color: var(--yellow); }
.badge.failed { background: rgba(248,113,113,.14); color: var(--red); }
.record-actions { display: flex; flex-direction: column; gap: 6px; }
.record-actions .btn { white-space: nowrap; }
.record-preview { max-width: 100%; }
.record-preview img { max-width: 260px; max-height: 200px; border-radius: 8px; }
.record-preview audio { width: 100%; max-width: 420px; }
.record-preview video { max-width: 320px; max-height: 240px; border-radius: 8px; }
.record-error { font-size: 12px; color: var(--red); margin-top: 6px; }

/* ===== API Key 提示条 ===== */
.key-banner {
  margin: 14px 28px 0; padding: 12px 16px;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  background: linear-gradient(135deg, rgba(49,102,238,.12), rgba(36,121,235,.08));
  border: 1px solid rgba(49,102,238,.3); border-radius: 12px;
  color: #91a9f6; font-size: 14px; line-height: 1.6;
  animation: fadeIn .35s;
}
.key-banner u { color: #3166ee; }
.key-banner button { background: rgba(49,102,238,.15); border: 1px solid rgba(49,102,238,.35); color: #91a9f6; width: 24px; height: 24px; border-radius: 6px; cursor: pointer; font-size: 13px; flex-shrink: 0; }
.key-banner button:hover { background: rgba(49,102,238,.3); }

/* ===== 远程公告条 ===== */
.remote-banner {
  margin: 14px 28px 0; padding: 12px 16px;
  background: linear-gradient(135deg, rgba(56,189,248,.12), rgba(84,169,255,.08));
  border: 1px solid rgba(56,189,248,.3); border-radius: 12px;
  color: #bae6fd; font-size: 14px; line-height: 1.6;
  animation: fadeIn .35s;
}
.remote-banner.danger {
  background: linear-gradient(135deg, rgba(248,113,113,.14), rgba(239,68,68,.08));
  border: 1px solid rgba(248,113,113,.4);
  color: #fecaca;
}
.remote-banner .banner-link { color: #3166ee; font-weight: 700; text-decoration: underline; margin-left: 6px; }
.remote-banner .banner-btn {
  margin-left: 8px; padding: 4px 12px; border: 1px solid rgba(49,102,238,.5);
  background: rgba(49,102,238,.15); color: #91a9f6; border-radius: 8px; cursor: pointer;
  font-size: 13px; font-weight: 600; transition: .18s; vertical-align: middle;
}
.remote-banner .banner-btn:hover { background: rgba(49,102,238,.3); }
.remote-banner .banner-btn:disabled { opacity: .6; cursor: default; }
body.remote-disabled .btn.primary,
body.remote-disabled button[type=submit] { opacity: .5; pointer-events: none; filter: saturate(.4); }

/* ===== 批量模式 ===== */
.batch-zone { margin-top: 20px; padding-top: 16px; border-top: 1px dashed rgba(249,249,249,0.6,.25); }
.batch-toggle-label { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; cursor: pointer; color: #c7d2fe; padding: 9px 14px; border-radius: 9px; background: rgba(84,169,255,.1); border: 1px solid rgba(84,169,255,.3); transition: .18s; }
.batch-toggle-label:hover { background: rgba(84,169,255,.2); box-shadow: 0 0 16px rgba(84,169,255,.2); }
.batch-toggle-label input { accent-color: var(--accent); width: 16px; height: 16px; cursor: pointer; }
.batch-config { display: flex; align-items: center; gap: 8px; margin: 14px 0 12px; flex-wrap: wrap; }
.batch-config input[type=number] { width: 72px; }
.batch-slots { display: flex; flex-direction: column; gap: 14px; }
.batch-slot { background: rgba(11,16,32,.5); border: 1px solid rgba(42,55,87,.7); border-radius: 12px; padding: 16px 18px; transition: border-color .2s, box-shadow .2s; }
.batch-slot:hover { border-color: rgba(84,169,255,.4); box-shadow: 0 0 18px rgba(84,169,255,.08); }
.batch-slot-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; font-weight: 600; color: #8FAED6; }
.batch-slot .slot-field { margin-top: 4px; }
.batch-slot textarea.slot-field { margin-bottom: 8px; }
.batch-slot input[type=file] { width: 100%; padding: 8px; border-radius: 8px; background: rgba(11,16,32,.5); border: 1px dashed #34446b; color: var(--muted); font-size: 13px; cursor: pointer; }
.slot-status { font-size: 12px; margin-top: 8px; color: var(--muted); }
.slot-status.running { color: var(--yellow); }
.slot-status.success { color: var(--green); }
.slot-status.failed { color: var(--red); }
.slot-status.skip { color: var(--muted); }
.slot-result { margin-top: 8px; }
.slot-result audio { width: 100%; max-width: 420px; }
.slot-result video { max-width: 320px; max-height: 240px; border-radius: 8px; }
.slot-result img { max-width: 240px; max-height: 200px; border-radius: 8px; }

/* ===== 视频文案面板 ===== */
.vt-slot .vt-url { margin-top: 4px; }
.vt-actions { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.vt-progress { color: var(--muted); font-size: 13px; display: flex; align-items: center; gap: 8px; }
.vt-progress .spinner { width: 16px; height: 16px; border-width: 2px; }
.vt-video video { width: 100%; max-height: 400px; border-radius: 10px; background: #000; border: 1px solid var(--border); box-shadow: 0 10px 30px rgba(0,0,0,.4); }
.vt-meta { font-size: 13px; color: var(--muted); line-height: 1.5; word-break: break-all; }
.vt-text textarea { background: rgba(11,16,32,.6); color: var(--text); border: 1px solid var(--border); border-radius: 8px; padding: 12px; font-size: 13px; line-height: 1.7; }
.vt-text textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(84,169,255,.18); }
.vt-error { color: var(--red); font-size: 13px; background: rgba(248,113,113,.08); border: 1px solid rgba(248,113,113,.25); border-radius: 8px; padding: 8px 12px; line-height: 1.6; word-break: break-all; }
.vt-copy-rec { cursor: pointer; }

/* ===== 自定义滚动条 ===== */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: rgba(11,16,32,.6); }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #2E78D9, #3D8BFF); border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #3D7CE8, #54A9FF); }

/* ===== 小屏适配 ===== */
@media (max-width: 720px) {
  .topbar { padding: 10px 12px; gap: 8px; }
  .brand p { display: none; }
  .brand h1 { font-size: 13px; white-space: nowrap; }
  .brand { gap: 8px; min-width: 0; }
  .logo { width: 34px; height: 34px; border-radius: 10px; font-size: 16px; }
  .account-switcher { margin-left: 6px; }
  .as-trigger { min-width: 0; padding: 5px 8px 5px 6px; gap: 6px; }
  .as-badge { width: 24px; height: 24px; border-radius: 8px; font-size: 12px; }
  .as-name { font-size: 12px; }
  .tabs { padding: 12px 16px 0; }
  main { padding: 16px 16px 50px; }
  .brand h1 { font-size: 15px; }
  .key-banner { margin: 12px 16px 0; }
}

/* =========================================================
   高级动效层：粒子星尘 + 鼠标光晕 + 涟漪 + 流光 + 错落进场
   ========================================================= */
#bg-canvas {
  position: fixed; inset: 0; z-index: -3; pointer-events: none;
}
#cursorGlow {
  position: fixed; left: 0; top: 0; width: 600px; height: 600px;
  pointer-events: none; z-index: -1; border-radius: 50%;
  background: radial-gradient(circle, rgba(84,169,255,.09), rgba(64,180,243,.05) 40%, transparent 70%);
  will-change: transform;
}

/* 按钮点击涟漪 */
.btn { position: relative; overflow: hidden; }
.ripple {
  position: absolute; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle, rgba(255,255,255,.45), rgba(255,255,255,0) 70%);
  transform: scale(0); animation: rippleAnim .6s ease-out forwards;
}
@keyframes rippleAnim { to { transform: scale(1); opacity: 0; } }

/* 卡片顶部流光循环 */
.card { overflow: hidden; }
.card::after {
  content: ""; position: absolute; top: 0; left: -60%; width: 45%; height: 2px;
  background: linear-gradient(90deg, transparent, rgba(165,180,252,.9), rgba(64,180,243,.8), transparent);
  animation: cardShine 5.5s ease-in-out infinite;
  filter: blur(.3px);
}
@keyframes cardShine {
  0% { left: -60%; }
  55% { left: 130%; }
  100% { left: 130%; }
}
.card:hover::after { animation-duration: 2.4s; }

/* 面板激活：卡片内容错落进场 */
.panel.active .card > * { animation: riseIn .5s cubic-bezier(.22,.9,.3,1) backwards; }
.panel.active .card > *:nth-child(1) { animation-delay: .02s; }
.panel.active .card > *:nth-child(2) { animation-delay: .06s; }
.panel.active .card > *:nth-child(3) { animation-delay: .1s; }
.panel.active .card > *:nth-child(4) { animation-delay: .14s; }
.panel.active .card > *:nth-child(5) { animation-delay: .18s; }
.panel.active .card > *:nth-child(6) { animation-delay: .22s; }
.panel.active .card > *:nth-child(7) { animation-delay: .26s; }
.panel.active .card > *:nth-child(8) { animation-delay: .3s; }
@keyframes riseIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }

/* 批量槽位错落进场 */
.batch-slots .batch-slot { animation: riseIn .4s cubic-bezier(.22,.9,.3,1) backwards; }
.batch-slots .batch-slot:nth-child(2) { animation-delay: .05s; }
.batch-slots .batch-slot:nth-child(3) { animation-delay: .1s; }
.batch-slots .batch-slot:nth-child(4) { animation-delay: .15s; }
.batch-slots .batch-slot:nth-child(5) { animation-delay: .2s; }

/* 功能标签 emoji 微悬浮 */
.tab-btn { animation: tabBreath 4s ease-in-out infinite; animation-delay: calc(var(--i, 0) * .25s); }
@keyframes tabBreath { 0%, 100% { opacity: 1; } 50% { opacity: .82; } }

/* 结果区成功时的轻辉 */
.result-box img, .result-box video { animation: resultPop .45s cubic-bezier(.34,1.56,.64,1); }
@keyframes resultPop { from { opacity: 0; transform: scale(.96); } to { opacity: 1; transform: scale(1); } }

/* 运行中状态文字呼吸 */
.status-text { animation: statusPulse 1.8s ease-in-out infinite; }
@keyframes statusPulse { 0%, 100% { opacity: .75; } 50% { opacity: 1; } }

/* 尊重系统"减少动态"设置 */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* =========================================================
   高级动效 v2：Spotlight 聚光 + Border Beam 流光边框 + Tilt + 流星
   ========================================================= */
@property --beam-angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }

.card {
  --mx: -300px; --my: -300px;
  background:
    radial-gradient(300px circle at var(--mx) var(--my), rgba(84,169,255,.16), transparent 68%),
    linear-gradient(165deg, rgba(30,41,66,.85), rgba(19,26,46,.95));
  transition: transform .14s ease-out, border-color .25s, box-shadow .25s, background .2s;
  transform-style: preserve-3d;
}
/* 流光边框（Border Beam）：hover 时沿边框旋转一道光 */
.card-beam {
  position: absolute; inset: 0; border-radius: inherit; padding: 1px;
  background: conic-gradient(from var(--beam-angle), transparent 0%, rgba(84,169,255,.75) 12%, rgba(64,180,243,.6) 22%, transparent 30%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none; opacity: 0; z-index: 1;
  animation: beamSpin 3.2s linear infinite;
  transition: opacity .3s;
}
.card:hover .card-beam { opacity: 1; }
@keyframes beamSpin { to { --beam-angle: 360deg; } }

/* 流星（借鉴 Aceternity UI Meteors） */
.meteors { position: fixed; inset: 0; pointer-events: none; z-index: -2; overflow: hidden; }
.meteor {
  position: absolute; height: 2px; border-radius: 2px;
  background: linear-gradient(90deg, rgba(165,180,252,.9), rgba(64,180,243,.4), transparent);
  transform: rotate(-35deg);
  opacity: 0;
  animation: meteorFly linear infinite;
  filter: drop-shadow(0 0 8px rgba(84,169,255,.6));
}
@keyframes meteorFly {
  0% { opacity: 0; transform: translate3d(0, 0, 0) rotate(-35deg); }
  6% { opacity: 1; }
  45% { transform: translate3d(-46vw, 32vw, 0) rotate(-35deg); }
  100% { opacity: 0; transform: translate3d(-60vw, 42vw, 0) rotate(-35deg); }
}

/* =========================================================
   高级动效 v3：点阵网格 + 背景光束 + 霓虹按钮 + 标题入场 + 页脚
   ========================================================= */

/* 点阵网格背景（Aceternity Dot Grid） */
.dot-grid {
  position: fixed; inset: 0; z-index: -3; pointer-events: none;
  background-image: radial-gradient(rgba(148,163,184,.14) 1px, transparent 1px);
  background-size: 26px 26px;
  -webkit-mask-image: radial-gradient(ellipse 90% 70% at 50% 30%, #000 20%, transparent 75%);
  mask-image: radial-gradient(ellipse 90% 70% at 50% 30%, #000 20%, transparent 75%);
}

/* 背景光束（Aceternity Background Beams）：斜向柔光缓慢移动 */
.beams { position: fixed; inset: 0; z-index: -2; pointer-events: none; overflow: hidden; }
.beam {
  position: absolute; top: -30%; width: 18vw; height: 160vh;
  background: linear-gradient(180deg, transparent, rgba(84,169,255,.12), rgba(64,180,243,.08), transparent);
  filter: blur(70px);
  transform: rotate(18deg);
  animation: beamSway 22s ease-in-out infinite alternate;
}
.beam.b1 { left: -4%; }
.beam.b2 { left: 38%; animation-delay: -7s; animation-duration: 26s; }
.beam.b3 { left: 72%; animation-delay: -13s; animation-duration: 20s; opacity: .7; }
@keyframes beamSway {
  from { transform: rotate(18deg) translateX(0); }
  to { transform: rotate(18deg) translateX(12vw); }
}

/* 霓虹按钮：hover 彩色光晕 + 文字微光 */
.btn.primary {
  background: linear-gradient(135deg, #54A9FF, #40B4F3, #54A9FF);
  background-size: 220% 100%;
  animation: btnHue 6s ease-in-out infinite;
}
@keyframes btnHue { 0%,100% { background-position: 0% 0; } 50% { background-position: 100% 0; } }
.btn.primary:hover {
  box-shadow: 0 0 24px rgba(139,92,246,.6), 0 8px 26px rgba(84,169,255,.4);
  text-shadow: 0 0 12px rgba(255,255,255,.5);
}

/* 卡片标题入场：模糊浮现（SplitText 风格简化版） */
.panel.active .card h2 {
  animation: titleReveal .6s cubic-bezier(.22,.9,.3,1) backwards;
}
@keyframes titleReveal {
  from { opacity: 0; filter: blur(6px); transform: translateY(6px); }
  to { opacity: 1; filter: blur(0); transform: none; }
}

/* 结果图淡入（记录预览不加动画，避免闪屏） */
.result-box img, .result-box video { animation: mediaIn .5s ease; }
@keyframes mediaIn { from { opacity: 0; } to { opacity: 1; } }

/* 页脚 */
.footer {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  padding: 26px 16px 34px; font-size: 13px; color: var(--muted);
  border-top: 1px solid rgba(42,55,87,.5);
  background: rgba(11,16,32,.35);
  backdrop-filter: blur(6px);
}
.footer-author {
  color: #8FAED6; font-weight: 600;
  background: linear-gradient(90deg, #6CB5FF, #7CC3FF);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}
.footer-divider { opacity: .4; }

/* =========================================================
   创意动效：撒花 + 磁性按钮 + 回到顶部 + 拖拽高亮 + 品牌入场
   ========================================================= */

/* 撒花画布 */
.confetti-canvas {
  position: fixed; inset: 0; z-index: 300; pointer-events: none;
}

/* 磁性按钮：transform 过渡保持平滑 */
.btn { transition: transform .18s ease-out, background .15s, box-shadow .15s, filter .15s, color .15s; }

/* 回到顶部 */
.back-top {
  position: fixed; right: 26px; bottom: 26px; width: 46px; height: 46px;
  border-radius: 14px; border: 1px solid rgba(84,169,255,.5);
  background: linear-gradient(135deg, rgba(84,169,255,.85), rgba(64,180,243,.85));
  color: #fff; font-size: 20px; cursor: pointer; z-index: 90;
  box-shadow: 0 6px 20px rgba(84,169,255,.4);
  opacity: 0; transform: translateY(16px) scale(.8); pointer-events: none;
  transition: opacity .3s, transform .3s, box-shadow .3s;
}
.back-top.show { opacity: 1; transform: translateY(0) scale(1); pointer-events: auto; }
.back-top:hover { box-shadow: 0 0 26px rgba(139,92,246,.7); transform: translateY(-2px) scale(1.05); }

/* 拖拽上传全屏高亮 */
.drag-overlay {
  position: fixed; inset: 0; z-index: 250; pointer-events: none;
  display: flex; align-items: center; justify-content: center;
  background: rgba(11,16,32,.6);
  opacity: 0; visibility: hidden;
  backdrop-filter: blur(3px);
  transition: opacity .2s, visibility .2s;
}
.drag-overlay.show { opacity: 1; visibility: visible; }
.drag-overlay::before {
  content: ""; position: absolute; inset: 16px; border-radius: 22px;
  border: 2px dashed rgba(139,92,246,.7);
  box-shadow: inset 0 0 60px rgba(84,169,255,.15), 0 0 30px rgba(84,169,255,.2);
}
.drag-hint {
  position: relative; display: flex; flex-direction: column; align-items: center; gap: 10px;
  font-size: 18px; font-weight: 700; color: #fff;
  background: linear-gradient(135deg, rgba(84,169,255,.9), rgba(64,180,243,.9));
  padding: 22px 36px; border-radius: 18px;
  box-shadow: 0 12px 40px rgba(84,169,255,.5);
  animation: dragPulse 1.2s ease-in-out infinite;
}
.drag-icon { font-size: 34px; }
@keyframes dragPulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.05); } }

/* 品牌入场 */
.brand { animation: brandIn .7s cubic-bezier(.22,.9,.3,1) backwards; }
@keyframes brandIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: none; } }

/* =========================================================
   创意功能：主题切换 / 运行指示灯 / 音波 / 彩蛋 / 霓虹标题
   ========================================================= */

/* 主题色变量（切换 data-theme） */
body[data-theme="default"] { --accent: #6C8CFF; --accent2: #A05FF0; --cyan: #38D6F0; }
body[data-theme="neon"]    { --accent: #ec4899; --accent2: #f43f5e; --cyan: #38D6F0; }
body[data-theme="emerald"] { --accent: #10b981; --accent2: #0ea5e9; --cyan: #a3e635; }
body[data-theme="sunset"]  { --accent: #2479eb; --accent2: #ef4444; --cyan: #3166ee; }
body { transition: background .5s; }

/* 运行指示灯（顶栏） */
.run-indicator {
  display: inline-flex; align-items: center; gap: 7px;
  margin-left: 10px; padding: 6px 14px; border-radius: 999px;
  background: rgba(64,180,243,.1); border: 1px solid rgba(64,180,243,.35);
  color: #a5f3fc; font-size: 13px;
}
.run-indicator b { color: #fff; }
.run-dot {
  width: 8px; height: 8px; border-radius: 50%; background: #40B4F3;
  box-shadow: 0 0 10px #40B4F3; animation: dotPulse2 1s ease-in-out infinite;
}
@keyframes dotPulse2 { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: .4; transform: scale(.7); } }

/* 主题切换器 */
.theme-fab {
  position: fixed; right: 20px; bottom: 90px; width: 42px; height: 42px;
  border-radius: 14px; cursor: pointer; z-index: 91;
  display: flex; align-items: center; justify-content: center; font-size: 19px;
  background: rgba(31,41,66,.82); border: 1px solid rgba(84,169,255,.4);
  box-shadow: 0 4px 16px rgba(0,0,0,.35); backdrop-filter: blur(8px);
  animation: fabFloat 3.2s ease-in-out infinite;
}
@keyframes fabFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
.theme-fab:hover { box-shadow: 0 0 26px rgba(139,92,246,.7); }
.theme-panel {
  position: fixed; right: 26px; bottom: 140px; z-index: 92;
  background: rgba(19,26,46,.95); border: 1px solid rgba(84,169,255,.35);
  border-radius: 16px; padding: 14px;
  box-shadow: 0 14px 40px rgba(0,0,0,.5); backdrop-filter: blur(12px);
  animation: fadeIn .2s;
}
.theme-title { font-size: 13px; color: #8FAED6; font-weight: 600; margin-bottom: 10px; }
.theme-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.theme-opt {
  display: flex; align-items: center; gap: 8px; padding: 7px 10px;
  background: rgba(11,16,32,.6); border: 1px solid rgba(42,55,87,.8);
  border-radius: 10px; color: #e7ecf7; font-size: 12px; cursor: pointer; transition: .15s;
}
.theme-opt:hover { border-color: var(--c1); box-shadow: 0 0 12px rgba(84,169,255,.2); }
.theme-dot {
  width: 18px; height: 18px; border-radius: 50%; flex-shrink: 0;
  background: linear-gradient(135deg, var(--c1), var(--c2));
  box-shadow: 0 0 8px var(--c1);
}
.theme-opt em { font-style: normal; }

/* 音波可视化 */
.wave-wrap {
  display: flex; align-items: center; gap: 3px; height: 26px;
  margin: 6px 0 2px; padding: 0 2px;
}
.wave-wrap span {
  width: 4px; height: 6px; border-radius: 2px;
  background: linear-gradient(180deg, var(--accent), var(--accent2));
  transition: height .15s;
}
.wave-wrap.playing span { animation: waveJump .8s ease-in-out infinite; }
.wave-wrap.playing span:nth-child(2n) { animation-delay: .12s; }
.wave-wrap.playing span:nth-child(3n) { animation-delay: .24s; }
@keyframes waveJump { 0%,100% { height: 6px; } 50% { height: 24px; } }

/* 品牌标题霓虹发光（已按用户要求移除） */

/* Logo 连点彩蛋：彩虹扫屏 */
.rainbow-flash {
  position: fixed; inset: 0; z-index: 400; pointer-events: none;
  background: linear-gradient(115deg,
    rgba(255,0,0,.18), rgba(15,91,240,.18), rgba(95,107,214,.18),
    rgba(79,220,74,.18), rgba(63,218,216,.18), rgba(47,201,226,.18),
    rgba(28,127,238,.18), rgba(95,21,242,.18), rgba(186,12,248,.18),
    rgba(251,7,217,.18), rgba(255,0,0,.18));
  background-size: 300% 100%;
  animation: rainbowSweep 1.2s linear forwards;
}
@keyframes rainbowSweep { from { background-position: 0% 0; opacity: 1; } to { background-position: 300% 0; opacity: 0; } }

/* 结果图片噪点浮现（升级） */
.result-box img, .result-box video {
  animation: noiseReveal .6s ease;
}
@keyframes noiseReveal {
  0% { opacity: 0; filter: blur(8px) contrast(1.3); transform: scale(.985); }
  100% { opacity: 1; filter: blur(0) contrast(1); transform: scale(1); }
}

/* =========================================================
   账户切换器（企业级 / 消费级）· 精致版
   ========================================================= */
/* 顶部"智能自动"左侧的下载更新按钮（与账户切换同款视觉语言） */
.top-update-btn {
  display: inline-flex; align-items: center; gap: 9px;
  margin-left: 12px; padding: 6px 14px 6px 7px;
  background: linear-gradient(165deg, rgba(30,41,66,.85), rgba(19,26,46,.9));
  border: 1px solid rgba(84,169,255,.4);
  border-radius: 12px; cursor: pointer; color: #e0e7ff;
  box-shadow: 0 4px 14px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.05);
  transition: border-color .2s, box-shadow .2s, transform .15s;
  white-space: nowrap; font-size: 13px;
}
.top-update-btn:hover { border-color: rgba(139,92,246,.7); box-shadow: 0 4px 20px rgba(84,169,255,.3); transform: translateY(-1px); }
.top-update-btn:active { transform: translateY(0); }
.top-update-btn:disabled { opacity: .6; cursor: default; }
.top-update-btn .tub-ico {
  width: 28px; height: 28px; border-radius: 9px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #54A9FF, #40B4F3); color: #fff;
  box-shadow: 0 0 10px rgba(84,169,255,.45);
}
.top-update-btn .tub-txt { display: inline-flex; flex-direction: column; line-height: 1.2; text-align: left; }
.top-update-btn .tub-txt b { font-size: 13px; font-weight: 700; color: #fff; }
.top-update-btn .tub-txt .tub-ver { font-size: 10.5px; color: var(--muted); font-weight: 500; }

.account-switcher {
  position: relative; margin-left: 12px; display: inline-block;
  font-size: 13px;
}
.as-trigger {
  display: flex; align-items: center; gap: 10px;
  min-width: 178px; padding: 7px 12px 7px 8px;
  background: linear-gradient(165deg, rgba(30,41,66,.85), rgba(19,26,46,.9));
  border: 1px solid rgba(84,169,255,.35);
  border-radius: 12px; cursor: pointer; color: var(--text);
  box-shadow: 0 4px 14px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.05);
  transition: border-color .2s, box-shadow .2s;
}
.as-trigger:hover { border-color: rgba(139,92,246,.6); box-shadow: 0 4px 20px rgba(84,169,255,.25); }
.as-trigger.open { border-color: rgba(139,92,246,.7); }
.as-badge {
  width: 28px; height: 28px; border-radius: 9px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 14px; font-weight: 700; color: #fff;
}
.as-badge-e { background: linear-gradient(135deg, #3b82f6, #54A9FF); box-shadow: 0 0 10px rgba(84,169,255,.5); }
.as-badge-c { background: linear-gradient(135deg, #195ce7, #2479eb); box-shadow: 0 0 10px rgba(25,92,231,.5); }
.as-label { display: flex; flex-direction: column; line-height: 1.25; text-align: left; }
.as-name { font-weight: 700; color: #fff; font-size: 13px; }
.as-sub { font-size: 11px; color: var(--muted); }
.as-arrow {
  margin-left: auto; color: var(--muted); font-size: 12px;
  transition: transform .25s;
}
.as-trigger.open .as-arrow { transform: rotate(180deg); }

.as-menu {
  position: absolute; top: calc(100% + 8px); right: 0; z-index: 99;
  width: 300px; padding: 6px;
  background: rgba(17,24,43,.95);
  border: 1px solid rgba(84,169,255,.3);
  border-radius: 16px;
  box-shadow: 0 20px 50px rgba(0,0,0,.55), 0 0 30px rgba(84,169,255,.12);
  backdrop-filter: blur(16px) saturate(1.3);
  -webkit-backdrop-filter: blur(16px) saturate(1.3);
  opacity: 0; visibility: hidden; transform: translateY(-8px) scale(.98);
  transform-origin: top right;
  transition: opacity .22s, transform .22s, visibility .22s;
}
.as-menu.open { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
.as-opt {
  display: flex; align-items: center; gap: 12px; width: 100%;
  padding: 10px 12px; border: 1px solid transparent; border-radius: 11px;
  background: transparent; color: var(--text); cursor: pointer; text-align: left;
  transition: background .18s, border-color .18s, transform .18s;
}
.as-opt + .as-opt { margin-top: 4px; }
.as-opt:hover { background: rgba(84,169,255,.12); border-color: rgba(84,169,255,.25); transform: translateX(2px); }
.as-opt.selected {
  background: linear-gradient(135deg, rgba(84,169,255,.22), rgba(64,180,243,.16));
  border-color: rgba(84,169,255,.5);
  box-shadow: inset 0 0 18px rgba(84,169,255,.12);
}
.as-dot {
  width: 30px; height: 30px; border-radius: 10px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 14px; font-weight: 700; color: #fff;
}
.as-dot-e { background: linear-gradient(135deg, #3b82f6, #54A9FF); box-shadow: 0 0 10px rgba(84,169,255,.5); }
.as-dot-c { background: linear-gradient(135deg, #195ce7, #2479eb); box-shadow: 0 0 10px rgba(25,92,231,.5); }
.as-opt-txt { display: flex; flex-direction: column; line-height: 1.3; flex: 1; min-width: 0; }
.as-opt-txt em { font-style: normal; font-weight: 700; font-size: 13px; }
.as-opt-txt small { font-size: 11px; color: var(--muted); margin-top: 2px; }
.as-check {
  width: 20px; height: 20px; border-radius: 50%; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 12px; color: #fff; opacity: 0; transform: scale(.5);
  background: linear-gradient(135deg, #34d399, #10b981);
  box-shadow: 0 0 10px rgba(52,211,153,.5);
  transition: opacity .2s, transform .2s;
}
.as-opt.selected .as-check { opacity: 1; transform: scale(1); }
@media (max-width: 720px) { .as-menu { width: 230px; } }

/* 顶栏 Key 状态文字：隐藏（账户状态由切换器 + 提示条展示） */
.key-status { display: none !important; }

/* 记录账户徽章 */
.badge.wallet { background: rgba(59,130,246,.16); color: #93c5fd; }
.badge.coin { background: rgba(25,92,231,.16); color: #4e89f4; }

/* 智能自动徽章 */
.as-badge-a, .as-dot-a { background: linear-gradient(135deg, #40B4F3, #8b5cf6); box-shadow: 0 0 10px rgba(139,92,246,.5); font-size: 13px; }

/* 当前扣费账户提示条 */
.acct-bar {
  margin: 12px 28px 0; padding: 8px 16px;
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  background: rgba(84,169,255,.1); border: 1px solid rgba(84,169,255,.3);
  border-radius: 10px; font-size: 13px; color: #c7d2fe;
}
.acct-bar b { color: #fff; font-weight: 700; }
.acct-bar .acct-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: linear-gradient(135deg, #40B4F3, #8b5cf6);
  box-shadow: 0 0 8px rgba(139,92,246,.7);
  animation: dotPulse2 1.2s ease-in-out infinite;
}
.acct-bar .acct-hint { font-size: 12px; color: var(--muted); }
@media (max-width: 720px) { .acct-bar { margin: 10px 16px 0; } }
/* =========================================================
   钱包 / 币子余额同步徽章
   ========================================================= */
.wallet-chip {
  position: relative; margin-left: 10px; display: inline-flex; align-items: center; gap: 8px;
  padding: 7px 10px 7px 12px; cursor: pointer; user-select: none;
  background: linear-gradient(165deg, rgba(20,28,52,.9), rgba(13,18,36,.92));
  border: 1px solid rgba(84,169,255,.38); border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.06);
  transition: border-color .2s, box-shadow .2s, transform .2s;
}
.wallet-chip:hover { border-color: rgba(139,92,246,.68); box-shadow: 0 4px 22px rgba(84,169,255,.3); transform: translateY(-1px); }
.wallet-chip.ok { border-color: rgba(52,211,153,.42); }
.wallet-chip.error { border-color: rgba(248,113,113,.5); }
.wallet-chip.loading .wc-name { opacity: .45; }
.wallet-chip.loading .wc-refresh { animation: wcSpin 1s linear infinite; }
.wc-icon { font-size: 16px; line-height: 1; }
.wc-body { display: flex; flex-direction: column; line-height: 1.15; }
.wc-name { font-weight: 700; font-size: 13px; color: #F2F4F8; white-space: nowrap; }
.wc-sub { font-size: 10.5px; color: var(--muted); letter-spacing: .3px; }
.wc-refresh {
  border: none; background: rgba(84,169,255,.14); color: #c7d2fe;
  width: 24px; height: 24px; border-radius: 8px; cursor: pointer;
  font-size: 13px; line-height: 1; display: flex; align-items: center; justify-content: center;
  transition: background .18s, color .18s;
}
.wc-refresh:hover { background: rgba(84,169,255,.32); color: #fff; }
@keyframes wcSpin { to { transform: rotate(360deg); } }
.wc-pop {
  position: absolute; top: calc(100% + 8px); right: 0; z-index: 99;
  min-width: 300px; padding: 10px;
  background: rgba(17,24,43,.97);
  border: 1px solid rgba(84,169,255,.32); border-radius: 14px;
  box-shadow: 0 20px 50px rgba(0,0,0,.55), 0 0 26px rgba(84,169,255,.14);
  backdrop-filter: blur(16px) saturate(1.3);
  -webkit-backdrop-filter: blur(16px) saturate(1.3);
  opacity: 0; visibility: hidden; transform: translateY(-8px) scale(.98);
  transform-origin: top right;
  transition: opacity .22s, transform .22s, visibility .22s;
}
.wallet-chip.open .wc-pop { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
.wc-pop-title { font-size: 12px; font-weight: 700; color: #8FAED6; letter-spacing: .5px; margin-bottom: 8px; padding-bottom: 6px; border-bottom: 1px solid rgba(84,169,255,.18); }
.wc-pop-list { display: flex; flex-direction: column; gap: 6px; }
.wc-acc {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 8px 10px; border-radius: 9px; font-size: 12.5px;
  background: rgba(84,169,255,.07); border: 1px solid rgba(84,169,255,.16);
}
.wc-acc-name { color: #c7d2fe; white-space: nowrap; }
.wc-acc-v { font-weight: 700; color: #fff; white-space: nowrap; }
.wc-pop-hint { font-size: 11px; color: var(--muted); margin-top: 8px; text-align: center; }
/* 钱包徽章：右上角可点击展示余额明细（黑金皮肤下显示，见 skin-gold.css） */
.wallet-chip { display: inline-flex !important; }
.acct-bar { flex-wrap: nowrap; }
.acct-bal { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: #fff; font-size: 12.5px; white-space: nowrap; }
.acct-bal .ab-refresh { border: none; background: rgba(84,169,255,.14); color: #c7d2fe; width: 24px; height: 24px; border-radius: 8px; cursor: pointer; font-size: 13px; line-height: 1; display: flex; align-items: center; justify-content: center; }
.acct-bal .ab-refresh:hover { background: rgba(84,169,255,.32); color: #fff; }
@media (max-width: 720px) {
  html, body { overflow-x: hidden; }
  .account-switcher { display: none !important; }
}

/* =========================================================
   视频文案面板 · 高级版
   ========================================================= */
.vt-slot {
  position: relative;
  background: linear-gradient(165deg, rgba(23,31,54,.9), rgba(11,16,32,.95));
  border: 1px solid rgba(84,169,255,.25);
  border-radius: 18px; padding: 18px 20px;
  box-shadow: 0 8px 26px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.04);
  transition: border-color .25s, box-shadow .25s, transform .25s;
}
.vt-slot:hover { border-color: rgba(84,169,255,.5); box-shadow: 0 12px 34px rgba(0,0,0,.4), 0 0 24px rgba(84,169,255,.14); transform: translateY(-1px); }
.vt-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.vt-num {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 30px; height: 30px; padding: 0 10px;
  background: linear-gradient(135deg, #54A9FF, #40B4F3);
  border-radius: 9px; font-size: 14px; font-weight: 800; color: #fff;
  box-shadow: 0 0 12px rgba(139,92,246,.45);
}
.vt-head-right { display: flex; align-items: center; gap: 10px; }
.vt-platform {
  font-size: 12px; font-weight: 700; color: #a5f3fc;
  background: rgba(64,180,243,.12); border: 1px solid rgba(64,180,243,.4);
  padding: 3px 10px; border-radius: 999px;
}
.vt-status {
  font-size: 12px; font-weight: 700; padding: 4px 12px; border-radius: 999px;
}
.vt-status.idle { background: rgba(148,163,184,.12); color: #94a3b8; }
.vt-status.downloading { background: rgba(64,180,243,.12); color: #67e8f9; animation: vtPulse 1.2s ease-in-out infinite; }
.vt-status.running { background: rgba(49,102,238,.12); color: #4e89f4; animation: vtPulse 1.2s ease-in-out infinite; }
.vt-status.success { background: rgba(52,211,153,.12); color: #6ee7b7; }
.vt-status.failed { background: rgba(248,113,113,.12); color: #fca5a5; }
@keyframes vtPulse { 0%,100% { opacity: 1; } 50% { opacity: .6; } }

.vt-input-wrap {
  position: relative; display: flex; align-items: center;
}
.vt-input-icon { position: absolute; left: 14px; font-size: 15px; opacity: .8; pointer-events: none; }
.vt-url {
  width: 100%; padding: 12px 14px 12px 42px; font-size: 14px;
  background: rgba(11,16,32,.6); color: var(--text);
  border: 1px solid rgba(42,55,87,.9); border-radius: 12px; outline: none;
  transition: border-color .2s, box-shadow .2s;
}
.vt-url:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(84,169,255,.18), 0 0 18px rgba(84,169,255,.12); }
.vt-url.vt-invalid { border-color: #f87171 !important; box-shadow: 0 0 0 3px rgba(248,113,113,.15) !important; }

.vt-actions { display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.vt-actions button {
  display: inline-flex; align-items: center; gap: 7px;
  border: none; border-radius: 10px; padding: 10px 18px;
  font-size: 14px; font-weight: 700; cursor: pointer;
  transition: transform .15s, box-shadow .15s, filter .15s;
}
.vt-fetch {
  background: linear-gradient(135deg, #54A9FF, #40B4F3); color: #fff;
  box-shadow: 0 4px 16px rgba(84,169,255,.35);
}
.vt-fetch:hover { filter: brightness(1.12); transform: translateY(-1px); }
.vt-fetch.busy { opacity: .6; cursor: wait; }
.vt-transcribe, .vt-copy {
  background: rgba(84,169,255,.12); color: #c7d2fe;
  border: 1px solid rgba(84,169,255,.4) !important;
}
.vt-transcribe:hover, .vt-copy:hover { background: rgba(84,169,255,.24); transform: translateY(-1px); }
.vt-btn-ico { font-size: 15px; }

.vt-progress { display: flex; align-items: center; gap: 12px; margin-top: 12px; color: var(--muted); font-size: 13px; }
.vt-bar {
  flex: 1; height: 6px; border-radius: 6px; overflow: hidden;
  background: rgba(42,55,87,.7);
}
.vt-bar i {
  display: block; height: 100%; width: 6%; border-radius: 6px;
  background: linear-gradient(90deg, #54A9FF, #40B4F3, #40B4F3);
  background-size: 200% 100%;
  animation: vtBarMove 1.4s linear infinite, vtBarGrow 1.4s ease-in-out infinite alternate;
}
@keyframes vtBarMove { to { background-position: -200% 0; } }
@keyframes vtBarGrow { from { width: 8%; } to { width: 92%; } }

.vt-video { margin-top: 12px; }
.vt-video video {
  width: 100%; max-height: 400px; border-radius: 14px; background: #000;
  border: 1px solid rgba(84,169,255,.3);
  box-shadow: 0 12px 34px rgba(0,0,0,.45);
}
.vt-meta { margin-top: 8px; font-size: 13px; color: var(--muted); line-height: 1.5; word-break: break-all; }
.vt-text { margin-top: 12px; }
.vt-text textarea {
  width: 100%; box-sizing: border-box; min-height: 140px; padding: 14px;
  font-size: 13px; line-height: 1.75; color: var(--text);
  background: rgba(11,16,32,.55); border: 1px solid rgba(42,55,87,.9); border-radius: 12px;
  resize: vertical;
}
.vt-error {
  margin-top: 12px; padding: 12px 14px; font-size: 13px; line-height: 1.6;
  color: #fca5a5; background: rgba(248,113,113,.08);
  border: 1px solid rgba(248,113,113,.3); border-radius: 12px;
  word-break: break-all;
}

/* 视频文案顶部工具栏 */
.vt-toolbar {
  display: flex; gap: 26px; flex-wrap: wrap; align-items: flex-end;
  margin-bottom: 20px; padding: 18px 20px;
  background: linear-gradient(165deg, rgba(23,31,54,.6), rgba(11,16,32,.5));
  border: 1px solid rgba(84,169,255,.2); border-radius: 16px;
}
.vt-tool-item { min-width: 240px; }
.vt-tool-item .field-label { margin-top: 0; }
.vt-platforms { flex: 1; min-width: 300px; }
.vt-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.vt-chip {
  font-size: 12px; font-weight: 700; color: #c7d2fe;
  background: rgba(84,169,255,.14); border: 1px solid rgba(84,169,255,.35);
  padding: 4px 12px; border-radius: 999px;
}
.vt-chip:hover { background: rgba(84,169,255,.26); box-shadow: 0 0 10px rgba(84,169,255,.3); }

/* =========================================================
   批量界面 · 高级版（声音克隆 / 数字人 / 慢速 通用）
   ========================================================= */
.batch-toggle-label {
  padding: 11px 18px; border-radius: 12px;
  background: linear-gradient(135deg, rgba(84,169,255,.16), rgba(64,180,243,.12));
  border: 1px solid rgba(84,169,255,.4);
  box-shadow: 0 4px 16px rgba(84,169,255,.15);
  font-size: 15px;
}
.batch-toggle-label input { width: 18px; height: 18px; }
.batch-config { padding: 0 2px; }
.batch-config input[type=number] {
  width: 80px; padding: 8px 10px; border-radius: 10px;
  background: rgba(11,16,32,.7); border: 1px solid rgba(84,169,255,.4); color: #fff;
}
.batch-config input[type=number]:focus { border-color: #54A9FF; box-shadow: 0 0 0 3px rgba(84,169,255,.16); }
.batch-config .hint { font-size: 12px; }

.batch-slot {
  background: linear-gradient(165deg, rgba(23,31,54,.92), rgba(11,16,32,.96));
  border: 1px solid rgba(84,169,255,.25);
  border-radius: 16px; padding: 16px 18px;
  box-shadow: 0 8px 26px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);
  transition: border-color .25s, box-shadow .25s, transform .25s;
}
.batch-slot:hover { border-color: rgba(84,169,255,.5); box-shadow: 0 12px 34px rgba(0,0,0,.4), 0 0 22px rgba(84,169,255,.14); transform: translateY(-1px); }
.batch-slot-head { margin-bottom: 12px; }
.slot-num {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 30px; height: 30px; padding: 0 10px;
  background: linear-gradient(135deg, #54A9FF, #40B4F3);
  border-radius: 9px; font-size: 14px; font-weight: 800; color: #fff;
  box-shadow: 0 0 12px rgba(139,92,246,.45);
}
.batch-slot .field-label { margin: 12px 0 6px; color: #8FAED6; font-size: 13px; }
.batch-slot textarea.slot-field, .batch-slot .slot-text {
  width: 100%; border-radius: 10px; padding: 10px 12px;
  background: rgba(11,16,32,.6); border: 1px solid rgba(42,55,87,.9);
  color: var(--text); font-size: 13px; line-height: 1.6; resize: vertical;
}
.batch-slot textarea.slot-field:focus { border-color: #54A9FF; box-shadow: 0 0 0 3px rgba(84,169,255,.16); }

/* 文件选择框（自定义） */
.slot-file-pick {
  display: flex; align-items: center; gap: 10px;
  margin-top: 4px; padding: 12px 14px;
  background: rgba(11,16,32,.55);
  border: 1.5px dashed rgba(84,169,255,.45); border-radius: 12px;
  cursor: pointer; transition: border-color .2s, background .2s, box-shadow .2s;
}
.slot-file-pick:hover { border-color: #54A9FF; background: rgba(84,169,255,.08); box-shadow: 0 0 16px rgba(84,169,255,.14); }
.slot-file-pick input[type=file] { display: none; }
.sfp-icon { font-size: 20px; }
.sfp-text { font-size: 13px; font-weight: 700; color: #c7d2fe; }
.sfp-name { margin-left: auto; font-style: normal; font-size: 12px; color: var(--muted); max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sfp-name.has { color: #6ee7b7; }

/* 复选框（用上方音色） */
.slot-check-wrap {
  display: flex; align-items: center; gap: 10px;
  margin-top: 4px; padding: 11px 14px; cursor: pointer;
  background: rgba(84,169,255,.08); border: 1px solid rgba(84,169,255,.3);
  border-radius: 12px; font-size: 13px; color: #c7d2fe; transition: .2s;
}
.slot-check-wrap:hover { background: rgba(84,169,255,.16); border-color: rgba(84,169,255,.5); }
.slot-check-wrap input { display: none; }
.slot-check-box {
  width: 20px; height: 20px; border-radius: 6px; flex-shrink: 0;
  background: rgba(11,16,32,.7); border: 2px solid rgba(84,169,255,.5);
  position: relative; transition: .2s;
}
.slot-check-wrap input:checked + .slot-check-box {
  background: linear-gradient(135deg, #54A9FF, #40B4F3); border-color: transparent;
}
.slot-check-wrap input:checked + .slot-check-box::after {
  content: "✓"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: 13px; font-weight: 800;
}
.slot-check-wrap input:checked ~ * { color: #6ee7b7; }

/* 状态徽章 */
.slot-status {
  display: inline-flex; align-items: center; gap: 6px;
  margin-top: 12px; padding: 4px 12px; border-radius: 999px;
  font-size: 12px; font-weight: 700;
}
.slot-status.idle { background: rgba(148,163,184,.12); color: #94a3b8; }
.slot-status.running { background: rgba(49,102,238,.14); color: #4e89f4; animation: vtPulse 1.2s ease-in-out infinite; }
.slot-status.success { background: rgba(52,211,153,.14); color: #6ee7b7; }
.slot-status.failed { background: rgba(248,113,113,.14); color: #fca5a5; }
.slot-status.skip { background: rgba(148,163,184,.12); color: #94a3b8; }

/* 批量重试按钮 */
.slot-retry {
  margin-top: 10px; padding: 7px 16px; border-radius: 10px;
  background: rgba(84,169,255,.18); color: #fff;
  border: 1px solid rgba(84,169,255,.5); cursor: pointer; font-size: 13px; font-weight: 700;
  transition: .2s;
}
.slot-retry:hover { background: rgba(84,169,255,.32); box-shadow: 0 0 14px rgba(84,169,255,.3); }

/* =========================================================
   陪伴小宠物
   ========================================================= */
.pet-wrap {
  position: fixed; left: 24px; bottom: 24px; z-index: 95;
  display: flex; flex-direction: column; align-items: center;
  user-select: none;
  transition: opacity .3s, transform .3s;
}
.pet-wrap.off { opacity: 0; pointer-events: none; transform: scale(.6); }
.pet {
  width: 84px; height: 84px; cursor: grab; position: relative;
  display: flex; align-items: center; justify-content: center;
  background: radial-gradient(circle at 35% 30%, rgba(84,169,255,.35), rgba(64,180,243,.2), transparent 70%);
  border-radius: 50%;
  transition: transform .2s;
}
.pet:active { cursor: grabbing; }
.pet:hover { transform: scale(1.08); }
.pet-emoji { font-size: 58px; line-height: 1; filter: drop-shadow(0 6px 14px rgba(139,92,246,.45)); }
.pet-zzz { position: absolute; top: 2px; right: 4px; font-size: 22px; opacity: 0; transition: opacity .4s; }

/* 状态动画 */
.pet.idle { animation: petFloat 3s ease-in-out infinite; }
@keyframes petFloat { 0%,100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-8px) rotate(-3deg); } }
.pet.sleep { animation: petSleep 2.4s ease-in-out infinite; }
@keyframes petSleep { 0%,100% { transform: translateY(0) scale(1); } 50% { transform: translateY(3px) scale(.96); } }
.pet.sleep .pet-zzz { opacity: 1; animation: zzzFloat 1.4s ease-in-out infinite; }
@keyframes zzzFloat { 0% { transform: translate(0,0); opacity: 0; } 40% { opacity: 1; } 100% { transform: translate(8px,-14px); opacity: 0; } }
.pet.happy { animation: petHappy .7s ease; }
@keyframes petHappy { 0% { transform: scale(1); } 40% { transform: scale(1.25) translateY(-14px); } 100% { transform: scale(1); } }

/* 气泡 */
.pet-bubble {
  position: absolute; bottom: 96px; left: 50%; transform: translateX(-50%);
  min-width: 180px; max-width: 280px; padding: 12px 16px;
  background: rgba(23,31,54,.95); color: #e7ecf7;
  border: 1px solid rgba(84,169,255,.45); border-radius: 14px;
  font-size: 13px; line-height: 1.5; text-align: center;
  box-shadow: 0 12px 30px rgba(0,0,0,.4), 0 0 18px rgba(84,169,255,.15);
  backdrop-filter: blur(8px);
}
.pet-bubble::after {
  content: ""; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%) rotate(45deg);
  width: 14px; height: 14px; background: rgba(23,31,54,.95);
  border-right: 1px solid rgba(84,169,255,.45); border-bottom: 1px solid rgba(84,169,255,.45);
}
.pet-bubble.pop { animation: bubblePop .35s cubic-bezier(.34,1.56,.64,1); }
@keyframes bubblePop { from { opacity: 0; transform: translateX(-50%) translateY(8px) scale(.9); } to { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); } }

/* 换宠物菜单 */
.pet-gear, .pet-hide {
  position: absolute; border: none; cursor: pointer; z-index: 2;
  width: 26px; height: 26px; border-radius: 50%;
  background: rgba(84,169,255,.25); color: #fff; font-size: 13px;
  border: 1px solid rgba(84,169,255,.4);
  transition: background .2s, transform .2s;
}
.pet-gear:hover, .pet-hide:hover { background: rgba(84,169,255,.5); transform: scale(1.1); }
.pet-gear { right: -10px; top: 6px; }
.pet-hide { right: -10px; bottom: 6px; }
.pet-menu {
  position: absolute; bottom: 96px; left: 50%; transform: translateX(-50%);
  display: flex; flex-wrap: wrap; gap: 4px; width: 168px;
  background: rgba(17,24,43,.95); border: 1px solid rgba(84,169,255,.4);
  border-radius: 14px; padding: 8px; z-index: 3;
  box-shadow: 0 14px 34px rgba(0,0,0,.5);
}
.pet-opt {
  width: 34px; height: 34px; font-size: 20px; border: none; border-radius: 8px;
  background: rgba(11,16,32,.6); cursor: pointer; transition: .15s;
}
.pet-opt:hover { background: rgba(84,169,255,.3); transform: scale(1.1); }

/* 生成成功：屏幕振动（抽象炸裂效果配套） */
.fx-shake { animation: fxShake .6s cubic-bezier(.36,.07,.19,.97); }
@keyframes fxShake {
  0%, 100% { transform: translate(0, 0); }
  10% { transform: translate(-6px, 2px); }
  20% { transform: translate(7px, -3px); }
  30% { transform: translate(-5px, 3px); }
  40% { transform: translate(5px, -2px); }
  50% { transform: translate(-4px, 2px); }
  60% { transform: translate(4px, -2px); }
  70% { transform: translate(-3px, 1px); }
  80% { transform: translate(3px, -1px); }
  90% { transform: translate(-2px, 1px); }
}

/* 宠物动作动画 */
.pet.walk { animation: petWalk 1s ease-in-out infinite; }
@keyframes petWalk {
  0% { transform: translateX(-10px) rotate(-5deg); }
  25% { transform: translateX(0) rotate(2deg); }
  50% { transform: translateX(10px) rotate(5deg); }
  75% { transform: translateX(0) rotate(-2deg); }
  100% { transform: translateX(-10px) rotate(-5deg); }
}
.pet.jump { animation: petJump .5s ease-in-out infinite; }
@keyframes petJump {
  0%, 100% { transform: translateY(0) scale(1); }
  40% { transform: translateY(-20px) scale(1.08, .92); }
  60% { transform: translateY(-14px) scale(.94, 1.06); }
}
.pet.spin { animation: petSpin .85s ease-in-out infinite; }
@keyframes petSpin { from { transform: rotate(0); } to { transform: rotate(360deg); } }
.pet.wave { animation: petWave 1.1s ease-in-out infinite; }
@keyframes petWave {
  0%, 100% { transform: rotate(0) scale(1); }
  25% { transform: rotate(-16deg) scale(1.08); }
  75% { transform: rotate(16deg) scale(1.08); }
}

/* =========================================================
   炫酷开场动画
   ========================================================= */
.intro {
  position: fixed; inset: 0; z-index: 999;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px;
  background: #0b1020;
  transition: opacity .55s ease, visibility .55s;
}
.intro.out { opacity: 0; visibility: hidden; }
.intro-bg {
  position: absolute; inset: 0;
  background:
    radial-gradient(700px 460px at 50% 38%, rgba(84,169,255,.35), transparent 70%),
    radial-gradient(520px 340px at 50% 60%, rgba(64,180,243,.22), transparent 70%),
    radial-gradient(300px 200px at 30% 30%, rgba(64,180,243,.15), transparent 70%);
  animation: introBgPulse 2s ease-in-out infinite;
}
@keyframes introBgPulse { 0%,100% { opacity: .8; } 50% { opacity: 1; } }
.intro-logo {
  position: relative; width: 112px; height: 112px; border-radius: 28px;
  display: flex; align-items: center; justify-content: center;
  font-size: 58px; font-weight: 900; color: #fff;
  background: linear-gradient(135deg, #54A9FF, #40B4F3, #40B4F3);
  background-size: 200% 200%;
  animation: introLogo 1s cubic-bezier(.34,1.56,.64,1) forwards, logoShine 2.4s ease-in-out infinite;
  box-shadow: 0 0 60px rgba(139,92,246,.75), 0 0 140px rgba(84,169,255,.4);
}
@keyframes introLogo {
  0% { transform: scale(0) rotate(-35deg); opacity: 0; }
  60% { transform: scale(1.18) rotate(8deg); opacity: 1; }
  100% { transform: scale(1) rotate(0); }
}
@keyframes logoShine { 0%,100% { background-position: 0% 0; } 50% { background-position: 100% 100%; } }
.intro-title {
  position: relative; font-size: 46px; font-weight: 900; letter-spacing: 2px;
  background: linear-gradient(90deg, #8FAED6, #e9d5ff, #67e8f9, #8FAED6);
  background-size: 300% 100%;
  -webkit-background-clip: text; background-clip: text; color: transparent;
  opacity: 0; animation: introText .7s .25s cubic-bezier(.22,.9,.3,1) forwards;
}
@keyframes introText { from { opacity: 0; transform: translateY(16px); filter: blur(8px); } to { opacity: 1; transform: none; filter: blur(0); } }
.intro-slogan {
  position: relative; font-size: 30px; font-weight: 700; color: #e7ecf7;
  opacity: 0; animation: introText .7s .55s cubic-bezier(.22,.9,.3,1) forwards;
  text-shadow: 0 0 24px rgba(84,169,255,.6);
}
.intro-tags {
  position: relative; font-size: 16px; color: #9AA1AD; letter-spacing: 1px;
  opacity: 0; animation: introText .7s .8s cubic-bezier(.22,.9,.3,1) forwards;
}
.intro-ring {
  position: absolute; left: 50%; top: 38%; width: 120px; height: 120px; margin: -60px 0 0 -60px;
  border-radius: 50%; border: 2px solid rgba(139,92,246,.6);
  animation: ringExpand 1.4s ease-out infinite;
  pointer-events: none;
}
.intro-ring.r2 { animation-delay: .35s; border-color: rgba(64,180,243,.5); }
.intro-ring.r3 { animation-delay: .7s; border-color: rgba(244,114,182,.45); }
@keyframes ringExpand {
  0% { transform: scale(.4); opacity: 1; }
  100% { transform: scale(3.2); opacity: 0; }
}

/* =========================================================
   洗图案例展示
   ========================================================= */
.wash-case {
  margin-bottom: 22px; padding: 16px 18px;
  background: linear-gradient(165deg, rgba(23,31,54,.6), rgba(11,16,32,.5));
  border: 1px solid rgba(84,169,255,.2); border-radius: 16px;
}
.wash-case-title { font-size: 14px; font-weight: 700; color: #c7d2fe; margin-bottom: 12px; }
.wash-case-imgs { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.wc-item { text-align: center; }
.wc-item img {
  width: 220px; border-radius: 12px; border: 2px solid rgba(42,55,87,.8);
  box-shadow: 0 8px 22px rgba(0,0,0,.3);
}
.wc-item em { display: block; font-style: normal; font-size: 13px; color: var(--muted); margin-top: 6px; }
.wc-arrow { font-size: 34px; color: #40B4F3; font-weight: 900; }
@media (max-width: 720px) { .wc-item img { width: 150px; } }

/* 案例视频（模仿跳舞等） */
.wc-item video {
  width: 240px; border-radius: 12px; border: 2px solid rgba(42,55,87,.8);
  box-shadow: 0 8px 22px rgba(0,0,0,.3); background: #000;
}
@media (max-width: 720px) { .wc-item video { width: 150px; } }

/* =========================================================
   点击放大预览（Lightbox）
   ========================================================= */
.lightbox {
  position: fixed; inset: 0; z-index: 500;
  display: flex; align-items: center; justify-content: center;
  background: rgba(8, 11, 22, .92);
  backdrop-filter: blur(6px);
  opacity: 0; visibility: hidden; transition: opacity .25s, visibility .25s;
}
.lightbox.show { opacity: 1; visibility: visible; }
.lightbox-close {
  position: absolute; top: 18px; right: 22px; width: 44px; height: 44px;
  border-radius: 50%; border: 1px solid rgba(255,255,255,.3);
  background: rgba(255,255,255,.1); color: #fff; font-size: 18px; cursor: pointer; z-index: 2;
  transition: background .2s, transform .2s;
}
.lightbox-close:hover { background: rgba(255,255,255,.25); transform: scale(1.08); }
.lightbox-content { display: flex; align-items: center; justify-content: center; max-width: 94vw; max-height: 92vh; }

.media-zoom-wrap { position: relative; }
.zoom-fab {
  position: absolute; top: 8px; right: 8px; width: 34px; height: 34px;
  border-radius: 50%; border: 1px solid rgba(255,255,255,.3);
  background: rgba(10, 14, 26, .75); color: #fff; font-size: 15px; cursor: pointer; z-index: 5;
  box-shadow: 0 2px 10px rgba(0,0,0,.45);
  opacity: 0; transform: scale(.8); transition: opacity .2s, transform .2s;
}
.media-zoom-wrap:hover .zoom-fab { opacity: 1; transform: scale(1); }
.zoom-fab:hover { background: rgba(84,169,255,.85); }

/* =========================================================
   移除背景动画层（粒子/流星/光束/点阵/光标光晕）
   恢复之前干净稳定的页面，避免闪屏
   ========================================================= */
#bg-canvas, .dot-grid, .beams, .meteors, #cursorGlow { display: none !important; }
body { background: #0b1020; }

/* 上传进度条（顶部细条） */
.upload-progress {
  position: fixed; top: 0; left: 0; right: 0; z-index: 260;
  display: flex; align-items: center; gap: 12px;
  padding: 8px 18px; font-size: 13px; color: #c7d2fe;
  background: rgba(17,24,43,.92); border-bottom: 1px solid rgba(84,169,255,.3);
  backdrop-filter: blur(8px);
  animation: fadeIn .2s;
}
.upload-progress i {
  flex: 1; height: 5px; border-radius: 5px; overflow: hidden;
  background: rgba(42,55,87,.8); position: relative;
}
.upload-progress i::after {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 0%;
  background: linear-gradient(90deg, #54A9FF, #40B4F3, #40B4F3);
  border-radius: 5px; transition: width .15s;
  box-shadow: 0 0 10px rgba(84,169,255,.6);
}
.upload-progress.done { opacity: 0; transition: opacity .4s; }

/* 预计耗时标注 */
.time-hint {
  margin-top: 10px; font-size: 13px; font-weight: 600;
  color: #93c5fd;
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 14px; border-radius: 999px;
  background: rgba(59,130,246,.12); border: 1px solid rgba(59,130,246,.3);
}
.time-hint.slow {
  color: #7caaf5;
  background: rgba(36,121,235,.12); border: 1px solid rgba(36,121,235,.4);
  animation: timePulse 2s ease-in-out infinite;
}
@keyframes timePulse { 0%,100% { opacity: 1; } 50% { opacity: .7; } }

/* 生成前扣费确认弹窗 */
.charge-modal {
  position: fixed; inset: 0; z-index: 480;
  display: flex; align-items: center; justify-content: center;
  background: rgba(8,11,22,.75); backdrop-filter: blur(6px);
  animation: fadeIn .2s;
}
.charge-box {
  width: 440px; max-width: 92vw; padding: 26px;
  background: linear-gradient(165deg, rgba(30,41,66,.97), rgba(17,24,43,.98));
  border: 1px solid rgba(84,169,255,.45); border-radius: 18px;
  box-shadow: 0 20px 60px rgba(0,0,0,.6), 0 0 40px rgba(84,169,255,.15);
}
.charge-title { font-size: 20px; font-weight: 800; color: #fff; margin-bottom: 14px; }
.charge-info { font-size: 15px; color: #e7ecf7; margin-bottom: 20px; line-height: 1.6; }
.charge-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.charge-actions button {
  border: none; border-radius: 10px; padding: 11px 18px;
  font-size: 14px; font-weight: 700; cursor: pointer; transition: .2s;
}
.cc-ok { background: linear-gradient(135deg,#54A9FF,#40B4F3); color: #fff; flex: 1; }
.cc-ok:hover { filter: brightness(1.12); }
.cc-switch { background: rgba(84,169,255,.15); color: #c7d2fe; border: 1px solid rgba(84,169,255,.4) !important; }
.cc-switch:hover { background: rgba(84,169,255,.3); }
.cc-cancel { background: rgba(148,163,184,.1); color: #94a3b8; border: 1px solid rgba(148,163,184,.25) !important; }
.cc-cancel:hover { background: rgba(148,163,184,.2); }

/* 记录页（calm）：去除卡片装饰特效，完全静态 */
body.calm .card::before, body.calm .card::after { display: none !important; }
body.calm .card {
  background: #171f36;
  border: 1px solid rgba(42,55,87,.8);
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
  transition: none;
}
body.calm .card:hover {
  transform: none;
  border-color: rgba(42,55,87,.8);
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
}
body.calm .record-card, body.calm .record-card:hover {
  transform: none;
  border-color: rgba(42,55,87,.8);
  box-shadow: none;
}
body.calm .badge.running::before { display: none; }
body.calm .record-title, body.calm .record-desc, body.calm .record-meta { animation: none !important; }

/* 任务运行进度条 */
.task-progress {
  width: 100%; max-width: 420px; display: flex; align-items: center; gap: 12px;
}
.task-progress i {
  flex: 1; height: 7px; border-radius: 7px; overflow: hidden; background: rgba(42,55,87,.8); position: relative;
}
.task-progress i::after {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 0%;
  background: linear-gradient(90deg, #54A9FF, #40B4F3, #40B4F3);
  border-radius: 7px; transition: width .4s;
  box-shadow: 0 0 10px rgba(84,169,255,.6);
}
.task-progress span { font-size: 13px; font-weight: 700; color: #93c5fd; min-width: 42px; text-align: right; }

/* ===== 开场动画（Splash） ===== */
#splash {
  position: fixed; inset: 0; z-index: 999;
  display: flex; align-items: center; justify-content: center;
  background: radial-gradient(1200px 800px at 50% 30%, #1a2140, #0b1020 72%);
  overflow: hidden;
  transition: opacity .5s ease, visibility .5s;
}
#splash.hide { opacity: 0; visibility: hidden; pointer-events: none; }
.splash-bg {
  position: absolute; inset: 0;
  background:
    radial-gradient(circle at 20% 20%, rgba(84,169,255,.28), transparent 42%),
    radial-gradient(circle at 80% 70%, rgba(64,180,243,.28), transparent 42%),
    radial-gradient(circle at 60% 8%, rgba(64,180,243,.16), transparent 40%);
  animation: splashBg 6s ease-in-out infinite alternate;
}
@keyframes splashBg { from { transform: scale(1); } to { transform: scale(1.15); } }
.splash-core { text-align: center; position: relative; z-index: 1; }
.splash-logo {
  width: 94px; height: 94px; margin: 0 auto 20px; border-radius: 24px;
  display: flex; align-items: center; justify-content: center;
  font-size: 50px; font-weight: 800; color: #fff;
  background: linear-gradient(135deg,#54A9FF,#40B4F3);
  box-shadow: 0 0 70px rgba(84,169,255,.65);
  animation: splashLogo .85s cubic-bezier(.34,1.56,.64,1) both;
}
@keyframes splashLogo {
  from { opacity: 0; transform: scale(.45) rotate(-14deg); }
  to { opacity: 1; transform: scale(1) rotate(0); }
}
.splash-title {
  font-size: 30px; font-weight: 800; color: #fff; letter-spacing: 3px;
  animation: splashUp .8s .12s cubic-bezier(.22,.9,.3,1) both;
}
.splash-sub {
  margin-top: 9px; font-size: 14px; color: #8FAED6; letter-spacing: 2px;
  animation: splashUp .8s .22s both;
}
@keyframes splashUp { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
.splash-loading { display: flex; gap: 9px; justify-content: center; margin-top: 30px; }
.splash-loading span {
  width: 11px; height: 11px; border-radius: 50%;
  background: linear-gradient(135deg,#6CB5FF,#40B4F3);
  animation: splashDot 1s ease-in-out infinite;
}
.splash-loading span:nth-child(2) { animation-delay: .15s; }
.splash-loading span:nth-child(3) { animation-delay: .3s; }
@keyframes splashDot { 0%,100% { transform: translateY(0); opacity: .45; } 50% { transform: translateY(-9px); opacity: 1; } }
.splash-tip { margin-top: 16px; font-size: 14px; color: #8FAED6; letter-spacing: 2px; animation: splashUp .8s .2s both; }
/* 文生图批量网格 */
.img-batch-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px; width: 100%; }
#ttiResult.batch-active { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px; align-items: start; }
.img-batch-slot {
  background: rgba(11,16,32,.6); border: 1px solid var(--border); border-radius: 12px;
  min-height: 160px; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 8px; padding: 10px; position: relative; overflow: hidden;
}
.img-batch-slot .img-batch-img { width: 100%; height: auto; border-radius: 8px; display: block; box-shadow: 0 8px 24px rgba(0,0,0,.4); }
.img-batch-status { font-size: 12px; color: var(--muted); text-align: center; word-break: break-all; }
/* ===== 高级版视觉升级（参考现代 SaaS 设计语言） ===== */
body {
  background:
    radial-gradient(1200px 700px at 15% -10%, rgba(84,169,255,.16), transparent 55%),
    radial-gradient(1000px 600px at 100% 0%, rgba(64,180,243,.13), transparent 50%),
    radial-gradient(900px 700px at 50% 120%, rgba(64,180,243,.11), transparent 55%),
    #0b1020;
  background-attachment: fixed;
}
.topbar {
  background: rgba(9,13,26,.72);
  backdrop-filter: blur(22px) saturate(1.5);
  -webkit-backdrop-filter: blur(22px) saturate(1.5);
  border-bottom: 1px solid rgba(255,255,255,.07);
  box-shadow: 0 12px 44px rgba(0,0,0,.38);
}
.logo {
  width: 40px; height: 40px; border-radius: 12px;
  box-shadow: 0 0 24px rgba(84,169,255,.6), inset 0 1px 0 rgba(255,255,255,.35);
}
.brand h1 { font-size: 19px; letter-spacing: .5px; }
.tabs { padding: 14px 28px 10px; }
.tab-btn { border-radius: 12px; padding: 10px 18px; }
.tab-btn.active {
  background: linear-gradient(135deg, rgba(84,169,255,.26), rgba(64,180,243,.2));
  border-color: rgba(84,169,255,.45);
  box-shadow: 0 6px 24px rgba(84,169,255,.32), inset 0 1px 0 rgba(255,255,255,.1);
}
.card {
  border: 1px solid rgba(255,255,255,.075);
  background: linear-gradient(170deg, rgba(28,36,62,.92), rgba(14,20,38,.96));
  box-shadow: 0 18px 54px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06);
}
.card:hover { border-color: rgba(84,169,255,.45); box-shadow: 0 24px 64px rgba(0,0,0,.5), 0 0 34px rgba(84,169,255,.12), inset 0 1px 0 rgba(255,255,255,.08); }
.card::before { height: 1px; background: linear-gradient(90deg, transparent, rgba(165,180,252,.65), transparent); }
input[type=text], input[type=password], input[type=number], textarea, select {
  border-radius: 11px;
  background: rgba(13,19,38,.85);
  border: 1px solid rgba(249,249,249,0.6,.3);
}
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, textarea:focus, select:focus {
  border-color: rgba(84,169,255,.75);
  box-shadow: 0 0 0 3px rgba(84,169,255,.18);
}
.btn.primary {
  background: linear-gradient(135deg, #54A9FF, #8b5cf6 50%, #40B4F3);
  box-shadow: 0 8px 26px rgba(84,169,255,.42), inset 0 1px 0 rgba(255,255,255,.25);
}
.btn.primary:hover { box-shadow: 0 12px 36px rgba(84,169,255,.58), inset 0 1px 0 rgba(255,255,255,.3); transform: translateY(-1px); }
.dropzone { border-radius: 16px; background: rgba(19,26,46,.6); }
.result-box { border-radius: 16px; }
.field-label { letter-spacing: .3px; }
.hint { line-height: 1.7; }
/* 批量任务双列布局（减少冗长感） */
.batch-slots { display: grid !important; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 900px) { .batch-slots { grid-template-columns: 1fr; } }
.batch-slot { height: 100%; }
/* 批量结果：卡片网格 + 打包栏 */
#ttiResult.batch-active { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 14px; align-items: start; }
.img-batch-slot {
  background: linear-gradient(170deg, rgba(24,32,56,.92), rgba(12,18,36,.96));
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 14px; min-height: 180px;
  display: flex; align-items: center; justify-content: center;
  overflow: hidden; padding: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05);
  transition: border-color .2s, transform .2s, box-shadow .2s;
}
.img-batch-slot:hover { border-color: rgba(84,169,255,.55); transform: translateY(-2px); box-shadow: 0 16px 40px rgba(0,0,0,.45); }
.img-batch-slot .img-batch-img { width: 100%; height: auto; border-radius: 10px; display: block; }
.img-batch-bar {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin-bottom: 14px; padding: 12px 16px; border-radius: 12px;
  background: linear-gradient(135deg, rgba(52,211,153,.12), rgba(64,180,243,.06));
  border: 1px solid rgba(52,211,153,.32);
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
}
.img-batch-bar .img-batch-count { font-size: 14px; font-weight: 700; color: #6ee7b7; }
.img-batch-bar .btn { padding: 9px 18px; font-size: 13px; margin: 0; }
/* ===== 终极视觉强化（更精致的高级感） ===== */
.topbar { position: relative; }
.topbar::after {
  content: ""; position: absolute; bottom: -1px; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(84,169,255,.65), rgba(64,180,243,.5), transparent);
}
.brand h1 { background: none; background-size: auto; -webkit-background-clip: initial; background-clip: initial; -webkit-text-fill-color: initial; color: #F2F4F8; }
.card h2 { font-size: 18px; }
.btn.primary { position: relative; overflow: hidden; }
.btn.primary::after {
  content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.4), transparent);
  transform: skewX(-20deg); animation: btnShine 3.2s infinite;
}
@keyframes btnShine { 0% { left: -80%; } 60% { left: 130%; } 100% { left: 130%; } }
.result-box .placeholder { background: linear-gradient(135deg, rgba(84,169,255,.07), rgba(64,180,243,.04)); }
.field-label { font-size: 13px; }
/* =========================================================
   设计精修 v3：分组导航 + 移动端体验强化（现代 SaaS / GitHub 风格）
   ========================================================= */
.tabs { align-items: center; gap: 6px; }
.tab-group {
  font-size: 11px; font-weight: 700; letter-spacing: 1.2px;
  color: rgba(148,163,184,.72); text-transform: uppercase;
  margin: 0 2px 0 8px; padding: 3px 9px; border-radius: 7px;
  background: rgba(84,169,255,.09); border: 1px solid rgba(84,169,255,.16);
  white-space: nowrap; user-select: none; flex: none;
}
.tab-group:first-child { margin-left: 0; }
.tab-btn { font-size: 13.5px; padding: 8px 14px; border-radius: 10px; }
.tab-btn.active {
  background: linear-gradient(135deg, rgba(84,169,255,.28), rgba(64,180,243,.22));
  box-shadow: 0 6px 20px rgba(84,169,255,.28), inset 0 1px 0 rgba(255,255,255,.12);
}
.tab-btn.active::after { height: 2.5px; }

/* 顶栏状态胶囊精致化 */
.key-status {
  font-size: 12px; padding: 5px 12px; border-radius: 999px;
  background: rgba(49,102,238,.1); border: 1px solid rgba(49,102,238,.28);
  letter-spacing: .2px;
}

/* 次要文字层级提升 */
.hint { font-size: 12.5px; }
.field-label { font-size: 13px; }

/* 表单控件统一精致感 */
input[type=text], input[type=password], input[type=number], textarea, select {
  transition: border-color .18s, box-shadow .18s, background .18s;
}
select { cursor: pointer; }

/* ===== 移动端 / 窄屏强化 ===== */
@media (max-width: 900px) {
  .tabs { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 10px; }
  .tabs::-webkit-scrollbar { display: none; }
  .tab-btn, .tab-group { white-space: nowrap; flex: none; }
}

@media (max-width: 720px) {
  .topbar { padding: 10px 14px; }
  .brand { gap: 10px; }
  .logo { width: 34px; height: 34px; font-size: 16px; border-radius: 10px; }
  .brand h1 { font-size: 14px; }
  .brand p { font-size: 11px; line-height: 1.5; }
  main { padding: 14px 14px 64px; }
  .card { padding: 16px; border-radius: 14px; }
  .card h2 { font-size: 15px; }
  .grid-2 { gap: 14px; }
  .field-row { gap: 10px; }
  .btn.big { width: 100%; }
  .key-status { font-size: 11px; padding: 4px 10px; }
}

@media (max-width: 480px) {
  body { font-size: 14px; }
  .topbar { padding: 8px 12px; }
  .brand h1 { font-size: 13px; letter-spacing: 0; }
  .brand p { font-size: 10.5px; }
  .logo { width: 30px; height: 30px; font-size: 15px; border-radius: 9px; }
  .tabs { padding: 10px 12px 0; gap: 5px; }
  .tab-btn { padding: 7px 11px; font-size: 12.5px; border-radius: 9px; }
  main { padding: 12px 12px 60px; }
  .card { padding: 14px; border-radius: 12px; }
  .field-grow { min-width: 100%; }
  .dropzone .dz-inner { padding: 18px 10px; }
  .dz-icon { font-size: 26px; }
  .key-status { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .acct-bar { flex-wrap: wrap; gap: 6px; font-size: 12px; }
}

/* =========================================================
   手机端 UI v2：更精致的移动体验（iOS / Material 风格）
   ========================================================= */
@media (max-width: 720px) {
  /* 顶栏：吸顶 + 毛玻璃 */
  .topbar {
    position: sticky; top: 0; z-index: 40;
    background: rgba(11,15,30,.85);
    backdrop-filter: blur(18px) saturate(1.4);
    -webkit-backdrop-filter: blur(18px) saturate(1.4);
    border-bottom: 1px solid rgba(84,169,255,.22);
    box-shadow: 0 6px 24px rgba(0,0,0,.35);
  }
  /* 标签栏：吸顶横向滑动胶囊 */
  .tabs {
    position: sticky; top: 62px; z-index: 39;
    background: rgba(11,15,30,.85);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    margin: 0 -14px; padding: 10px 14px 12px;
    border-bottom: 1px solid rgba(255,255,255,.05);
  }
  .tab-btn {
    border-radius: 999px;
    padding: 9px 15px; font-size: 13px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.07);
  }
  .tab-btn.active {
    background: linear-gradient(135deg, #54A9FF, #8b5cf6 60%, #40B4F3);
    border-color: transparent; color: #fff;
    box-shadow: 0 6px 18px rgba(84,169,255,.45), inset 0 1px 0 rgba(255,255,255,.25);
  }
  .tab-btn.active::after { display: none; }
  .tab-group { background: rgba(84,169,255,.12); border-color: rgba(84,169,255,.22); color: #c4b5fd; }

  /* 卡片更圆润 */
  .card { border-radius: 20px; padding: 18px; border: 1px solid rgba(255,255,255,.08); }

  /* 触控友好的表单控件 */
  input[type=text], input[type=password], input[type=number], textarea, select {
    min-height: 46px; border-radius: 13px; font-size: 15px;
    -webkit-appearance: none; appearance: none;
  }
  textarea { min-height: 96px; }
  .field-label { font-size: 12.5px; margin-top: 14px; }
  .btn { min-height: 44px; border-radius: 13px; font-size: 14px; }
  .btn.big { min-height: 50px; font-size: 15px; border-radius: 14px; }

  /* 上传区 */
  .dropzone { border-radius: 18px; border-style: dashed; border-width: 1.5px; }
  .dropzone .dz-inner { padding: 26px 14px; }
  .dz-icon { font-size: 30px; }

  /* 结果图圆角 */
  .result-box { border-radius: 18px; }
  .result-box img, .result-box video { border-radius: 14px; }

  /* 批量卡片 */
  .batch-slot { border-radius: 16px; }
}

@media (max-width: 480px) {
  .brand p { display: none; }
  .tabs { top: 54px; }
  .card { padding: 14px; border-radius: 16px; }
  .card h2 { font-size: 14px; }
  .grid-2 { gap: 12px; }
  .btn.primary.big { box-shadow: 0 10px 28px rgba(84,169,255,.45); }
}
/* =========================================================
   账户切换器 v2：品牌「腾」风格统一（紫色渐变 + 白色图标）
   ========================================================= */
.as-trigger {
  border-color: rgba(84,169,255,.3);
  box-shadow: 0 4px 14px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06);
  border-radius: 13px;
}
.as-badge { border-radius: 10px; }
.as-dot { border-radius: 10px; }
.as-badge svg, .as-dot svg { display: block; }
/* 智能自动：品牌紫渐变 */
.as-badge-a, .as-dot-a {
  background: linear-gradient(135deg, #54A9FF, #8b5cf6 55%, #40B4F3);
  box-shadow: 0 0 12px rgba(139,92,246,.55), inset 0 1px 0 rgba(255,255,255,.28);
  font-size: 13px;
}
/* 主账户：蓝→紫 */
.as-badge-e, .as-dot-e {
  background: linear-gradient(135deg, #3b82f6, #54A9FF);
  box-shadow: 0 0 12px rgba(84,169,255,.5), inset 0 1px 0 rgba(255,255,255,.25);
}
/* 备用账户：紫→品红（与原橙色调统一为紫色系） */
.as-badge-c, .as-dot-c {
  background: linear-gradient(135deg, #40B4F3, #d946ef);
  box-shadow: 0 0 12px rgba(64,180,243,.5), inset 0 1px 0 rgba(255,255,255,.25);
}
/* 下拉菜单选项圆角统一 */
.as-opt { border-radius: 12px; }
.as-opt.selected { border-radius: 12px; }

/* 当前账户提示条：更精致 */
.acct-bar {
  margin: 12px 28px 0;
  padding: 9px 16px;
  background: linear-gradient(135deg, rgba(84,169,255,.14), rgba(64,180,243,.08));
  border: 1px solid rgba(84,169,255,.32);
  border-radius: 14px;
  box-shadow: 0 6px 22px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.acct-bar .acct-dot {
  width: 9px; height: 9px;
  background: linear-gradient(135deg, #6CB5FF, #7CC3FF);
  box-shadow: 0 0 10px rgba(139,92,246,.85);
}
@media (max-width: 720px) {
  .acct-bar { margin: 10px 14px 0; border-radius: 12px; }
}
/* =========================================================
   Logo v2：左上角品牌标识更精致（去掉摆动，玻璃高光质感）
   ========================================================= */
.topbar .logo {
  width: 40px; height: 40px; border-radius: 12px;
  position: relative; overflow: hidden;
  background: linear-gradient(145deg, #6CB5FF 0%, #54A9FF 45%, #40B4F3 100%);
  box-shadow: 0 4px 18px rgba(84,169,255,.45), inset 0 1px 0 rgba(255,255,255,.35), inset 0 -3px 8px rgba(0,0,0,.18);
  font-size: 20px; font-weight: 800; letter-spacing: 0;
  text-shadow: 0 1px 3px rgba(0,0,0,.3);
  animation: none; /* 去掉左右摆动 */
}
/* 顶部玻璃高光 */
.topbar .logo::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,.32) 0%, rgba(255,255,255,.06) 42%, transparent 60%);
}
/* 底部品牌名与 logo 对齐细节 */
.brand { gap: 12px; }
@media (max-width: 480px) {
  .topbar .logo { width: 34px; height: 34px; font-size: 17px; border-radius: 10px; }
}
/* Logo 调整为圆润正方形（贴近 App 图标 24% 圆角） */
.topbar .logo {
  border-radius: 25%;
}
/* Logo 改为长方形（横向胶囊造型） */
.topbar .logo {
  width: 52px; height: 30px; border-radius: 9px;
  font-size: 15px; font-weight: 800;
}
@media (max-width: 480px) {
  .topbar .logo { width: 46px; height: 26px; font-size: 13px; border-radius: 8px; }
}
/* Logo 长方形：防止被 flex 压缩 */
.topbar .logo { flex-shrink: 0; }
/* Logo 改为圆角正方形 */
.topbar .logo {
  width: 40px; height: 40px; border-radius: 25%;
  font-size: 20px; font-weight: 800; flex-shrink: 0;
}
@media (max-width: 480px) {
  .topbar .logo { width: 36px; height: 36px; font-size: 18px; }
}
/* =========================================================
   账户切换器 · 手机端精致版（清晰可点击、层次分明）
   ========================================================= */
@media (max-width: 720px) {
  .account-switcher { margin-left: 8px; }
  .as-trigger {
    min-width: 0;
    background: linear-gradient(165deg, rgba(84,169,255,.22), rgba(23,32,58,.92));
    border: 1px solid rgba(139,92,246,.55);
    box-shadow: 0 6px 22px rgba(84,169,255,.32), inset 0 1px 0 rgba(255,255,255,.12);
    border-radius: 14px;
    padding: 8px 12px 8px 8px;
    gap: 9px;
  }
  .as-name { font-size: 14px; }
  .as-sub { color: #8FAED6; font-size: 11.5px; margin-top: 1px; }
  .as-arrow {
    width: 22px; height: 22px; border-radius: 50%;
    background: rgba(84,169,255,.22);
    display: flex; align-items: center; justify-content: center;
    color: #c4b5fd; font-size: 11px;
    margin-left: 4px;
  }
}
/* =========================================================
   右上角协调化：移除顶部光带 + 账户切换器统一紫色 + 提示条精简
   ========================================================= */
/* 顶栏底部渐变光带：移除（不协调） */
.topbar::after { display: none !important; }

/* 账户徽章统一品牌紫（消除蓝紫混搭 / 贴纸感） */
.as-badge-e, .as-dot-e {
  background: linear-gradient(135deg, #54A9FF, #8b5cf6 60%, #40B4F3);
  box-shadow: 0 0 12px rgba(139,92,246,.4), inset 0 1px 0 rgba(255,255,255,.2);
}
.as-badge-c, .as-dot-c {
  background: linear-gradient(135deg, #8b5cf6, #d946ef);
  box-shadow: 0 0 12px rgba(64,180,243,.4), inset 0 1px 0 rgba(255,255,255,.2);
}

/* 副标题提亮（不再融入背景） */
.as-sub { color: #8FAED6; }

/* 触发按钮：更干净的紫色边框 + 内阴影，弱化外发光贴纸感 */
.as-trigger {
  border-color: rgba(139,92,246,.4);
  box-shadow: 0 4px 16px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.07);
}
.as-trigger:hover { border-color: rgba(139,92,246,.6); box-shadow: 0 6px 20px rgba(84,169,255,.25), inset 0 1px 0 rgba(255,255,255,.08); }

/* 箭头：贴近文字，去掉悬浮感 */
.as-arrow { margin-left: 6px; color: #8FAED6; }

/* 当前账户提示条：更干净协调 */
.acct-bar {
  background: rgba(84,169,255,.08);
  border: 1px solid rgba(84,169,255,.26);
  box-shadow: 0 4px 14px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04);
}
.acct-bar .acct-txt { display: inline-flex; align-items: center; gap: 5px; }
.acct-bar .acct-dot { background: #a78bfa; box-shadow: 0 0 10px rgba(167,139,250,.9); }
.acct-bar .acct-hint { color: #93a4c4; font-size: 11.5px; margin-left: 4px; }
/* =========================================================
   账户切换器 v3：单行胶囊（简洁协调，去掉两行信息过载）
   ========================================================= */
.as-trigger {
  min-width: 0;
  padding: 6px 12px 6px 6px;
  gap: 8px;
  border-radius: 999px;
}
.as-badge { width: 26px; height: 26px; border-radius: 8px; }
.as-name { font-size: 13px; font-weight: 700; color: #fff; white-space: nowrap; }
.as-arrow { margin-left: 2px; font-size: 11px; }
.as-sub { display: none; }
@media (max-width: 720px) {
  .as-trigger { padding: 6px 11px 6px 6px; gap: 7px; border-radius: 999px; }
  .as-name { font-size: 12.5px; }
  .as-badge { width: 24px; height: 24px; }
}
/* =========================================================
   手机端专属排版：功能宫格 + 底部导航（符合手机 App 习惯）
   ========================================================= */
.mobile-home { display: none; }
.mobile-tabbar { display: none; }
@media (max-width: 720px) {
  .mobile-layout .tabs { display: none; }
  .mobile-home { display: block; padding: 14px 14px 0; }
  .mobile-home.hidden { display: none; }
  .mh-head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 12px; padding: 0 2px; }
  .mh-title { font-size: 19px; font-weight: 800; color: #fff; letter-spacing: .3px; }
  .mh-sub { font-size: 12px; color: #93a4c4; }
  .mh-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  .mh-item {
    position: relative; display: flex; align-items: center; gap: 11px;
    padding: 15px 12px; border-radius: 17px;
    background: linear-gradient(165deg, rgba(30,41,66,.88), rgba(19,26,46,.92));
    border: 1px solid rgba(84,169,255,.26);
    box-shadow: 0 8px 22px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.06);
    text-align: left; color: #fff; cursor: pointer;
    transition: transform .15s, border-color .15s, box-shadow .15s;
  }
  .mh-item:active { transform: scale(.97); border-color: rgba(139,92,246,.65); box-shadow: 0 4px 14px rgba(84,169,255,.3); }
  .mh-ico {
    width: 42px; height: 42px; border-radius: 13px; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center; font-size: 21px;
    background: linear-gradient(135deg, rgba(84,169,255,.28), rgba(64,180,243,.18));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
  }
  .mh-name { font-size: 14px; font-weight: 700; line-height: 1.3; flex: 1; }
  .mh-go { color: #8FAED6; font-size: 18px; font-weight: 700; }
  .mobile-tabbar {
    display: flex; position: fixed; bottom: 0; left: 0; right: 0; z-index: 60;
    padding: 8px 12px calc(10px + env(safe-area-inset-bottom));
    background: rgba(11,15,30,.92);
    backdrop-filter: blur(20px) saturate(1.4);
    -webkit-backdrop-filter: blur(20px) saturate(1.4);
    border-top: 1px solid rgba(84,169,255,.28);
    box-shadow: 0 -8px 30px rgba(0,0,0,.35);
  }
  .mt-btn {
    flex: 1; display: flex; flex-direction: column; align-items: center; gap: 3px;
    padding: 6px 0; border-radius: 12px; background: transparent; border: none; cursor: pointer;
    color: #8b9bb8; font-size: 11px;
    transition: color .18s;
  }
  .mt-btn.active { color: #fff; }
  .mt-ico { font-size: 20px; filter: grayscale(1) opacity(.65); transition: filter .18s; }
  .mt-btn.active .mt-ico { filter: none; }
  main { padding-bottom: 96px; }
  .acct-bar { margin: 10px 14px 0; }
}
/* ===== 手机端协调微调：留白更透气、节奏更统一 ===== */
@media (max-width: 720px) {
  .mh-grid { gap: 13px; }
  .mh-item { padding: 16px 13px; border-radius: 18px; }
  .mh-ico { width: 44px; height: 44px; font-size: 22px; border-radius: 14px; }
  .mh-name { font-size: 14px; letter-spacing: .2px; }
  .mh-head { margin-bottom: 14px; }
  .mobile-tabbar { padding: 7px 16px calc(8px + env(safe-area-inset-bottom)); }
  .mt-ico { font-size: 21px; }
  .mt-btn { gap: 2px; }
  .card { border-radius: 18px; }
  .grid-2 { gap: 14px; }
  .panel.active .card { animation: panelIn .3s cubic-bezier(.22,.9,.3,1); }
}
/* 手机端：主题切换按钮低调化（不抢视觉焦点） */
@media (max-width: 720px) {
  .theme-fab { width: 36px; height: 36px; font-size: 16px; right: 14px; bottom: 86px; opacity: .72; animation: none; border-radius: 12px; }
  .theme-panel { right: 14px; bottom: 130px; }
}
/* ===== 手机端上传后排版协调修复 ===== */
@media (max-width: 720px) {
  /* 按钮与预计时间标签分开，留呼吸 */
  .btn.big + .time-hint, .btn + .time-hint { margin-top: 10px; display: inline-block; }
  /* 生成结果区：居中、留白 */
  .result-box { padding: 18px 14px; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 180px; }
  .result-box .status-area { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
  .result-box .status-text { text-align: center; line-height: 1.6; }
  .result-box .task-progress { width: 100%; margin-top: 4px; }
  .result-box .placeholder { text-align: center; }
  /* 字段行：每项独占一行更整齐 */
  .field-row { display: flex; flex-wrap: wrap; gap: 8px; }
  .field-row .field-grow { min-width: 100%; }
  /* 批量模式开关对齐 */
  .batch-toggle-label { display: flex; align-items: center; gap: 6px; line-height: 1.4; }
  .batch-toggle-label input[type=checkbox] { width: 18px; height: 18px; flex-shrink: 0; }
  /* 文件 chip（上传后）布局协调 */
  .file-chip { width: 100%; }
  .file-chip audio { max-width: 100%; }
}

/* 批量参数区 */
.batch-params {
  display: flex; gap: 10px; flex-wrap: wrap; margin: 12px 0;
  padding: 14px; background: rgba(84,169,255,.07);
  border: 1px solid rgba(84,169,255,.25); border-radius: 12px;
}
.batch-params .field-grow { flex: 1; min-width: 120px; }
.batch-params .field-label { font-size: 12px; }

/* 停止生成悬浮按钮 */
.run-stop-btn {
  position: fixed; right: 24px; bottom: 120px; z-index: 95;
  padding: 12px 22px; border: none; border-radius: 12px; cursor: pointer;
  background: linear-gradient(135deg, #ef4444, #2479eb); color: #fff;
  font-size: 15px; font-weight: 800; font-family: "Microsoft YaHei", sans-serif;
  box-shadow: 0 10px 30px rgba(239,68,68,.45);
  transition: transform .15s, box-shadow .15s;
}
.run-stop-btn:hover { transform: translateY(-2px); box-shadow: 0 14px 36px rgba(239,68,68,.6); }
.run-stop-btn.hidden { display: none; }

/* per-task stop button inside result box */
.run-local-stop {
  margin-top: 10px;
  background: rgba(239,68,68,.16) !important;
  color: #ffb4b4 !important;
  border: 1px solid rgba(239,68,68,.55) !important;
  border-radius: 8px !important;
  padding: 6px 14px !important;
  cursor: pointer;
  font-size: 13px !important;
  transition: background .15s, transform .15s;
}
.run-local-stop:hover { background: rgba(239,68,68,.3) !important; transform: translateY(-1px); }
.run-local-stop:disabled { opacity: .6; cursor: default; }
.status-area { flex-wrap: wrap; gap: 6px; }

/* ===== Mobile layout polish (mobile only) ===== */
@media (max-width: 720px) {
  .card { margin-bottom: 14px; }
  .card h2 { margin: 0 0 14px; line-height: 1.45; }
  .field-label { margin-top: 16px; margin-bottom: 8px; line-height: 1.5; }
  .card .field-label:first-child { margin-top: 4px; }

  /* upload zones: center + breathing room */
  .dropzone .dz-inner { padding: 30px 16px; display: flex; flex-direction: column; align-items: center; gap: 9px; text-align: center; }
  .dropzone .dz-inner p { margin: 0; font-size: 14px; line-height: 1.5; }
  .dropzone .dz-hint { margin: 0; font-size: 12px; line-height: 1.6; }

  /* form controls padding */
  input[type=text], input[type=password], input[type=number], textarea, select { padding: 12px 14px; box-sizing: border-box; }

  .field-row { row-gap: 12px; }
  .btn.big { margin-top: 4px; }
  .hint { line-height: 1.7; margin-top: 8px; }

  .batch-zone { margin-top: 18px; padding-top: 14px; }
  .batch-config { margin-bottom: 10px; }

  /* bottom nav: clearer active state */
  .mt-btn.active { background: rgba(84,169,255,.22); box-shadow: inset 0 0 0 1px rgba(84,169,255,.35); color: #fff; }
  .mt-ico { font-size: 22px; }

  .acct-bar { padding: 10px 14px; font-size: 12.5px; line-height: 1.5; }

  /* record cards: cap preview, tidy spacing */
  .record-card { padding: 13px; }
  .record-preview { margin-top: 10px; }
  .record-preview img { max-width: 100%; max-height: 150px; width: auto; }
  .record-preview video { max-width: 100%; max-height: 150px; }
  .record-actions { gap: 8px; }
  .record-actions .btn { font-size: 13px; min-height: 38px; padding: 7px 12px; }

  .tabs { padding-bottom: 12px; }
  .result-box { padding: 18px 14px; }
}

@media (max-width: 480px) {
  .card { padding: 14px; }
  .dropzone .dz-inner { padding: 24px 12px; }
  .record-actions .btn { padding: 6px 10px; font-size: 12.5px; }
}
/* ===== Mobile spacious: more breathing room, unified rhythm ===== */
@media (max-width: 720px) {
  main { padding: 20px 18px 110px; }
  .topbar { padding: 12px 16px; gap: 10px; }
  .brand { gap: 11px; }
  .brand h1 { font-size: 14px; letter-spacing: .2px; }
  .tabs { padding: 12px 18px 14px; gap: 8px; }
  .tab-btn { padding: 9px 16px; font-size: 13px; }
  .acct-bar { margin: 14px 18px 0; padding: 12px 16px; font-size: 13px; border-radius: 14px; }

  .mh-head { margin-bottom: 16px; padding: 0 2px; }
  .mh-grid { gap: 16px; }
  .mh-item { padding: 20px 16px; border-radius: 20px; }
  .mh-ico { width: 48px; height: 48px; font-size: 24px; border-radius: 15px; }
  .mh-name { font-size: 15px; }

  .card { padding: 20px; margin-bottom: 16px; border-radius: 20px; }
  .card h2 { margin: 0 0 16px; font-size: 16px; line-height: 1.5; }
  .field-label { margin-top: 18px; margin-bottom: 9px; font-size: 13px; }
  input[type=text], input[type=password], input[type=number], textarea, select { padding: 13px 15px; }
  .dropzone .dz-inner { padding: 36px 18px; }
  .dz-icon { font-size: 34px; }
  .btn.big { min-height: 52px; font-size: 16px; margin-top: 6px; }
  .result-box { padding: 20px 16px; }
  .batch-slot { padding: 14px; }
  .batch-zone { margin-top: 20px; padding-top: 16px; }
  .hint { font-size: 12.5px; }

  .record-card { padding: 14px; margin-bottom: 14px; }
  .record-title { font-size: 14.5px; }
}

@media (max-width: 480px) {
  main { padding: 16px 14px 110px; }
  .card { padding: 16px; border-radius: 18px; }
  .dropzone .dz-inner { padding: 28px 14px; }
  .mh-item { padding: 18px 14px; }
  .mh-ico { width: 46px; height: 46px; font-size: 22px; }
  .topbar { padding: 10px 14px; }
  .tabs { padding: 10px 14px 12px; }
}
/* ===== Mobile redesign v3: app-like, decluttered ===== */
@media (max-width: 720px) {
  /* hide top tab strip on mobile (home grid + bottom nav cover all entries) */
  .tabs { display: none !important; }

  /* compact header: hide API key status bar, keep brand + account */
  .topbar .key-status { display: none !important; }
  .topbar { justify-content: space-between; padding: 12px 18px; }
  .brand h1 { font-size: 15px; }
  .brand p { font-size: 11px; }

  /* account pill: cleaner single-line */
  .acct-bar { margin: 14px 18px 0; padding: 11px 16px; font-size: 13px; border-radius: 14px; }
  .acct-bar .acct-hint { display: none; }

  /* home grid: vertical app-style cards, uniform height */
  .mh-grid { gap: 14px; }
  .mh-item {
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    min-height: 118px;
    padding: 16px;
    border-radius: 20px;
  }
  .mh-ico { width: 50px; height: 50px; font-size: 26px; border-radius: 15px; margin-bottom: 10px; }
  .mh-name { font-size: 14.5px; line-height: 1.35; }
  .mh-go { position: absolute; right: 14px; top: 14px; font-size: 16px; color: rgba(255,255,255,.5); }

  /* functional pages: unified card rhythm */
  .card { padding: 20px; border-radius: 20px; margin-bottom: 16px; }
  .panel.active .card:first-child { margin-top: 4px; }

  main { padding: 18px 18px 110px; }
}

@media (max-width: 480px) {
  .topbar { padding: 10px 16px; }
  .acct-bar { margin: 12px 16px 0; }
  .mh-item { min-height: 108px; padding: 14px; }
  .mh-ico { width: 46px; height: 46px; font-size: 24px; }
  .card { padding: 16px; }
  main { padding: 14px 16px 110px; }
}

/* ===== 生成按钮特效简化：去掉扫光流光，hover 更克制 ===== */
.btn.primary::after { display: none !important; }
.btn.primary:hover { filter: none !important; transform: translateY(-1px) !important; box-shadow: 0 6px 18px rgba(84,169,255,.32) !important; }

/* ===== 电脑端整体优化：统一功能图标 + 精致排版 ===== */
.tab-btn {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  padding: 9px 15px !important;
  border-radius: 11px !important;
  font-size: 13.5px !important;
  letter-spacing: .2px;
  transition: color .18s, background .18s, border-color .18s, box-shadow .18s, transform .15s;
}
.tab-btn:hover { transform: translateY(-1px); }
.tab-btn.active { transform: translateY(0); }
.tb-ico {
  width: 17px; height: 17px; color: var(--muted);
  flex-shrink: 0;
  transition: color .18s;
}
.tab-btn:hover .tb-ico { color: var(--text); }
.tab-btn.active .tb-ico { color: var(--accent); }
.tb-txt { line-height: 1; }

/* tabs 区域排版 */
.tabs {
  display: flex; flex-wrap: wrap; gap: 8px;
  padding: 16px 28px 12px;
}
.tabs .tab-btn { margin: 0; }

/* 卡片标题区统一 */
.card h2 { display: flex; align-items: center; gap: 9px; }
.card h2 .tb-ico, .card h2 svg { width: 19px; height: 19px; color: var(--accent); }

/* 面板过渡更柔和 */
.panel.active { animation: panelIn .3s cubic-bezier(.22,.9,.3,1); }
@keyframes panelIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* 主内容区呼吸感 */
main { padding: 24px 28px 56px; }
.card { margin-bottom: 18px; }
.field-row { gap: 16px; }
.btn { letter-spacing: .2px; }

/* ===== 电脑端排版统一修复 ===== */
/* 1. 隐藏右下角调色盘浮动按钮（多页干扰） */
.theme-fab { display: none !important; }

/* 2. 结果区：最小高度 + 占位符强化容器感 */
.result-box { min-height: 240px !important; display: flex; flex-direction: column; justify-content: center; }
.result-box .placeholder {
  border: 1.5px dashed rgba(249,249,249,0.6,.4) !important;
  border-radius: 12px;
  padding: 34px 20px !important;
  margin: 6px;
  background: rgba(11,16,32,.25);
}
.result-box .placeholder::before { opacity: .6; }

/* 3. 统一模块垂直间距（上传区/参数区之间呼吸感） */
.field-label { margin: 18px 0 8px !important; }
.card .col > .dropzone { margin-top: 2px; }
.card .col > .field-label + .dropzone { margin-top: 0; }

/* 4. 输入框标签对齐 */
.field-grow label { display: block; text-align: left; }
.field-row { align-items: flex-end; }
.field-grow { min-width: 180px; }

/* 5. 上传区内容居中 */
.dz-inner { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.dz-icon { line-height: 1; }
.dz-hint { margin-top: 4px; }

/* 6. records 筛选按钮统一风格 */
.filter-group .preset-btn {
  background: rgba(11,16,32,.35) !important;
  border: 1px solid rgba(249,249,249,0.6,.3) !important;
  color: var(--muted) !important;
  border-radius: 9px !important;
  padding: 7px 14px !important;
  transition: color .18s, border-color .18s, background .18s;
}
.filter-group .preset-btn:hover { color: var(--text) !important; border-color: rgba(84,169,255,.5) !important; }
.filter-group .preset-btn.active {
  background: rgba(84,169,255,.16) !important;
  border-color: rgba(84,169,255,.6) !important;
  color: #fff !important;
}
.filter-group { gap: 8px; }
.records-actions { gap: 10px; align-items: center; }
#recordsRefreshBtn, #recordsClearBtn { margin-left: 2px; }

/* ===== 卡片标题横线去除（更简洁） + 设置锁定界面排版修复 ===== */
.card h2::after { display: none !important; }
#settingsLock { padding: 26px 16px 18px !important; }
#settingsLock > div { display: flex !important; flex-direction: column; align-items: center; }
#settingsLock p { margin: 10px 0 !important; }
#settingsPwd { width: 100% !important; max-width: 300px !important; margin: 14px auto 12px !important; }
#settingsUnlockBtn { min-width: 190px !important; }
#settingsLock .field-label { text-align: center; }

/* 窄卡片水平居中 */
.card.narrow { margin-left: auto !important; margin-right: auto !important; }

/* 钱包图标（Lucide 线性） */
.wc-ico { width: 17px; height: 17px; color: var(--accent); display: inline-block; vertical-align: -3px; }
.bc-ico { width: 14px; height: 14px; color: var(--muted); display: inline-block; vertical-align: -2px; margin-right: 3px; }

/* ===== 电脑端精致动效增强（克制高级，参考大厂交互） ===== */
/* 1. 面板切换：淡入 + 上移 + 轻微缩放 */
.panel.active { animation: panelEnter .38s cubic-bezier(.22,.9,.3,1); }
@keyframes panelEnter {
  from { opacity: 0; transform: translateY(12px) scale(.992); }
  to { opacity: 1; transform: none; }
}

/* 2. 卡片 hover：上浮 + 紫色微光 */
.card { transition: transform .25s cubic-bezier(.22,.9,.3,1), border-color .25s, box-shadow .25s; }
.card:hover { transform: translateY(-3px); border-color: rgba(84,169,255,.45); box-shadow: 0 14px 34px rgba(0,0,0,.26), 0 0 22px rgba(84,169,255,.12); }

/* 3. 功能标签：hover 图标浮动 + 激活发光 */
.tab-btn { transition: transform .2s, color .2s, background .2s, border-color .2s, box-shadow .2s; }
.tab-btn:hover .tb-ico { animation: icoFloat .5s ease; }
@keyframes icoFloat { 0%{transform:translateY(0)} 40%{transform:translateY(-2px)} 100%{transform:translateY(0)} }
.tab-btn.active { box-shadow: 0 4px 16px rgba(84,169,255,.22); }

/* 4. logo：精致呼吸发光（去掉旋转） */
.logo { animation: logoGlow 3.2s ease-in-out infinite !important; }
@keyframes logoGlow {
  0%,100% { box-shadow: 0 0 14px rgba(84,169,255,.35), 0 4px 16px rgba(84,169,255,.3); }
  50% { box-shadow: 0 0 26px rgba(84,169,255,.7), 0 6px 22px rgba(84,169,255,.5); }
}

/* 5. 按钮按压反馈 */
.btn:active { transform: scale(.97); }
.btn.primary { transition: transform .18s, box-shadow .18s, filter .18s; }

/* 6. 背景顶部光晕缓慢流动 */
body::before {
  content: ""; position: fixed; top: -28%; left: -8%; width: 55%; height: 55%;
  background: radial-gradient(circle, rgba(84,169,255,.13), transparent 70%);
  filter: blur(44px); pointer-events: none; z-index: 0;
  animation: bgDrift 26s ease-in-out infinite alternate;
}
@keyframes bgDrift {
  from { transform: translate(0,0) scale(1); }
  to { transform: translate(5%,4%) scale(1.12); }
}
body::after {
  content: ""; position: fixed; bottom: -30%; right: -10%; width: 55%; height: 55%;
  background: radial-gradient(circle, rgba(64,180,243,.08), transparent 70%);
  filter: blur(44px); pointer-events: none; z-index: 0;
  animation: bgDrift2 32s ease-in-out infinite alternate;
}
@keyframes bgDrift2 {
  from { transform: translate(0,0) scale(1); }
  to { transform: translate(-5%,-4%) scale(1.1); }
}
main, .topbar, .tabs, footer { position: relative; z-index: 1; }

/* 7. 上传区 hover：图标浮起 */
.dropzone { transition: border-color .2s, background .2s, box-shadow .2s, transform .2s; }
.dropzone:hover { transform: translateY(-1px); }
.dropzone:hover .dz-icon { animation: icoFloat .5s ease; }

/* ===== 电脑端背景增强：网格 + 多层光晕 + 星点 ===== */
body {
  background-image:
    radial-gradient(1100px 560px at 82% -12%, rgba(64,180,243,.16), transparent 60%),
    radial-gradient(1000px 520px at 8% -8%, rgba(84,169,255,.18), transparent 60%),
    radial-gradient(900px 600px at 50% 115%, rgba(64,180,243,.09), transparent 60%),
    repeating-linear-gradient(90deg, rgba(64,180,243,.045) 0 1px, transparent 1px 56px),
    repeating-linear-gradient(0deg, rgba(64,180,243,.045) 0 1px, transparent 1px 56px),
    linear-gradient(120deg, #0a0f1e 0%, #101731 45%, #0b1022 100%) !important;
  background-attachment: fixed !important;
}
/* 星点 + 底部光晕 */
body::after {
  background-image:
    radial-gradient(1.5px 1.5px at 12% 22%, rgba(255,255,255,.6), transparent 100%),
    radial-gradient(2px 2px at 24% 64%, rgba(196,181,253,.5), transparent 100%),
    radial-gradient(1.5px 1.5px at 38% 12%, rgba(255,255,255,.45), transparent 100%),
    radial-gradient(2px 2px at 52% 78%, rgba(196,181,253,.4), transparent 100%),
    radial-gradient(1.5px 1.5px at 64% 30%, rgba(165,243,252,.5), transparent 100%),
    radial-gradient(2px 2px at 78% 58%, rgba(255,255,255,.4), transparent 100%),
    radial-gradient(1.5px 1.5px at 88% 18%, rgba(196,181,253,.45), transparent 100%),
    radial-gradient(2.5px 2.5px at 45% 45%, rgba(165,243,252,.28), transparent 100%),
    radial-gradient(500px 400px at 50% 125%, rgba(64,180,243,.08), transparent 70%);
  background-repeat: no-repeat;
}

/* ===== 恢复电脑端鼠标互动与背景层次 ===== */
#cursorGlow { display: block !important; z-index: 1 !important; }
.meteors { display: block !important; }
body {
  background-image:
    radial-gradient(1100px 560px at 82% -12%, rgba(64,180,243,.16), transparent 60%),
    radial-gradient(1000px 520px at 8% -8%, rgba(84,169,255,.18), transparent 60%),
    radial-gradient(900px 600px at 50% 115%, rgba(64,180,243,.09), transparent 60%),
    repeating-linear-gradient(90deg, rgba(64,180,243,.045) 0 1px, transparent 1px 56px),
    repeating-linear-gradient(0deg, rgba(64,180,243,.045) 0 1px, transparent 1px 56px),
    linear-gradient(120deg, #0a0f1e 0%, #101731 45%, #0b1022 100%) !important;
  background-attachment: fixed !important;
}

/* 图生图批量结果：网格多列布局 */
#editBatchResult.batch-active {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 14px;
  align-items: start;
}

/* ===== 排版全面整改（左右平衡 / 间距统一 / 批量对齐 / 按钮留白） ===== */
/* 1. 左右区域平衡：结果区最小高度 + 占位符强化 */
.result-box { min-height: 340px !important; }
.result-box .placeholder {
  border: 1.5px dashed rgba(249,249,249,0.6,.4) !important;
  border-radius: 14px;
  padding: 44px 20px !important;
  background: rgba(11,16,32,.3);
  margin: 8px;
}
/* 2. 左右列宽更平衡 */
.grid-2 { grid-template-columns: 1fr 1fr !important; gap: 28px; align-items: start; }
.result-col { min-height: 360px; }

/* 3. 统一模块垂直间距（v4 加大） */
.field-label { margin: 18px 0 10px !important; }
.card .col { display: flex; flex-direction: column; }
.card .col > .dropzone + .file-chip, .card .col > .field-label + .dropzone { margin-bottom: 2px; }

/* 4. 参数区不拥挤（v4 加大列间距 + 控件最小宽度） */
.field-row { gap: 18px; margin-bottom: 8px; row-gap: 14px; }
.field-grow { min-width: 200px; }

/* 5. 上传区内容居中 */
.dz-inner { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 96px; }
.dz-icon { line-height: 1; }

/* 6. 批量槽位：对齐 + 单独生成按钮整齐 */
.batch-slots { display: grid !important; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; }
@media (max-width: 900px) { .batch-slots { grid-template-columns: 1fr; } }
.batch-slot { padding: 18px 20px; }
.batch-slot-head { align-items: center; }
.slot-num { flex-shrink: 0; }
.slot-actions { display: flex; gap: 8px; margin-top: 12px; }
.slot-actions .slot-run { flex: 1; }
.slot-status { margin-top: 10px; }

/* 7. 停止生成 / 返回顶部按钮留白 */
.run-stop-btn { right: 24px !important; bottom: 24px !important; padding: 12px 20px !important; border-radius: 12px !important; }
.back-top { right: 24px !important; bottom: 88px !important; }

/* 8. 顶部账户信息防溢出 */
.topbar { flex-wrap: nowrap !important; }
.acct-bar { max-width: 55%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.acct-bal { white-space: nowrap; }

/* 9. 底部内容留白（防截断） */
main { padding-bottom: 90px !important; }

/* ===== 排版重新设计 v2：左参数(固定紧凑) + 右结果(自适应大图) ===== */
.grid-2 {
  display: grid !important;
  grid-template-columns: minmax(380px, 440px) minmax(0, 1fr) !important;
  gap: 30px !important;
  align-items: start !important;
}
@media (max-width: 1150px) { .grid-2 { grid-template-columns: 1fr !important; } }

/* 参数区：模块分组 + 分隔线，更清晰 */
.card .col { display: flex; flex-direction: column; }
.card .col > .field-label {
  margin: 22px 0 10px !important;
  padding-top: 14px;
  border-top: 1px solid rgba(84,169,255,.15);
  font-size: 14px !important;
}
.card .col > .field-label:first-child { margin-top: 0 !important; padding-top: 0; border-top: none; }
.card .col > .dropzone, .card .col > .field-label + .dropzone { margin-bottom: 0; }

/* 参数区内的行控件（v4 加大列间距、加大控件最小宽度） */
.field-row { gap: 18px !important; row-gap: 14px !important; }
.field-grow { min-width: 200px !important; }

/* 结果区：自适应大图 + 丰富占位 */
.result-col { min-width: 0; }
.result-col > .field-label {
  font-size: 15px !important; font-weight: 700; color: var(--text);
  margin-bottom: 12px !important;
}
.result-box {
  min-height: 420px !important;
  background: linear-gradient(170deg, rgba(18,26,48,.85), rgba(11,16,32,.92)) !important;
  border-radius: 16px !important;
  display: flex; flex-direction: column; justify-content: center;
}
.result-box .placeholder {
  border: 1.5px dashed rgba(249,249,249,0.6,.4) !important;
  border-radius: 14px;
  padding: 60px 24px !important;
  text-align: center;
  background: rgba(11,16,32,.35);
}
.result-box .placeholder::before { font-size: 42px !important; opacity: .7; margin-bottom: 14px; }
.result-box img { max-width: 100%; max-height: 640px !important; width: auto; border-radius: 12px; margin: 0 auto; }
.result-box video { max-width: 100%; max-height: 640px !important; margin: 0 auto; }

/* 生成按钮区更醒目 */
.btn.big { min-height: 52px; font-size: 16px !important; }

/* ===== 批量槽位：状态徽章统一 + 结果整齐 + 留白 ===== */
.batch-slot { padding: 20px 22px; }
.batch-slot .slot-status {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 14px; border-radius: 999px;
  font-size: 12px; font-weight: 600; margin-top: 14px;
  letter-spacing: .3px;
}
.slot-status.success { background: rgba(52,211,153,.16); color: #6ee7b7; border: 1px solid rgba(52,211,153,.4); }
.slot-status.failed { background: rgba(248,113,113,.16); color: #fca5a5; border: 1px solid rgba(248,113,113,.4); }
.slot-status.running { background: rgba(49,102,238,.16); color: #3166ee; border: 1px solid rgba(49,102,238,.4); }
.slot-status.skip { background: rgba(249,249,249,0.6,.16); color: #aab4d0; border: 1px solid rgba(249,249,249,0.6,.35); }
.slot-result { margin-top: 6px; min-height: 36px; }
.slot-result video, .slot-result img {
  width: 100%; max-height: 220px; border-radius: 10px;
  background: #000; object-fit: contain; margin-top: 4px;
}
.slot-result .btn { margin-top: 12px; }
.slot-file-pick { margin-top: 8px; padding: 14px 16px; gap: 12px; }
.slot-actions { margin-top: 14px; }
.slot-actions .slot-run { min-height: 38px; }

/* ===== 批量槽位：更紧凑，一屏显示更多，不截断 ===== */
.batch-slots { gap: 12px !important; }
.batch-slot { padding: 14px 16px !important; }
.batch-slot-head { margin-bottom: 8px !important; }
.slot-num { min-width: 26px; height: 26px; padding: 0 8px; font-size: 13px; border-radius: 8px; }
.batch-slot .field-label { margin: 10px 0 5px !important; font-size: 12px !important; }
.slot-file-pick { padding: 10px 12px !important; gap: 8px; margin-top: 4px; }
.sfp-icon { font-size: 17px; }
.sfp-text { font-size: 12px; }
.sfp-name { max-width: 140px; font-size: 11.5px; }
.slot-actions { margin-top: 10px !important; }
.slot-actions .slot-run { min-height: 34px; font-size: 12.5px; padding: 6px 12px; }
.slot-status { margin-top: 10px !important; padding: 4px 11px !important; font-size: 11.5px !important; }
.slot-result { min-height: 24px; }
.slot-result video, .slot-result img { max-height: 160px !important; }

/* 批量槽位：文件字段并排 */
.slot-files { display: flex; gap: 10px; flex-wrap: wrap; }
.slot-file-col { flex: 1; min-width: 150px; }

/* —— 高级版全能参考：参考素材磁贴布局 —— */
.slot-ref-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; min-width: 0; }
.slot-ref-col { min-width: 0; }
.slot-ref-tile {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 84px !important;
  border: 1.5px dashed rgba(84,169,255,.42) !important;
  border-radius: 12px !important;
  background: rgba(11,16,32,.55) !important;
  overflow: hidden !important;
  cursor: pointer !important;
  transition: border-color .2s, background .2s, box-shadow .2s !important;
}
.slot-ref-tile:hover { border-color: #54A9FF !important; background: rgba(84,169,255,.08) !important; box-shadow: 0 0 16px rgba(84,169,255,.16) !important; }
.slot-ref-tile.filled { border-style: solid !important; border-color: rgba(84,169,255,.55) !important; }
.srt-label {
  position: absolute !important; left: 6px; top: 6px; z-index: 2 !important;
  padding: 2px 7px !important; border-radius: 7px !important;
  background: rgba(84,169,255,.24) !important; color: #c7d2fe !important;
  font-size: 11px !important; font-weight: 700 !important; line-height: 1.4 !important;
  pointer-events: none !important;
}
.srt-body {
  position: absolute !important; inset: 0 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  overflow: hidden !important;
}
.srt-add { font-size: 15px !important; font-weight: 700 !important; color: #c7d2fe !important; }
.srt-remove {
  display: none !important; position: absolute !important; right: 6px; top: 6px; z-index: 3 !important;
  width: 20px !important; height: 20px !important;
  align-items: center !important; justify-content: center !important;
  border-radius: 50% !important; background: rgba(248,113,113,.9) !important; color: #fff !important;
  font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; cursor: pointer !important;
}
.slot-ref-tile.filled .srt-remove { display: flex !important; }
.srt-thumb { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
.srt-file-name {
  max-width: calc(100% - 14px) !important; padding: 4px 7px !important;
  overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;
  font-size: 11px !important; color: #c7d2fe !important;
}

/* —— 高级版全能参考批量：槽位随屏幕多列横排，槽位内部参考视频/参考图/参考音频/提示词纵向铺开 —— */
#aioProBatchSlots .slot-files { display: flex !important; flex-direction: column; gap: 14px !important; }
#aioProBatchSlots .slot-file-col,
#aioProBatchSlots .slot-ref-col { width: 100%; min-width: 0 !important; }

/* ===== 顶部账户条排版优化（垂直居中 / 余额分组 / 刷新图标清晰） ===== */
.acct-bar {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 18px !important;
  border-radius: 12px !important;
}
.acct-bar .acct-dot { flex-shrink: 0; }
.acct-bar .acct-txt { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; font-size: 13px; }
.acct-bar .acct-txt b { color: #fff; }
.acct-bar .acct-hint { margin-left: 2px; white-space: nowrap; font-size: 12px; }
.acct-bar .acct-bal {
  margin-left: auto;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 5px 14px;
  background: rgba(11,16,32,.45);
  border: 1px solid rgba(84,169,255,.25);
  border-radius: 9px;
  font-size: 13px !important;
  white-space: nowrap;
}
.acct-bar .acct-bal em { font-style: normal; font-weight: 700; }
.acct-bar .ab-refresh {
  width: 26px !important; height: 26px !important;
  font-size: 14px !important; line-height: 1 !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  border-radius: 7px !important;
}

/* 账户条余额区域：更高更舒展（不挤） */
.acct-bar { padding: 14px 20px !important; }
.acct-bar .acct-bal {
  min-height: 42px !important;
  padding: 8px 18px !important;
  gap: 14px !important;
}
.acct-bar .acct-bal em { font-size: 14.5px !important; }
.acct-bar .acct-bal svg, .acct-bar .acct-bal .wc-ico { width: 18px; height: 18px; }
.acct-bar .ab-refresh {
  width: 30px !important; height: 30px !important;
  font-size: 15px !important;
}

/* 批量槽位：单列宽槽位（在参数栏内更宽敞，不再窄长） */
.batch-slots { grid-template-columns: 1fr !important; gap: 12px !important; }
.batch-slot { padding: 14px 18px !important; }
.slot-files { gap: 12px !important; }
.slot-file-col { min-width: 0 !important; }
.slot-file-pick { padding: 12px 14px !important; }
.slot-status { margin-top: 12px !important; }
.slot-actions { margin-top: 12px !important; }

/* 右侧结果区不空：左参数加宽 + 占位符更饱满（仅宽屏生效，手机/平板保持单列） */
@media (min-width: 1151px) {
  .grid-2 { grid-template-columns: minmax(430px, 1.15fr) minmax(0, 1fr) !important; }
}
.result-box .placeholder {
  border: 1.5px dashed rgba(139,92,246,.4) !important;
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(84,169,255,.12), transparent 60%),
    rgba(11,16,32,.4) !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  padding: 70px 30px !important;
}
.result-box .placeholder::before { font-size: 52px !important; margin-bottom: 18px; }
.result-box .placeholder::after {
  content: "上传素材并点击生成，结果会显示在这里";
  display: block; font-size: 12.5px; color: #9AA1AD; margin-top: 8px;
}

/* 动作迁移批量：全宽 + 3 列一排 */
#atBatchSlots.batch-slots { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 14px !important; }
@media (max-width: 900px) { #atBatchSlots.batch-slots { grid-template-columns: repeat(2, minmax(0,1fr)) !important; } }
@media (max-width: 640px) { #atBatchSlots.batch-slots { grid-template-columns: 1fr !important; } }

/* 账户条占满宽度，余额靠右，右侧不再空 */
.acct-bar { max-width: none !important; width: auto !important; }

/* 所有批量槽位：全宽 3 列一排 */
#atBatchSlots.batch-slots, #voiceBatchSlots.batch-slots, #dhBatchSlots.batch-slots, #dhSlowBatchSlots.batch-slots, #danceBatchSlots.batch-slots, #lipBatchSlots.batch-slots {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
@media (max-width: 1100px) {
  #atBatchSlots.batch-slots, #voiceBatchSlots.batch-slots, #dhBatchSlots.batch-slots, #dhSlowBatchSlots.batch-slots, #danceBatchSlots.batch-slots, #lipBatchSlots.batch-slots {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 720px) {
  #atBatchSlots.batch-slots, #voiceBatchSlots.batch-slots, #dhBatchSlots.batch-slots, #dhSlowBatchSlots.batch-slots, #danceBatchSlots.batch-slots, #lipBatchSlots.batch-slots {
    grid-template-columns: 1fr !important;
  }
}

/* 音色迁移 / 洗图批量 3 列 */
#vtBatchSlots.batch-slots, #washBatchSlots.batch-slots {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
@media (max-width: 1100px) {
  #vtBatchSlots.batch-slots, #washBatchSlots.batch-slots { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
@media (max-width: 720px) {
  #vtBatchSlots.batch-slots, #washBatchSlots.batch-slots { grid-template-columns: 1fr !important; }
}

/* 修复：账户切换下拉菜单被 tabs 覆盖（提高层级） */
.topbar { z-index: 2000 !important; }
.account-switcher .as-menu { z-index: 2001 !important; }


/* ===== 视频去字幕（本地） ===== */
.rs-pos-group { display:flex; gap:8px; flex-wrap:wrap; }
.rs-region-box { position:relative; width:100%; max-width:560px; border-radius:12px; overflow:hidden; border:1px solid var(--border); background:#000; }
.rs-region-box video { display:block; width:100%; max-height:340px; object-fit:contain; }
.rs-region-layer { position:absolute; inset:0; cursor:crosshair; z-index:2; }
.rs-sel { position:absolute; border:2px solid #40B4F3; background:rgba(64,180,243,.16); box-shadow:0 0 0 1px rgba(0,0,0,.4); pointer-events:none; z-index:3; }
.rs-sel span { position:absolute; left:4px; top:-22px; background:rgba(0,0,0,.78); color:#7dd3fc; font-size:11px; padding:2px 8px; border-radius:6px; white-space:nowrap; }
.rs-compare { display:flex; gap:12px; flex-wrap:wrap; }
.rs-compare > div { flex:1 1 240px; min-width:0; }

/* 余额接口暂不可用（RunningHub 服务端问题，不影响生成） */
.wallet-chip .bal-err, .acct-bal .bal-err { color: #3166ee; font-size: 12px; white-space: nowrap; }
/* 动作迁移：两组案例左右并排 */
.at-cases-row { display: flex; gap: 12px; flex-wrap: nowrap; align-items: flex-start; }
.at-cases-row .wash-case-imgs { flex: 1 1 0; min-width: 0; justify-content: center; gap: 10px; flex-wrap: nowrap; align-items: center; }
/* 案例内"前图→箭头→后图"三项：让前/后图弹性收缩、箭头固定，避免超宽换行导致两组错位 */
.at-cases-row .wc-item { flex: 1 1 0; min-width: 0; }
.at-cases-row .wc-arrow { flex: 0 0 auto; }
.at-cases-row .wc-item video,
.at-cases-row .wc-item img { width: 100%; max-width: 240px; height: auto; }
/* 窄屏：两组案例改为纵向堆叠，各占满一行，避免两列挤压换行 */
@media (max-width: 720px) {
  .at-cases-row { flex-direction: column; align-items: stretch; }
  .at-cases-row .wash-case-imgs { flex: 1 1 auto; }
  .at-cases-row .wc-item video,
  .at-cases-row .wc-item img { max-width: 220px; }
}


@media (max-width: 720px) { .wallet-balance { font-size: 12px; padding: 4px 9px; margin-left: 6px; } }

/* 当前扣费账户提示条 + 钱包/币子余额 */
/* 当前扣费账户提示条 */
.acct-bar {
  margin: 12px 28px 0; padding: 8px 16px;
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  background: rgba(84,169,255,.1); border: 1px solid rgba(84,169,255,.3);
  border-radius: 10px; font-size: 13px; color: #c7d2fe;
}
.acct-bar b { color: #fff; font-weight: 700; }
.acct-bar .acct-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: linear-gradient(135deg, #40B4F3, #8b5cf6);
  box-shadow: 0 0 8px rgba(139,92,246,.7);
  animation: dotPulse2 1.2s ease-in-out infinite;
}
.acct-bar .acct-hint { font-size: 12px; color: var(--muted); }
@media (max-width: 720px) { .acct-bar { margin: 10px 16px 0; } }
/* =========================================================
   钱包 / 币子余额同步徽章
   ========================================================= */
.wallet-chip {
  position: relative; margin-left: 10px; display: inline-flex; align-items: center; gap: 8px;
  padding: 7px 10px 7px 12px; cursor: pointer; user-select: none;
  background: linear-gradient(165deg, rgba(20,28,52,.9), rgba(13,18,36,.92));
  border: 1px solid rgba(84,169,255,.38); border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.06);
  transition: border-color .2s, box-shadow .2s, transform .2s;
}
.wallet-chip:hover { border-color: rgba(139,92,246,.68); box-shadow: 0 4px 22px rgba(84,169,255,.3); transform: translateY(-1px); }
.wallet-chip.ok { border-color: rgba(52,211,153,.42); }
.wallet-chip.error { border-color: rgba(248,113,113,.5); }
.wallet-chip.loading .wc-name { opacity: .45; }
.wallet-chip.loading .wc-refresh { animation: wcSpin 1s linear infinite; }
.wc-icon { font-size: 16px; line-height: 1; }
.wc-body { display: flex; flex-direction: column; line-height: 1.15; }
.wc-name { font-weight: 700; font-size: 13px; color: #F2F4F8; white-space: nowrap; }
.wc-sub { font-size: 10.5px; color: var(--muted); letter-spacing: .3px; }
.wc-refresh {
  border: none; background: rgba(84,169,255,.14); color: #c7d2fe;
  width: 24px; height: 24px; border-radius: 8px; cursor: pointer;
  font-size: 13px; line-height: 1; display: flex; align-items: center; justify-content: center;
  transition: background .18s, color .18s;
}
.wc-refresh:hover { background: rgba(84,169,255,.32); color: #fff; }
@keyframes wcSpin { to { transform: rotate(360deg); } }
.wc-pop {
  position: absolute; top: calc(100% + 8px); right: 0; z-index: 99;
  min-width: 300px; padding: 10px;
  background: rgba(17,24,43,.97);
  border: 1px solid rgba(84,169,255,.32); border-radius: 14px;
  box-shadow: 0 20px 50px rgba(0,0,0,.55), 0 0 26px rgba(84,169,255,.14);
  backdrop-filter: blur(16px) saturate(1.3);
  -webkit-backdrop-filter: blur(16px) saturate(1.3);
  opacity: 0; visibility: hidden; transform: translateY(-8px) scale(.98);
  transform-origin: top right;
  transition: opacity .22s, transform .22s, visibility .22s;
}
.wallet-chip.open .wc-pop { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
.wc-pop-title { font-size: 12px; font-weight: 700; color: #8FAED6; letter-spacing: .5px; margin-bottom: 8px; padding-bottom: 6px; border-bottom: 1px solid rgba(84,169,255,.18); }
.wc-pop-list { display: flex; flex-direction: column; gap: 6px; }
.wc-acc {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 8px 10px; border-radius: 9px; font-size: 12.5px;
  background: rgba(84,169,255,.07); border: 1px solid rgba(84,169,255,.16);
}
.wc-acc-name { color: #c7d2fe; white-space: nowrap; }
.wc-acc-v { font-weight: 700; color: #fff; white-space: nowrap; }
.wc-pop-hint { font-size: 11px; color: var(--muted); margin-top: 8px; text-align: center; }
/* 钱包徽章：右上角可点击展示余额明细（黑金皮肤下显示，见 skin-gold.css） */
.wallet-chip { display: inline-flex !important; }
.acct-bar { flex-wrap: nowrap; }
.acct-bal { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: #fff; font-size: 12.5px; white-space: nowrap; }
.acct-bal .ab-refresh { border: none; background: rgba(84,169,255,.14); color: #c7d2fe; width: 24px; height: 24px; border-radius: 8px; cursor: pointer; font-size: 13px; line-height: 1; display: flex; align-items: center; justify-content: center; transition: background .18s, color .18s; }
.acct-bal .ab-refresh:hover { background: rgba(84,169,255,.32); color: #fff; }
.wallet-chip {
  position: relative; margin-left: 10px; display: inline-flex; align-items: center; gap: 8px;
  padding: 7px 10px 7px 12px; cursor: pointer; user-select: none;
  background: linear-gradient(165deg, rgba(20,28,52,.9), rgba(13,18,36,.92));
  border: 1px solid rgba(84,169,255,.38); border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.06);
  transition: border-color .2s, box-shadow .2s, transform .2s;
}
.wallet-chip:hover { border-color: rgba(139,92,246,.68); box-shadow: 0 4px 22px rgba(84,169,255,.3); transform: translateY(-1px); }
.wallet-chip.ok { border-color: rgba(52,211,153,.42); }
.wallet-chip.error { border-color: rgba(248,113,113,.5); }
.wallet-chip.loading .wc-name { opacity: .45; }
.wallet-chip.loading .wc-refresh { animation: wcSpin 1s linear infinite; }
.wc-icon { font-size: 16px; line-height: 1; }
.wc-body { display: flex; flex-direction: column; line-height: 1.15; }
.wc-name { font-weight: 700; font-size: 13px; color: #F2F4F8; white-space: nowrap; }
.wc-sub { font-size: 10.5px; color: var(--muted); letter-spacing: .3px; }
.wc-refresh {
  border: none; background: rgba(84,169,255,.14); color: #c7d2fe;
  width: 24px; height: 24px; border-radius: 8px; cursor: pointer;
  font-size: 13px; line-height: 1; display: flex; align-items: center; justify-content: center;
  transition: background .18s, color .18s;
}
.wc-refresh:hover { background: rgba(84,169,255,.32); color: #fff; }
@keyframes wcSpin { to { transform: rotate(360deg); } }
.wc-pop {
  position: absolute; top: calc(100% + 8px); right: 0; z-index: 99;
  min-width: 300px; padding: 10px;
  background: rgba(17,24,43,.97);
  border: 1px solid rgba(84,169,255,.32); border-radius: 14px;
  box-shadow: 0 20px 50px rgba(0,0,0,.55), 0 0 26px rgba(84,169,255,.14);
  backdrop-filter: blur(16px) saturate(1.3);
  -webkit-backdrop-filter: blur(16px) saturate(1.3);
  opacity: 0; visibility: hidden; transform: translateY(-8px) scale(.98);
  transform-origin: top right;
  transition: opacity .22s, transform .22s, visibility .22s;
}
.wallet-chip.open .wc-pop { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
.wc-pop-title { font-size: 12px; font-weight: 700; color: #8FAED6; letter-spacing: .5px; margin-bottom: 8px; padding-bottom: 6px; border-bottom: 1px solid rgba(84,169,255,.18); }
.wc-pop-list { display: flex; flex-direction: column; gap: 6px; }
.wc-acc {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 8px 10px; border-radius: 9px; font-size: 12.5px;
  background: rgba(84,169,255,.07); border: 1px solid rgba(84,169,255,.16);
}
.wc-acc-name { color: #c7d2fe; white-space: nowrap; }
.wc-acc-v { font-weight: 700; color: #fff; white-space: nowrap; }
.wc-pop-hint { font-size: 11px; color: var(--muted); margin-top: 8px; text-align: center; }

@keyframes dotPulse2 { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: .4; transform: scale(.7); } }

/* 主题切换器 */
.theme-fab {
  position: fixed;
  right: 18px; bottom: 74px;
  z-index: 99;
  cursor: pointer;
}

/* 钱包 / 币子 矢量图标 */
.wico { width: 14px; height: 14px; vertical-align: -2px; margin-right: 3px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.wico-wallet { color: #4e89f4; }
.wico-coins { color: #a78bfa; }
.wc-icon svg { width: 16px; height: 16px; display: block; }

/* 生成记录页：完全关闭动态效果 */
body.calm #bg-canvas, body.calm #cursorGlow, body.calm .beams { display: none !important; }

/* ============================================================
   UI 2.0 大厂深色风（参考 shadcn/ui + Ant Design 设计语言）
   更克制、更精致：近黑背景、细边框、柔和强调色、清晰层级
   ============================================================ */
:root {
  --bg: #0a0a0c;
  --bg2: #101014;
  --card: #131318;
  --card2: #1a1a20;
  --border: rgba(255,255,255,.07);
  --text: #f4f4f5;
  --muted: #a0a0ab;
  --accent: #7c5cfc;
  --accent2: #9d7bff;
  --cyan: #38D6F0;
  --green: #3DD68C;
  --red: #FF6B7A;
  --yellow: #5687f4;
}
body {
  background: radial-gradient(1200px 620px at 85% -10%, rgba(84,169,255,.055), transparent 55%),
              radial-gradient(1000px 520px at 0% 0%, rgba(84,169,255,.045), transparent 50%),
              var(--bg) !important;
  font-family: "Inter", "Microsoft YaHei", "PingFang SC", "Segoe UI", system-ui, sans-serif;
  letter-spacing: .1px;
}
/* 顶部导航 */
.tabs { padding: 16px 28px 10px; gap: 6px; }
.tab-btn { border-radius: 9px; padding: 9px 15px; font-weight: 500; border: 1px solid transparent; color: #a0a0ab; }
.tab-btn:hover { background: rgba(255,255,255,.04); color: #e8e8ee; }
.tab-btn.active {
  background: rgba(84,169,255,.13); color: #fff;
  border-color: rgba(84,169,255,.28);
  box-shadow: 0 2px 10px rgba(84,169,255,.15);
}
/* 卡片 */
.card {
  background: linear-gradient(180deg, rgba(255,255,255,.015), transparent 45%), var(--card) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 34px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.panel h2, .card h2 { font-weight: 700; letter-spacing: -.2px; margin-bottom: 14px; }
/* 按钮 */
.btn { border-radius: 9px; font-weight: 600; }
.btn.primary { background: linear-gradient(135deg,#7c5cfc,#8f6bff); box-shadow: 0 4px 14px rgba(84,169,255,.26); }
.btn.primary:hover { filter: brightness(1.07); box-shadow: 0 6px 18px rgba(84,169,255,.34); }
.btn.primary:active { transform: translateY(1px); }
/* 表单 */
input[type=text], input[type=password], input[type=number], select, textarea {
  background: #0d0d11; color: #f4f4f5;
  border: 1px solid rgba(255,255,255,.09); border-radius: 9px;
  font-size: 14px; transition: border-color .18s, box-shadow .18s, background .18s;
}
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, select:focus, textarea:focus {
  border-color: rgba(84,169,255,.55); box-shadow: 0 0 0 3px rgba(84,169,255,.13);
  background: #101016;
}
select option { background: #16161c; color: #f4f4f5; }
.field-label { color: #c9c9d4; font-weight: 500; letter-spacing: .2px; font-size: 13px; }
/* 上传区 */
.dropzone { border-color: rgba(255,255,255,.14); background: rgba(255,255,255,.02); border-radius: 11px; }
.dropzone:hover, .dropzone.drag { border-color: rgba(84,169,255,.5); background: rgba(84,169,255,.055); }
/* 结果框 */
.result-box {
  background: #0d0d11;
  border: 1px solid rgba(255,255,255,.07); border-radius: 12px;
}
.placeholder { border-color: rgba(255,255,255,.1); color: var(--muted); }
/* 案例/提示框 */
.wash-case {
  background: rgba(255,255,255,.02);
  border: 1px solid rgba(255,255,255,.07); border-radius: 12px;
}
.wash-case-title { color: #d6d6e0; font-weight: 600; }
/* 提示文字 */
.hint { color: #7d7d89; }
/* 账户条 */
.acct-bar { background: rgba(84,169,255,.07); border: 1px solid rgba(84,169,255,.16); border-radius: 10px; }
/* 批量槽位 */
.batch-slot { background: rgba(255,255,255,.02); border: 1px solid rgba(255,255,255,.07); border-radius: 12px; }
/* 滚动条更精致 */
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,.13); border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.2); }
::-webkit-scrollbar-track { background: transparent; }
/* 面板进入动画更柔和 */
@keyframes panelIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* ============ UI 2.0 精修 ============ */
/* 上传区提示文字更大更清晰 */
.dz-inner p { font-size: 15px; color: #d8d8e2; font-weight: 500; }
.dz-hint { font-size: 13px; color: #8b8b98; }
.dz-icon { font-size: 30px; }
/* 占位符更专业（去卡通感） */
.result-box .placeholder::before { content: "▦"; color: rgba(84,169,255,.55); }
.placeholder { font-size: 14px; color: #9a9aa6; }
/* 卡片内边框内发光 */
.card { box-shadow: 0 12px 38px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.035), inset 0 0 40px rgba(84,169,255,.02) !important; }
/* 帮助按钮微调：不遮挡 + 精致 */
.help-fab { box-shadow: 0 8px 24px rgba(84,169,255,.35); font-weight: 600; }
/* 余额/账户显示更整齐 */
.acct-bal em { font-variant-numeric: tabular-nums; font-weight: 600; color: #e6e6f0; }
/* 主标题更清晰 */
.panel h2, .card h2 { color: #f6f6f8; }

/* ============================================================
   UI 3.0 极简深灰大厂风（Linear / Vercel / Ant Design）
   纯深灰背景、细边框、克制单一强调色、干净整齐排版
   ============================================================ */
:root {
  --bg: #0a0a0b;
  --bg2: #101012;
  --card: #121214;
  --card2: #17171a;
  --border: rgba(255,255,255,.065);
  --text: #f2f2f4;
  --muted: #90909a;
  --accent: #7c5cfc;
  --accent2: #8f6bff;
  --cyan: #38D6F0;
  --green: #3DD68C;
  --red: #FF6B7A;
  --yellow: #5687f4;
}
/* 背景：纯深灰，去掉花哨光晕 */
body {
  background: #0a0a0b !important;
}
/* 顶部导航：窄条 + 底部细线 */
.tabs {
  background: #0d0d0f;
  border-bottom: 1px solid rgba(255,255,255,.06);
  padding: 0 24px;
  height: 52px;
  display: flex;
  align-items: center;
  gap: 4px;
  position: sticky; top: 0; z-index: 50;
  overflow-x: auto;
}
.tab-btn {
  background: transparent; color: #90909a;
  border: none; border-radius: 6px;
  padding: 7px 13px; font-size: 13.5px; font-weight: 500;
  white-space: nowrap;
  transition: color .15s, background .15s;
}
.tab-btn:hover { background: rgba(255,255,255,.05); color: #e8e8ec; }
.tab-btn.active {
  background: rgba(84,169,255,.14); color: #fff;
  border: none;
}
/* 主内容：更整齐的排版 */
main { padding: 22px 26px 30px; }
.panel.active { animation: panelIn .3s ease; }
@keyframes panelIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
/* 卡片：近黑 + 细边框 + 大内边距 */
.card {
  background: #121214 !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  border-radius: 12px !important;
  padding: 24px 26px !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.02), 0 8px 30px rgba(0,0,0,.3) !important;
}
.card h2, .panel h2 {
  font-size: 17px; font-weight: 700; color: #f6f6f8;
  letter-spacing: -.2px; margin-bottom: 16px;
}
/* 左右分栏：更大间距（v4 加大） */
.grid-2 { gap: 28px !important; }
.col { min-width: 0; }
/* 按钮：克制渐变 + 圆角 */
.btn { border-radius: 8px; padding: 10px 20px; font-size: 14px; font-weight: 600; }
.btn.primary { background: linear-gradient(135deg,#7c5cfc,#8f6bff); box-shadow: 0 3px 12px rgba(84,169,255,.22); }
.btn.primary:hover { filter: brightness(1.06); }
.btn:not(.primary) { background: rgba(255,255,255,.05); color: #dcdce2; border: 1px solid rgba(255,255,255,.08); }
.btn:not(.primary):hover { background: rgba(255,255,255,.08); }
.btn.small { padding: 6px 12px; font-size: 12.5px; border-radius: 6px; }
.btn.big { padding: 13px 28px; font-size: 15px; }
/* 表单控件（v4 加大内边距、统一最小高度） */
input[type=text], input[type=password], input[type=number], select, textarea {
  background: #0e0e11 !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 8px !important;
  padding: 11px 13px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #f2f2f4 !important;
  min-height: 42px !important;
  box-sizing: border-box !important;
}
select { min-height: 44px !important; padding-right: 30px !important; }
textarea { min-height: 110px !important; line-height: 1.6 !important; }
input[type=range] { min-height: auto !important; padding: 0 !important; background: transparent !important; border: none !important; }
input:focus, select:focus, textarea:focus {
  border-color: rgba(84,169,255,.6) !important;
  box-shadow: 0 0 0 3px rgba(84,169,255,.12) !important;
}
select option { background: #17171a; color: #f2f2f4; }
.field-label { color: #b8b8c2; font-size: 13.5px; font-weight: 500; letter-spacing: .2px; margin: 18px 0 10px; }
.field-row { gap: 18px; row-gap: 14px; }
/* 上传区 */
.dropzone {
  border: 1.5px dashed rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.015) !important;
  border-radius: 10px !important;
  padding: 24px 16px !important;
}
.dropzone:hover, .dropzone.drag { border-color: rgba(84,169,255,.55) !important; background: rgba(84,169,255,.05) !important; }
.dz-inner p { font-size: 14.5px; color: #d8d8e0; }
.dz-hint { font-size: 12.5px; color: #83838d; }
/* 结果框 */
.result-box {
  background: #0e0e11 !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 10px !important;
}
.placeholder { border-color: rgba(255,255,255,.09); color: #8a8a94; font-size: 13.5px; }
.placeholder::before { content: "▦"; color: rgba(84,169,255,.45); }
/* 案例框 */
.wash-case { background: rgba(255,255,255,.02); border: 1px solid rgba(255,255,255,.065); border-radius: 10px; }
.wash-case-title { color: #d4d4dc; font-weight: 600; }
/* 提示 */
.hint { color: #7d7d87; font-size: 12.5px; }
/* 账户条 / 更新按钮条 */
.acct-bar { background: rgba(84,169,255,.06); border: 1px solid rgba(84,169,255,.14); border-radius: 8px; }
/* 批量槽位 */
.batch-slot { background: rgba(255,255,255,.018); border: 1px solid rgba(255,255,255,.065); border-radius: 10px; }
/* 滚动条 */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,.12); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.18); }

/* ============ UI 3.0 极简：关闭花哨背景装饰，露出纯净深灰 ============ */
#bg-canvas, .beams, .dot-grid, #cursorGlow { display: none !important; }
.splash-bg { display: none !important; }

/* Minimax 使用教程折叠框 */
.tutorial { margin-top: 14px; border: 1px solid rgba(84,169,255,.25); border-radius: 12px; padding: 10px 14px; background: rgba(84,169,255,.06); }
.tutorial summary { cursor: pointer; font-weight: 600; color: #8FAED6; }
.tutorial ol { margin: 8px 0 4px 18px; padding: 0; line-height: 1.8; font-size: 13px; }
.tutorial li { margin-bottom: 4px; }
.tutorial .hint { margin-top: 6px; }

/* 批量槽位下拉选择框 */
.batch-slot select.slot-field {
  width: 100%; border-radius: 10px; padding: 8px 10px; margin-top: 4px;
  background: rgba(11,16,32,.6); border: 1px solid rgba(42,55,87,.9);
  color: var(--text); font-size: 13px;
}
.batch-slot select.slot-field:focus { border-color: #54A9FF; box-shadow: 0 0 0 3px rgba(84,169,255,.16); }

/* ===== 所有功能批量槽位统一：与声音克隆批量一致（宽屏 ≥1151px 3 个一排） ===== */
@media (min-width: 1151px) {
  .batch-slots { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 14px !important; align-items: stretch !important; }
}
@media (min-width: 900px) and (max-width: 1150px) {
  .batch-slots { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
}
@media (max-width: 899px) {
  .batch-slots { grid-template-columns: 1fr !important; gap: 12px !important; }
}
.batch-slot { display: flex; flex-direction: column; }
.batch-slot .slot-actions { margin-top: auto; }
.batch-slot .slot-status { align-self: flex-start; }

/* ============ UI 4.0 精修 · 排版升级（卡片化导航 & 高级质感） ============ */

/* 功能导航：居中卡片宫格，解决最后一行孤零零、右侧大空白 */
nav.tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 30px !important;
  padding: 16px 18px 14px !important;
  background: rgba(255,255,255,.02) !important;
  border: 1px solid rgba(255,255,255,.05) !important;
  border-radius: 18px !important;
}

nav.tabs .tab-btn {
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: 150px !important;
  min-height: 86px !important;
  padding: 12px 8px !important;
  margin: 0 !important;
  border-radius: 15px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  color: #b4b4c0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .2px !important;
  line-height: 1.25 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 4px 14px rgba(0,0,0,.16) !important;
  transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease !important;
  animation: none !important;
}
nav.tabs .tab-btn .tb-ico {
  width: 24px !important;
  height: 24px !important;
  color: #8d8d9c !important;
  transition: color .2s ease, transform .2s ease !important;
}
nav.tabs .tab-btn .tb-txt { line-height: 1.25 !important; text-align: center !important; white-space: normal !important; }

nav.tabs .tab-btn:hover {
  transform: translateY(-3px) !important;
  background: rgba(84,169,255,.12) !important;
  border-color: rgba(84,169,255,.38) !important;
  color: #fff !important;
  box-shadow: 0 10px 26px rgba(84,169,255,.18) !important;
}
nav.tabs .tab-btn:hover .tb-ico { color: #cdb7ff !important; transform: scale(1.08) !important; }

nav.tabs .tab-btn.active {
  background: linear-gradient(135deg, rgba(84,169,255,.30), rgba(143,107,255,.14)) !important;
  border-color: rgba(84,169,255,.52) !important;
  color: #fff !important;
  box-shadow: 0 10px 28px rgba(84,169,255,.22), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
nav.tabs .tab-btn.active .tb-ico { color: #ecdcff !important; }
nav.tabs .tab-btn.active::after { display: none !important; }

/* 顶部栏：更稳重的深色玻璃 + 品牌质感 */
.topbar {
  padding: 15px 30px !important;
  background: rgba(13,17,30,.82) !important;
  border-bottom: 1px solid rgba(84,169,255,.16) !important;
  backdrop-filter: blur(16px) saturate(1.2) !important;
}
.brand { gap: 14px !important; }
.brand .logo {
  width: 43px !important; height: 43px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #7c5cfc, #8f6bff) !important;
  box-shadow: 0 6px 18px rgba(84,169,255,.4) !important;
  animation: none !important;
  font-size: 20px !important;
}
.brand h1 { font-size: 19px !important; font-weight: 800 !important; letter-spacing: .2px !important; color: #f6f6f8 !important; }
.brand p { font-size: 12px !important; color: #8a8a96 !important; margin-top: 3px !important; letter-spacing: .3px !important; }

/* 账户切换器：更精致 */
.as-trigger {
  border-radius: 11px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: rgba(255,255,255,.04) !important;
  backdrop-filter: blur(8px) !important;
}
.as-trigger:hover { border-color: rgba(84,169,255,.4) !important; box-shadow: 0 6px 20px rgba(84,169,255,.2) !important; }

/* 账户状态条：居中卡片 + 数字等宽 */
.acct-bar {
  margin: 16px 30px 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 18px !important;
  background: rgba(84,169,255,.07) !important;
  border: 1px solid rgba(84,169,255,.15) !important;
  border-radius: 13px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.acct-bar .acct-dot { width: 9px !important; height: 9px !important; }
.acct-bar .acct-txt { color: #c9c9d6 !important; font-size: 13.5px !important; }
.acct-bar .acct-hint { color: #8d8d9a !important; }
.acct-bal {
  margin-left: auto !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 10px !important;
  padding: 8px 14px !important;
}
.acct-bal em { color: #f0f0f5 !important; font-size: 13.5px !important; }
.acct-bal .ab-refresh { border-radius: 7px !important; }

/* 主内容区：更宽松的呼吸感 */
main { padding: 24px 30px 56px !important; }
.card { border-radius: 16px !important; padding: 26px 28px !important; }
.card h2 { font-size: 18px !important; }

/* 导航分组：创作功能 / 管理工具 */
nav.tabs { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 12px !important; }
nav.tabs .tab-group { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 10px !important; }
nav.tabs .tab-group.tab-tools { padding-top: 12px !important; border-top: 1px solid rgba(84,169,255,.16) !important; }
nav.tabs .tab-tools-label {
  display: flex !important; align-items: center !important; gap: 10px !important;
  width: 100% !important; justify-content: center !important;
  font-size: 11px !important; font-weight: 700 !important; letter-spacing: 2px !important;
  color: #9a9aa7 !important; text-transform: uppercase !important; margin-bottom: 2px !important;
}
nav.tabs .tab-tools-label::before,
nav.tabs .tab-tools-label::after { content: "" !important; flex: 0 0 36px !important; height: 1px !important; background: rgba(84,169,255,.22) !important; border-radius: 1px !important; }

/* ============ UI 4.1 简约：去掉过重装饰，回归干净现代 ============ */

/* 顶栏：更轻、更紧凑 */
.topbar {
  padding: 12px 30px !important;
  background: rgba(13,17,30,.62) !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
  backdrop-filter: blur(10px) !important;
}
.brand { gap: 12px !important; }
.brand .logo {
  width: 38px !important; height: 38px !important; border-radius: 10px !important;
  background: linear-gradient(135deg,#7c5cfc,#8f6bff) !important;
  box-shadow: 0 4px 12px rgba(84,169,255,.3) !important;
  animation: none !important;
  font-size: 18px !important; font-weight: 700 !important;
}
.brand h1 { font-size: 17px !important; font-weight: 700 !important; letter-spacing: 0 !important; color:#f1f1f6 !important; }
.brand p { font-size: 11.5px !important; color:#7f7f8b !important; margin-top:2px !important; letter-spacing:.2px !important; }

/* 账户条：简化成轻分隔行 */
.acct-bar {
  margin: 14px 30px 6px !important;
  display: flex !important; align-items:center !important; gap:8px !important;
  padding: 8px 4px !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.acct-bal {
  margin-left: auto !important;
  background: transparent !important; border: none !important; border-radius: 0 !important; padding: 0 !important;
}

/* 导航：轻量 pill 横向排列，扁平 */
nav.tabs {
  margin: 0 30px !important;
  padding: 14px 0 6px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}
nav.tabs .tab-group { gap: 6px !important; }
nav.tabs .tab-tools-label { margin-bottom: 4px !important; }
nav.tabs .tab-btn {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 7px 12px !important;
  border-radius: 9px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  color: #9a9aa6 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  transition: background .18s, color .18s !important;
}
nav.tabs .tab-btn .tb-ico { width: 17px !important; height: 17px !important; color: inherit !important; }
nav.tabs .tab-btn:hover { background: rgba(255,255,255,.05) !important; color:#fff !important; transform:none !important; box-shadow:none !important; }
nav.tabs .tab-btn.active { background: rgba(84,169,255,.16) !important; border-color: rgba(84,169,255,.3) !important; color:#fff !important; box-shadow:none !important; }
nav.tabs .tab-btn.active .tb-ico { color:#cdb7ff !important; }
nav.tabs .tab-btn.active::after { display:none !important; }


/* ==================== 我的素材库（人物库 / 音色库 / 情感参考库） ==================== */
.lib-add-row { margin-bottom: 18px; }
.lib-dropzone { min-height: 96px; }
.lib-tabs { display: flex; gap: 10px; margin: 6px 0 10px; }
.lib-tab { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border-radius: 10px; border: 1px solid var(--border); background: var(--bg2); color: var(--muted); cursor: pointer; font-weight: 600; font-size: 13.5px; transition: filter .15s; }
.lib-tab:hover { filter: brightness(1.08); }
.lib-tab.active { color: #fff; background: linear-gradient(135deg, var(--accent), var(--accent2)); border-color: transparent; }
.lib-sub-hint { margin: 0 0 12px; }
.lib-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 14px; }
.lib-card { border: 1px solid var(--border); border-radius: 14px; overflow: hidden; background: var(--bg2); display: flex; flex-direction: column; }
.lib-thumb { aspect-ratio: 1 / 1; background: var(--bg); display: flex; align-items: center; justify-content: center; }
.lib-thumb-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.lib-thumb-audio { aspect-ratio: auto; min-height: 56px; padding: 8px 10px; }
.lib-thumb-audio audio { width: 100%; }
.lib-thumb-file svg { width: 40px; height: 40px; color: var(--muted); }
.lib-meta { padding: 10px 12px 4px; min-width: 0; }
.lib-name { font-size: 13.5px; font-weight: 600; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lib-time { font-size: 11.5px; color: var(--muted); margin-top: 2px; }
.lib-actions { padding: 4px 10px 12px; display: flex; gap: 8px; }
.lib-actions .btn { flex: 1; }
.ghost { background: transparent; border: 1px solid var(--border); color: var(--text); }
.ghost:hover { background: rgba(255, 255, 255, .05); }
.lib-result-extra { display: flex; gap: 8px; margin-top: 8px; flex-wrap: wrap; }
.lib-modal-overlay { position: fixed; inset: 0; background: rgba(5, 10, 22, .68); backdrop-filter: blur(4px); z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 20px; }
.lib-modal { width: min(440px, 100%); background: var(--bg2); border: 1px solid var(--border); border-radius: 18px; padding: 22px; box-shadow: 0 24px 80px rgba(0, 0, 0, .5); }
.lib-modal-title { font-size: 16px; font-weight: 700; color: var(--text); margin-bottom: 16px; }
.lib-modal-list { display: flex; flex-direction: column; gap: 10px; }
.lib-modal-option { display: flex; align-items: center; gap: 10px; padding: 13px 16px; border-radius: 12px; border: 1px solid var(--border); background: var(--bg); color: var(--text); cursor: pointer; font-size: 14px; font-weight: 600; text-align: left; transition: border-color .15s, transform .15s; }
.lib-modal-option:hover { border-color: var(--accent); transform: translateY(-1px); }
.lib-modal-option .ico { width: 18px; height: 18px; color: var(--accent); flex-shrink: 0; }
.lib-modal-cancel { margin-top: 14px; width: 100%; padding: 11px; border-radius: 12px; border: 1px solid var(--border); background: transparent; color: var(--muted); cursor: pointer; font-weight: 600; }
.lib-modal-cancel:hover { color: var(--text); }

.lib-thumb-video video { width: 100%; height: 100%; object-fit: cover; display: block; }
.lib-info { padding: 10px 12px 4px; min-width: 0; }
.lib-storage { font-size: 11.5px; color: var(--muted); margin-top: 2px; }

/* 成片素材：分组管理 */
.footage-groups { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0 2px; }
.footage-group-chip { display: inline-flex; align-items: center; gap: 8px; padding: 7px 11px; border-radius: 999px; border: 1px solid var(--border); background: var(--bg2); color: var(--text); font-size: 13px; font-weight: 600; cursor: pointer; transition: filter .15s, border-color .15s, transform .15s; }
.footage-group-chip:hover { filter: brightness(1.08); }
.footage-group-chip.active { border-color: transparent; background: linear-gradient(135deg, var(--accent), var(--accent2)); color: #fff; box-shadow: 0 0 14px rgba(84,169,255,.35); }
.footage-group-chip .fg-name { line-height: 1.3; }
.footage-group-chip .fg-count { min-width: 18px; height: 18px; padding: 0 6px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: rgba(255,255,255,.16); font-size: 11.5px; font-weight: 700; }
.footage-group-chip.active .fg-count { background: rgba(255,255,255,.28); }
.footage-group-chip .fg-rename { border: none; background: rgba(255,255,255,.08); color: inherit; padding: 2px 8px; border-radius: 8px; font-size: 11.5px; cursor: pointer; font-weight: 700; }
.footage-group-chip .fg-rename:hover { background: rgba(255,255,255,.2); }
.footage-group-chip .fg-close { border: none; background: transparent; color: inherit; padding: 0 2px; cursor: pointer; font-size: 13px; opacity: .75; line-height: 1; }
.footage-group-chip .fg-close:hover { opacity: 1; }
.footage-move-select { flex: 1; min-width: 0; padding: 7px 8px; border-radius: 8px; border: 1px solid var(--border); background: var(--bg); color: var(--text); font-size: 12px; cursor: pointer; }

/* 一键成片：逐行批量出片结果 */
.op-batch-step { margin-top: 12px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; background: rgba(255,255,255,.03); }
.op-batch-step:first-child { margin-top: 10px; }
.op-batch-step-head { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #9fd4ff; margin-bottom: 8px; }
.op-step-num { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 7px; background: linear-gradient(135deg, var(--accent), var(--accent2)); color: #fff; font-weight: 800; font-size: 12px; }
.op-batch-result { margin-top: 12px; display: flex; flex-direction: column; gap: 8px; }
.op-batch-summary { font-size: 13px; font-weight: 700; color: var(--text); padding: 8px 10px; border-radius: 8px; background: rgba(84,169,255,.12); }
.op-batch-row { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 10px; background: var(--bg2); border: 1px solid var(--border); font-size: 13px; flex-wrap: wrap; }
.ob-index { flex: 0 0 auto; min-width: 24px; height: 24px; padding: 0 6px; display: inline-flex; align-items: center; justify-content: center; border-radius: 7px; background: linear-gradient(135deg, var(--accent), var(--accent2)); color: #fff; font-weight: 800; font-size: 12px; }
.ob-topic { flex: 1; min-width: 140px; color: var(--text); word-break: break-word; }
.ob-status { flex: 0 0 auto; font-size: 12px; color: var(--muted); }
.ob-status.ok { color: #5be3a5; font-weight: 700; }
.ob-status.bad { color: #ff7a7a; font-weight: 700; }
.ob-status.muted { color: var(--muted); }
.ob-link { flex: 0 0 auto; color: var(--accent); text-decoration: none; font-size: 12px; font-weight: 600; }
.ob-link:hover { text-decoration: underline; }


/* 秒数输入框修复：槽位编号与输入控件使用独立样式，避免被 badge 规则压缩 */
.batch-slot-index { display:inline-flex; align-items:center; justify-content:center; min-width:26px; height:26px; padding:0 8px; background:linear-gradient(135deg,#54A9FF,#40B4F3); border-radius:8px; font-size:13px; font-weight:800; color:#fff; box-shadow:0 0 12px rgba(139,92,246,.45); flex:0 0 auto; }
.batch-slot input.slot-seconds-input { display:block !important; width:120px !important; min-width:120px !important; max-width:100% !important; height:42px !important; box-sizing:border-box !important; flex:0 0 120px !important; padding:8px 12px !important; border-radius:10px !important; border:1px solid rgba(249,249,249,.18) !important; background:rgba(11,16,32,.72) !important; color:#fff !important; font-size:16px !important; line-height:1.2 !important; text-align:left !important; }
.batch-slot input.slot-seconds-input:focus { border-color:#54A9FF !important; box-shadow:0 0 0 3px rgba(84,169,255,.18) !important; outline:none; }

/* ===== 一键成片 ===== */
.op-materials { display: flex; flex-direction: column; gap: 8px; margin-top: 8px; max-height: 236px; overflow: auto; padding-right: 4px; scrollbar-width: thin; }
.op-materials::-webkit-scrollbar { width: 8px; }
.op-materials::-webkit-scrollbar-thumb { background: rgba(255,255,255,.18); border-radius: 8px; }
.op-materials .file-chip { margin-top: 0; padding: 8px 10px; }
.op-materials .file-chip img { width: 42px; height: 42px; }
.op-materials .file-chip video { width: 72px; height: 44px; max-height: 44px; border-radius: 6px; flex: 0 0 auto; }
.op-result-item { margin-top: 10px; }
.op-result-item:first-child { margin-top: 0; }
.adv-group { margin: 10px 0; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; background: rgba(255,255,255,.03); overflow: hidden; }
.adv-group summary { cursor: pointer; padding: 10px 14px; font-size: 13px; font-weight: 600; color: #9fd4ff; list-style: none; user-select: none; display: flex; align-items: center; gap: 8px; }
.adv-group summary::before { content: "▸"; color: #54a9ff; font-size: 12px; transition: transform .18s ease; }
.adv-group[open] summary::before { transform: rotate(90deg); }
.adv-group summary:hover { background: rgba(84,169,255,.08); }
.adv-group .adv-body { padding: 4px 14px 14px; display: flex; flex-direction: column; gap: 8px; }
.adv-group input[type="color"] { width: 44px; height: 32px; padding: 2px; border: 1px solid rgba(255,255,255,.15); border-radius: 8px; background: rgba(255,255,255,.05); cursor: pointer; }

/* /web/shared/releases/20261012-integrated-v208/ui5.css */
/* ============ UI 5.0 极简 · 侧边栏工作台布局（彻底解决横向溢出） ============ */

/* —— 顶部导航：极简单行，logo + 标题 + 右侧账户 —— */
.topbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 60 !important;
  height: 58px !important;
  min-height: 58px !important;
  padding: 0 20px !important;
  background: rgba(10,13,26,.94) !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
  backdrop-filter: blur(12px) saturate(1.1) !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  box-shadow: none !important;
}
.topbar::after { display: none !important; }
.brand { gap: 12px !important; flex: 0 0 auto !important; }
.topbar .brand .logo {
  width: 36px !important; height: 36px !important; min-width: 36px !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg,#7c5cfc,#8f6bff) !important;
  box-shadow: 0 4px 14px rgba(124,92,252,.32) !important;
  animation: none !important;
  font-size: 17px !important; font-weight: 700 !important;
}
.brand h1 { font-size: 16px !important; font-weight: 700 !important; letter-spacing: .2px !important; color: #f2f2f6 !important; margin: 0 !important; white-space: nowrap !important; }
.brand p { display: none !important; }

/* 账户切换：右侧（自然融合 · 极简低调） */
.topbar .account-switcher { margin-left: auto !important; flex: 0 0 auto !important; }
.as-trigger {
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  padding: 5px 10px 5px 5px !important;
  gap: 6px !important;
  box-shadow: none !important;
  transition: background .18s ease, border-color .18s ease !important;
}
.as-trigger:hover {
  background: rgba(255,255,255,.05) !important;
  border-color: rgba(255,255,255,.08) !important;
  box-shadow: none !important;
}
.as-trigger.open {
  background: rgba(255,255,255,.07) !important;
  border-color: rgba(255,255,255,.11) !important;
  box-shadow: none !important;
}
/* 徽章：柔和彩色圆点，去掉发光贴纸感 */
.as-badge {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  color: #fff !important;
  flex-shrink: 0 !important;
}
.as-badge-a { background: linear-gradient(135deg, #6d5df6, #8f6bff) !important; }
.as-badge-e { background: linear-gradient(135deg, #56a6f5, #6d5df6) !important; }
.as-badge-c { background: linear-gradient(135deg, #a865f4, #c86bf0) !important; }
/* 文字：自然、不抢眼 */
.as-name {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #e8e8ef !important;
  white-space: nowrap !important;
}
.as-sub { display: none !important; }
/* 箭头：小巧精致的直角 chevron */
.as-arrow {
  width: 16px !important;
  height: 16px !important;
  margin-left: 2px !important;
  font-size: 0 !important;
  color: rgba(255,255,255,.55) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.as-arrow::before {
  content: "" !important;
  display: block !important;
  width: 6px !important;
  height: 6px !important;
  border-right: 1.6px solid currentColor !important;
  border-bottom: 1.6px solid currentColor !important;
  transform: rotate(45deg) translate(-1px,-1px) !important;
}
.as-trigger.open .as-arrow::before { transform: rotate(225deg) translate(-1px,-1px) !important; }
.topbar .key-status { display: none !important; }

/* 账户信息条恢复显示：余额统一显示在右侧；钱包徽章随黑金皮肤显示（见 skin-gold.css） */
.acct-bar {
  display: flex !important;
  margin: 14px 30px 8px 254px !important;
}
.wallet-chip { display: inline-flex !important; }
/* —— 体验版顶部横幅：卡片式折行，避免溢出 —— */
#trialBar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px 10px !important;
  margin: 8px 30px 10px 310px !important;
  padding: 10px 14px !important;
  font-size: 12.5px !important;
  color: #DCE1EA !important;
  background: linear-gradient(90deg, rgba(84,169,255,.16), rgba(111,150,246,.08)) !important;
  border: 1px solid rgba(124,92,252,.22) !important;
  border-radius: 12px !important;
  line-height: 1.5 !important;
}
#trialBar .trial-q {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  white-space: nowrap !important;
  padding: 3px 9px !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
}
#trialBar .trial-q b { color: #fff !important; font-weight: 700 !important; }
#trialBar .trial-q em { font-style: normal !important; }
#trialBar .trial-q .ico { width: 12px !important; height: 12px !important; flex: 0 0 auto !important; }
#trialBar .trial-head { background: rgba(111,150,246,.14) !important; border-color: rgba(111,150,246,.3) !important; }
#trialBar .trial-head b { color: #6f96f6 !important; }
#trialBar .trial-qh { background: rgba(124,92,252,.16) !important; border-color: rgba(124,92,252,.32) !important; color: #d8ccff !important; font-weight: 700 !important; }
#trialBar .trial-ok em { color: #54A9FF !important; }
#trialBar .trial-zero em, #trialBar .trial-lock em { color: #ff6b6b !important; }
#trialBar .trial-off em { color: #195ce7 !important; }
#trialBar .trial-note { color: #93a4c4 !important; }
#trialBar .trial-toggle { cursor: pointer !important; background: rgba(84,169,255,.16) !important; border-color: rgba(84,169,255,.34) !important; color: #cfe2ff !important; }
#trialBar .trial-toggle:hover { background: rgba(84,169,255,.26) !important; }
#trialDetail {
  display: none;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  margin: -4px 30px 10px 310px;
  padding: 10px 14px;
  border-radius: 12px;
  background: rgba(255,255,255,.028);
  border: 1px solid rgba(255,255,255,.07);
  font-size: 12px;
}
#trialDetail.open { display: flex; }
#trialDetail .trial-detail-item {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 10px; border-radius: 8px;
  background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.06);
  color: #cbd3e1; white-space: nowrap;
}
#trialDetail .trial-detail-item b { font-weight: 600; color: #e8ecf5; }
#trialDetail .trial-detail-item em { font-style: normal; }
#trialDetail .trial-detail-item.ok em { color: #54A9FF; }
#trialDetail .trial-detail-item.zero em { color: #ff6b6b; }
#trialDetail .trial-detail-item.lock { opacity: .55; }
#trialDetail .trial-detail-item.lock em { color: #8b93a5; }

/* —— tab 角标：剩余次数 / 锁定标记 —— */
.tab-btn .trial-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  margin-left: 6px !important;
  padding: 0 6px !important;
  height: 16px !important;
  border-radius: 6px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  letter-spacing: .2px !important;
}
.tab-btn .trial-badge.trial-ok { color: #66e39a !important; background: rgba(46,204,113,.16) !important; }
.tab-btn .trial-badge.trial-zero, .tab-btn .trial-badge.trial-lock { color: #ff6b6b !important; background: rgba(255,107,107,.16) !important; }
@media (max-width: 1024px) {
  #trialBar { margin: 8px 16px 10px 296px !important; }
}

/* —— 左侧边栏：功能导航，永久可见，无横向溢出 —— */
nav.tabs.sidebar {
  position: fixed !important;
  top: 58px !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 280px !important;
  min-width: 280px !important;
  margin: 0 !important;
  padding: 10px 12px 18px !important;
  background: rgba(12,15,28,.9) !important;
  border-right: 1px solid rgba(255,255,255,.06) !important;
  backdrop-filter: blur(12px) !important;
  /* 滚动迁移到内部 .sb-scroll：侧栏本身不再滚动，从而让 .sb-dock 在 flex 末尾固定底部 */
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  /* 修复「向上滑动跳顶」：.tabs 基类带 justify-content:center!important 会造成
     内容居中溢出（顶部内容被顶出视口、滚不回来），此处显式重置为 flex-start */
  justify-content: flex-start !important;
  align-content: flex-start !important;
  gap: 0 !important;  /* 间隙改由 .sb-scroll 内部控制，避免 sb-scroll 与 sb-dock 间多余间距 */
  flex-wrap: nowrap !important;
  z-index: 40 !important;
  scrollbar-width: thin !important;
  /* 【修复 2026-08-30】左侧功能显示不全：splash 移除 / motion.js 动画 / overflow-anchor
     会在 DOM 变化时把 sidebar 自动滚到非顶部位置，导致起号神器和内容工坊被滚出视口。
     显式关闭浏览器自动滚动锚定，让 sidebar 永远从顶部开始。 */
  overflow-anchor: none !important;
  scroll-padding-top: 0 !important;
  scroll-margin-top: 0 !important;
}
/* —— 侧栏滚动区（上方功能组）：唯一滚动容器，让下方 .sb-dock 固定底部不随滚动 —— */
nav.tabs.sidebar .sb-scroll {
  flex: 1 1 auto !important;
  min-height: 0 !important;  /* flex 子项可收缩，滚动才能生效 */
  overflow-y: auto !important;
  overflow-x: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 2px !important;
  scrollbar-width: thin !important;
  overflow-anchor: none !important;  /* 同 sidebar：禁止自动滚动锚定，永远从顶部开始 */
  scroll-padding-top: 0 !important;
}
nav.tabs.sidebar .sb-scroll::-webkit-scrollbar { width: 8px !important; }
nav.tabs.sidebar .sb-scroll::-webkit-scrollbar-thumb { background: rgba(255,255,255,.12) !important; border-radius: 8px !important; }

nav.tabs.sidebar .tab-group {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 2px !important;
  flex-wrap: nowrap !important;
  margin: 0 !important;
  width: 100% !important;
}
nav.tabs.sidebar .tab-group + .tab-group { margin-top: 8px !important; padding-top: 8px !important; border-top: 1px solid rgba(255,255,255,.07) !important; }

/* —— 侧栏底部停靠区（管理工具）：flex 布局固定底部；卡片样式与上方功能组 .tab-group 完全一致 —— */
nav.tabs.sidebar .sb-dock {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 2px !important;
  flex: 0 0 auto !important;   /* 不收缩、固定占位 → 永久钉在 flex 末尾（侧栏底部） */
  /* 卡片容器：与上方 .tab-group 同款（style.css 基础卡片：背景+边框+圆角+内边距） */
  margin: 8px 0 0 !important;  /* 与上方分组保持同样的 8px 组间距 */
  width: 100% !important;
  padding: 3px 9px !important;
  border-radius: 7px !important;
  background: rgba(84,169,255,.09) !important;
  border: 1px solid rgba(84,169,255,.16) !important;
}
nav.tabs.sidebar .sb-dock .tab-tools-label {
  padding: 4px 8px 5px !important;
  margin: 0 0 2px !important;
}

/* 分组标签 */
nav.tabs.sidebar .tab-group-label,
nav.tabs.sidebar .tab-tools-label {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  width: 100% !important;
  padding: 4px 8px 3px !important;
  margin: 0 0 2px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  color: #8a8a98 !important;
  text-transform: uppercase !important;
  justify-content: flex-start !important;
  border: none !important;
  background: none !important;
}
nav.tabs.sidebar .tab-tools-label::before,
nav.tabs.sidebar .tab-tools-label::after { display: none !important; }

/* 分组标签内的小图标（v2 分类改造：起号神器/内容工坊/爆款素材 各自配一线性图标） */
nav.tabs.sidebar .tab-group-label .tgl-ico {
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px !important;
  opacity: .78 !important;
  color: currentColor !important;
}

/* 侧边栏按钮：整行可点，图标 + 文字左对齐 */
nav.tabs.sidebar .tab-btn {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 7px 10px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  color: #9a9aa6 !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  box-shadow: none !important;
  text-align: left !important;
  white-space: nowrap !important;
  transition: background .16s ease, color .16s ease !important;
  animation: none !important;
}
nav.tabs.sidebar .tab-btn .tb-ico { width: 18px !important; height: 18px !important; color: inherit !important; flex: 0 0 auto !important; }
nav.tabs.sidebar .tab-btn .tb-txt { line-height: 1.3 !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; max-width: 100% !important; text-align: left !important; overflow-wrap: break-word !important; }
nav.tabs.sidebar .tab-btn:hover { background: rgba(255,255,255,.06) !important; color: #fff !important; transform: none !important; box-shadow: none !important; }
nav.tabs.sidebar .tab-btn:hover .tb-ico { color: #e3d8ff !important; transform: none !important; }
nav.tabs.sidebar .tab-btn.active { background: rgba(124,92,252,.16) !important; border-color: rgba(124,92,252,.32) !important; color: #fff !important; }
nav.tabs.sidebar .tab-btn.active .tb-ico { color: #cdb7ff !important; }
nav.tabs.sidebar .tab-btn.active::after { display: none !important; }

/* —— 主内容区：让出侧边栏宽度 —— */
main, #keyBanner, #remoteBanner {
  margin-left: 280px !important;
}
/* 修复「全屏右侧空白」：移除 max-width:1280px 硬限制。原窗口宽 > 280(侧栏)+1280=1560px 时
   主内容被卡在 1280px、右侧大片空白。现让 main 填满侧栏以外全部宽度，内部 auto-fit 网格
   (.quick-cards) 会随宽度自动增列铺开，全屏/退出全屏均自适应、无空白。 */
main { padding: 26px 30px 60px !important; max-width: none !important; }
.footer { padding: 20px 30px 24px !important; }

/* 平板/窄屏：侧边栏收起成顶部快捷，避免挤压 */
@media (max-width: 1024px) {
  /* 【修复 2026-08-30 左侧功能显示不全】桌面 Electron 版（主窗口 minWidth=980）不存在
     真平板/手机场景。此断点原会把侧栏从左侧固定竖栏塌成「顶部流式块 + max-height:42vh」，
     触发条件：Windows DPI 缩放(125%→1024px / 150%→853px) 或窗口拖小。一旦触发，
     「爆款素材」「管理工具」组被 42vh 硬压裁掉，功能显示不全。
     现强制侧栏始终为左侧固定 280px 竖栏，与 ≥1025px 布局一致，超长内容靠 overflow-y:auto 承载。 */
  nav.tabs.sidebar {
    position: fixed !important;
    width: 280px !important;
    min-width: 280px !important;
    height: calc(100vh - 58px) !important;
    max-height: none !important;
    left: 0 !important;
    top: 58px !important;
    bottom: 0 !important;
    padding: 10px 12px 18px !important;
    border-right: 1px solid rgba(255,255,255,.06) !important;
    border-bottom: none !important;
    flex-direction: column !important;
  }
  main, #keyBanner, #remoteBanner { margin-left: 280px !important; }
  .acct-bar { margin: 14px 16px 8px !important; }
  main { padding: 18px 16px 56px !important; }
}


/* —— 顶部「下载更新」按钮：与账户切换同款自然低调 —— */
.topbar:has(.top-update-btn) .account-switcher { margin-left: 0 !important; }
.top-update-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin-left: auto !important;
  padding: 5px 11px 5px 6px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: rgba(255,255,255,.03) !important;
  box-shadow: none !important;
  color: #dfe3ef !important;
  white-space: nowrap !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background .18s ease, border-color .18s ease !important;
}
.top-update-btn:hover {
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.14) !important;
  box-shadow: none !important;
  transform: none !important;
}
.top-update-btn:active { transform: none !important; }
.top-update-btn:disabled { opacity: .55 !important; cursor: default !important; }
.top-update-btn .tub-ico {
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #6d5df6, #8f6bff) !important;
  box-shadow: none !important;
  color: #fff !important;
}
.top-update-btn .tub-txt { display: inline-flex !important; flex-direction: column !important; line-height: 1.2 !important; text-align: left !important; }
.top-update-btn .tub-txt b { font-size: 13px !important; font-weight: 600 !important; color: #e8e8ef !important; }
.top-update-btn .tub-txt .tub-ver { font-size: 10.5px !important; color: #9a9aa6 !important; font-weight: 500 !important; }

/* ===== 左上角修复：锁定视口，主区自滚动（彻底消除滚动错位） ===== */
html, body { height: 100% !important; overflow: hidden !important; }
main {
  height: calc(100vh - 58px) !important;
  overflow-y: auto !important;
  padding-bottom: 10px !important;
  display: flex !important;
  flex-direction: column !important;
}

#keyBanner, #remoteBanner {
  position: fixed !important;
  top: 58px !important;
  left: 280px !important;
  right: 0 !important;
  z-index: 39 !important;
  margin: 10px 28px 0 !important;
}
.footer {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 !important;
  margin-top: auto !important;
  padding: 20px 30px 24px !important;
  border-top: 1px solid rgba(255,255,255,.06) !important;
}

@media (max-width: 1024px) {
  html, body { overflow: auto !important; }
  main { height: auto !important; }
  .footer, #keyBanner, #remoteBanner {
    position: static !important;
    left: 0 !important;
    margin: 0 !important;
  }
}

/* ===== 滚动条精修：细、暗、融入深色主题（去掉默认白色/粗糙滚动条） ===== */
::-webkit-scrollbar { width: 7px !important; height: 7px !important; }
::-webkit-scrollbar-track { background: transparent !important; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,.14) !important; border-radius: 8px !important; border: 1px solid transparent !important; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.24) !important; }
::-webkit-scrollbar-corner { background: transparent !important; }
html, body, * { scrollbar-width: thin !important; scrollbar-color: rgba(255,255,255,.18) transparent !important; }
main::-webkit-scrollbar { width: 7px !important; height: 7px !important; }
main::-webkit-scrollbar-track { background: transparent !important; }
main::-webkit-scrollbar-thumb { background: rgba(255,255,255,.14) !important; border-radius: 8px !important; }
main::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.24) !important; }

@media (max-width: 1024px) {
  ::-webkit-scrollbar { width: 5px !important; height: 5px !important; }
}


/* ===== 生成记录：批量打包下载 ===== */
.records-toolbar {
  display: flex; align-items: center; gap: 12px; margin: 4px 0 12px; flex-wrap: wrap;
}
.rec-select-all-wrap {
  display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--muted); cursor: pointer; user-select: none;
}
.records-toolbar .btn.small { white-space: nowrap; }
.rec-check {
  width: 16px; height: 16px; accent-color: var(--accent); cursor: pointer; flex-shrink: 0; margin-top: 3px;
}
.records-toolbar .hint { margin: 0 !important; font-size: 12px; }

/* ===== 排版精修：侧边栏文字不溢出 + 批量槽位文件框单行整齐 ===== */
nav.tabs.sidebar .tab-btn { overflow: visible !important; }
nav.tabs.sidebar .tab-btn .tb-txt { flex: 0 1 auto !important; min-width: 0 !important; max-width: 100% !important; }
.batch-slots .slot-files { flex-wrap: wrap !important; align-items: stretch !important; }
.batch-slots .slot-file-col { min-width: 170px !important; flex: 0 1 170px !important; }
.batch-slots .slot-file-pick { flex-wrap: nowrap !important; justify-content: flex-start !important; gap: 8px !important; min-width: 0 !important; }
.batch-slots .slot-file-pick .sfp-icon { flex: 0 0 auto !important; }
.batch-slots .slot-file-pick .sfp-text { white-space: nowrap !important; flex: 0 0 auto !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.batch-slots .slot-file-pick .sfp-name { margin-left: auto !important; flex: 0 1 auto !important; min-width: 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.batch-slots .slot-check-wrap { flex-wrap: nowrap !important; }
.batch-slots .slot-check-wrap .slot-check-box { flex: 0 0 auto !important; }
.batch-slots { align-items: stretch !important; }
.batch-slot { display: flex !important; flex-direction: column !important; }

/* ============================================================
   SEMI 飞书深色风 · 平面克制重绘层（加载于 style.css 之后）
   —— 统一为字节系暗色规范：主色 #54A9FF / 背景 #16161A / 卡片 #232429
   ============================================================ */

/* 字体栈：Semi 官方 */
html, body, button, input, textarea, select {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* 页面背景：纯平面，去渐变光晕 */
body {
  background: #16161A !important;
  background-image: none !important;
  color: #F9F9F9 !important;
}
html, body { overflow: hidden !important; }

/* 隐藏装饰层：粒子星尘 / 鼠标光晕 / 点阵 / 光柱 */
#bg-canvas, #cursorGlow, .dot-grid, .beams, .beams *, .meteors, #cursorGlow * { display: none !important; }

/* ===== 启动屏：扁平 Semi ===== */
#splash { background: #16161A !important; }
#splash .splash-bg { display: none !important; }
#splash .splash-logo {
  background: #54A9FF !important;
  box-shadow: none !important;
  border-radius: 18px !important;
  color: #fff !important;
}
#splash .splash-title { color: #F9F9F9 !important; }
#splash .splash-sub { color: rgba(249,249,249,.6) !important; }
#splash .splash-loading span { background: #54A9FF !important; }
#splash .splash-tip { color: rgba(249,249,249,.6) !important; }

/* ===== 顶栏：深色底 + 细边框 ===== */
.topbar {
  background: rgba(22,22,26,.92) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  backdrop-filter: blur(14px) saturate(1.2) !important;
  box-shadow: none !important;
}
.topbar .brand .logo {
  background: #54A9FF !important;
  box-shadow: none !important;
  color: #fff !important;
  border-radius: 9px !important;
  animation: none !important;
}
.brand h1 { color: #F9F9F9 !important; }
.brand p { color: rgba(249,249,249,.6) !important; }

/* 密钥/账户状态 pill */
.key-status { color: #4e89f4 !important; background: rgba(78,137,244,.12) !important; border: 1px solid rgba(78,137,244,.28) !important; }
.key-status.ok { color: #5DC264 !important; background: rgba(93,194,100,.12) !important; border-color: rgba(93,194,100,.28) !important; }

/* 账户切换：半透明浅色填充，去掉渐变 */
.as-trigger {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
.as-trigger:hover { background: rgba(255,255,255,.08) !important; border-color: rgba(255,255,255,.14) !important; }
.as-trigger.open { background: rgba(84,169,255,.14) !important; border-color: rgba(84,169,255,.3) !important; }
.as-badge-a { background: #54A9FF !important; }
.as-badge-e { background: #40B4F3 !important; }
.as-badge-c { background: #A05FF0 !important; }
.as-badge { color: #fff !important; }
.as-name { color: #F9F9F9 !important; }
.as-arrow::before { color: rgba(249,249,249,.55) !important; }

/* ===== 左侧边栏：深色卡片底 + 细边框 ===== */
nav.tabs.sidebar {
  background: rgba(28,28,33,.96) !important;
  border-right: 1px solid rgba(255,255,255,.07) !important;
}
nav.tabs.sidebar .tab-group-label,
nav.tabs.sidebar .tab-tools-label { color: rgba(249,249,249,.42) !important; }
nav.tabs.sidebar .tab-btn { color: rgba(249,249,249,.62) !important; border-radius: 7px !important; }
nav.tabs.sidebar .tab-btn:hover { background: rgba(255,255,255,.07) !important; color: #F9F9F9 !important; }
nav.tabs.sidebar .tab-btn:hover .tb-ico { color: #B7D9FF !important; }
nav.tabs.sidebar .tab-btn.active {
  background: rgba(84,169,255,.16) !important;
  border-color: rgba(84,169,255,.3) !important;
  color: #F9F9F9 !important;
}
nav.tabs.sidebar .tab-btn.active .tb-ico { color: #9CD0FF !important; }
nav.tabs.sidebar .tab-group + .tab-group { border-top: 1px solid rgba(255,255,255,.07) !important; }

/* ===== 卡片：平面 + 1px 边框 + 12px 圆角，去掉顶部高光/流光/悬浮阴影 ===== */
.card {
  background: #232429 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
.card::before { display: none !important; }
.card::after { display: none !important; }
.card:hover {
  transform: none !important;
  border-color: rgba(84,169,255,.28) !important;
  box-shadow: none !important;
}
.card h2 { color: #F9F9F9 !important; }
.card h2::before {
  background: #54A9FF !important;
  box-shadow: none !important;
  width: 3px !important;
  border-radius: 3px !important;
}
.card h2::after { background: linear-gradient(90deg, rgba(255,255,255,.12), transparent) !important; }

/* ===== 表单控件：浅色填充 + 细边框 + 6px 圆角 ===== */
.field-label { color: rgba(249,249,249,.66) !important; }
textarea, input[type=text], input[type=password], input[type=number], select, input[type=search] {
  background: rgba(255,255,255,.05) !important;
  color: #F9F9F9 !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}
textarea::placeholder, input::placeholder { color: rgba(249,249,249,.4) !important; }
textarea:hover, input:hover, select:hover { border-color: rgba(255,255,255,.22) !important; }
textarea:focus, input:focus, select:focus {
  border-color: #54A9FF !important;
  box-shadow: 0 0 0 2px rgba(84,169,255,.28) !important;
  background: rgba(255,255,255,.06) !important;
}
input[type=range] { accent-color: #54A9FF !important; }
input[type=checkbox], .rec-check { accent-color: #54A9FF !important; }

/* ===== 按钮：平面主色 + 6px 圆角 ===== */
.btn { border-radius: 6px !important; font-weight: 600 !important; box-shadow: none !important; }
.btn.primary {
  background: #54A9FF !important;
  color: #fff !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}
.btn.primary::after { display: none !important; }
.btn.primary:hover {
  background: #6CB5FF !important;
  transform: none !important;
  box-shadow: none !important;
}
.btn.primary:active { background: #4A9BEF !important; transform: none !important; }
.btn.primary:disabled { background: rgba(255,255,255,.12) !important; color: rgba(249,249,249,.4) !important; }
.btn.danger { background: rgba(252,114,90,.12) !important; color: #FC725A !important; border: 1px solid rgba(252,114,90,.3) !important; }
.btn.danger:hover { background: rgba(252,114,90,.2) !important; }
.btn.ghost, .btn.secondary {
  background: rgba(255,255,255,.06) !important; color: rgba(249,249,249,.85) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}
.btn.ghost:hover, .btn.secondary:hover { background: rgba(255,255,255,.1) !important; color: #F9F9F9 !important; }

/* ===== 上传区：细虚线边框，去浮动动画 ===== */
.dropzone {
  border: 1px dashed rgba(255,255,255,.22) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.02) !important;
  box-shadow: none !important;
}
.dropzone:hover, .dropzone.drag {
  border-color: #54A9FF !important;
  background: rgba(84,169,255,.06) !important;
  box-shadow: none !important;
}
.dz-icon { animation: none !important; }
.dropzone:hover .dz-icon { transform: none !important; }
.dz-hint { color: rgba(249,249,249,.5) !important; }

/* 文件标签 */
.file-chip { background: #232429 !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 8px !important; }
.file-chip span { color: rgba(249,249,249,.6) !important; }
.chip-remove { color: rgba(249,249,249,.55) !important; }

/* 提示词预设 */
.preset-btn {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: rgba(249,249,249,.62) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}
.preset-btn:hover, .preset-btn.active {
  background: rgba(84,169,255,.16) !important;
  border-color: #54A9FF !important;
  color: #F9F9F9 !important;
  box-shadow: none !important;
}

/* ===== 结果区：平面深色内嵌 ===== */
.result-box {
  background: #1C1C22 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
.result-box .placeholder { color: rgba(249,249,249,.5) !important; border: 1px dashed rgba(255,255,255,.18) !important; border-radius: 8px !important; }
.result-box img { border-radius: 8px !important; box-shadow: none !important; }
.status-area { color: rgba(249,249,249,.6) !important; }
.hint { color: rgba(249,249,249,.52) !important; }
.status-error { color: #FC725A !important; }
.status-text { animation: none !important; }

/* 加载动画 */
.spinner { border-color: rgba(255,255,255,.16) !important; border-top-color: #54A9FF !important; }

/* 徽章/标签 */
.badge { border-radius: 6px !important; box-shadow: none !important; }
.tag { border-radius: 4px !important; }

/* 顶部「下载更新」按钮：扁平低调 */
.top-update-btn {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #DFE3EF !important;
}
.top-update-btn:hover { background: rgba(255,255,255,.08) !important; border-color: rgba(255,255,255,.16) !important; box-shadow: none !important; }
.top-update-btn .tub-ico { background: #54A9FF !important; box-shadow: none !important; color: #fff !important; }
.top-update-btn .tub-txt b { color: #F9F9F9 !important; }
.top-update-btn .tub-txt .tub-ver { color: rgba(249,249,249,.5) !important; }

/* ===== footer ===== */
.footer { background: transparent !important; border-top: 1px solid rgba(255,255,255,.08) !important; color: rgba(249,249,249,.55) !important; }
.footer a { color: #54A9FF !important; }

/* ===== 生成记录表格/列表：扁平 ===== */
.records-toolbar .hint { color: rgba(249,249,249,.5) !important; }
.rec-sel-wrap { color: rgba(249,249,249,.62) !important; }

/* ===== 弹窗/下拉菜单：深色卡片 ===== */
.as-menu, .dropdown-menu, .popover {
  background: #232429 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.35) !important;
}
.as-opt:hover { background: rgba(255,255,255,.07) !important; }
.as-opt.active { background: rgba(84,169,255,.14) !important; }

/* ===== 滚动条：细、暗灰、融入 ===== */
::-webkit-scrollbar { width: 7px !important; height: 7px !important; }
::-webkit-scrollbar-track { background: transparent !important; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,.14) !important; border-radius: 8px !important; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.24) !important; }
::-webkit-scrollbar-corner { background: transparent !important; }



/* 结果占位：纯平面，去渐变色 */
.result-box .placeholder { background: rgba(255,255,255,.02) !important; box-shadow: none !important; }
.result-box .placeholder::before { color: rgba(249,249,249,.4) !important; }


/* ============================================================
   AURORA 深色动效层 · 高级克制（深空navy + 蓝紫渐变 + 玻璃拟态）
   加载于 Semi 扁平层之后，压过：玻璃质感、渐变高光、细腻动效
   ============================================================ */

/* 字体 */
html, body, button, input, textarea, select {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* 页面：深空 navy + 静态多层辉光 */
body {
  background:
    radial-gradient(1200px 620px at 12% -8%, rgba(108,140,255,.16), transparent 58%),
    radial-gradient(1100px 560px at 92% 6%, rgba(160,95,240,.13), transparent 58%),
    radial-gradient(900px 520px at 50% 118%, rgba(56,214,240,.09), transparent 60%),
    #0A0E1A !important;
  background-attachment: fixed !important;
  color: #EAF0FF !important;
}

/* 隐藏旧粒子/光柱/点阵（仍用，只保留 Aurora 光球） */
#bg-canvas, #cursorGlow, .dot-grid, .beams .meteor { display: none !important; }

/* Aurora 光球：缓慢漂移，背景呼吸 */
.beams { position: fixed !important; inset: 0 !important; z-index: -2 !important; pointer-events: none !important; overflow: hidden !important; display: block !important; }
.beams .beam {
  position: absolute !important; display: block !important; border-radius: 50% !important;
  filter: blur(90px) !important; opacity: .34 !important; will-change: transform !important;
}
.beams .b1 { width: 520px; height: 520px; left: -6%; top: -14%; background: radial-gradient(circle, rgba(108,140,255,.7), transparent 65%); animation: auroraA 22s ease-in-out infinite; }
.beams .b2 { width: 460px; height: 460px; right: -8%; top: 2%; background: radial-gradient(circle, rgba(160,95,240,.65), transparent 65%); animation: auroraB 26s ease-in-out infinite; }
.beams .b3 { width: 520px; height: 520px; left: 38%; bottom: -22%; background: radial-gradient(circle, rgba(56,214,240,.55), transparent 65%); animation: auroraC 30s ease-in-out infinite; }
@keyframes auroraA { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(26px,20px) scale(1.06); } }
@keyframes auroraB { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(-30px,14px) scale(1.08); } }
@keyframes auroraC { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(20px,-22px) scale(1.05); } }

/* ===== 顶栏：玻璃深空 ===== */
.topbar {
  background: rgba(12,17,32,.68) !important;
  border-bottom: 1px solid rgba(124,150,255,.14) !important;
  backdrop-filter: blur(16px) saturate(1.4) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.03) !important;
}
.topbar .brand .logo {
  background: linear-gradient(135deg, #6C8CFF, #A05FF0) !important;
  border-radius: 10px !important;
  box-shadow: 0 6px 16px rgba(108,140,255,.35) !important;
  animation: logoFloat 4.5s ease-in-out infinite !important;
  color: #fff !important;
}
@keyframes logoFloat { 0%,100% { transform: translateY(0); box-shadow: 0 6px 16px rgba(108,140,255,.32); } 50% { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(160,95,240,.42); } }
.brand h1 { color: #F2F4FF !important; }

/* 账户切换：玻璃 pill */
.as-trigger { background: rgba(255,255,255,.04) !important; border: 1px solid rgba(255,255,255,.1) !important; border-radius: 8px !important; box-shadow: none !important; }
.as-trigger:hover { background: rgba(108,140,255,.14) !important; border-color: rgba(108,140,255,.4) !important; }
.as-trigger.open { background: rgba(108,140,255,.18) !important; border-color: rgba(108,140,255,.5) !important; }
.as-badge-a { background: linear-gradient(135deg, #6C8CFF, #A05FF0) !important; box-shadow: 0 2px 8px rgba(108,140,255,.4) !important; }
.as-badge-e { background: linear-gradient(135deg, #38D6F0, #6C8CFF) !important; box-shadow: 0 2px 8px rgba(56,214,240,.4) !important; }
.as-badge-c { background: linear-gradient(135deg, #A05FF0, #C86BF0) !important; box-shadow: 0 2px 8px rgba(160,95,240,.4) !important; }
.as-name { color: #F2F4FF !important; }

/* 顶部「下载更新」按钮：玻璃 + 渐变图标 */
.top-update-btn { background: rgba(255,255,255,.04) !important; border: 1px solid rgba(255,255,255,.1) !important; border-radius: 8px !important; box-shadow: none !important; color: #DFE3F2 !important; }
.top-update-btn:hover { background: rgba(108,140,255,.14) !important; border-color: rgba(108,140,255,.4) !important; box-shadow: 0 4px 14px rgba(108,140,255,.2) !important; }
.top-update-btn .tub-ico { background: linear-gradient(135deg, #6C8CFF, #A05FF0) !important; box-shadow: 0 2px 8px rgba(108,140,255,.4) !important; color: #fff !important; animation: logoFloat 4.5s ease-in-out infinite !important; }

/* ===== 左侧边栏：玻璃深空 ===== */
nav.tabs.sidebar { background: rgba(12,17,32,.72) !important; border-right: 1px solid rgba(124,150,255,.12) !important; backdrop-filter: blur(14px) !important; }
nav.tabs.sidebar .tab-group-label, nav.tabs.sidebar .tab-tools-label { color: rgba(180,195,240,.42) !important; }
nav.tabs.sidebar .tab-btn { color: rgba(210,220,250,.62) !important; border-radius: 8px !important; transition: background .2s ease, color .2s ease, transform .2s ease !important; }
nav.tabs.sidebar .tab-btn:hover { background: rgba(108,140,255,.1) !important; color: #F2F4FF !important; transform: translateX(2px) !important; }
nav.tabs.sidebar .tab-btn.active {
  background: linear-gradient(90deg, rgba(108,140,255,.22), rgba(160,95,240,.14)) !important;
  border: 1px solid rgba(108,140,255,.42) !important;
  box-shadow: 0 4px 16px rgba(108,140,255,.18) !important;
  color: #F2F4FF !important;
}
nav.tabs.sidebar .tab-btn.active .tb-ico { color: #A8C6FF !important; }
nav.tabs.sidebar .tab-btn:hover .tb-ico { color: #B0CDFF !important; transform: scale(1.1) !important; }
nav.tabs.sidebar .tb-ico { transition: transform .2s ease, color .2s ease !important; }
nav.tabs.sidebar .tab-group + .tab-group { border-top: 1px solid rgba(124,150,255,.1) !important; }

/* ===== 卡片：玻璃渐变 + 悬浮抬升 + 顶部高光 ===== */
.card {
  background: linear-gradient(165deg, rgba(30,39,64,.9), rgba(18,24,42,.92)) !important;
  border: 1px solid rgba(124,150,255,.16) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 30px rgba(6,10,22,.35) !important;
  transition: transform .28s cubic-bezier(.22,.9,.3,1), border-color .28s ease, box-shadow .28s ease !important;
}
.card::before { display: block !important; content: "" !important; position: absolute !important; top: 0; left: 8%; right: 8%; height: 1px; border-radius: 3px; background: linear-gradient(90deg, transparent, rgba(150,180,255,.5), transparent) !important; }
.card::after { display: none !important; }
.card:hover { transform: translateY(-3px) !important; border-color: rgba(108,140,255,.38) !important; box-shadow: 0 18px 44px rgba(6,10,22,.5), 0 0 22px rgba(108,140,255,.12) !important; }
.card h2 { color: #F2F4FF !important; }
.card h2::before { background: linear-gradient(180deg, #6C8CFF, #A05FF0) !important; box-shadow: 0 0 10px rgba(108,140,255,.5) !important; width: 3px !important; }
.card h2::after { background: linear-gradient(90deg, rgba(124,150,255,.4), transparent) !important; }
.card-sub { border-top-color: rgba(124,150,255,.14) !important; }

/* ===== 表单：玻璃 + 蓝色聚焦光 ===== */
.field-label { color: #9FB2D8 !important; }
textarea, input[type=text], input[type=password], input[type=number], select, input[type=search] {
  background: rgba(255,255,255,.045) !important;
  color: #EAF0FF !important;
  border: 1px solid rgba(150,170,230,.2) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}
textarea::placeholder, input::placeholder { color: rgba(170,185,220,.45) !important; }
textarea:hover, input:hover, select:hover { border-color: rgba(108,140,255,.36) !important; background: rgba(255,255,255,.06) !important; }
textarea:focus, input:focus, select:focus {
  border-color: #6C8CFF !important;
  box-shadow: 0 0 0 3px rgba(108,140,255,.22), 0 0 18px rgba(108,140,255,.16) !important;
  background: rgba(255,255,255,.06) !important;
}
input[type=range] { accent-color: #6C8CFF !important; }
input[type=checkbox], .rec-check { accent-color: #6C8CFF !important; }

/* ===== 按钮：渐变主色 + 柔和流光 + 悬浮抬升 ===== */
.btn { border-radius: 8px !important; font-weight: 600 !important; transition: transform .16s ease, box-shadow .16s ease, background .16s ease !important; }
.btn.primary {
  background: linear-gradient(135deg, #6C8CFF, #A05FF0) !important;
  color: #fff !important; border: 1px solid transparent !important;
  box-shadow: 0 6px 18px rgba(108,140,255,.3) !important;
}
.btn.primary::after { display: block !important; position: absolute !important; top: 0; left: -70%; width: 45%; height: 100%; content: "" !important; background: linear-gradient(100deg, transparent, rgba(255,255,255,.28), transparent); transform: skewX(-20deg) !important; transition: left .55s ease !important; }
.btn.primary:hover { background: linear-gradient(135deg, #7C9BFF, #B07CF5) !important; transform: translateY(-1px) !important; box-shadow: 0 10px 26px rgba(108,140,255,.42) !important; }
.btn.primary:hover::after { left: 130% !important; }
.btn.primary:active { transform: translateY(0) !important; box-shadow: 0 4px 14px rgba(108,140,255,.35) !important; }
.btn.primary:disabled { background: rgba(255,255,255,.12) !important; color: rgba(255,255,255,.4) !important; box-shadow: none !important; }
.btn.danger { background: rgba(255,107,122,.12) !important; color: #FF8A95 !important; border: 1px solid rgba(255,107,122,.32) !important; }
.btn.danger:hover { background: rgba(255,107,122,.22) !important; }
.btn.ghost, .btn.secondary { background: rgba(255,255,255,.05) !important; color: #E3E8F8 !important; border: 1px solid rgba(255,255,255,.12) !important; }
.btn.ghost:hover, .btn.secondary:hover { background: rgba(108,140,255,.14) !important; border-color: rgba(108,140,255,.4) !important; box-shadow: 0 4px 14px rgba(108,140,255,.18) !important; }

/* ===== 上传区：渐变虚线 + 悬浮辉光 ===== */
.dropzone { border: 1.5px dashed rgba(150,170,230,.34) !important; border-radius: 10px !important; background: rgba(255,255,255,.02) !important; transition: border-color .2s ease, background .2s ease, box-shadow .2s ease !important; }
.dropzone:hover, .dropzone.drag { border-color: #6C8CFF !important; background: rgba(108,140,255,.08) !important; box-shadow: 0 0 22px rgba(108,140,255,.12) inset !important; }
.dz-icon { animation: dzFloat 3s ease-in-out infinite !important; }
@keyframes dzFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
.dropzone:hover .dz-icon { transform: translateY(-5px) scale(1.08) !important; }
.dz-hint { color: rgba(170,185,220,.55) !important; }

/* 文件标签 */
.file-chip { background: rgba(23,29,46,.9) !important; border: 1px solid rgba(124,150,255,.16) !important; border-radius: 9px !important; }
.file-chip span { color: #A9B8DC !important; }

/* 提示词预设 */
.preset-btn { background: rgba(255,255,255,.04) !important; border: 1px solid rgba(255,255,255,.12) !important; color: rgba(200,212,240,.62) !important; border-radius: 999px !important; transition: .18s ease !important; }
.preset-btn:hover, .preset-btn.active { background: rgba(108,140,255,.16) !important; border-color: #6C8CFF !important; color: #F2F4FF !important; box-shadow: 0 0 12px rgba(108,140,255,.25) !important; }

/* ===== 结果区：玻璃内嵌 ===== */
.result-box { background: rgba(14,20,36,.65) !important; border: 1px solid rgba(124,150,255,.14) !important; border-radius: 10px !important; box-shadow: none !important; }
.result-box .placeholder { background: rgba(255,255,255,.02) !important; border: 1px dashed rgba(150,170,230,.28) !important; border-radius: 10px !important; color: #8B99BD !important; }
.result-box .placeholder::before { color: rgba(200,212,240,.4) !important; }
.result-box img, .result-box video { border-radius: 10px !important; box-shadow: 0 12px 30px rgba(0,0,0,.45) !important; animation: resultPop .45s cubic-bezier(.34,1.56,.64,1) !important; }
@keyframes resultPop { from { opacity: 0; transform: scale(.96); } to { opacity: 1; transform: scale(1); } }
.hint { color: rgba(170,185,220,.58) !important; }
.status-error { color: #FF8A95 !important; }

/* 加载：渐变圆环 */
.spinner { border-color: rgba(124,150,255,.16) !important; border-top-color: #6C8CFF !important; animation: spin .8s linear infinite !important; }

/* 面板进场：错落上浮 */
.panel.active { animation: panelIn .4s cubic-bezier(.22,.9,.3,1) !important; }
@keyframes panelIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.panel.active .card > * { animation: riseIn .45s cubic-bezier(.22,.9,.3,1) backwards !important; }
@keyframes riseIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.panel.active .card > *:nth-child(1) { animation-delay: .02s !important; }
.panel.active .card > *:nth-child(2) { animation-delay: .06s !important; }
.panel.active .card > *:nth-child(3) { animation-delay: .1s !important; }
.panel.active .card > *:nth-child(4) { animation-delay: .14s !important; }
.panel.active .card > *:nth-child(5) { animation-delay: .18s !important; }
.panel.active .card > *:nth-child(6) { animation-delay: .22s !important; }
.panel.active .card > *:nth-child(7) { animation-delay: .26s !important; }
.panel.active .card > *:nth-child(8) { animation-delay: .3s !important; }

/* 顶栏标题字/关键信息 */
.key-status { color: #5687f4 !important; background: rgba(86,135,244,.12) !important; border: 1px solid rgba(86,135,244,.3) !important; }
.key-status.ok { color: #3DD68C !important; background: rgba(61,214,140,.12) !important; border-color: rgba(61,214,140,.3) !important; }

/* ===== 弹窗/下拉：玻璃深空 ===== */
.as-menu, .dropdown-menu, .popover { background: rgba(23,29,46,.96) !important; border: 1px solid rgba(124,150,255,.18) !important; border-radius: 10px !important; box-shadow: 0 14px 40px rgba(0,0,0,.5), 0 0 20px rgba(108,140,255,.08) !important; backdrop-filter: blur(14px) !important; }
.as-opt:hover { background: rgba(108,140,255,.12) !important; }
.as-opt.active { background: rgba(108,140,255,.2) !important; }

/* ===== footer ===== */
.footer { background: transparent !important; border-top: 1px solid rgba(124,150,255,.12) !important; color: rgba(170,185,220,.55) !important; }
.footer a { color: #6C8CFF !important; }

/* ===== 启动屏：渐变 logo + 光晕 ===== */
#splash { background: radial-gradient(1000px 600px at 50% 20%, rgba(108,140,255,.16), transparent 60%), #0A0E1A !important; }
#splash .splash-bg { display: none !important; }
#splash .splash-logo { background: linear-gradient(135deg, #6C8CFF, #A05FF0) !important; box-shadow: 0 0 60px rgba(108,140,255,.55) !important; border-radius: 20px !important; animation: splashLogo .85s cubic-bezier(.34,1.56,.64,1) both !important; }
#splash .splash-title { color: #F2F4FF !important; }
#splash .splash-sub { color: #9FB2D8 !important; }
#splash .splash-loading span { background: linear-gradient(135deg, #6C8CFF, #A05FF0) !important; }
#splash .splash-tip { color: #9FB2D8 !important; }

/* ===== 滚动条：蓝紫渐变细条 ===== */
::-webkit-scrollbar { width: 7px !important; height: 7px !important; }
::-webkit-scrollbar-track { background: transparent !important; }
::-webkit-scrollbar-thumb { background: rgba(124,150,255,.28) !important; border-radius: 8px !important; }
::-webkit-scrollbar-thumb:hover { background: rgba(108,140,255,.5) !important; }
::-webkit-scrollbar-corner { background: transparent !important; }

/* ===== AURORA 批量槽位颜色精修 ===== */
.batch-slot { background: linear-gradient(165deg, rgba(30,38,66,.86), rgba(16,21,40,.94)) !important; border: 1px solid rgba(124,150,255,.24) !important; }
.batch-slot:hover { border-color: rgba(124,150,255,.52) !important; box-shadow: 0 14px 36px rgba(0,0,0,.45), 0 0 24px rgba(108,140,255,.18) !important; }
.slot-num { background: linear-gradient(135deg,#6C8CFF,#A05FF0) !important; box-shadow: 0 0 14px rgba(108,140,255,.5) !important; }
.batch-slot .field-label { color: #B7C4E8 !important; }
.batch-slot textarea.slot-field, .batch-slot .slot-text { background: rgba(13,18,34,.74) !important; border: 1px solid rgba(124,150,255,.26) !important; color: var(--text) !important; }
.batch-slot textarea.slot-field:focus { border-color: #6C8CFF !important; box-shadow: 0 0 0 3px rgba(108,140,255,.18) !important; }
.batch-slot textarea.slot-field::placeholder, .batch-slot .slot-text::placeholder { color: rgba(139,152,184,.75) !important; }
.slot-file-pick { background: rgba(13,18,34,.64) !important; border: 1.5px dashed rgba(124,150,255,.4) !important; }
.slot-file-pick:hover { border-color: #6C8CFF !important; background: rgba(108,140,255,.12) !important; box-shadow: 0 0 16px rgba(108,140,255,.16) !important; }
.sfp-text { color: #DCE4FB !important; }
.sfp-name.has { color: var(--green) !important; }
.slot-check-wrap { background: rgba(108,140,255,.1) !important; border: 1px solid rgba(124,150,255,.32) !important; color: #DCE4FB !important; }
.slot-check-wrap:hover { background: rgba(108,140,255,.2) !important; border-color: rgba(124,150,255,.58) !important; }
.slot-check-box { background: rgba(13,18,34,.74) !important; border: 2px solid rgba(124,150,255,.5) !important; }
.slot-check-wrap input:checked + .slot-check-box { background: linear-gradient(135deg,#6C8CFF,#A05FF0) !important; }
.slot-check-wrap input:checked ~ * { color: var(--green) !important; }
.slot-status.idle { background: rgba(139,152,184,.14) !important; color: #9AA8C8 !important; }

/* ===== AURORA 批量槽位「单独生成」按钮：玻璃蓝紫次按钮 ===== */
.batch-slot .slot-run {
  background: linear-gradient(135deg, rgba(108,140,255,.2), rgba(160,95,240,.22)) !important;
  color: #E6ECFF !important;
  border: 1px solid rgba(124,150,255,.4) !important;
  border-radius: 10px !important;
  backdrop-filter: blur(8px) !important;
  font-weight: 600 !important;
}
.batch-slot .slot-run:hover {
  background: linear-gradient(135deg, rgba(108,140,255,.34), rgba(160,95,240,.36)) !important;
  border-color: rgba(124,150,255,.66) !important;
  color: #F4F7FF !important;
  box-shadow: 0 10px 24px rgba(108,140,255,.25) !important;
  transform: translateY(-1px) !important;
}
.batch-slot .slot-run:disabled { opacity:.55 !important; cursor:not-allowed !important; }


/* ===== AURORA 图标素材替换：Lucide 线性图标 ===== */
.dz-icon svg.ic { width: 40px; height: 40px; color: var(--accent); filter: drop-shadow(0 4px 12px rgba(108,140,255,.4)); }
.h2-ico { width: 22px; height: 22px; color: var(--accent); vertical-align: -3px; margin-right: 8px; }
.result-box .placeholder::before {
  content: "" !important; display: block !important; width: 36px !important; height: 36px !important;
  margin: 0 auto 10px !important; opacity: .5 !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-sparkles%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11.017%202.814a1%201%200%200%201%201.966%200l1.051%205.558a2%202%200%200%200%201.594%201.594l5.558%201.051a1%201%200%200%201%200%201.966l-5.558%201.051a2%202%200%200%200-1.594%201.594l-1.051%205.558a1%201%200%200%201-1.966%200l-1.051-5.558a2%202%200%200%200-1.594-1.594l-5.558-1.051a1%201%200%200%201%200-1.966l5.558-1.051a2%202%200%200%200%201.594-1.594z%22%20%2F%3E%20%3Cpath%20d%3D%22M20%202v4%22%20%2F%3E%20%3Cpath%20d%3D%22M22%204h-4%22%20%2F%3E%20%3Ccircle%20cx%3D%224%22%20cy%3D%2220%22%20r%3D%222%22%20%2F%3E%20%3C%2Fsvg%3E") center/contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-sparkles%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11.017%202.814a1%201%200%200%201%201.966%200l1.051%205.558a2%202%200%200%200%201.594%201.594l5.558%201.051a1%201%200%200%201%200%201.966l-5.558%201.051a2%202%200%200%200-1.594%201.594l-1.051%205.558a1%201%200%200%201-1.966%200l-1.051-5.558a2%202%200%200%200-1.594-1.594l-5.558-1.051a1%201%200%200%201%200-1.966l5.558-1.051a2%202%200%200%200%201.594-1.594z%22%20%2F%3E%20%3Cpath%20d%3D%22M20%202v4%22%20%2F%3E%20%3Cpath%20d%3D%22M22%204h-4%22%20%2F%3E%20%3Ccircle%20cx%3D%224%22%20cy%3D%2220%22%20r%3D%222%22%20%2F%3E%20%3C%2Fsvg%3E") center/contain no-repeat !important;
  background-color: var(--accent) !important;
}


/* 按钮/标签内小图标 */
svg.ico { width: 15px; height: 15px; color: currentColor; vertical-align: -2px; margin-right: 5px; display: inline-block; flex-shrink: 0; }
button svg.ico, label svg.ico { vertical-align: -2px; }
p.hint svg.ico, .hint svg.ico { vertical-align: -2px; opacity: .9; }

/* ===== AURORA 图标素材替换-2：记录/帮助/钱包/转写对齐 ===== */
.record-icon svg.ico { width: 24px; height: 24px; margin-right: 0; vertical-align: middle; }
.help-q svg.ico, .help-a svg.ico { vertical-align: -3px; }
.wc-icon svg.ico, .vt-input-icon svg.ico, .vt-btn-ico svg.ico { margin-right: 4px; vertical-align: -2px; }
.settings-lock { color: var(--accent); }

/* ===== AI智能剪辑：复选框/BGM 行对齐精修 ===== */
.field-row.chk-row { align-items: center; }
.field-label.chk { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; margin: 0; }
.field-row.bgm-row .field-label { margin: 0; }
.field-row.bgm-row select, .field-row.bgm-row .btn.small { flex-shrink: 0; }

/* 左上角 logo 使用桌面应用图标 */
.topbar .brand .logo { overflow: hidden; }
.topbar .brand .logo img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; display: block; }


/* 下拉选项：强制深色可读 */
select, input, textarea { color-scheme: dark; }
select option { background: #16161c !important; color: #f4f4f5 !important; }

/* 全能参考视频：参考素材顺序徽标（图1/视频1/音频2） */
.file-chip .chip-index { flex: 0 0 auto !important; font-size: 12px; font-weight: 700; color: #fff !important; background: linear-gradient(135deg,#6371f5,#46c5ff); border-radius: 6px; padding: 2px 8px; line-height: 1.4; box-shadow: 0 2px 6px rgba(99,113,245,.35); }

/* ============================================================
   排版精修层 · 20260828（追加于 AURORA 层之后，最高优先级）
   目标：只动视觉，不动结构/逻辑；针对用户反馈的"别扭点"定向优化
   —— 账户条过高过空 / 标题过长挤压 / 侧边栏分组孤单 / 配色与焦点态
   ============================================================ */

/* —— ① 顶部账户条：压缩高度、信息聚拢、右端余额对齐 —— */
#acctBar.acct-bar {
  margin: 12px 30px 10px 254px !important;
  padding: 11px 18px !important;
  gap: 10px !important;
  height: auto !important;
  min-height: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(90deg, rgba(108,140,255,.10), rgba(160,95,240,.06)) !important;
  border: 1px solid rgba(124,150,255,.20) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  position: relative !important;
  z-index: 20 !important;
}
#acctBar .acct-txt {
  gap: 6px !important;
  font-size: 13.5px !important;
  color: #C9D4F5 !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
}
#acctBar .acct-txt b { color: #EEF3FF !important; font-weight: 700 !important; }
#acctBar .acct-hint { font-size: 12px !important; color: #8B99BD !important; white-space: nowrap !important; }
#acctBar .acct-bal {
  margin-left: auto !important;
  padding: 6px 12px !important;
  border-radius: 9px !important;
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  gap: 9px !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
}
#acctBar .acct-bal em { font-size: 13px !important; color: #EAF1FF !important; font-weight: 600 !important; font-variant-numeric: tabular-nums !important; }
#acctBar .acct-bal .ab-refresh {
  border-radius: 6px !important;
  font-size: 13px !important;
  opacity: .7 !important;
  transition: opacity .16s, background .16s !important;
}
#acctBar .acct-bal .ab-refresh:hover { opacity: 1 !important; background: rgba(255,255,255,.08) !important; }

/* —— ② 卡片标题：允许副标题折行，不再挤压右侧信息；加左竖条 —— */
.card h2 {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: .35em 9px !important;
  padding-left: 13px !important;
  font-size: 17px !important;
  line-height: 1.45 !important;
  min-height: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
}
.card h2 .h2-ico { flex: 0 0 auto !important; align-self: center !important; }
.card .grid-2 > .col.result-col { align-self: start !important; }

/* —— ③ 侧边栏：恢复圆角、柔和 hover、分组间距规整 —— */
nav.tabs.sidebar .tab-btn {
  border-radius: 9px !important;
  margin: 0 !important;
  padding: 7px 12px !important;
}
nav.tabs.sidebar .tab-group + .tab-group {
  margin-top: 8px !important;
  padding-top: 8px !important;
  border-top: 1px solid rgba(124,150,255,.14) !important;
}
nav.tabs.sidebar .tab-group-label,
nav.tabs.sidebar .tab-tools-label {
  font-size: 11.5px !important;
  letter-spacing: 1.2px !important;
  color: rgba(180,195,240,.55) !important;
  padding: 4px 10px 3px !important;
  margin-bottom: 2px !important;
}
nav.tabs.sidebar .tab-btn.active .tb-ico { color: #A8C6FF !important; }

/* —— ④ 全局配色/焦点统一：柔和对齐 AURORA 蓝紫 —— */
:root {
  --t-accent-glow: rgba(108,140,255,.18);
}
.main-card, .card {
  border-radius: 14px !important;
}
.card h2::before {
  width: 3px !important;
  border-radius: 3px !important;
  background: linear-gradient(180deg, #6C8CFF, #A05FF0) !important;
}
/* 结果区：柔和内嵌卡片 */
.result-box .placeholder { background: rgba(255,255,255,.02) !important; }

/* —— ⑤ 聚焦态：清晰统一，提升键盘导航可感知性 —— */
:focus-visible {
  outline: 2px solid rgba(108,140,255,.55) !important;
  outline-offset: 2px !important;
}
input:focus, select:focus, textarea:focus {
  border-color: #6C8CFF !important;
  box-shadow: 0 0 0 3px rgba(108,140,255,.16) !important;
}

/* —— ⑥ 面板进入动画微调：仅主卡片淡入，避免凌乱错落 —— */
.panel.active .card > * { animation: none !important; }

/* ═══════════════════════════════════════════════════════
   排版精修层 II —— 针对「功能面板内部 / 顶栏 / 设置页 / 整体配色」
   在本文件末尾追加（最高级联），仅动视觉，不改任何逻辑。
   ═══════════════════════════════════════════════════════ */

/* —— ① 功能面板内部：表单更紧凑、分组分隔线统一 —— */
.card .col > .field-label {
  margin: 22px 0 10px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(124,150,255,.13) !important;
}
.card .col > .field-label:first-child {
  margin-top: 4px !important;
  padding-top: 0 !important;
  border-top: none !important;
}
.card .col > .field-label + .dropzone,
.card .col > .field-label + .prompt-presets,
.card .col > .field-label + textarea { margin-top: 2px !important; }
/* 首条 field-label 紧跟 dropzone 说明项时，避免分隔线出现 */
.card .col > .dropzone { margin-top: 8px !important; margin-bottom: 8px !important; }
.dz-inner { padding: 28px 20px !important; }
.dz-icon svg.ic { width: 36px !important; height: 36px !important; }

/* 表单项垂直节奏：label 上留白统一 4px，行间距规整 */
.card .col > textarea, .card .col > input, .card .col > select { margin-bottom: 12px !important; }
/* label 与下方控件 / 控件组间距 */
.card .col > .field-label { display: block; }
/* dropzone 之间的说明性 field-label 不额外加分隔线（①② 说明文字） */
.card .col .dropzone + .field-label { border-top: none !important; padding-top: 4px !important; }

/* —— ② field-row 内：等宽对齐、控件底部对齐（v4 加大列间距、加大控件最小宽度） —— */
.field-row { gap: 18px !important; row-gap: 14px !important; align-items: flex-end !important; }
.field-row .field-grow { min-width: 180px !important; flex: 1 1 180px !important; }
.field-row .field-grow > label.field-label,
.field-row .field-grow > .field-label { margin-bottom: 8px !important; }
/* 图生图「宽度/高度/分辨率/输出格式」四个控件一行放下：收紧最小宽 */
#panel-image-edit .field-row .field-grow { min-width: 140px !important; flex: 1 1 140px !important; }
/* 防止 4 个 select/number 挤在一行太窄：给它们独立一行时的舒适宽 */
.field-row .field-grow select, .field-row .field-grow input { width: 100% !important; min-width: 0 !important; }

/* —— ③ 批量槽位：更紧凑，编号醒目 —— */
.batch-slot { padding: 16px 18px !important; }
.batch-slot .slot-status { margin-top: 12px !important; }

/* —— ③b 批量槽位精修：编号弱化 + 勾选项提到顶部（模式选择） + 空文件引导清晰 —— */
/* 序号从抢眼的渐变大圆 + 光晕，弱化为克制的小铭牌 */
.batch-slot .slot-num {
  min-width: 22px !important; height: 22px !important; padding: 0 6px !important;
  font-size: 12px !important; font-weight: 700 !important;
  border-radius: 6px !important;
  background: rgba(124,150,255,.12) !important;
  color: #B7C4E8 !important;
  letter-spacing: .5px;
  box-shadow: none !important;
}
/* 勾选项（此处的"用上方音色"）提升为整槽位最顶部的模式卡片：清晰、不悬空 */
.batch-slot .slot-check-wrap.slot-check-top {
  margin: 0 0 12px 0 !important;
  padding: 11px 13px !important;
  gap: 10px !important;
  background: rgba(108,140,255,.10) !important;
  border: 1px solid rgba(124,150,255,.30) !important;
  border-radius: 11px !important;
}
.batch-slot .slot-check-wrap.slot-check-top:hover {
  background: rgba(108,140,255,.18) !important;
  border-color: rgba(124,150,255,.52) !important;
}
.batch-slot .slot-check-wrap.slot-check-top .slot-check-label {
  font-size: 12.5px !important; font-weight: 600 !important;
  color: #DCE4FB !important;
  line-height: 1.45 !important;
}
.batch-slot .slot-check-wrap.slot-check-top input:checked ~ .slot-check-label { color: #8BE9B6 !important; }
/* 顶部模式卡与文件区之间视觉分组 */
.batch-slot .slot-files { margin-top: 2px !important; }
/* 文件字段的 label 更聚焦，空态点击引导更直观 */
.batch-slot .slot-file-col .field-label { margin: 12px 0 7px !important; }
.batch-slot .slot-file-pick { min-height: 44px !important; padding: 10px 13px !important; }
.batch-slot .slot-file-pick .sfp-name { color: rgba(148,163,184,.85) !important; }
.batch-slot .slot-file-pick .sfp-name.has { color: #8BE9B6 !important; font-weight: 600 !important; }

/* —— ④ 顶栏账户条：信息聚拢，余额弱化为辅助态 —— */
#acctBar .acct-bal {
  padding: 5px 10px !important;
  background: rgba(255,255,255,.04) !important;
  border-radius: 8px !important;
  gap: 6px !important;
  font-size: 12.5px !important;
  color: rgba(200,212,240,.78) !important;
}
#acctBar .acct-bal .acct-bal-num { font-weight: 700 !important; color: #E8ECFF !important; }
#acctBar .acct-bal .refresh-btn { opacity: .55 !important; }

/* —— ⑤ 设置页：锁定态与表单态视觉统一，间距规整 —— */
.card.narrow { max-width: 720px !important; }
#settingsLock input#settingsPwd {
  max-width: 300px !important; margin: 16px auto !important;
  text-align: center !important; font-size: 15px !important;
  letter-spacing: 2px !important;
}
#settingsForm .field-label { margin-top: 20px !important; }
#settingsForm .field-label:first-child { margin-top: 4px !important; }
#cfgKeySelf { padding: 0 !important; }
/* 云端直连区：无首分隔线，更融合 */
#cloudConn { border-top: 1px solid rgba(124,150,255,.13) !important; padding-top: 14px !important; margin-top: 14px !important; }

/* —— ⑥ 整体配色：滚动条、自定义下拉等细节统一蓝紫 —— */
.btn.big { letter-spacing: .4px !important; }
/* 帮助浮钮更克制，避免抢占视觉 */
.help-fab { box-shadow: 0 6px 22px rgba(108,140,255,.32) !important; }

/* /web/shared/releases/20261012-integrated-v208/skin-gold.css */
/* =========================================================
   AI工作台 · 黑金轻奢皮肤（覆盖层）
   —— 与登录页同款黑金语言：深黑磨砂底 + 香槟金渐变
   —— 置于 style.css / ui5.css 之后加载，用 !important 压制蓝色科技感
   ========================================================= */

:root {
  --bg: #05060a;
  --bg2: #0a0c12;
  --card: rgba(15,17,24,.82);
  --card2: #14171f;
  --border: rgba(129,156,225,.16);
  --text: #e1e6f2;
  --muted: #7481a2;
  --accent: #819ce1;
  --accent2: #4d71bf;
  --cyan: #b4c5f1;
  --green: #718cd2;
  --red: #FF7A6B;
  --yellow: #a5b9ed;
  --gold: #819ce1;
  --gold2: #708ece;
  --gold-grad: linear-gradient(135deg,#b4c5f1 0%,#819ce1 38%,#4d71bf 100%);
  --gold-btn: linear-gradient(135deg,#a5b9ed 0%,#819ce1 42%,#4e72c0 100%);
}

/* ===== 背景：深黑磨砂 + 星点金尘 ===== */
html, body {
  background: radial-gradient(1100px 620px at 82% -12%, rgba(129,156,225,.10), transparent 60%),
              radial-gradient(1000px 560px at 6% -10%, rgba(93,131,217,.08), transparent 60%),
              radial-gradient(900px 700px at 50% 118%, rgba(129,156,225,.06), transparent 60%),
              var(--bg) !important;
  background-attachment: fixed !important;
}
body {
  color: var(--text) !important;
  background-color: var(--bg) !important;
}

/* ===== 顶栏 ===== */
.topbar {
  background: rgba(8,9,13,.94) !important;
  border-bottom: 1px solid rgba(129,156,225,.16) !important;
  box-shadow: 0 1px 0 rgba(129,156,225,.08), 0 8px 30px rgba(0,0,0,.45) !important;
}
/* 去除左上角 logo 图标（保留品牌标题与标语） */
.topbar .logo { display: none !important; }
.topbar .brand h1 {
  color: #e4e9f6 !important;
  -webkit-text-fill-color: #e4e9f6 !important;
  background: var(--gold-grad) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  filter: drop-shadow(0 0 14px rgba(129,156,225,.18));
}
.brand p { color: #7481a2 !important; }
/* 品牌金色标语 */
.brand-slogan {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: 1.2px !important;
  color: #7c8fc4 !important;
  margin-top: 2px !important;
}
.brand-slogan::before {
  content: ""; width: 8px; height: 1.5px;
  background: linear-gradient(90deg, #819ce1, transparent);
}

/* ===== 顶栏按钮 / 状态徽章 ===== */
.key-status {
  background: rgba(165,185,237,.10) !important;
  color: #a5b9ed !important;
  border: 1px solid rgba(129,156,225,.30) !important;
}
.key-status.ok {
  background: rgba(113,140,210,.12) !important;
  color: #819ce1 !important;
  border-color: rgba(113,140,210,.34) !important;
}
.running-badge {
  background: rgba(129,156,225,.10) !important;
  border: 1px solid rgba(129,156,225,.28) !important;
  color: #a5b9ed !important;
}
.running-badge:hover { background: rgba(129,156,225,.18) !important; border-color: rgba(129,156,225,.4) !important; }
.running-badge.has-run {
  background: rgba(129,156,225,.16) !important;
  border-color: rgba(129,156,225,.42) !important;
  color: #a5b9ed !important;
  box-shadow: 0 0 18px rgba(129,156,225,.28) !important;
}
/* 运行中任务数气泡（黑金皮肤）：香槟金小圆点 */
.running-badge .rb-num {
  background: rgba(129,156,225,.32) !important;
  color: #0e1628 !important;
}
/* 运行中弹层 */
.running-pop {
  background: rgba(12,13,18,.98) !important;
  border: 1px solid rgba(129,156,225,.26) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.65), 0 0 34px rgba(129,156,225,.12) !important;
}
.running-pop-head { color: #e4e9f6 !important; border-bottom-color: rgba(129,156,225,.14) !important; }
.running-pop-item:hover { background: rgba(129,156,225,.08) !important; border-color: rgba(129,156,225,.2) !important; }
.rpi-icon {
  background: rgba(129,156,225,.12) !important;
  color: #a5b9ed !important;
}
.rpi-title { color: #e1e6f2 !important; }
.rpi-meta { color: #7481a2 !important; }

/* ===== 侧边栏（功能导航）===== */
nav.tabs.sidebar {
  background: rgba(8,9,13,.94) !important;
  border-right: 1px solid rgba(129,156,225,.12) !important;
  /* 修复：压掉 .tabs 的 height:52px（侧边栏同时带 .tabs class），让功能入口撑满视口高度 */
  height: calc(100vh - 58px) !important;
  top: 58px !important;
  bottom: 0 !important;
  min-height: calc(100vh - 58px) !important;
  padding: 10px 12px 18px !important;
}
nav.tabs.sidebar .sb-scroll::-webkit-scrollbar-thumb { background: rgba(129,156,225,.22) !important; }
nav.tabs.sidebar .tab-group + .tab-group {
  border-top: 1px solid rgba(129,156,225,.12) !important;
}
/* 底部停靠区（管理工具）：卡片样式与上方功能组一致（沿用 .tab-group 同款卡片，不再单独覆盖颜色）；按钮间距同 .tab-group */
nav.tabs.sidebar .sb-dock {
  gap: 4px !important;
  /* 统一：与上方功能组完全同款卡片（背景/边框/圆角/内边距/组间距一致） */
  background: rgba(84,169,255,.09) !important;
  border: 1px solid rgba(84,169,255,.16) !important;
  border-top-color: rgba(129,156,225,.12) !important;
  border-radius: 7px !important;
  padding: 8px 9px 3px !important;
  margin: 8px 0 0 !important;
}
nav.tabs.sidebar .sb-dock .tab-tools-label { padding: 4px 10px 3px !important; }
nav.tabs.sidebar .sb-dock .tab-tools-label::before {
  content: "" !important; display: block !important; width: 7px !important; height: 7px !important; border-radius: 50% !important;
  background: var(--gold-grad) !important; box-shadow: 0 0 8px rgba(129,156,225,.7) !important; flex: 0 0 auto !important;
}
nav.tabs.sidebar .tab-group-label,
nav.tabs.sidebar .tab-tools-label {
  color: #6379ae !important;
  letter-spacing: 1.4px !important;
}
nav.tabs.sidebar .tab-group-label::before {
  content: ""; width: 7px; height: 7px; border-radius: 50%;
  background: var(--gold-grad); box-shadow: 0 0 8px rgba(129,156,225,.7);
  flex: 0 0 auto;
}
nav.tabs.sidebar .tab-btn {
  color: #68719a !important;
  /* 排版优化：icon↔文字 gap 10→8、左右 padding 12→10，给长文字区多释放约 6px，修复「最强文生视频」等截断 */
  gap: 6px !important;
  padding: 7px 8px !important;
}
/* 排版优化：组内按钮间距 5→4px，让 38px 高的按钮紧凑但仍好点 */
nav.tabs.sidebar .tab-group { gap: 4px !important; }
nav.tabs.sidebar .tab-btn .tb-ico { color: #616c92 !important; }
nav.tabs.sidebar .tab-btn:hover {
  background: rgba(129,156,225,.06) !important;
  color: #dee4f4 !important;
}
nav.tabs.sidebar .tab-btn:hover .tb-ico { color: #a5b9ed !important; }
nav.tabs.sidebar .tab-btn.active {
  background: linear-gradient(135deg, rgba(129,156,225,.16), rgba(78,114,192,.10)) !important;
  border-color: rgba(129,156,225,.34) !important;
  color: #e8eefe !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 18px rgba(129,156,225,.10) !important;
}
nav.tabs.sidebar .tab-btn.active .tb-ico { color: #a5b9ed !important; }
nav.tabs.sidebar .tab-btn .trial-badge {
  border-radius: 5px !important;
  border: 1px solid rgba(129,156,225,.22) !important;
}
nav.tabs.sidebar .tab-btn .trial-badge.trial-ok { color: #a5b8e9 !important; background: rgba(129,156,225,.14) !important; border-color: rgba(129,156,225,.26) !important; }
nav.tabs.sidebar .tab-btn .trial-badge.trial-zero,
nav.tabs.sidebar .tab-btn .trial-badge.trial-lock { color: #FF8A7A !important; background: rgba(255,122,107,.16) !important; border-color: rgba(255,122,107,.3) !important; }

/* ===== 账户切换 ===== */
.as-badge-a { background: var(--gold-grad) !important; color: #0e1628 !important; }
.as-badge-e { background: linear-gradient(135deg,#4d71bf,#a5b9ed) !important; color: #0e1628 !important; }
.as-badge-c { background: linear-gradient(135deg,#546c96,#708ece) !important; color: #0e1628 !important; }
.as-name { color: #e1e6f2 !important; }
.as-trigger:hover { background: rgba(129,156,225,.06) !important; border-color: rgba(129,156,225,.12) !important; }
.as-trigger.open { background: rgba(129,156,225,.10) !important; border-color: rgba(129,156,225,.18) !important; }
.as-arrow { color: rgba(129,156,225,.55) !important; }
.top-update-btn { border-color: rgba(129,156,225,.14) !important; color: #e1e6f2 !important; }
.top-update-btn:hover { background: rgba(129,156,225,.06) !important; border-color: rgba(129,156,225,.2) !important; }

/* ===== 右上角合并单面板分组（acct-group）—— 账户切换 + 钱包余额 视觉一体 ===== */
.acct-group {
  display: flex; align-items: stretch;
  background: linear-gradient(165deg, rgba(19,22,29,.90), rgba(12,14,17,.94)) !important;
  border: 1px solid rgba(129,156,225,.28) !important;
  border-radius: 13px !important;
  box-shadow: 0 3px 10px rgba(0,0,0,.28), inset 0 1px 0 rgba(180,197,241,.06) !important;
  margin-left: 12px;
}
.acct-group .account-switcher { position: relative; margin-left: 0 !important; display: flex; align-items: center; }
.acct-group .as-trigger {
  min-width: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 12px 0 0 12px !important;
  padding: 7px 14px 7px 10px !important;
  gap: 9px !important;
}
.acct-group .as-trigger:hover { background: rgba(129,156,225,.05) !important; }
.acct-group .as-trigger.open { background: rgba(129,156,225,.08) !important; }
/* 切换器 → 钱包 之间的柔和分隔线 */
.acct-group .account-switcher::after {
  content: ""; align-self: center;
  width: 1px; height: 26px;
  background: linear-gradient(180deg, transparent, rgba(129,156,225,.22), transparent);
}
/* 钱包徽章：去掉独立白边，融入分组胶囊 */
.acct-group .wallet-chip {
  margin-left: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  align-items: center;
  padding: 7px 12px 7px 10px !important;
  border-left: 1px solid rgba(129,156,225,.14) !important;
}
.acct-group .wallet-chip:hover { background: rgba(129,156,225,.05) !important; }
.acct-group .wallet-chip .wc-refresh {
  background: rgba(129,156,225,.10) !important;
  border-radius: 7px !important;
}
/* —— 钱包排版修复：拉开主数值 / 副标 的行距与数值间距，消除「¥4.8 40,026 钱包/余额 挤作一团」 —— */
.acct-group .wallet-chip .wc-body {
  display: flex; flex-direction: column; justify-content: center;
  gap: 2px;               /* 主数值与副标之间留 2px 呼吸，不再紧贴叠字 */
  min-width: 0;
}
.acct-group .wallet-chip .wc-name {
  display: inline-flex; align-items: baseline; gap: 5px;   /* ¥4.8 与 40,026 数字之间留 gap */
  white-space: nowrap;
  letter-spacing: .2px;
}
.acct-group .wallet-chip .wc-sub {
  white-space: nowrap;
  letter-spacing: .4px;
  color: #7481a2;
}

/* 手机端：分组收窄，只保留徽章 + 余额，隐藏账户切换文案标签 */
@media (max-width: 767px) {
  .acct-group { margin-left: 8px !important; border-radius: 12px !important; }
  .acct-group .as-trigger { padding: 6px 8px 6px 6px !important; gap: 6px !important; }
  .acct-group .wallet-chip { padding: 6px 8px 6px 8px !important; }
  .acct-group .wc-body { display: none !important; }
  .acct-group .as-name, .acct-group .as-sub, .acct-group .as-arrow { display: none !important; }
}

.top-update-btn .tub-ico { background: var(--gold-grad) !important; color: #0e1628 !important; }
.top-update-btn .tub-txt b { color: #e1e6f2 !important; }
.top-update-btn .tub-txt .tub-ver { color: #7481a2 !important; }

/* ===== 体验版横幅 ===== */
#trialBar {
  background: linear-gradient(90deg, rgba(129,156,225,.12), rgba(165,185,237,.05)) !important;
  border: 1px solid rgba(129,156,225,.20) !important;
  color: #d7ddeb !important;
}
#trialBar .trial-q { background: rgba(129,156,225,.06) !important; border-color: rgba(129,156,225,.14) !important; }
#trialBar .trial-q b { color: #e8eefe !important; }
#trialBar .trial-head { background: rgba(165,185,237,.14) !important; border-color: rgba(129,156,225,.3) !important; }
#trialBar .trial-head b { color: #a5b9ed !important; }
#trialBar .trial-qh { background: rgba(129,156,225,.12) !important; border-color: rgba(129,156,225,.26) !important; color: #a5b9ed !important; }
#trialBar .trial-ok em { color: #819ce1 !important; }
#trialBar .trial-note { color: #7481a2 !important; }
#trialBar .trial-toggle { cursor: pointer !important; background: rgba(129,156,225,.12) !important; border-color: rgba(129,156,225,.3) !important; color: #a5b9ed !important; }
#trialBar .trial-toggle:hover { background: rgba(129,156,225,.2) !important; }
#trialDetail { background: rgba(129,156,225,.035) !important; border-color: rgba(129,156,225,.13) !important; }
#trialDetail .trial-detail-item { background: rgba(129,156,225,.05) !important; border-color: rgba(129,156,225,.13) !important; color: #98a2bb !important; }
#trialDetail .trial-detail-item b { color: #d0d9f0 !important; }
#trialDetail .trial-detail-item.ok em { color: #819ce1 !important; }
#trialDetail .trial-detail-item.zero em { color: #E57373 !important; }

/* ===== 主内容区 ===== */
.acct-bar { color: #afb6c9 !important; }
.wallet-chip { border-color: rgba(129,156,225,.2) !important; }

/* ===== 卡片 ===== */
.card {
  background: linear-gradient(165deg, rgba(23,24,30,.92), rgba(12,13,18,.98)) !important;
  border: 1px solid rgba(129,156,225,.16) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05), 0 0 0 1px rgba(129,156,225,.04) !important;
}
.card:hover {
  border-color: rgba(129,156,225,.36) !important;
  box-shadow: 0 20px 54px rgba(0,0,0,.55), 0 0 28px rgba(129,156,225,.10), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.card::before {
  background: linear-gradient(90deg, transparent, rgba(129,156,225,.55), transparent) !important;
}
/* 卡片标题：金色宝石条 + 渐变标题 */
.card h2 {
  color: #e4e9f6 !important;
}
.card h2::before {
  background: var(--gold-grad) !important;
  box-shadow: 0 0 12px rgba(129,156,225,.7) !important;
}
.card h2::after {
  background: linear-gradient(90deg, rgba(129,156,225,.35), transparent) !important;
}
.card h2 svg, .card h2 .h2-ico, .card h2 .tb-ico {
  color: #819ce1 !important;
  filter: drop-shadow(0 0 6px rgba(129,156,225,.4));
}
/* 卡片正文标题里的强调 */
.card h2::first-letter, .wash-case-title { color: #a5b9ed !important; }
.wash-case-title { color: #a5b9ed !important; }
.wash-case {
  background: linear-gradient(165deg, rgba(20,22,30,.45), rgba(14,14,18,.5)) !important;
  border: 1px solid rgba(129,156,225,.12) !important;
}

/* ===== 表单 ===== */
.field-label { color: #7c8fc4 !important; }
textarea, input[type=text], input[type=password], input[type=number], select {
  background: rgba(10,11,15,.85) !important;
  color: #e1e6f2 !important;
  border: 1px solid rgba(129,156,225,.14) !important;
}
textarea::placeholder, input::placeholder { color: #505b77 !important; }
textarea:focus, input:focus, select:focus {
  border-color: #819ce1 !important;
  box-shadow: 0 0 0 3px rgba(129,156,225,.16), 0 0 18px rgba(129,156,225,.14) !important;
}
input[type=range] { accent-color: #819ce1 !important; }
.hint { color: #7481a2 !important; }

/* ===== 上传区 ===== */
.dropzone {
  border: 1.5px dashed rgba(78,114,192,.4) !important;
  background: rgba(16,16,20,.5) !important;
}
.dropzone:hover, .dropzone.drag {
  border-color: #819ce1 !important;
  background: rgba(129,156,225,.06) !important;
  box-shadow: 0 0 24px rgba(129,156,225,.12) inset !important;
}
.dz-hint { color: #7481a2 !important; }
.file-chip {
  background: rgba(20,20,26,.7) !important;
  border: 1px solid rgba(129,156,225,.14) !important;
  color: #e1e6f2 !important;
}

/* ===== 按钮 ===== */
.btn { color: #e1e6f2 !important; }
.btn.primary {
  background: var(--gold-btn) !important;
  color: #0e1628 !important;
  box-shadow: 0 8px 26px rgba(78,114,192,.34), inset 0 1px 0 rgba(255,255,255,.4) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.25) !important;
}
.btn.primary:hover {
  filter: brightness(1.06) !important;
  box-shadow: 0 0 26px rgba(129,156,225,.45), 0 10px 30px rgba(78,114,192,.4) !important;
}
.btn.primary::after {
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.45), transparent) !important;
}
.btn.danger { background: rgba(255,122,107,.12) !important; color: #FF8A7A !important; border-color: rgba(255,122,107,.3) !important; }
.btn.danger:hover { background: rgba(255,122,107,.2) !important; }
.btn:hover { transform: translateY(-1px); }
.btn:disabled { opacity: .5; }

/* ===== 预设标签 / 徽章 ===== */
.preset-btn {
  background: rgba(20,20,26,.7) !important;
  border: 1px solid rgba(129,156,225,.18) !important;
  color: #929bba !important;
}
.preset-btn:hover, .preset-btn.active {
  border-color: #819ce1 !important;
  background: rgba(129,156,225,.16) !important;
  color: #e8eefe !important;
  box-shadow: 0 0 14px rgba(129,156,225,.22) !important;
}
.badge.success { background: rgba(113,140,210,.14) !important; color: #819ce1 !important; }
.badge.running { background: rgba(165,185,237,.14) !important; color: #a5b9ed !important; }
.badge.failed { background: rgba(255,122,107,.14) !important; color: #FF8A7A !important; }
.badge.wallet { background: rgba(129,156,225,.14) !important; color: #a5b9ed !important; }
.badge.coin { background: rgba(165,185,237,.16) !important; color: #a5b9ed !important; }

/* ===== 表格 / 记录 ===== */
.record-title { color: #e1e6f2 !important; }
.record-desc { color: #7481a2 !important; }
.record-meta { color: #7481a2 !important; }
.records-toolbar .btn.small { color: #e1e6f2 !important; }

/* ===== 滚动条（黑金统一体系）=====
   视觉层级：轨道(track)极浅透明 → 滑块(thumb)金渐变+内发光
   交互状态：normal(静置) / hover(悬停加深加宽) / active(拖拽中最醒目最宽)
   范围：全站覆盖 + main/sidebar 重点区 + 横向滚动适配 + 响应式 + Firefox 兼容
   设计变量：滚动条宽度/厚度/金渐变/轨道透明度，统一定义便于后续调整。
======================================================================== */
:root {
  --sb-size: 8px;                       /* 桌面滚动条厚度 */
  --sb-size-hover: 10px;                /* 悬停/拖拽时加宽（触感反馈） */
  --sb-radius: 999px;                   /* 全圆角胶囊 */
  --sb-grad: linear-gradient(180deg, rgba(180,197,241,.85) 0%, rgba(129,156,225,.9) 45%, rgba(77,113,191,.92) 100%); /* 金渐变滑块 */
  --sb-grad-active: linear-gradient(180deg, rgba(193,206,245,1) 0%, rgba(146,169,230,1) 45%, rgba(86,119,197,1) 100%);
  --sb-track: rgba(129,156,225,.045);   /* 轨道底色：极浅、不抢层级 */
  --sb-track-border: rgba(129,156,225,.08);
}

/* —— 滚动条整体尺寸 —— */
*::-webkit-scrollbar { width: var(--sb-size); height: var(--sb-size); }

/* —— 轨道：极浅、铺满、留出呼吸，不与内容抢视觉 —— */
*::-webkit-scrollbar-track {
  background: var(--sb-track) !important;
  border-radius: var(--sb-radius) !important;
}
/* 侧边栏/主内容的轨道更收敛，避免大面积色块 */
main::-webkit-scrollbar-track,
nav.tabs.sidebar .sb-scroll::-webkit-scrollbar-track {
  background: transparent !important;
}

/* —— 滑块：金渐变 + 内发光 + 圆角胶囊 —— */
*::-webkit-scrollbar-thumb {
  background: var(--sb-grad) !important;
  border-radius: var(--sb-radius) !important;
  border: 1px solid rgba(11,13,19,.35) !important;      /* 深色描边，与黑底区隔 */
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.14),   /* 顶部高光 */
              0 0 6px rgba(129,156,225,.25) !important; /* 金色柔光 */
  transition: background .18s ease, width .18s ease, box-shadow .18s ease !important;
}

/* —— hover：加深、加宽（transformer 视觉反馈，但不突兀）—— */
*::-webkit-scrollbar-thumb:hover {
  background: var(--sb-grad-active) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.2), 0 0 10px rgba(129,156,225,.45) !important;
}

/* —— active（按住拖拽中）：最醒目、最宽，给明确"正在操作"的反馈 —— */
*::-webkit-scrollbar-thumb:active {
  background: var(--sb-grad-active) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.25), 0 0 14px rgba(129,156,225,.6) !important;
}

/* —— 滚动条增宽触感：仅当悬停/拖拽到滚动条上时，把宽度放宽（用 transition 制造平滑增粗）——
   note：WebKit 无法直接 hover 改 ::-webkit-scrollbar 宽度，这里用固定增强值保证 hover/active 足够宽且一致。*/
*::-webkit-scrollbar-thumb { position: relative; }

/* —— 四角收圆、透明 —— */
*::-webkit-scrollbar-corner,
*::-webkit-scrollbar-button {
  background: transparent !important;
  display: none !important;
}

/* —— 横向滚动条高度同步 —— */
*::-webkit-scrollbar { height: var(--sb-size); }

/* —— Firefox 兼容（scrollbar-width/color 需一起设，否则会回退原生粗条）—— */
html, body, *, main, nav.tabs.sidebar, nav.tabs.sidebar .sb-scroll {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(129,156,225,.55) rgba(129,156,225,.05) !important;
}

/* —— 侧边栏滚动条：更收敛、贴黑金（滚动容器为内部 .sb-scroll）—— */
nav.tabs.sidebar .sb-scroll::-webkit-scrollbar { width: var(--sb-size) !important; }
nav.tabs.sidebar .sb-scroll::-webkit-scrollbar-thumb {
  background: rgba(129,156,225,.35) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08) !important;
}
nav.tabs.sidebar .sb-scroll::-webkit-scrollbar-thumb:hover { background: rgba(129,156,225,.55) !important; }

/* —— 桌面宽屏已够用；平板厚度 = 8（触控仍需清晰）—— */
@media (min-width: 1025px) {
  *::-webkit-scrollbar { width: var(--sb-size); height: var(--sb-size); }
}

/* —— 平板/触控：加宽一点、热区更大，拖动更跟手 ——
   修复：ui5.css 末尾的 `html,body{overflow:hidden!important}` 以源码顺序压过
   其自身媒体查询里的 `overflow:auto!important`，导致 ≤1024px 时 body 被裁切、
   无法滚动、滚动条消失。此处（skin-gold 最后加载，同 specificity 后胜）恢复整体滚动。 */
@media (max-width: 1024px) {
  html, body { overflow: auto !important; }
  :root { --sb-size: 10px; }
  *::-webkit-scrollbar { width: 10px; height: 10px !important; }
  *::-webkit-scrollbar-thumb { border: 1px solid rgba(11,13,19,.3) !important; }
}

/* —— 移动端（<768px）：滚动条更窄避免遮挡内容，但保触控可用 —— */
@media (max-width: 767px) {
  :root { --sb-size: 7px; }
  *::-webkit-scrollbar { width: 7px; height: 7px !important; }
  /* 触控下 hover 无意义，直接给足亮度 */
  *::-webkit-scrollbar-thumb { background: var(--sb-grad) !important; }
}

/* ===== 主题切换 FAB / 面板 ===== */
.theme-fab { background: rgba(23,24,30,.9) !important; border-color: rgba(129,156,225,.4) !important; }
.theme-fab:hover { box-shadow: 0 0 26px rgba(129,156,225,.7) !important; }
.theme-panel { background: rgba(18,19,24,.98) !important; border-color: rgba(129,156,225,.34) !important; }
.theme-title { color: #7c8fc4 !important; }
.theme-opt { background: rgba(12,13,17,.75) !important; border: 1px solid rgba(129,156,225,.18) !important; color: #e1e6f2 !important; }

/* ===== 顶部下载 / 各类提示条 ===== */
#keyBanner, #remoteBanner { color: #d7ddeb !important; }
#keyBanner { background: linear-gradient(90deg, rgba(129,156,225,.14), rgba(255,122,107,.06)) !important; border-color: rgba(129,156,225,.24) !important; }

/* ===== 保留红灯/提示语义色 ===== */
.trial-zero em, .trial-lock em { color: #FF8A7A !important; }
.trial-off em { color: #a5b9ed !important; }

/* ===== 卖点标签（功能词卖点化 · 黑金徽章）===== */
.sell-tag {
  font-style: normal;
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 auto;
  padding: 3px 11px;
  border-radius: 999px;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: .6px;
  color: #08101e !important;
  background: var(--gold-grad);
  box-shadow: 0 0 12px rgba(129,156,225,.32), inset 0 1px 0 rgba(255,255,255,.4);
  text-shadow: 0 1px 0 rgba(255,255,255,.22);
  line-height: 1.3;
  transform: translateY(-1px);
}
/* 卡片标题徽章与文字的间距 */
.card h2 .sell-tag { margin-right: 2px; }
@media (max-width: 720px) {
  .card h2 .sell-tag { white-space: nowrap; }
}

/* =========================================================
   ═══ 排版重排层 · 卖点驱动的运营台首页 ═══
   —— 顶部价值主张 + 快捷功能卡片 + 侧边栏 NEW/HOT 角标
   —— 仅视觉 + 文案层，不改任何业务逻辑
   ========================================================= */

/* ---- 顶部全局价值主张（居中超大标题）---- */
.page-hero {
  text-align: center;
  padding: 26px 12px 10px;
  margin-bottom: 2px;
  position: relative;
}
.hero-eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  font-size: 12px; letter-spacing: 3px; font-weight: 700;
  color: #6379ae; text-transform: uppercase;
}
.hero-eyebrow::before, .hero-eyebrow::after {
  content: ""; width: 26px; height: 1px;
  background: linear-gradient(90deg, transparent, #819ce1);
}
.hero-eyebrow::after { transform: scaleX(-1); }
.hero-title {
  font-size: clamp(24px, 3.5vw, 40px);
  font-weight: 800; letter-spacing: 1px; line-height: 1.25;
  margin: 12px auto 10px; max-width: 940px;
  background: var(--gold-grad);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 18px rgba(129,156,225,.20));
}
.hero-sub {
  font-size: 14.5px; color: #7481a2; max-width: 720px;
  margin: 0 auto 18px; line-height: 1.7; letter-spacing: .3px;
}
/* 分段胶囊（视觉装饰）*/
.hero-pills {
  display: inline-flex; gap: 6px; padding: 5px;
  border: 1px solid rgba(129,156,225,.22); border-radius: 999px;
  background: rgba(16,16,22,.6);
  box-shadow: 0 6px 22px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05);
}
.hero-pill {
  padding: 8px 22px; border-radius: 999px; font-size: 13px;
  font-weight: 700; letter-spacing: .6px; color: #7481a2;
  cursor: default; transition: .2s; user-select: none;
}
.hero-pill.active {
  background: var(--gold-grad); color: #08101e;
  box-shadow: 0 4px 16px rgba(129,156,225,.32), inset 0 1px 0 rgba(255,255,255,.4);
}

/* ---- 链接分析输入区（参考图 · 大标题下粘贴框） ---- */
.link-analyzer {
  max-width: 720px; margin: 4px auto 26px;
  padding: 14px 16px 16px;
  background: linear-gradient(165deg, rgba(23,24,30,.92), rgba(12,13,18,.98));
  border: 1px solid rgba(129,156,225,.18); border-radius: 16px;
  box-shadow: 0 12px 34px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05);
  text-align: left;
}
.la-tabs {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 4px; margin-bottom: 12px;
  background: rgba(12,13,17,.6); border-radius: 999px;
  border: 1px solid rgba(129,156,225,.14);
}
.la-tab {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 7px 16px; border-radius: 999px;
  font-size: 12.5px; font-weight: 700; letter-spacing: .3px;
  color: #7481a2; border: 1px solid transparent; cursor: default; user-select: none;
}
.la-tab svg { width: 14px; height: 14px; color: #616c92; }
.la-tab.active {
  background: rgba(129,156,225,.10);
  border-color: rgba(129,156,225,.40);
  color: #e4e9f6;
}
.la-tab.active svg { color: #a5b9ed; }
.la-input {
  position: relative; width: 100%;
}
.la-input input {
  width: 100%; box-sizing: border-box;
  background: rgba(10,11,15,.85); color: #e1e6f2;
  border: 1px solid rgba(129,156,225,.16); border-radius: 11px;
  padding: 13px 16px; font-size: 14px; outline: none;
  transition: border-color .18s, box-shadow .18s;
}
.la-input input::placeholder { color: #505b77; }
.la-input input:focus {
  border-color: #819ce1;
  box-shadow: 0 0 0 3px rgba(129,156,225,.14), 0 0 18px rgba(129,156,225,.14);
}
.la-btn {
  position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
  display: inline-flex; align-items: center; gap: 5px;
  padding: 8px 18px; border: none; border-radius: 9px; cursor: pointer;
  font-size: 13px; font-weight: 800; color: #0e1628;
  background: var(--gold-btn);
  box-shadow: 0 6px 18px rgba(78,114,192,.3), inset 0 1px 0 rgba(255,255,255,.4);
  transition: filter .2s, box-shadow .2s;
}
.la-btn:hover { filter: brightness(1.06); box-shadow: 0 0 22px rgba(129,156,225,.4); }
.la-btn svg { width: 15px; height: 15px; }

/* ---- 快捷功能卡片区 ---- */
.quick-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 14px; margin: 10px 0 26px;
}
.quick-card {
  display: flex; flex-direction: column; align-items: flex-start;
  gap: 9px; padding: 16px 16px 15px; text-align: left;
  background: linear-gradient(165deg, rgba(23,24,30,.90), rgba(12,13,18,.98));
  border: 1px solid rgba(129,156,225,.16); border-radius: 14px;
  color: #e1e6f2; cursor: pointer; position: relative; overflow: hidden;
  font-family: inherit;
  transition: transform .2s, border-color .2s, box-shadow .2s;
}
.quick-card:hover {
  transform: translateY(-3px);
  border-color: rgba(129,156,225,.40);
  box-shadow: 0 14px 34px rgba(0,0,0,.5), 0 0 24px rgba(129,156,225,.14);
}
.quick-card .qc-ico {
  width: 42px; height: 42px; border-radius: 11px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(129,156,225,.12);
  border: 1px solid rgba(129,156,225,.2);
  color: #a5b9ed; flex: 0 0 auto;
}
.quick-card .qc-ico svg { width: 21px; height: 21px; }
.quick-card b { font-size: 14px; font-weight: 700; color: #e4e9f6; letter-spacing: .2px; line-height: 1.3; }
.quick-card small { font-size: 12px; color: #7481a2; line-height: 1.5; }
.quick-card::after {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(120% 120% at 20% 0%, rgba(129,156,225,.14), transparent 55%);
  opacity: 0; transition: opacity .2s; pointer-events: none;
}
.quick-card:hover::after { opacity: 1; }
@media (max-width: 900px) { .quick-cards { grid-template-columns: repeat(2, minmax(0,1fr)); } }

/* ---- 侧边栏 NEW/HOT 角标 ---- */
.feat-badge {
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 auto; min-width: 20px; height: 17px; padding: 0 4px;
  border-radius: 999px; font-size: 9px; font-weight: 800;
  letter-spacing: .4px; line-height: 1; margin-left: 1px;
  text-shadow: 0 1px 0 rgba(0,0,0,.2);
  transform: none;
}
.feat-badge.feat-new { background: linear-gradient(135deg,#3ADF8E,#19B96A); color: #04130a; }
.feat-badge.feat-hot { background: linear-gradient(135deg,#FF7A5C,#F0452B); color: #1a0502; }
.feat-badge.feat-gold { background: var(--gold-grad); color: #08101e; }
/* ===== 侧边栏 快速/慢速 子分组标签（客户参考布局） ===== */
nav.tabs.sidebar .tab-speed-label {
  display: flex; align-items: center; gap: 6px;
  padding: 8px 8px 4px; font-size: 10px; font-weight: 800;
  letter-spacing: 1.2px; text-transform: uppercase;
}
nav.tabs.sidebar .tab-speed-label .tsl-dot {
  width: 6px; height: 6px; border-radius: 50%; flex: 0 0 auto; margin-right: 2px;
}
nav.tabs.sidebar .tab-speed-label.speed-fast { color: #4BE39A; }
nav.tabs.sidebar .tab-speed-label.speed-fast .tsl-dot { background: #3ADF8E; box-shadow: 0 0 7px rgba(58,223,142,.75); }
nav.tabs.sidebar .tab-speed-label.speed-slow { color: #9FB4C8; }
nav.tabs.sidebar .tab-speed-label.speed-slow .tsl-dot { background: #7C93A9; box-shadow: 0 0 7px rgba(124,147,169,.6); }

/* 数字人子项缩进 */
nav.tabs.sidebar .tab-btn.sub { padding-left: 22px !important; }

/* 快速 / 慢速 功能角标 */
.feat-badge.feat-fast { background: linear-gradient(135deg,#3ADF8E,#19B96A); color: #04130a; }
.feat-badge.feat-slow { background: linear-gradient(135deg,#7C93A9,#596E82); color: #F2F6FA; }

/* 角标存在时微调文字基线 */
nav.tabs.sidebar .tab-btn .tb-txt { letter-spacing: .2px; }

/* =========================================================
   开场动画 · 黑金版
   —— 压制 style.css 的蓝紫 splash（#54A9FF/#40B4F3）
   —— 深黑磨砂底 + 香槟金渐变 logo/标题/loading 点
   ========================================================= */
#splash {
  background: radial-gradient(1100px 620px at 82% -12%, rgba(129,156,225,.12), transparent 60%),
              radial-gradient(1000px 560px at 6% -10%, rgba(93,131,217,.08), transparent 60%),
              #05060a !important;
}
.splash-bg { display: none !important; }
#splash .splash-logo {
  background: var(--gold-grad) !important;
  color: #0e1628 !important;
  box-shadow: 0 0 70px rgba(129,156,225,.5), inset 0 1px 0 rgba(255,255,255,.4) !important;
  text-shadow: none !important;
}
#splash .splash-title {
  color: #e4e9f6 !important;
  -webkit-text-fill-color: #e4e9f6 !important;
  background: var(--gold-grad) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  filter: drop-shadow(0 0 14px rgba(129,156,225,.22)) !important;
}
#splash .splash-sub { color: #7481a2 !important; }
#splash .splash-loading span {
  background: var(--gold-grad) !important;
  box-shadow: 0 0 10px rgba(129,156,225,.35) !important;
}
#splash .splash-tip { color: #718cd2 !important; }
/* 帮助浮钮（右下角）也随黑金统一：压掉 index.html 内联蓝紫 #6C8CFF→#A05FF0 */
.help-fab {
  background: var(--gold-grad) !important;
  color: #0e1628 !important;
  box-shadow: 0 8px 24px rgba(129,156,225,.30), 0 6px 18px rgba(0,0,0,.35) !important;
}
.help-fab:hover { background: linear-gradient(135deg,#ced8f4 0%,#a0b5ea 45%,#4e72c0 100%) !important; }
.help-fab svg.ico { filter: none !important; }

/* =========================================================
   槽位（slot）组件 · 黑金统一
   —— 压制 style.css/ui5.css 的蓝紫色（#54A9FF/#6C8CFF→#A05FF0）
   —— 背景=深黑磨砂、边框=香槟金、编号/状态=金色体系
   ========================================================= */

/* —— batch-slot 通用批量槽：容器 —— */
.batch-slot {
  background: linear-gradient(165deg, rgba(23,24,30,.90), rgba(12,13,18,.97)) !important;
  border: 1px solid rgba(129,156,225,.16) !important;
  box-shadow: 0 8px 26px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.03) !important;
}
.batch-slot:hover {
  border-color: rgba(129,156,225,.40) !important;
  box-shadow: 0 12px 34px rgba(0,0,0,.45), 0 0 24px rgba(129,156,225,.14) !important;
  transform: translateY(-1px) !important;
}
/* batch-slot 标题（含编号） */
.batch-slot-head, .batch-slot-head { color: #e1e6f2 !important; }
.slot-num {
  background: linear-gradient(135deg, #b4c5f1 0%, #819ce1 38%, #4d71bf 100%) !important;
  color: #0e1628 !important;
  box-shadow: 0 0 12px rgba(129,156,225,.28) !important;
  border: 1px solid rgba(129,156,225,.24) !important;
}
.batch-slot .field-label { color: #718cd2 !important; }
.batch-slot textarea.slot-field, .batch-slot .slot-text,
.batch-slot input.slot-field, .batch-slot select.slot-select {
  background: rgba(13,14,19,.72) !important;
  border: 1px solid rgba(129,156,225,.18) !important;
  color: #e1e6f2 !important;
}
.batch-slot textarea.slot-field:focus, .batch-slot input.slot-field:focus, .batch-slot select.slot-select:focus {
  border-color: #819ce1 !important;
  box-shadow: 0 0 0 3px rgba(129,156,225,.16) !important;
}
.batch-slot textarea.slot-field::placeholder, .batch-slot .slot-text::placeholder,
.batch-slot input.slot-field::placeholder { color: #7481a2 !important; }

/* —— 文件选择框 —— */
.slot-file-pick {
  background: rgba(13,14,19,.64) !important;
  border: 1.5px dashed rgba(129,156,225,.30) !important;
}
.slot-file-pick:hover {
  border-color: #819ce1 !important;
  background: rgba(129,156,225,.10) !important;
  box-shadow: 0 0 16px rgba(129,156,225,.14) !important;
}
.sfp-text { color: #e1e6f2 !important; }
.sfp-name { color: #7481a2 !important; }
.sfp-name.has { color: #718cd2 !important; }

/* —— 参考素材磁贴 —— */
.slot-ref-tile, .srt-body, .slot-ref-grid {
  background: rgba(13,14,19,.70) !important;
  border: 1px solid rgba(129,156,225,.16) !important;
  color: #e1e6f2 !important;
}
.slot-ref-tile:hover { border-color: rgba(129,156,225,.40) !important; box-shadow: 0 0 16px rgba(129,156,225,.14) !important; }
.srt-label, .srt-add { color: #718cd2 !important; }

/* —— 勾选模式卡 —— */
.slot-check-wrap.slot-check-top {
  background: rgba(129,156,225,.10) !important;
  border: 1px solid rgba(129,156,225,.24) !important;
  color: #e1e6f2 !important;
}
.slot-check-wrap.slot-check-top:hover { background: rgba(129,156,225,.16) !important; border-color: rgba(129,156,225,.44) !important; }
.slot-check-wrap.slot-check-top .slot-check-label { color: #e1e6f2 !important; }
.slot-check-wrap.slot-check-top input:checked ~ .slot-check-label { color: #819ce1 !important; }
.slot-check-box { background: rgba(13,14,19,.74) !important; border: 2px solid rgba(129,156,225,.36) !important; }
.slot-check-wrap input:checked + .slot-check-box { background: linear-gradient(135deg,#b4c5f1,#819ce1) !important; }

/* —— 状态徽章（idle/running/success/failed/skip）—— */
.slot-status.idle { background: rgba(116,129,162,.16) !important; color: #adb5c8 !important; border: 1px solid rgba(116,129,162,.30) !important; }
.slot-status.running { background: rgba(165,185,237,.16) !important; color: #a5b9ed !important; border: 1px solid rgba(165,185,237,.40) !important; animation: vtPulse 1.2s ease-in-out infinite !important; }
.slot-status.success { background: rgba(113,140,210,.16) !important; color: #718cd2 !important; border: 1px solid rgba(113,140,210,.42) !important; }
.slot-status.failed { background: rgba(255,122,107,.16) !important; color: #FF7A6B !important; border: 1px solid rgba(255,122,107,.42) !important; }
.slot-status.skip { background: rgba(116,129,162,.14) !important; color: #7481a2 !important; border: 1px solid rgba(116,129,162,.28) !important; }

/* —— 单独生成按钮：金渐变色次按钮 —— */
.batch-slot .slot-run {
  background: linear-gradient(135deg, rgba(129,156,225,.16), rgba(78,113,191,.22)) !important;
  border: 1px solid rgba(129,156,225,.34) !important;
  color: #a5b9ed !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  backdrop-filter: blur(6px) !important;
}
.batch-slot .slot-run:hover {
  background: linear-gradient(135deg, rgba(129,156,225,.28), rgba(78,113,191,.34)) !important;
  border-color: rgba(129,156,225,.56) !important;
  color: #e4e9f6 !important;
  box-shadow: 0 8px 22px rgba(129,156,225,.22) !important;
  transform: translateY(-1px) !important;
}
.batch-slot .slot-run:disabled { opacity:.55 !important; cursor:not-allowed !important; }

/* —— vt-slot 视频文案批量槽 —— */
.vt-slot {
  background: linear-gradient(165deg, rgba(23,24,30,.90), rgba(12,13,18,.97)) !important;
  border: 1px solid rgba(129,156,225,.16) !important;
}
.vt-slot:hover { border-color: rgba(129,156,225,.40) !important; box-shadow: 0 12px 34px rgba(0,0,0,.45), 0 0 24px rgba(129,156,225,.14) !important; }
.vt-num {
  background: linear-gradient(135deg, #b4c5f1 0%, #819ce1 38%, #4d71bf 100%) !important;
  color: #0e1628 !important;
  box-shadow: 0 0 12px rgba(129,156,225,.28) !important;
  border: 1px solid rgba(129,156,225,.24) !important;
}
.vt-platform { color: #718cd2 !important; background: rgba(129,156,225,.10) !important; border: 1px solid rgba(129,156,225,.26) !important; }
.vt-url {
  background: rgba(13,14,19,.72) !important;
  border: 1px solid rgba(129,156,225,.18) !important;
  color: #e1e6f2 !important;
}
.vt-url:focus { border-color: #819ce1 !important; box-shadow: 0 0 0 3px rgba(129,156,225,.16) !important; }
.vt-bar { background: rgba(129,156,225,.14) !important; }
.vt-bar i { background: linear-gradient(90deg,#b4c5f1,#819ce1,#4d71bf) !important; }
.vt-video video { border: 1px solid rgba(129,156,225,.20) !important; }
.vt-text textarea { background: rgba(13,14,19,.72) !important; border: 1px solid rgba(129,156,225,.18) !important; color: #e1e6f2 !important; }
.vt-text textarea:focus { border-color: #819ce1 !important; }
/* vt 状态徽章 */
.vt-status.idle { background: rgba(116,129,162,.16) !important; color: #adb5c8 !important; border: 1px solid rgba(116,129,162,.30) !important; }
.vt-status.downloading { background: rgba(129,156,225,.16) !important; color: #a5b9ed !important; border: 1px solid rgba(129,156,225,.40) !important; animation: vtPulse 1.2s ease-in-out infinite !important; }
.vt-status.running { background: rgba(165,185,237,.16) !important; color: #a5b9ed !important; border: 1px solid rgba(165,185,237,.40) !important; animation: vtPulse 1.2s ease-in-out infinite !important; }
.vt-status.success { background: rgba(113,140,210,.16) !important; color: #718cd2 !important; border: 1px solid rgba(113,140,210,.42) !important; }
.vt-status.failed { background: rgba(255,122,107,.16) !important; color: #FF7A6B !important; border: 1px solid rgba(255,122,107,.42) !important; }
/* vt 按钮 */
.vt-fetch { background: linear-gradient(135deg,#a5b9ed 0%,#819ce1 42%,#4e72c0 100%) !important; color: #0e1628 !important; box-shadow: 0 4px 16px rgba(129,156,225,.30) !important; }
.vt-fetch:hover { filter: brightness(1.06) !important; }
.vt-transcribe, .vt-copy { background: rgba(129,156,225,.12) !important; color: #718cd2 !important; border: 1px solid rgba(129,156,225,.30) !important; }
.vt-transcribe:hover, .vt-copy:hover { background: rgba(129,156,225,.22) !important; }

/* —— img-batch-slot 图片批量槽 —— */
.img-batch-slot {
  background: linear-gradient(170deg, rgba(23,24,30,.90), rgba(12,13,18,.97)) !important;
  border: 1px solid rgba(129,156,225,.16) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.03) !important;
}
.img-batch-slot:hover { border-color: rgba(129,156,225,.40) !important; box-shadow: 0 16px 40px rgba(0,0,0,.45), 0 0 22px rgba(129,156,225,.14) !important; }
.img-batch-slot .img-batch-img { box-shadow: 0 8px 24px rgba(0,0,0,.4) !important; }
.img-batch-status { color: #7481a2 !important; }
.img-batch-bar {
  background: linear-gradient(135deg, rgba(129,156,225,.12), rgba(78,113,191,.06)) !important;
  border: 1px solid rgba(129,156,225,.28) !important;
}
.img-batch-bar .img-batch-count { color: #718cd2 !important; }

/* =========================================================
   全局过渡层 / 加载遮罩 · 黑金版
   —— 切换账户整页刷新时的过渡遮罩 + spinner，压掉蓝紫
   ========================================================= */
.global-loading {
  background: radial-gradient(1100px 620px at 50% 16%, rgba(129,156,225,.10), transparent 60%), rgba(5,6,10,.72) !important;
  backdrop-filter: blur(4px) !important;
}
.global-loading .spinner {
  width: 40px; height: 40px;
  border: 3px solid rgba(129,156,225,.18) !important;
  border-top-color: #819ce1 !important;
  box-shadow: 0 0 18px rgba(129,156,225,.30) !important;
  animation: spin .8s linear infinite !important;
}

/* =========================================================
   钱包组件 · 黑金统一
   —— 覆盖「当前账户」信息条 + 右上角钱包徽章 + 余额明细弹窗
   —— 压制 style.css/ui5.css 的三套蓝紫定义（#54A9FF/#8b5cf6/#6C8CFF）
   ========================================================= */

/* —— 当前账户信息条（acct-bar）—— */
/* 用 #acctBar.acct-bar(1,1,0) 压过 ui5.css L958 的蓝紫渐变（同为 !important，specificity 高者胜） */
#acctBar.acct-bar {
  background: linear-gradient(165deg, rgba(23,24,30,.90), rgba(12,13,18,.97)) !important;
  border: 1px solid rgba(129,156,225,.18) !important;
  box-shadow: 0 8px 26px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.03) !important;
  color: #afb6c9 !important;
}
/* —— acct-bar 现在插入到 main 内容顶部（随页面滚动），需让出左侧固定侧边栏，
      并去掉之前被推下视口时的顶部空隙；窄视口下改为可靠的全宽流式提示条 —— */
#acctBar.acct-bar {
  margin: 0 0 14px !important;
}
@media (min-width: 1025px) {
  #acctBar.acct-bar {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media (max-width: 1024px) {
  #acctBar.acct-bar {
    margin: 0 0 12px !important;
    flex-wrap: wrap !important;
  }
}
#acctBar.acct-bar b { color: #e8eefe !important; }
/* 账户状态脉冲点：蓝紫 → 香槟金 */
#acctBar.acct-bar .acct-dot {
  background: linear-gradient(135deg, #b4c5f1 0%, #819ce1 38%, #4d71bf 100%) !important;
  box-shadow: 0 0 10px rgba(129,156,225,.80) !important;
  animation: dotPulse2 1.2s ease-in-out infinite !important;
}
#acctBar.acct-bar .acct-hint { color: #7481a2 !important; }
#acctBar.acct-bar .acct-txt { color: #bbc4e3 !important; }
/* —— v2 排版：左「当前账户 + 切换提示」、右「钱包徽章」，两端对齐撑满整行 —— */
#acctBar.acct-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 5px 14px !important;   /* 条高刚好包裹 40px 钱包胶囊，上下留白协调 */
  min-height: 50px !important;
  box-sizing: border-box !important;
}
#acctBar.acct-bar .acct-left { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
#acctBar.acct-bar .acct-hint { font-style: normal; white-space: nowrap; margin-left: 6px; font-size: 12px; }
#acctBar.acct-bar .acct-right { display: inline-flex; align-items: center; flex-shrink: 0; }
/* 信息条内钱包徽章：单行紧凑 —— 隐藏重复的 wc-icon（wc-name 已含钱包小图标）与副标「钱包/余额」 */
#acctBar .wallet-chip .wc-icon { display: none !important; }
#acctBar .wallet-chip .wc-sub { display: none !important; }
#acctBar .wallet-chip .wc-body { display: inline-flex !important; flex-direction: row !important; align-items: baseline !important; }
/* 【用户要求 2026-08-30】信息条内钱包去掉胶囊外壳：透明背景、无边框无阴影、无独立内边距，
   只保留「钱包小图标 + ¥金额 + 金币 40,026 + ⟳ 刷新」的裸文字行，与左侧账户文字同处一条内 */
#acctBar .wallet-chip {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-left: 0 !important;
  gap: 7px !important;
}
#acctBar .wallet-chip:hover { background: transparent !important; border: none !important; box-shadow: none !important; transform: none !important; }
#acctBar .wallet-chip.ok, #acctBar .wallet-chip.error { border: none !important; }
#acctBar .wallet-chip .wc-refresh { background: transparent !important; }

/* 余额包装：黑金胶囊 */
#acctBar.acct-bar .acct-bal {
  background: rgba(129,156,225,.08) !important;
  border: 1px solid rgba(129,156,225,.22) !important;
  border-radius: 10px !important;
}
/* 余额数值：金色高亮（压过 style.css L3278 / L3004 的 #f0f0f5 / #e6e6f0） */
#acctBar.acct-bar .acct-bal em, .acct-bal em, .wc-name em {
  color: #a5b9ed !important;
  font-weight: 700 !important;
  font-style: normal;
  -webkit-text-fill-color: #a5b9ed !important;
}
/* 信息条刷新钮：黑金 */
#acctBar.acct-bar .acct-bal .ab-refresh, .acct-bal .ab-refresh {
  border: none !important;
  background: rgba(129,156,225,.14) !important;
  color: #a5b9ed !important;
}
#acctBar.acct-bar .acct-bal .ab-refresh:hover, .acct-bal .ab-refresh:hover { background: rgba(129,156,225,.30) !important; color: #e8eefe !important; }

/* —— 右上角钱包徽章（wallet-chip）—— 与账户切换器统一黑金语言 */
.wallet-chip {
  background: linear-gradient(165deg, rgba(19,22,29,.90), rgba(12,14,17,.94)) !important;
  border: 1px solid rgba(129,156,225,.30) !important;
  box-shadow: 0 3px 10px rgba(0,0,0,.28), inset 0 1px 0 rgba(180,197,241,.06) !important;
}
.wallet-chip:hover {
  border-color: rgba(129,156,225,.58) !important;
  box-shadow: 0 5px 18px rgba(0,0,0,.34), inset 0 1px 0 rgba(180,197,241,.08) !important;
}
.wallet-chip.ok { border-color: rgba(113,140,210,.42) !important; }
/* 错误态：弱化为不刺眼的琥珀警示，避免大面积橙红攻击性 */
.wallet-chip.error { border-color: rgba(255,145,120,.38) !important; }
/* 钱包图标：干净的纯金，去掉外发光 drop-shadow */
.wallet-chip .wc-icon {
  color: #a5b9ed !important;
  filter: none !important;
}
.wallet-chip .wc-icon svg { color: #a5b9ed !important; }
/* 钱包数值/副标：<em>/<i> 标签默认斜体，用户要求正体（font-style:normal） */
.wc-name { color: #e8eefe !important; font-style: normal !important; }
.wc-sub { color: #7481a2 !important; font-style: normal !important; }
/* 徽章刷新钮：黑金（与账户切换器 dot 同源） */
.wc-refresh {
  border: none !important;
  background: rgba(129,156,225,.12) !important;
  color: #a5b9ed !important;
}
.wc-refresh:hover { background: rgba(129,156,225,.26) !important; color: #e8eefe !important; }

/* —— 余额明细弹窗（wc-pop）—— 阴影收窄，去掉金色光晕 */
.wc-pop {
  background: linear-gradient(165deg, rgba(16,19,25,.98), rgba(14,13,11,.99)) !important;
  border: 1px solid rgba(129,156,225,.26) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.5), 0 0 0 1px rgba(129,156,225,.05) !important;
}
.wc-pop-title {
  color: #819ce1 !important;
  border-bottom-color: rgba(129,156,225,.16) !important;
}
.wc-acc {
  background: rgba(129,156,225,.06) !important;
  border: 1px solid rgba(129,156,225,.14) !important;
}
.wc-acc-name { color: #d7ddec !important; }
/* 当前账户高亮 + "当前"标签 */
.wc-acc.cur { background: rgba(129,156,225,.14) !important; border-color: rgba(129,156,225,.34) !important; }
.wc-acc.cur .wc-acc-name { color: #e8eefe !important; font-weight: 600 !important; }
.wc-cur {
  font-style: normal !important; font-size: 10px !important; font-weight: 700 !important;
  color: #0e1628 !important; background: var(--gold-grad) !important;
  padding: 1px 6px !important; border-radius: 999px !important; margin-left: 6px !important;
  vertical-align: middle !important;
}
.wc-acc-v {
  color: #a5b9ed !important;
  font-weight: 700 !important;
}
.wc-pop-hint { color: #7481a2 !important; }
/* 余额内图标：统一为金色系，去掉橙/蓝紫杂色 */
.wallet-chip .wico { color: #819ce1 !important; }
.wallet-chip .wico-wallet { color: #a5b9ed !important; }
.wallet-chip .wico-coins { color: #708ece !important; }

/* 提示条：退一步的暗描边，不再与钱包争抢视觉焦点 */
#acctBar.acct-bar {
  background: rgba(12,14,19,.72) !important;
  border: 1px solid rgba(129,156,225,.14) !important;
  color: #afb6c9 !important;
  box-shadow: none !important;
}
#acctBar.acct-bar .acct-hint { color: #69779b !important; }

/* /web/shared/releases/20261012-integrated-v208/billing-ui.css */
#usageControls{margin:20px 0;border:1px solid rgba(98,130,205,.28);border-radius:16px;padding:20px;background:linear-gradient(120deg,rgba(98,130,205,.09),rgba(20,20,24,.08))}
.usage-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.usage-heading h3{margin:0;font-size:20px}.usage-heading p{margin:8px 0;color:var(--text2,#aaa);font-size:12px;line-height:1.7}.usage-buttons,.usage-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
#usageSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.usage-stat{padding:16px;border:1px solid var(--border, #444);border-radius:12px;min-width:0;background:var(--bg2, #202024)}.usage-stat span,.usage-stat small{display:block;color:var(--text2,#aaa);font-size:12px}.usage-stat strong{display:block;margin:12px 0;font-size:20px;overflow-wrap:anywhere;color:var(--text,#eee)}.usage-stat small{line-height:1.65}
.usage-line{display:flex;flex-wrap:wrap;gap:8px 20px;margin:10px 0 6px;font-size:12px}.usage-line b{color:var(--text,#eee)}.usage-muted{color:var(--text2,#aaa);font-size:11px;overflow-wrap:anywhere;line-height:1.8}.usage-warning{color:#688fdf;font-size:12px;line-height:1.8;margin:5px 0}.usage-sync-one{margin-top:6px}#usageSyncStatus{font-size:12px;margin-top:12px;color:var(--text2,#aaa)}#usageSearch{max-width:100%;width:260px}#usageControls input,#usageControls select{background:var(--bg2,#222);color:var(--text,#eee);border:1px solid var(--border,#555);border-radius:8px;padding:9px 12px}#usageSyncStop[hidden],#usageControls[hidden]{display:none!important}
@media(max-width:1000px){#usageSummary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){#usageControls{padding:12px}.usage-stat{padding:12px}.usage-stat strong{font-size:17px}.usage-filters{align-items:stretch;flex-direction:column}#usageSearch{width:100%;box-sizing:border-box}}

/* /web/shared/releases/20261012-integrated-v208/quick-human.css */
#panel-quick-human {scroll-margin-top:88px}
#panel-quick-human .qh-hero {display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:20px;border-bottom:1px solid #607cbf33;margin-bottom:22px}
#panel-quick-human .qh-kicker {color:#819ce1;font-size:12px;letter-spacing:2px}
#panel-quick-human h2 {margin:8px 0 12px;font-size:25px}
#panel-quick-human .qh-tags {display:flex;gap:8px;flex-wrap:wrap}
#panel-quick-human .qh-tags span {border:1px solid #607cbf55;border-radius:20px;padding:6px 12px;color:#819ce1;font-size:12px}
#panel-quick-human .qh-layout {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px}
#panel-quick-human .qh-box {padding:20px;border:1px solid #607cbf33;border-radius:16px;background:#111318;min-width:0}
#panel-quick-human .qh-label {display:block;margin:16px 0 8px;font-weight:600}
#panel-quick-human textarea {width:100%;min-height:170px;box-sizing:border-box;resize:vertical}
#panel-quick-human input[type=file] {width:100%;max-width:100%;font-size:13px}
#panel-quick-human input[type=file]::file-selector-button {background:#1c202b;border:1px solid #607cbf66;color:#aec0ea;border-radius:8px;padding:8px 12px;margin:6px 10px 6px 0;cursor:pointer}
#panel-quick-human input[type=file]:disabled::file-selector-button {opacity:.5;cursor:default}
#panel-quick-human .qh-actions {display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
#panel-quick-human .qh-note {color:#9ea6be;font-size:13px;line-height:1.8;margin:8px 0}
#panel-quick-human .qh-error {color:#b0cefa;white-space:pre-wrap;line-height:1.7}
#panel-quick-human .qh-steps {list-style:none;padding:0;margin:14px 0}
#panel-quick-human .qh-steps li {border-left:2px solid #3c4761;padding:12px 14px;margin:0 0 6px;background:#ffffff04;border-radius:0 8px 8px 0;color:#8f99b5}
#panel-quick-human .qh-steps li.current {border-color:#91abe9;background:#5073cc15;color:#a9c1fa}
#panel-quick-human .qh-warning {border:1px solid #6286ce88;background:#2b55ae14;padding:16px;border-radius:12px;margin-top:14px}
#panel-quick-human .qh-warning h3 {color:#a6bff9;margin:0 0 8px}
#panel-quick-human details {border:1px solid #607cbf44;border-radius:12px;padding:14px;margin-top:16px}
#panel-quick-human summary {cursor:pointer;color:#819ce1;font-weight:600}
#panel-quick-human details li {line-height:1.9;margin:8px 0}
#panel-quick-human audio,#panel-quick-human video {width:100%;margin:12px 0;max-height:420px}
#panel-quick-human #qhPhotoPreview {max-height:180px;max-width:100%;border-radius:10px;margin-top:10px;object-fit:contain}
#panel-quick-human [hidden] {display:none!important}
#panel-quick-human :focus-visible {outline:2px solid #819ce1;outline-offset:3px}
@media(max-width:1100px){#panel-quick-human .qh-layout{grid-template-columns:1fr}#panel-quick-human .qh-hero{display:block}}

#panel-quick-human .qh-progress-card{padding:18px;border:1px solid #6f8acc66;background:linear-gradient(135deg,#607cbf13,#16181e);border-radius:14px}
#panel-quick-human .qh-progress-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
#panel-quick-human .qh-progress-badge{color:#9bb2ee;background:#607cbf22;border:1px solid #607cbf44;border-radius:20px;padding:4px 10px;font-size:12px}
#panel-quick-human .qh-progress-row{display:flex;align-items:center;gap:12px;margin:14px 0}
#panel-quick-human #qhProgressValue{font-size:12px;min-width:64px;text-align:right;color:#91abe9}
#panel-quick-human .qh-progress-track{height:8px;flex:1;border-radius:8px;overflow:hidden;background:#ffffff10}
#panel-quick-human #qhProgressFill{display:block;height:100%;width:0;border-radius:8px;background:linear-gradient(90deg,#4765a6,#abc1fa);transition:width .3s}
#panel-quick-human .qh-progress-track.indeterminate #qhProgressFill{width:32%;animation:qh-progress-sweep 1.8s ease-in-out infinite}
#panel-quick-human .qh-progress-track.paused #qhProgressFill{width:0}
#panel-quick-human .qh-progress-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;line-height:1.7;color:#adb4c8;font-variant-numeric:tabular-nums}
#panel-quick-human #qhProgressHint{font-size:12px;margin-bottom:0}
#panel-quick-human .qh-steps li.completed{border-color:#72ad91;color:#b5d4c4;background:#72ad910c}
#panel-quick-human .qh-steps li.completed::after{content:' · 已完成';font-size:12px;color:#89b79c}
@keyframes qh-progress-sweep{0%{transform:translateX(-110%)}100%{transform:translateX(420%)}}
@media(prefers-reduced-motion:reduce){#panel-quick-human .qh-progress-track.indeterminate #qhProgressFill{animation:none;width:32%;opacity:.65}}

/* Batch quick-human: scoped, keyboard-accessible, responsive. */
#qhBatch{margin:26px 0;padding:24px;border:1px solid rgba(97,129,204,.35);border-radius:18px;background:linear-gradient(135deg,rgba(60,98,188,.07),transparent 55%)}
.qh-batch-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.qh-batch-heading h3{font-size:24px;margin:7px 0}.qh-batch-eyebrow{letter-spacing:2px;font-size:12px;color:#627fc2}.qh-batch-guide{margin:16px 0;padding:16px;border-radius:12px;background:rgba(128,128,128,.06)}.qh-batch-guide summary{cursor:pointer;font-weight:600}.qh-batch-guide li{margin:10px 0;line-height:1.8}.qh-batch-draft{display:grid;grid-template-columns:1fr auto;gap:9px;margin:14px 0;padding:15px;border:1px solid rgba(128,128,128,.2);border-radius:12px}.qh-batch-draft label{grid-column:1/-1}.qh-batch-draft textarea{width:100%;resize:vertical;box-sizing:border-box}.qh-batch-summary{padding:14px;border-radius:10px;background:rgba(97,129,204,.1);line-height:1.8}.qh-batch-rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px}.qh-batch-row{padding:18px;min-width:0;border:1px solid rgba(128,128,128,.25);border-radius:12px;overflow-wrap:anywhere}.qh-batch-row[data-phase="done"]{border-color:rgba(76,165,103,.55)}.qh-batch-row[data-phase="long_audio"]{border-color:#627fc2}.qh-batch-status{font-weight:600;font-size:13px;line-height:1.7}.qh-batch-row .qh-note{font-size:12px}#qhBatchFiles{max-width:230px}#qhBatch button:focus-visible,#qhBatch summary:focus-visible{outline:2px solid #627fc2;outline-offset:3px}@media(max-width:700px){#qhBatch{padding:14px}.qh-batch-heading{flex-direction:column}.qh-batch-draft{grid-template-columns:1fr}.qh-batch-guide{padding:10px}.qh-batch-guide ol{padding-left:22px}}
/* Keep list numbers inside the guide even when the global reset removes ol padding. */
#qhBatchGuide{box-sizing:border-box;min-width:0;max-width:100%;padding:16px 20px;overflow-wrap:anywhere}
#qhBatchGuide summary{min-width:0;white-space:normal;line-height:1.7}
#qhBatchGuide ol{box-sizing:border-box;max-width:100%;margin:12px 0 0;padding:0 0 0 2em;list-style:decimal outside}
#qhBatchGuide li{min-width:0;margin:10px 0;padding:0 0 0 .25em;white-space:normal;overflow-wrap:anywhere}
@media(max-width:700px){#qhBatchGuide{padding:14px}#qhBatchGuide ol{padding-left:2em}}

/* /web/shared/releases/20261012-integrated-v208/workbench-motion.css */
/* Isolated motion styles. Does not alter navigation, forms, task actions, or results. */
#splash.wb-intro{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:#10161c;animation:none;transition:none;opacity:1;visibility:visible;overflow:hidden}
.wb-intro-frame{width:min(100vw,1280px)}
.wb-intro-skip{position:absolute;right:28px;top:28px;border:1px solid #b7f8d144;border-radius:8px;padding:10px 18px;color:#c7e2d6;background:#162327;cursor:pointer;font-size:13px}
.wb-intro-skip:focus-visible{outline:2px solid #b7f8d1;outline-offset:4px}
.wb-motion{border-radius:12px;overflow:hidden;background:#111a21;pointer-events:none;flex-shrink:0;isolation:isolate}
.wb-motion-card{width:min(100%,240px);margin:4px auto 16px}
.wb-motion-small{width:112px;max-width:100%;margin:8px auto 12px}
.qh-batch-row>.wb-motion-small{float:right;margin:0 0 10px 14px;width:92px}
.qh-batch-row::after{content:'';display:block;clear:both}
.status-area.wb-has-motion>.spinner,.img-batch-slot.wb-has-motion>.spinner{display:none}
.wb-has-motion .task-progress.wb-indeterminate i{width:0!important}
.wb-has-motion .task-progress.wb-indeterminate span{font-size:12px}
@media(max-width:600px){.wb-motion-card{width:180px}.wb-motion-small{width:84px}.wb-intro-skip{top:16px;right:16px}.qh-batch-row>.wb-motion-small{width:72px}}



/* Compact status surface: task polling, cancellation and results remain owned by app.js. */
#splash.wb-intro{background:#0c0d12!important;animation:none!important;transition:none!important}
#splash.wb-intro-pending{pointer-events:none;animation:wb-boot-release .01s 6s forwards!important}
.wb-boot-note{font:13px "Microsoft YaHei",sans-serif;color:#808dab;letter-spacing:2px}
@keyframes wb-boot-release{to{visibility:hidden;opacity:0}}
.wb-intro-skip{color:#819ce1;background:#14171d;border-color:#819ce133}
.wb-intro-skip:focus-visible{outline-color:#819ce1}
.wb-motion{background:#111218}
.result-box:has(>.status-area.wb-has-motion){min-height:0!important;height:auto!important;align-self:start;padding:24px!important;background:linear-gradient(120deg,#13151c,#111218 70%)!important;border:1px solid #819ce125!important;border-radius:16px!important;justify-content:flex-start!important}
.result-box>.status-area.wb-has-motion{display:grid!important;grid-template-columns:92px minmax(0,1fr) auto;gap:12px 18px!important;align-items:center!important;text-align:left!important;color:#acb4c8!important}
.result-box>.status-area.wb-has-motion>.wb-motion{grid-column:1;grid-row:1 / span 2;width:92px;margin:0!important;border:1px solid #819ce116;border-radius:12px}
.result-box>.status-area.wb-has-motion>.status-text,.result-box>.status-area.wb-has-motion>.status-error{grid-column:2;grid-row:1;margin:0!important;text-align:left!important;font-size:14px!important;line-height:1.7;overflow-wrap:anywhere;color:#cfd5e3!important}
.result-box>.status-area.wb-has-motion>.run-local-stop{grid-column:3;grid-row:1 / span 2;margin:0!important;min-height:34px;padding:6px 12px!important;font-size:12px!important;font-weight:500!important;background:transparent!important;border:1px solid #e5a19138!important;box-shadow:none!important;color:#d8afa1!important;white-space:nowrap;border-radius:8px!important;transform:none!important}
.result-box>.status-area.wb-has-motion>.run-local-stop:hover{background:#e5a19112!important;border-color:#e5a19188!important}
.result-box>.status-area.wb-has-motion>.task-progress{grid-column:2;grid-row:2;width:100%;max-width:none;gap:10px;min-width:0;margin:0!important}
.result-box>.status-area.wb-has-motion>.task-progress i{width:auto!important;flex:1;height:4px;background:#819ce117!important;box-shadow:none!important}
.result-box>.status-area.wb-has-motion>.task-progress i::after{width:var(--wb-progress,0%)!important;background:#819ce1!important;box-shadow:none!important}
.result-box>.status-area.wb-has-motion>.task-progress span{font-size:11px!important;font-weight:400!important;color:#8490ad!important;min-width:0;text-align:left}
.result-box>.status-area.wb-has-motion>.task-progress.wb-indeterminate i{display:none}
/* Error/success status without a running action retains full readable text. */
.result-box>.status-area.wb-has-motion:not(:has(>.run-local-stop))>.status-text,.result-box>.status-area.wb-has-motion:not(:has(>.run-local-stop))>.status-error{grid-column:2 / -1}
@media(max-width:760px){.result-box:has(>.status-area.wb-has-motion){padding:18px!important}.result-box>.status-area.wb-has-motion{grid-template-columns:64px minmax(0,1fr);gap:10px 12px!important}.result-box>.status-area.wb-has-motion>.wb-motion{width:64px}.result-box>.status-area.wb-has-motion>.run-local-stop{grid-column:2;grid-row:3;justify-self:start}.result-box>.status-area.wb-has-motion>.status-text{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){.task-progress i::after{transition:none!important}}
/* The result column can be narrow even on a wide desktop. Respond to its width, not only the window. */
.result-box:has(>.status-area.wb-has-motion){container-type:inline-size;container-name:wb-task}
@container wb-task (max-width:540px){
.result-box>.status-area.wb-has-motion{grid-template-columns:64px minmax(0,1fr);gap:8px 12px!important}
.result-box>.status-area.wb-has-motion>.wb-motion{width:64px}
.result-box>.status-area.wb-has-motion>.run-local-stop{grid-column:2;grid-row:3;justify-self:start;margin-top:4px!important}
}
.result-box:has(>.status-area.wb-has-motion){width:100%!important;max-width:100%;box-sizing:border-box}

/* Remotion brand opening · 2026-09-24 */
#splash.wb-intro{background:#08080A!important}
.wb-intro-frame{width:100vw!important;height:100vh!important;max-width:none!important;position:relative;overflow:hidden}
.wb-intro-video{width:100%;height:100%;display:block;object-fit:cover;background:#08080A}
.wb-intro-frame::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 52%,rgba(0,0,0,.3) 100%)}
.wb-intro-skip{z-index:3!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
@media(prefers-reduced-motion:reduce){.wb-intro-video{display:none}}
/* 2026-09-28 · restrained black/gold generation states. Animation is never a timer. */
.wb-gold-motion.wb-motion{width:86px;max-width:100%;height:86px;margin:0 auto 12px;border:1px solid rgba(115,143,209,.2);border-radius:18px;background:radial-gradient(ellipse at 50% 30%,#222937 0%,#11131a 62%,#11110f 100%);box-shadow:inset 0 1px 0 #fff1;display:grid;place-items:center;position:relative}
.wb-gold-motion.wb-motion-small{width:60px;height:60px;border-radius:14px}
.wb-gold-emblem{width:54px;height:54px;position:relative}.wb-motion-small .wb-gold-emblem{width:40px;height:40px}
.wb-gold-emblem svg{width:100%;height:100%;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4;overflow:visible}
.wb-gold-outline{stroke:#6e85ba;stroke-dasharray:6 3;opacity:.72}.wb-gold-core{fill:#8ea5db;stroke:#a2b7ec}.wb-gold-check,.wb-gold-cross{display:none;stroke:#99aee2;stroke-width:3}
.wb-gold-rail{position:absolute;bottom:8px;left:20%;right:20%;height:2px;overflow:hidden;background:#6e85ba22;border-radius:4px}
.wb-gold-rail i{display:block;width:35%;height:100%;background:linear-gradient(90deg,transparent,#9cb1e3,transparent);transform:translateX(-100%)}
.wb-gold-motion[data-motion-phase="running"] .wb-gold-rail i,.wb-gold-motion[data-motion-phase="uploading"] .wb-gold-rail i{animation:wb-gold-pass 2.8s ease-in-out infinite}
.wb-gold-motion[data-motion-phase="running"] .wb-gold-core{animation:wb-gold-breathe 3s ease-in-out infinite}
.wb-gold-motion[data-motion-phase="queued"] .wb-gold-core{opacity:.5}
.wb-gold-motion[data-motion-phase="unknown"]{opacity:.6}.wb-gold-motion[data-motion-phase="unknown"] .wb-gold-outline{stroke-dasharray:2 5}
.wb-gold-motion[data-motion-phase="success"] .wb-gold-core,.wb-gold-motion[data-motion-phase="failed"] .wb-gold-core{display:none}
.wb-gold-motion[data-motion-phase="success"] .wb-gold-check,.wb-gold-motion[data-motion-phase="failed"] .wb-gold-cross{display:block}
.wb-gold-motion[data-motion-phase="failed"] .wb-gold-cross{stroke:#dfad9d}.wb-gold-motion[data-motion-phase="success"] .wb-gold-outline{stroke-dasharray:none}
.wb-gold-motion[data-paused="true"] *{animation:none!important}
@keyframes wb-gold-pass{0%{transform:translateX(-110%);opacity:.3}50%{opacity:1}100%{transform:translateX(400%);opacity:.3}}
@keyframes wb-gold-breathe{0%,100%{opacity:.65}50%{opacity:1}}
.result-box>.status-area.wb-has-motion{grid-template-columns:72px minmax(0,1fr)!important;gap:10px 16px!important;align-items:start!important;padding:22px!important;text-align:left!important}
.result-box>.status-area.wb-has-motion>.wb-motion{grid-column:1;grid-row:1/5;width:68px;height:68px;margin:0!important}
.result-box>.status-area.wb-has-motion>.status-text{grid-column:2;grid-row:1;margin:0!important;font-size:15px!important;line-height:1.6!important;color:#a8bbe6!important;overflow-wrap:anywhere}
.result-box>.status-area.wb-has-motion>.task-progress{grid-column:2;grid-row:2;width:100%;margin:0!important}
.result-box>.status-area.wb-has-motion>.generation-wait{grid-column:2;grid-row:3;min-width:0}
.result-box>.status-area.wb-has-motion>.run-local-stop{grid-column:2!important;grid-row:4!important;justify-self:start;margin:6px 0 0!important}
.generation-wait{color:#9aa5bc;font-size:12px;line-height:1.75;text-align:left;min-width:0}
.gw-steps{list-style:none;display:flex;flex-wrap:wrap;gap:6px 14px;padding:0;margin:8px 0 12px;counter-reset:gwsteps;font-size:11px;letter-spacing:.2px}
.gw-steps li{display:flex;align-items:center;gap:6px;color:#7f8ba9;counter-increment:gwsteps}
.gw-steps li::before{content:counter(gwsteps);width:18px;height:18px;display:grid;place-items:center;border:1px solid #5f6f9455;border-radius:50%;font-size:10px}
.gw-steps li.current{color:#90a7dc}.gw-steps li.current::before{background:#7994d720;border-color:#7690cd88}.gw-steps li.done::before{content:'✓';color:#8797c4}
.gw-note{font-size:12px;line-height:1.8;padding:10px 12px!important;margin:0 0 8px!important;border:1px solid #7890c82b;border-radius:10px;color:#a1afd1!important;background:#7e97d310;font-weight:400!important}
.gw-meta{display:flex;flex-wrap:wrap;gap:4px 16px;color:#919cb6;font-size:11px;font-variant-numeric:tabular-nums}
.generation-wait[data-state="reconnecting"] .gw-note{border-style:dashed;background:transparent}
/* The i element is the track; only its pseudo-element is the measured fill. */
.result-box>.status-area.wb-has-motion>.task-progress.gw-progress{display:grid!important;grid-template-columns:minmax(36px,1fr) auto;gap:12px;padding:0!important;overflow:visible}
.result-box>.status-area.wb-has-motion>.task-progress.gw-progress>i{display:block!important;width:100%!important;height:4px;animation:none!important;transform:none!important;background:#819ce117!important}
.result-box>.status-area.wb-has-motion>.task-progress.gw-progress>i::after{display:block!important;width:var(--gw-progress,0%)!important;background:linear-gradient(90deg,#576ea4,#a4b7e6)!important;box-shadow:none!important;animation:none;transition:width .4s ease}
.result-box>.status-area.wb-has-motion>.task-progress.gw-progress.gw-indeterminate>i::after{width:28%!important;animation:wb-gold-pass 3.6s ease-in-out infinite;background:linear-gradient(90deg,#5773b322,#8fa4d7,#5773b322)!important}
.result-box>.status-area.wb-has-motion>.task-progress.gw-progress.gw-paused>i::after{width:0!important;animation:none!important}
.result-box>.status-area.wb-has-motion>.task-progress.gw-progress>span{min-width:0!important;max-width:130px;font-size:11px!important;white-space:normal!important}
.qh-progress-card>.wb-gold-motion{float:right;width:68px;height:68px;margin:0 0 12px 16px}.qh-progress-card::after{content:'';display:block;clear:both}
.qh-batch-row>.wb-gold-motion{width:50px;height:50px;margin:0 0 10px 12px}
@container wb-task (max-width:380px){.result-box>.status-area.wb-has-motion{grid-template-columns:48px minmax(0,1fr)!important;gap:8px 10px!important;padding:14px!important}.result-box>.status-area.wb-has-motion>.wb-motion{width:46px;height:46px}.result-box>.status-area.wb-has-motion>.generation-wait{grid-column:1/-1}.result-box>.status-area.wb-has-motion>.run-local-stop{grid-column:1/-1!important}.wb-gold-emblem{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.wb-gold-motion *,.result-box>.status-area.wb-has-motion>.task-progress.gw-progress>i::after{animation:none!important;transition:none!important}.wb-gold-rail i{transform:none;opacity:.6}.result-box>.status-area.wb-has-motion>.task-progress.gw-progress.gw-indeterminate>i::after{width:24%!important;transform:none}}

/* /web/shared/releases/20261012-integrated-v208/startup-opening.css */
/* Short Remotion opening; isolated from all generation progress styles. */
#splash.ariya-opening{background:#08080a!important;display:block!important;transition:opacity .18s ease-out!important;opacity:1;isolation:isolate;touch-action:manipulation}
#splash.ariya-opening.ariya-opening-leave{opacity:0}
.ariya-opening-frame{position:absolute;inset:0;display:grid;place-items:center;background:#08080a}
.ariya-opening-video{display:block;width:100%;height:100%;object-fit:contain;background:#08080a}
.ariya-opening-controls{position:absolute;top:max(28px,env(safe-area-inset-top));right:max(32px,env(safe-area-inset-right));z-index:2}
.ariya-opening-skip{display:inline-flex;align-items:center;gap:12px;min-height:42px;padding:9px 15px;border:1px solid #7189bc55;border-radius:10px;background:#101218ee;color:#aec0e7;font:500 13px/1.5 "Microsoft YaHei",sans-serif;cursor:pointer;box-shadow:0 2px 16px #0003}
.ariya-opening-skip:hover{background:#151b28;border-color:#8299ce99}
.ariya-opening-skip:focus-visible,.ariya-opening-choice input:focus-visible{outline:2px solid #a4b9ea;outline-offset:4px}
.ariya-opening-skip kbd{font:11px/1.5 "Segoe UI",sans-serif;border:1px solid #6477a03d;border-radius:4px;padding:1px 5px;color:#8494b7}
.ariya-opening-footer{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));left:32px;right:32px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#8894af;font:12px/1.7 "Microsoft YaHei",sans-serif}
.ariya-opening-choice{display:inline-flex;align-items:center;gap:8px;cursor:pointer;min-height:32px}
.ariya-opening-choice input{width:15px;height:15px;margin:0;accent-color:#7f97cf}
.ariya-opening-note{color:#6a7a9c}.ariya-opening-message{flex-basis:100%;text-align:left;color:#95a6cb;min-height:0}
.ariya-opening-message:empty{display:none}
.ariya-opening-preferences{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:10px}
#splash.wb-intro-pending{animation:ariya-opening-release .01s 1.8s forwards!important}
@keyframes ariya-opening-release{to{opacity:0;visibility:hidden;pointer-events:none}}
@media(max-width:600px){.ariya-opening-controls{top:max(18px,env(safe-area-inset-top));right:18px}.ariya-opening-footer{left:22px;right:22px;bottom:max(22px,env(safe-area-inset-bottom));font-size:12px}.ariya-opening-skip{min-height:40px;padding:8px 11px}.ariya-opening-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){#splash.ariya-opening{display:none!important;transition:none!important}}

/* Self-contained positioning: a stale workbench stylesheet must not shrink or hide the opening. */
#splash.ariya-opening{position:fixed!important;inset:0!important;z-index:2147483000;visibility:visible!important;overflow:hidden;animation:none!important}
.ariya-opening-video{opacity:0;transition:opacity .12s ease-out}
#splash[data-state="playing"] .ariya-opening-video,#splash[data-state="paused"] .ariya-opening-video{opacity:1}
.ariya-opening-loading{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 44%,#4b69aa12,transparent 62%),#08080a;transition:opacity .16s ease-out;pointer-events:none}
.ariya-opening-loading-brand{display:flex;align-items:center;flex-direction:column;gap:20px;padding:32px;text-align:center;color:#cfd9ee}
.ariya-opening-wordmark{font:500 12px/1.6 "Segoe UI",sans-serif;letter-spacing:4px;color:#8492b2}
.ariya-opening-loading-brand strong{font:600 clamp(26px,4.3vw,48px)/1.4 "Microsoft YaHei",sans-serif;letter-spacing:4px}
.ariya-opening-loading-text{color:#828fab;font:12px/1.7 "Microsoft YaHei",sans-serif;letter-spacing:1px}
.ariya-opening-loading-line{width:180px;height:1px;margin:8px 0;background:linear-gradient(90deg,transparent,#7e96cf,transparent);animation:ariya-opening-breathe 1.8s ease-in-out infinite}
#splash[data-state="playing"] .ariya-opening-loading,#splash[data-state="paused"] .ariya-opening-loading{opacity:0}
#splash[data-state="fallback"] .ariya-opening-loading-line{animation:none}
@keyframes ariya-opening-breathe{0%,100%{opacity:.35;transform:scaleX(.7)}50%{opacity:1;transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.ariya-opening-loading-line{animation:none}.ariya-opening-loading,.ariya-opening-video{transition:none}}

/* /web/shared/releases/20261012-integrated-v208/focused-ui.css */
/* Deliberately scoped to batch inputs, examples and local media previews. */
body#focused-ui-preview .panel :is(.batch-zone,#qhBatch,#editBatchList,.img-batch-grid){--fu-bg:#181b22;--fu-card:#222630;--fu-border:#373d49;--fu-text:#f1f2f6;--fu-muted:#aeb5c3;--fu-accent:#91a3c8}
body#focused-ui-preview .panel .batch-zone,body#focused-ui-preview .panel #qhBatch{padding:24px!important;margin-top:28px!important;border:1px solid #373d49!important;border-radius:16px!important;background:#181b22!important;box-shadow:none!important;min-width:0}
body#focused-ui-preview .panel .batch-toggle{border:0!important;background:none!important;padding:0 0 18px!important;margin-bottom:0!important}
body#focused-ui-preview .panel .batch-toggle-label{font-size:14px!important;line-height:1.8!important;flex-wrap:wrap;color:#f1f2f6!important;letter-spacing:0!important}
body#focused-ui-preview .panel :is(.batch-config,.batch-params){display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:14px!important;padding:16px!important;border:1px solid #343b47!important;border-radius:10px!important;background:#20242d!important;margin:12px 0!important;color:#cdd2dc!important}
body#focused-ui-preview .panel .batch-params>div{flex:1 1 160px!important;min-width:0!important;max-width:100%!important}
body#focused-ui-preview .panel .batch-config .hint{flex:1 1 220px!important;font-size:12px!important;line-height:1.8!important;color:#aeb5c3!important;white-space:normal!important}
body#focused-ui-preview .panel .fu-list-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0 14px;color:#eef0f5;font-size:15px;font-weight:650}
body#focused-ui-preview .panel .fu-task-count{color:#abb3c0;font-size:12px;font-weight:400;line-height:1.6}
body#focused-ui-preview .panel .fu-density{margin-left:auto;border:1px solid #444b59;background:#272d38;color:#dddfe8;border-radius:7px;padding:7px 11px;cursor:pointer;font-size:12px;min-height:34px}
body#focused-ui-preview .panel .fu-task-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;align-items:start!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0 0 22px!important}
body#focused-ui-preview .panel .fu-task-grid.fu-compact{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body#focused-ui-preview .panel .fu-task-card{min-width:0!important;width:100%!important;max-width:none!important;padding:20px!important;border:1px solid #3a424e!important;border-radius:12px!important;background:#222630!important;color:#f1f2f6!important;box-shadow:none!important;overflow:visible!important;height:auto!important;display:flex!important;flex-direction:column!important;gap:12px!important;box-sizing:border-box!important}
body#focused-ui-preview .panel .fu-task-card:focus-within{border-color:#8899bd!important;box-shadow:0 0 0 2px #8899bd15!important}
body#focused-ui-preview .panel .batch-slot-head{display:flex!important;align-items:center!important;gap:10px!important;border-bottom:1px solid #3a424e!important;padding:0 0 13px!important;margin:0!important}
body#focused-ui-preview .panel .slot-num{position:static!important;width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:7px!important;background:#3b3b39!important;color:#b7c5e3!important;font-size:13px!important}
body#focused-ui-preview .panel .fu-task-title{font-size:14px;font-weight:600;color:#f1f2f6}
body#focused-ui-preview .panel .fu-card-note{margin-left:auto;color:#9ca6b5;font-size:11px;font-weight:400}
body#focused-ui-preview .panel .fu-task-card :is(.field-label,.slot-label,label){font-size:12px!important;color:#cdd2dc!important;line-height:1.7!important;letter-spacing:0!important;white-space:normal!important;overflow-wrap:anywhere}
body#focused-ui-preview .panel .fu-task-card .slot-files{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))!important;gap:12px!important;min-width:0!important}
body#focused-ui-preview .panel .fu-task-card :is(.slot-file-col,.slot-ref-col){min-width:0!important;width:auto!important;max-width:none!important}
body#focused-ui-preview .panel .fu-task-card .slot-file-pick{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:6px!important;min-height:104px!important;height:auto!important;padding:14px 10px!important;border:1px dashed #566070!important;border-radius:9px!important;background:#1b2029!important;text-align:center!important;cursor:pointer}
body#focused-ui-preview .panel .fu-task-card .sfp-name{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:11px!important;color:#b9c3d2!important}
body#focused-ui-preview .panel .fu-task-card .sfp-text{font-size:12px!important;color:#b4c2e1!important}
body#focused-ui-preview .panel .fu-task-card :is(textarea,input:not([type=file]):not([type=checkbox]):not([type=radio]),select){box-sizing:border-box!important;max-width:100%!important;min-width:0!important;border:1px solid #47505f!important;border-radius:7px!important;background:#191e27!important;color:#eef0f5!important;font-size:13px!important;line-height:1.65!important;padding:10px!important;box-shadow:none!important}
body#focused-ui-preview .panel .fu-task-card textarea{width:100%!important;min-height:136px!important;resize:vertical!important}
body#focused-ui-preview .panel .fu-task-card :is(input,textarea)::placeholder{color:#909cac!important;opacity:1!important}
body#focused-ui-preview .panel .fu-task-card .slot-status{min-height:35px!important;margin-top:4px!important;padding:10px!important;border-radius:6px!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:12px!important;line-height:1.7!important}
body#focused-ui-preview .panel .slot-ref-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.fu-previews{grid-column:1/-1;min-width:0;margin:10px 0;position:relative}
body#focused-ui-preview .fu-previews .fu-local-note{font-size:11px!important;line-height:1.6!important;color:#b0bac9!important;margin:5px 0 9px!important}
body#focused-ui-preview .fu-file-preview{margin:0 0 10px!important;padding:10px;background:#161c25;border:1px solid #414a59;border-radius:9px;min-width:0;overflow:hidden}
body#focused-ui-preview .fu-file-preview figcaption{color:#e6e9ef;font-size:12px;overflow-wrap:anywhere;margin-bottom:9px;line-height:1.6}
body#focused-ui-preview .fu-file-preview :is(img,video){display:block!important;width:100%!important;height:180px!important;object-fit:contain!important;background:#10151d!important;border-radius:5px!important}
body#focused-ui-preview .fu-file-preview audio{display:block;width:100%;min-width:0;height:40px}
body#focused-ui-preview .fu-file-meta{font-size:11px;color:#aab6c6;margin:8px 0 0;line-height:1.6}
body#focused-ui-preview :is(.fu-zoom,.fu-hide,.fu-case-zoom){background:#2c3441;border:1px solid #465267;border-radius:6px;color:#e1e6ef;padding:7px 11px;font-size:12px;cursor:pointer;margin-top:8px;min-height:32px}
body#focused-ui-preview .fu-lightbox{padding:52px 16px 16px;background:#131923;color:#fff;border:1px solid #536079;border-radius:12px;max-width:92vw;max-height:90vh;box-sizing:border-box}
body#focused-ui-preview .fu-lightbox::backdrop{background:#050914d9}body#focused-ui-preview .fu-lightbox img{display:block;max-width:85vw;max-height:75vh;object-fit:contain}body#focused-ui-preview .fu-close{position:absolute;top:12px;right:16px;background:#2b3545;color:#fff;border:1px solid #506079;border-radius:6px;padding:6px 12px;cursor:pointer}
body#focused-ui-preview .panel .fu-case-section,body#focused-ui-preview .panel .fu-demo{background:#1a2029!important;border:1px solid #374252!important;border-radius:14px!important;padding:20px!important;margin:20px 0 26px!important;box-shadow:none!important;min-width:0!important}
body#focused-ui-preview .panel .fu-case-section .wash-case-title{font-size:13px!important;line-height:1.8!important;color:#c9d0dc!important;padding:0 0 15px!important;margin:0!important;white-space:normal!important;letter-spacing:0!important}
body#focused-ui-preview .panel .fu-case-section .wash-case-imgs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;align-items:start!important;justify-content:stretch!important}
body#focused-ui-preview .panel .fu-case-section .wc-arrow{display:none!important}
body#focused-ui-preview .panel .fu-case-section .wc-item{min-width:0!important;max-width:none!important;width:auto!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;background:#111720!important;border:1px solid #343e4c!important;border-radius:10px!important;padding:10px!important;box-sizing:border-box!important}
body#focused-ui-preview .panel .fu-case-section :is(img,video),body#focused-ui-preview .panel .fu-demo video{width:100%!important;max-width:none!important;height:240px!important;object-fit:contain!important;display:block!important;background:#10151c!important;border-radius:6px!important;margin:0!important;border:0!important}
body#focused-ui-preview .panel .fu-case-section em{position:static!important;display:block!important;font-size:12px!important;line-height:1.7!important;padding:10px 4px 0!important;background:none!important;color:#bfc8d6!important;font-style:normal!important;text-align:left!important}
body#focused-ui-preview .panel .fu-case-section.at-cases-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}body#focused-ui-preview .panel .at-cases-row>.wash-case-title{grid-column:1/-1}
body#focused-ui-preview .panel .fu-task-grid:empty{display:none!important}
@media(max-width:1200px){body#focused-ui-preview .panel .fu-task-grid.fu-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}.fu-card-note{display:none}}
@media(max-width:850px){body#focused-ui-preview .panel :is(.fu-task-grid,.fu-task-grid.fu-compact){grid-template-columns:minmax(0,1fr)!important}body#focused-ui-preview .panel .fu-case-section :is(img,video){height:190px!important}}
@media(max-width:520px){body#focused-ui-preview .panel :is(.batch-zone,#qhBatch){padding:14px!important}body#focused-ui-preview .panel .fu-task-card{padding:14px!important}body#focused-ui-preview .panel .fu-case-section .wash-case-imgs,body#focused-ui-preview .panel .fu-case-section.at-cases-row{grid-template-columns:minmax(0,1fr)!important}body#focused-ui-preview .panel .fu-list-heading{gap:8px}.fu-task-count{flex-basis:100%}body#focused-ui-preview .panel .fu-density{margin-left:0}}
@media(prefers-reduced-motion:reduce){.fu-task-card{transition:none!important}}

body#focused-ui-preview .panel .fu-case-section .wash-case-imgs{align-items:stretch!important}
body#focused-ui-preview .panel .fu-case-section .wc-item{position:relative!important}
body#focused-ui-preview .panel .fu-case-zoom{position:absolute;right:18px;top:16px;margin:0;background:#1b243be6;border-color:#67738c;box-shadow:0 2px 8px #0004}
body#focused-ui-preview .panel .fu-task-card .slot-files{margin:0!important;gap:12px!important}
body#focused-ui-preview .panel .fu-task-card .slot-check-wrap{margin:0!important;padding:10px!important;min-height:40px!important}
body#focused-ui-preview .panel .fu-task-card .slot-file-pick{margin:6px 0 0!important}
body#focused-ui-preview .panel .fu-task-card .slot-actions{margin:0!important;padding:0!important}

/* Independent image-edit batch inputs must not live inside half of a two-column form. */
body#focused-ui-preview .panel .fu-edit-batch-section{grid-column:1/-1;min-width:0;background:#181b22;padding:24px!important;border:1px solid #373d49!important;border-radius:16px}
body#focused-ui-preview .panel .fu-case-section .at-cases-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
body#focused-ui-preview .panel .fu-task-card .dropzone{min-height:116px!important;height:auto!important;padding:18px 12px!important}
body#focused-ui-preview .panel .fu-task-card .sfp-name{position:static!important;text-align:center!important;align-self:center!important}

/* /web/shared/releases/20261012-integrated-v208/premium.css */
/* ==========================================================================
   阿瑞雅智能体 · Premium Design System v2
   参考设计稿：暗黑金 · 左导航 + 宽主区 · Hero + 创作入口 + 热门推荐 + 功能分类
   ========================================================================== */
:root{
  --p-bg:#08080A; --p-bg2:#0E0E11;
  --p-panel:#141416; --p-panel2:#18181B;
  --p-line:rgba(94,125,206,.14);
  --p-line2:rgba(94,125,206,.34);
  --p-line3:rgba(255,255,255,.06);
  --p-gold:#5e7dce; --p-gold-l:#aabcec; --p-gold-h:#cfdaf8; --p-gold-d:#294795;
  --p-grad:linear-gradient(180deg,#dae3fa 0%,#90a7e3 44%,#5271c1 74%,#3252a0 100%);
  --p-grad-btn:linear-gradient(135deg,#b8c8f3 0%,#728ed7 52%,#4768bb 100%);
  --p-text:#eaecf3; --p-text2:#8e98b3; --p-text3:#535f7c;
  --p-r-lg:20px; --p-r-md:14px;
  --p-shadow:0 18px 46px rgba(0,0,0,.55);
  --p-glow:0 0 34px rgba(94,125,206,.16);
  --p-nav-w:238px;
}
html{ background:#08080A; }
body{
  background:
    radial-gradient(900px 460px at 74% -8%, rgba(94,125,206,.09), transparent 62%),
    radial-gradient(700px 420px at 2% 104%, rgba(94,125,206,.05), transparent 60%),
    #08080A !important;
  background-attachment:fixed !important;
  color:var(--p-text) !important;
  font-family:"Microsoft YaHei","PingFang SC","Source Han Sans SC","Segoe UI",system-ui,sans-serif !important;
}
.dot-grid,.beams{ display:none !important; }
#bg-canvas{ opacity:.30 !important; }
#cursorGlow{ background:radial-gradient(circle, rgba(94,125,206,.13), transparent 68%) !important; }
main{ scrollbar-width:thin; }
main::-webkit-scrollbar{ width:9px; }
main::-webkit-scrollbar-track{ background:transparent; }
main::-webkit-scrollbar-thumb{ background:rgba(94,125,206,.24); border-radius:99px; }
main::-webkit-scrollbar-thumb:hover{ background:rgba(94,125,206,.4); }

/* ---------- 顶栏 ---------- */
.topbar{
  display:flex !important; align-items:center !important; gap:16px !important;
  padding:12px 22px !important; min-height:62px;
  background:rgba(10,10,11,.88) !important;
  border-bottom:1px solid rgba(94,125,206,.12) !important;
  backdrop-filter:blur(18px) saturate(1.2) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.2) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.42) !important;
  z-index:60 !important;
}
.topbar::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px; pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(94,125,206,.42),transparent); opacity:.55;
}
.brand{ display:flex; align-items:center; gap:12px; flex:0 0 auto; }
.brand .logo{
  width:42px !important; height:42px !important; border-radius:13px !important;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(150deg,#111623,#0d0f14) !important;
  border:1px solid rgba(94,125,206,.34) !important;
  box-shadow:0 0 20px rgba(94,125,206,.18), inset 0 1px 0 rgba(255,255,255,.07) !important;
  animation:none !important; overflow:hidden;
}
.brand .logo img{ width:25px; height:25px; object-fit:contain; }
.brand h1{
  font-size:19px !important; font-weight:800 !important; letter-spacing:.3px;
  background:linear-gradient(180deg,#dce4fa 8%,#8aa2e0 56%,#3759b0 100%) !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important; color:transparent !important;
}
.brand p,.brand-slogan{ font-size:11.5px !important; color:var(--p-text3) !important; margin-top:2px !important; letter-spacing:.5px; }
.brand-ai{
  display:inline-block; margin-left:6px; padding:1px 5px; border-radius:5px;
  font-size:10px; font-weight:800; color:#aabcec;
  border:1px solid rgba(94,125,206,.5); background:rgba(94,125,206,.1);
}
.hv-search{
  position:relative; flex:0 1 auto; width:340px; max-width:40vw; margin-right:auto;
  display:flex; align-items:center; gap:9px;
  padding:9px 16px; border-radius:999px;
  background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.08);
  transition:border-color .2s, box-shadow .2s, background .2s;
}
.hv-search:focus-within{ border-color:var(--p-line2); background:rgba(94,125,206,.05); box-shadow:0 0 0 3px rgba(94,125,206,.1); }
.hv-search svg{ width:16px; height:16px; color:#53679b; flex:0 0 auto; }
.hv-search input{
  flex:1; min-width:0; background:transparent !important; border:none !important;
  outline:none !important; color:var(--p-text) !important; font-size:13.5px !important;
  padding:0 !important; box-shadow:none !important;
}
.hv-search input::placeholder{ color:#4a5670 !important; }
.hv-search-pop{
  position:absolute; top:calc(100% + 8px); left:0; right:0; z-index:80;
  max-height:320px; overflow-y:auto; padding:6px;
  background:rgba(18,18,20,.98); border:1px solid var(--p-line2);
  border-radius:14px; box-shadow:var(--p-shadow);
}
.hv-sr-item{ display:flex; align-items:center; gap:10px; padding:9px 11px; border-radius:10px; cursor:pointer; font-size:13px; color:#c3c9d7; }
.hv-sr-item:hover{ background:rgba(94,125,206,.12); color:#c9d4f2; }
.hv-sr-item svg{ width:15px; height:15px; color:#5c78c1; }
.hv-sr-empty{ padding:14px; text-align:center; color:var(--p-text3); font-size:12.5px; }
.hv-bell{
  position:relative; flex:0 0 auto; width:38px; height:38px; border-radius:12px;
  display:flex; align-items:center; justify-content:center; cursor:pointer;
  background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.08);
  color:#5c78c1; transition:all .2s;
}
.hv-bell:hover{ border-color:var(--p-line2); background:rgba(94,125,206,.09); }
.hv-bell svg{ width:17px; height:17px; }
.hv-bell .hv-dot{ position:absolute; top:8px; right:9px; width:7px; height:7px; border-radius:50%; background:#FF453A; box-shadow:0 0 0 2px rgba(10,10,11,.9); }
.key-status{ background:rgba(94,125,206,.09) !important; color:#9eb0e0 !important; border:1px solid rgba(94,125,206,.24) !important; border-radius:999px !important; font-size:12px !important; padding:6px 13px !important; flex:0 0 auto; }
.running-badge{ background:rgba(94,125,206,.11) !important; border:1px solid rgba(94,125,206,.28) !important; color:#b8c5eb !important; border-radius:999px !important; font-size:12px !important; }
.running-badge:hover{ background:rgba(94,125,206,.2) !important; }
.running-pop{ background:rgba(16,16,18,.98) !important; border:1px solid var(--p-line2) !important; box-shadow:var(--p-shadow) !important; }
.as-trigger{ background:rgba(133,158,222,.07) !important; border:1px solid rgba(94,125,206,.26) !important; border-radius:999px !important; padding:6px 14px !important; }
.as-trigger:hover{ background:rgba(133,158,222,.15) !important; }
.as-badge{ background:linear-gradient(140deg,#a9bbed,#4768bb) !important; color:#090e19 !important; font-weight:800; }
.as-name{ color:#cdd7f1 !important; font-weight:700 !important; }
.as-sub{ color:var(--p-text3) !important; }
.as-menu{ background:rgba(16,16,18,.98) !important; border:1px solid var(--p-line2) !important; box-shadow:var(--p-shadow) !important; border-radius:16px !important; }
.as-opt:hover{ background:rgba(94,125,206,.10) !important; }

/* ---------- 左侧导航 ---------- */
nav.tabs.sidebar{
  background:rgba(10,10,11,.94) !important;
  border-right:1px solid rgba(94,125,206,.10) !important;
  padding:16px 13px 18px !important;
  width:var(--p-nav-w) !important; min-width:var(--p-nav-w) !important;
  display:flex !important; flex-direction:column !important; gap:6px !important;
  box-shadow:14px 0 44px rgba(0,0,0,.4) !important;
  backdrop-filter:blur(16px) !important;
}
nav.tabs.sidebar::before{ display:none !important; }
nav.tabs.sidebar .sb-scroll{
  display:flex !important; flex-direction:column !important; gap:5px !important;
  overflow-y:auto; overflow-x:hidden; flex:1 1 auto; padding-right:2px;
}
nav.tabs.sidebar .sb-scroll::-webkit-scrollbar{ width:6px; }
nav.tabs.sidebar .sb-scroll::-webkit-scrollbar-thumb{ background:rgba(94,125,206,.22); border-radius:99px; }
.tab-group,.sb-dock{
  background:transparent !important; border:none !important; padding:0 !important; margin:0 !important;
  display:flex !important; flex-direction:column !important; gap:3px;
}
.tab-group-label,.tab-tools-label{
  display:flex !important; align-items:center !important; gap:12px;
  padding:12px 14px !important; border-radius:var(--p-r-md) !important;
  font-size:15px !important; font-weight:700 !important; color:#c7cddb !important;
  letter-spacing:.2px; cursor:pointer !important; user-select:none;
  background:transparent !important; border:1px solid transparent !important;
  transition:background .2s,color .2s,border-color .2s;
}
.tab-group-label:hover,.tab-tools-label:hover{ background:rgba(94,125,206,.07) !important; color:#cbd5ef !important; }
.tab-group-label .tgl-ico{ width:21px !important; height:21px !important; color:#5c78c1 !important; flex:0 0 auto; }
.tab-tools-label::after{ content:none !important; }
.tab-tools-label::before{
  content:"" !important; width:21px; height:21px; flex:0 0 auto; background-color:#5c78c1;
  -webkit-mask:url("/web/shared/releases/20261012-integrated-v208/assets/icons/sprite.svg#i-briefcase") center/contain no-repeat;
  mask:url("/web/shared/releases/20261012-integrated-v208/assets/icons/sprite.svg#i-briefcase") center/contain no-repeat;
}
.tab-group-label .p-chevron{ margin-left:auto; font-size:15px; line-height:1; color:var(--p-text3); transition:transform .25s; }
.tab-group.open > .tab-group-label .p-chevron{ transform:rotate(90deg); }
.tab-group.open > .tab-group-label,.sb-dock.open > .tab-tools-label{ color:#c2cff2 !important; background:rgba(94,125,206,.06) !important; }
.tab-group > .p-sub,.sb-dock > .p-sub{ display:none; flex-direction:column; gap:2px; padding:2px 0 6px 6px; }
.tab-group.open > .p-sub,.sb-dock.open > .p-sub{ display:flex; }
.tab-btn{
  display:flex !important; align-items:center !important; gap:11px !important;
  padding:10px 13px !important; border-radius:11px !important;
  font-size:13.5px !important; font-weight:600 !important;
  color:#7f8ba9 !important; background:transparent !important; border:1px solid transparent !important;
  box-shadow:none !important; text-align:left; width:100%; cursor:pointer;
  transition:background .18s,color .18s,border-color .18s,transform .18s;
  animation:none !important;
}
.tab-btn::after,.tab-btn::before{ display:none !important; }
.tab-btn:hover{ color:#cad4ee !important; background:rgba(94,125,206,.08) !important; transform:translateX(2px); }
.tab-btn.active{
  color:#0a1122 !important; background:var(--p-grad-btn) !important;
  border-color:rgba(203,217,252,.5) !important;
  box-shadow:0 8px 22px rgba(94,125,206,.24), inset 0 1px 0 rgba(255,255,255,.35) !important;
  font-weight:800 !important;
}
.tab-btn .tb-ico{ width:19px !important; height:19px !important; flex:0 0 auto; color:#4b67b2 !important; }
.tab-btn.active .tb-ico{ color:#0a1328 !important; }
.tab-btn .tb-txt{ flex:1; min-width:0; }
.p-nav-home{
  display:flex !important; align-items:center !important; gap:12px !important;
  padding:14px 15px !important; border-radius:var(--p-r-md) !important;
  font-size:16px !important; font-weight:800 !important;
  color:#afb7ca !important; background:transparent !important;
  border:1px solid transparent !important; cursor:pointer; width:100%;
  transition:background .2s,color .2s,border-color .2s,box-shadow .2s;
}
.p-nav-home:hover{ color:#c2cff2 !important; background:rgba(94,125,206,.07) !important; transform:none !important; }
.p-nav-home.active{
  color:#0a1122 !important; background:var(--p-grad-btn) !important;
  border-color:rgba(203,217,252,.5) !important;
  box-shadow:0 10px 26px rgba(94,125,206,.22), inset 0 1px 0 rgba(255,255,255,.32) !important;
}
.p-nav-home .tb-ico{ width:22px !important; height:22px !important; color:inherit !important; }
.p-nav-extra{
  margin-top:8px; padding-top:12px; border-top:1px solid rgba(94,125,206,.12);
  display:flex; flex-direction:column; gap:3px;
}
.p-nav-mini{
  display:flex !important; align-items:center !important; gap:12px;
  padding:11px 14px !important; border-radius:12px !important;
  font-size:14px !important; font-weight:600 !important; color:#9aa3bb !important;
  background:transparent !important; border:1px solid transparent !important;
  cursor:pointer; width:100%; text-align:left; transition:all .2s;
}
.p-nav-mini:hover{ color:#cbd5ef !important; background:rgba(94,125,206,.07) !important; }
.p-nav-mini.active{ color:#0a1122 !important; background:var(--p-grad-btn) !important; }
.p-nav-mini .tb-ico{ width:19px !important; height:19px !important; color:#4b67b2 !important; }
.p-nav-mini.active .tb-ico{ color:#0a1328 !important; }
nav.tabs.sidebar .p-nav-foot{ margin-top:auto; padding-top:10px; }
.p-vip-card{
  display:flex; align-items:center; gap:11px; cursor:pointer;
  padding:13px 14px; border-radius:var(--p-r-md);
  background:linear-gradient(120deg,rgba(94,125,206,.13),rgba(94,125,206,.03));
  border:1px solid rgba(94,125,206,.26);
  transition:transform .2s, box-shadow .2s;
}
.p-vip-card:hover{ transform:translateY(-2px); box-shadow:0 14px 32px rgba(0,0,0,.45), var(--p-glow); }
.p-vip-card .pv-ico{ width:36px; height:36px; border-radius:11px; flex:0 0 auto; display:flex; align-items:center; justify-content:center; background:linear-gradient(150deg,#a9bbed,#4768bb); color:#080f21; }
.p-vip-card .pv-ico svg{ width:19px; height:19px; }
.p-vip-card .pv-txt{ flex:1; min-width:0; }
.p-vip-card .pv-txt b{ display:block; font-size:13.5px; font-weight:800; color:#c9d4f2; }
.p-vip-card .pv-txt small{ font-size:11px; color:var(--p-text2); }
.p-vip-card .pv-arrow{ color:var(--p-text3); font-size:15px; }
.feat-badge{ font-size:10.5px !important; font-weight:800 !important; letter-spacing:.3px; padding:2.5px 8px !important; border-radius:999px !important; line-height:1.5; border:1px solid transparent; }
.feat-hot{ background:linear-gradient(135deg,#FF7A59,#E23D2E) !important; color:#fff !important; }
.feat-new{ background:linear-gradient(135deg,#4ADE80,#16A34A) !important; color:#04240F !important; }
.feat-gold{ background:linear-gradient(135deg,#b2c3f2,#4768bb) !important; color:#080f21 !important; }

/* ---------- 主区 ---------- */
main{ margin-left:var(--p-nav-w) !important; padding:20px 26px 40px !important; }#keyBanner,#remoteBanner{ margin-left:var(--p-nav-w) !important; }
.panel{ display:none; }
.panel.active{ display:block; animation:panelIn .32s cubic-bezier(.22,.9,.3,1); }
@keyframes panelIn{ from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:none} }

/* ==========================================================================
   首页
   ========================================================================== */
.home-view{ display:flex; flex-direction:column; gap:18px; }
.hv-hero{
  position:relative; overflow:hidden;
  display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,380px);
  align-items:center; gap:12px;
  padding:28px 32px !important; margin:0 !important;
  background:
    radial-gradient(620px 320px at 76% 46%, rgba(94,125,206,.13), transparent 66%),
    linear-gradient(150deg,#131314 0%,#0C0C0D 100%) !important;
  border:1px solid var(--p-line) !important; border-radius:var(--p-r-lg) !important;
  box-shadow:var(--p-shadow) !important;
}
.hv-hero::before{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.5;
  background-image:radial-gradient(rgba(255,255,255,.028) 1px, transparent 1px);
  background-size:22px 22px;
}
.hv-hero-copy{ position:relative; z-index:2; min-width:0; }
.hv-title{
  margin:0 !important; font-size:clamp(26px,2.9vw,42px) !important; line-height:1.14 !important;
  font-weight:900 !important; letter-spacing:.5px;
  background:var(--p-grad) !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important; color:transparent !important;
  filter:drop-shadow(0 4px 18px rgba(94,125,206,.2));
}
.hv-sub{ margin:10px 0 0 !important; font-size:clamp(14px,1.3vw,18px) !important; font-weight:700 !important; color:#c6cee5 !important; letter-spacing:.4px; }
.hv-feats{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:20px; }
.hv-feat{
  display:flex; align-items:center; gap:10px; padding:12px 13px;
  background:rgba(255,255,255,.03); border:1px solid rgba(94,125,206,.16);
  border-radius:var(--p-r-md); transition:border-color .2s, background .2s, transform .2s;
}
.hv-feat:hover{ border-color:var(--p-line2); background:rgba(94,125,206,.06); transform:translateY(-2px); }
.hvf-ico{
  width:34px; height:34px; border-radius:10px; flex:0 0 auto;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(150deg,rgba(94,125,206,.22),rgba(94,125,206,.05));
  border:1px solid rgba(94,125,206,.26); color:#a1b4e6;
}
.hvf-ico svg{ width:17px; height:17px; }
.hvf-txt{ min-width:0; }
.hvf-txt b{ display:block; font-size:13px; font-weight:800; color:#d0d8ed; }
.hvf-txt small{ font-size:11px; color:var(--p-text3); }
.hv-hero-art{ position:relative; z-index:2; display:flex; align-items:center; justify-content:center; }
.hv-hero-art img{
  width:100%; max-width:360px; height:auto; display:block;
  filter:drop-shadow(0 18px 44px rgba(94,125,206,.26));
  animation:heroFloat 5.5s ease-in-out infinite;
}
@keyframes heroFloat{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
.hv-note{
  position:absolute; right:4px; top:2px; font-size:14px; font-weight:700; color:#b8c6ee;
  line-height:1.55; transform:rotate(-6deg); letter-spacing:.5px; font-style:italic;
  text-shadow:0 3px 14px rgba(0,0,0,.65);
}
.hv-note::after{ content:""; display:block; width:68px; height:14px; margin:2px 0 0 20px; border-bottom:2px solid rgba(94,125,206,.55); border-radius:50%; transform:rotate(4deg); }

/* 创作输入条 */
.hv-inputbar{
  display:flex !important; align-items:center !important; gap:12px;
  padding:11px 11px 11px 20px !important; margin:0 !important;
  background:linear-gradient(160deg,#151517 0%,#101012 100%) !important;
  border:1px solid var(--p-line) !important; border-radius:999px !important;
  box-shadow:0 16px 40px rgba(0,0,0,.45) !important;
  transition:border-color .25s, box-shadow .25s;
}
.hv-inputbar:focus-within{ border-color:var(--p-line2) !important; box-shadow:0 16px 44px rgba(0,0,0,.5), 0 0 0 1px rgba(94,125,206,.16), var(--p-glow) !important; }
.hv-inputbar .hv-in-ico{ display:flex; align-items:center; color:#5c78c1; flex:0 0 auto; }
.hv-inputbar .hv-in-ico svg{ width:20px; height:20px; }
.hv-inputbar #linkAnalyzerInput{
  flex:1; min-width:0; background:transparent !important; border:none !important;
  box-shadow:none !important; outline:none !important; color:var(--p-text) !important;
  font-size:14.5px !important; padding:8px 2px !important; border-radius:0 !important;
}
.hv-inputbar #linkAnalyzerInput::placeholder{ color:#4c5771 !important; }
.hv-inputbar .la-btn.hv-go{
  display:inline-flex !important; align-items:center !important; gap:8px;
  padding:12px 26px !important; border-radius:999px !important; border:none !important;
  background:var(--p-grad-btn) !important; color:#080f21 !important;
  font-size:14.5px !important; font-weight:800 !important; white-space:nowrap;
  box-shadow:0 10px 26px rgba(94,125,206,.26), inset 0 1px 0 rgba(255,255,255,.4) !important;
  transition:transform .18s, filter .18s;
}
.hv-inputbar .la-btn.hv-go:hover{ transform:translateY(-1px); filter:brightness(1.05); }
.hv-inputbar .la-btn.hv-go svg{ width:16px; height:16px; }

/* 快捷 chips */
.hv-chips{ display:flex; flex-wrap:wrap; gap:10px; }
.hv-chip{
  padding:9px 20px; border-radius:999px; cursor:pointer;
  font-size:13px; font-weight:600; color:#a2abc1;
  background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.08);
  transition:all .2s;
}
.hv-chip:hover{ color:#c9d4f2; border-color:var(--p-line2); background:rgba(94,125,206,.1); transform:translateY(-1px); }
.hv-sec{ display:flex; flex-direction:column; gap:12px; }
.hv-sec-head{ display:flex; align-items:center; justify-content:space-between; }
.hv-sec-head h3{ display:flex; align-items:center; gap:9px; margin:0; font-size:17px; font-weight:800; color:#c7d2f0; letter-spacing:.3px; }
.hv-sec-head h3 svg{ width:19px; height:19px; }
.hv-fire{ display:flex; color:#457ae5; }
.hv-grid{ display:flex; color:var(--p-gold); }
.hv-more{ font-size:13px; color:var(--p-text3); cursor:pointer; transition:color .2s; }
.hv-more:hover{ color:#90a7e2; }
.hv-more i{ font-style:normal; }

/* 热门功能推荐 */
.hv-hot{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.hv-hot-card{
  display:flex; align-items:center; gap:12px; padding:16px; cursor:pointer;
  background:linear-gradient(158deg,#16161A 0%,#101013 100%);
  border:1px solid var(--p-line); border-radius:var(--p-r-md);
  transition:transform .2s, border-color .2s, box-shadow .2s;
}
.hv-hot-card:hover{ transform:translateY(-3px); border-color:var(--p-line2); box-shadow:0 16px 38px rgba(0,0,0,.5), var(--p-glow); }
.hh-ico{
  width:44px; height:44px; border-radius:12px; flex:0 0 auto;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(150deg,rgba(94,125,206,.22),rgba(94,125,206,.05));
  border:1px solid rgba(94,125,206,.28); color:#a1b4e6;
}
.hh-ico svg{ width:20px; height:20px; }
.hh-txt{ flex:1; min-width:0; }
.hh-txt b{ display:flex; align-items:center; gap:6px; font-size:14px; font-weight:800; color:#dae1f2; margin-bottom:5px; }
.hh-txt small{ display:block; font-size:11.5px; color:var(--p-text3); line-height:1.45; }
.hh-arrow{ font-style:normal; color:var(--p-text3); font-size:15px; margin-left:auto; }

/* 功能分类 */
.hv-cats{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.hv-cat{
  display:flex; align-items:center; gap:12px; padding:18px 16px; cursor:pointer;
  background:linear-gradient(158deg,#16161A 0%,#101013 100%);
  border:1px solid var(--p-line); border-radius:var(--p-r-md);
  transition:transform .2s, border-color .2s, box-shadow .2s;
}
.hv-cat:hover{ transform:translateY(-3px); border-color:var(--p-line2); box-shadow:0 16px 38px rgba(0,0,0,.5), var(--p-glow); }
.hc-ico{
  width:44px; height:44px; border-radius:12px; flex:0 0 auto;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(150deg,rgba(94,125,206,.2),rgba(94,125,206,.04));
  border:1px solid rgba(94,125,206,.26); color:#a1b4e6;
}
.hc-ico svg{ width:20px; height:20px; }
.hc-txt{ flex:1; min-width:0; }
.hc-txt b{ display:flex; align-items:center; font-size:14px; font-weight:800; color:#d8dff0; margin-bottom:5px; }
.hc-txt b em{ font-style:normal; margin-left:auto; color:var(--p-text3); font-size:15px; }
.hc-txt small{ display:block; font-size:11px; color:var(--p-text3); line-height:1.5; }

/* 今日创作 / 最近使用 */
.hv-bottom{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:14px; }
.hv-stat-card,.hv-recent-card{
  padding:18px; background:linear-gradient(158deg,#141416 0%,#0F0F11 100%);
  border:1px solid var(--p-line); border-radius:var(--p-r-lg); box-shadow:0 14px 36px rgba(0,0,0,.4);
}
.hv-stat-head{ display:flex; align-items:center; justify-content:space-between; font-size:14px; font-weight:800; color:#c9d2ed; margin-bottom:14px; }
.hvs-t{ display:flex; align-items:center; gap:8px; }
.hvs-t svg{ width:17px; height:17px; color:var(--p-gold); }
.hv-clear{ font-size:12px; font-weight:600; color:var(--p-text3); cursor:pointer; }
.hv-clear:hover{ color:#90a7e2; }
.hv-stat-row{ display:grid; grid-template-columns:repeat(3,1fr); text-align:center; }
.hv-st b{
  display:block; font-size:26px; font-weight:900; line-height:1.1;
  background:var(--p-grad); -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}
.hv-st small{ display:block; font-size:11.5px; color:var(--p-text3); margin-top:5px; }
.hv-st + .hv-st{ border-left:1px solid var(--p-line3); }
.hv-recent-list{ display:flex; flex-direction:column; }
.hv-recent-item{
  display:flex; align-items:center; gap:11px; padding:9px 4px; cursor:pointer;
  border-bottom:1px solid var(--p-line3); transition:background .18s;
}
.hv-recent-item:last-child{ border-bottom:none; }
.hv-recent-item:hover{ background:rgba(94,125,206,.05); }
.hv-recent-item .rr-ico{
  width:32px; height:32px; border-radius:10px; flex:0 0 auto;
  display:flex; align-items:center; justify-content:center;
  background:rgba(94,125,206,.1); border:1px solid rgba(94,125,206,.2); color:#7e97d8;
}
.hv-recent-item .rr-ico svg{ width:16px; height:16px; }
.hv-recent-item .rr-txt{ flex:1; min-width:0; font-size:13px; font-weight:700; color:#d0d6e7; }
.hv-recent-item .rr-time{ font-size:11px; color:var(--p-text3); }
.hv-recent-empty{ padding:14px 4px; color:var(--p-text3); font-size:12.5px; }

/* 页脚 */
.hv-footer{ display:flex; align-items:center; justify-content:center; gap:14px; margin:6px 0 4px; font-size:12px; color:#47526b; letter-spacing:.4px; }
.hv-footer::before,.hv-footer::after{ content:""; width:120px; height:1px; background:linear-gradient(90deg,transparent,rgba(94,125,206,.22),transparent); }

/* 响应式 */
@media (max-width:1280px){ .hv-cats{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:1080px){
  .hv-hero{ grid-template-columns:1fr; }
  .hv-hero-art{ display:none; }
  .hv-feats{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hv-hot{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:900px){ .hv-bottom{ grid-template-columns:minmax(0,1fr); } }
@media (max-width:820px){ .hv-cats{ grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* ==========================================================================
   功能面板 · 通用组件金色化
   ========================================================================== */
.panel .field-row{ display:flex; gap:14px; flex-wrap:wrap; align-items:flex-start; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.045); }
.panel .field-row:last-child{ border-bottom:none; }
.panel .field-label{ font-size:13px; font-weight:700; color:#aeb5c9 !important; letter-spacing:.2px; padding-top:9px; min-width:96px; }
.panel .field-grow{ flex:1; min-width:180px; }
.panel .hint{ font-size:12.5px !important; color:var(--p-text3) !important; line-height:1.6; }
.panel input[type="text"],.panel input[type="number"],.panel input[type="password"],
.panel input[type="url"],.panel input[type="search"],.panel textarea,.panel select,
.panel .field-grow input,.panel .field-grow textarea,.panel .field-textarea{
  width:100%; background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(255,255,255,.09) !important; border-radius:12px !important;
  padding:11px 14px !important; color:var(--p-text) !important; font-size:13.5px !important;
  outline:none !important; box-shadow:none !important; font-family:inherit !important;
  transition:border-color .2s, box-shadow .2s, background .2s;
}
.panel textarea,.panel .field-textarea{ line-height:1.65 !important; resize:vertical; }
.panel input::placeholder,.panel textarea::placeholder{ color:#49536e !important; }
.panel input:focus,.panel textarea:focus,.panel select:focus,
.panel .field-grow input:focus,.panel .field-grow textarea:focus{
  border-color:var(--p-line2) !important; background:rgba(94,125,206,.05) !important;
  box-shadow:0 0 0 3px rgba(94,125,206,.12) !important;
}
.panel select{ appearance:none; -webkit-appearance:none; cursor:pointer; padding-right:38px !important; }
.panel select option{ background:#151517; color:#d8deee; }
.panel .btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:11px 22px; border-radius:12px; cursor:pointer;
  font-size:13.5px; font-weight:700; color:#c0c6d5; background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.09);
  transition:transform .18s, filter .18s, background .18s, border-color .18s, box-shadow .18s;
}
.panel .btn:hover{ transform:translateY(-1px); color:#ced7f0; border-color:var(--p-line2); background:rgba(94,125,206,.1); }
.panel .btn.primary{
  background:var(--p-grad-btn) !important; color:#080f21 !important;
  border:1px solid rgba(203,217,252,.45) !important; font-weight:800 !important;
  box-shadow:0 10px 26px rgba(94,125,206,.24), inset 0 1px 0 rgba(255,255,255,.38) !important;
}
.panel .btn.primary:hover{ filter:brightness(1.06); background:var(--p-grad-btn) !important; color:#080f21 !important; }
.panel .btn.big{ padding:13px 34px !important; font-size:15px !important; border-radius:13px !important; }
.panel .btn.small{ padding:8px 15px !important; font-size:12.5px !important; border-radius:10px !important; }
.panel .btn.danger{ background:linear-gradient(135deg,#E4635A,#C23B32) !important; color:#fff !important; }
.panel .btn.ghost{ background:transparent !important; border-color:rgba(255,255,255,.14) !important; color:#9ea8bf !important; }
.panel .btn:disabled,.panel .btn[disabled]{ opacity:.5; cursor:not-allowed; transform:none !important; filter:grayscale(.35); }
.panel .dropzone{
  position:relative; cursor:pointer;
  border:1.5px dashed rgba(94,125,206,.3) !important; border-radius:var(--p-r-md) !important;
  background:linear-gradient(160deg,rgba(94,125,206,.055),rgba(255,255,255,.015)) !important;
  padding:32px 20px !important; text-align:center;
  transition:border-color .22s, background .22s, box-shadow .22s;
}
.panel .dropzone:hover,.panel .dropzone.dragover{
  border-color:rgba(94,125,206,.7) !important;
  background:linear-gradient(160deg,rgba(94,125,206,.12),rgba(255,255,255,.02)) !important;
  box-shadow:0 0 0 3px rgba(94,125,206,.1), var(--p-glow) !important;
}
.panel .dropzone svg{ color:#5c78c1; }
.panel .dropzone b,.panel .dropzone strong{ color:#c8d2ed !important; }
.panel .batch-zone{ border:1.5px dashed rgba(94,125,206,.26) !important; border-radius:var(--p-r-md) !important; background:rgba(94,125,206,.04) !important; }
.panel .preset-btn{
  padding:8px 15px !important; border-radius:999px !important; cursor:pointer;
  font-size:12.5px !important; font-weight:700 !important; color:#a2abc1 !important;
  background:rgba(255,255,255,.04) !important; border:1px solid rgba(255,255,255,.09) !important; transition:all .2s;
}
.panel .preset-btn:hover{ color:#b8c6ee !important; border-color:var(--p-line2) !important; background:rgba(94,125,206,.09) !important; }
.panel .preset-btn.active{
  color:#080f21 !important; background:var(--p-grad-btn) !important;
  border-color:rgba(203,217,252,.45) !important; box-shadow:0 6px 16px rgba(94,125,206,.22) !important;
}
.panel .file-chip,.panel .vt-chip,.panel .ai-chat-chip{
  background:rgba(94,125,206,.12) !important; border:1px solid rgba(94,125,206,.3) !important;
  color:#acbce6 !important; border-radius:999px !important;
}
.panel .chip-remove{ color:#5c78c1 !important; }
.panel .chip-remove:hover{ color:#a9bbeb !important; }
.panel .result-box,.panel .preview-box,.panel .stage{
  background:linear-gradient(160deg,#141416,#0F0F11) !important;
  border:1px solid var(--p-line) !important; border-radius:var(--p-r-md) !important;
}
.panel .result-empty,.panel .placeholder{ color:var(--p-text3) !important; }
.panel input[type="range"]{ accent-color:#5e7dce; }
.panel input[type="checkbox"]{ accent-color:#5e7dce; }
.card{
  background:linear-gradient(158deg,#141416 0%,#101012 100%) !important;
  border:1px solid var(--p-line) !important; border-radius:var(--p-r-lg) !important;
  padding:22px 24px !important;
  box-shadow:0 14px 38px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.card::before{ background:linear-gradient(90deg,transparent,rgba(94,125,206,.4),transparent) !important; }
.card:hover{ border-color:var(--p-line2) !important; box-shadow:0 20px 52px rgba(0,0,0,.5), 0 0 30px rgba(94,125,206,.09) !important; }
.toast{
  background:linear-gradient(150deg,#1A1A1C,#121214) !important;
  border:1px solid var(--p-line2) !important; color:#cad4ee !important;
  border-radius:14px !important; box-shadow:var(--p-shadow) !important;
}
.acct-bar{
  margin:0 0 14px !important; padding:10px 16px !important;
  background:rgba(94,125,206,.05) !important; border:1px solid rgba(94,125,206,.14) !important;
  border-radius:12px !important; box-shadow:none !important;
  display:flex !important; align-items:center !important; gap:10px !important;
}
.acct-bar .acct-txt{ color:#a4adc3 !important; font-size:12.5px !important; }
.acct-bar .acct-hint{ color:var(--p-text3) !important; }
.acct-bal em{ color:#ced6ed !important; font-size:12.5px !important; }

/* ==========================================================================
   特异性修正：覆盖历史皮肤里 nav.tabs.sidebar .xxx 的高特异性规则
   ========================================================================== */
.link-analyzer.hv-inputbar{ max-width:none !important; margin:0 !important; width:100% !important; text-align:left !important; }
.hv-inputbar .la-btn.hv-go{ position:static !important; transform:none !important; top:auto !important; right:auto !important; }

nav.tabs.sidebar .tab-group-label,
nav.tabs.sidebar .tab-tools-label{
  display:flex !important; align-items:center !important; gap:12px !important;
  padding:12px 14px !important; border-radius:14px !important;
  font-size:15px !important; font-weight:700 !important; color:#c7cddb !important;
  letter-spacing:.2px !important; margin:0 !important; text-transform:none !important;
  background:transparent !important; border:1px solid transparent !important;
  justify-content:flex-start !important; width:100% !important;
}
nav.tabs.sidebar .tab-group-label:hover,
nav.tabs.sidebar .tab-tools-label:hover{ background:rgba(94,125,206,.07) !important; color:#cbd5ef !important; }
nav.tabs.sidebar .tab-group-label::before,
nav.tabs.sidebar .tab-tools-label::before,
nav.tabs.sidebar .tab-group-label::after,
nav.tabs.sidebar .tab-tools-label::after{ display:none !important; content:none !important; }
nav.tabs.sidebar .tab-group.open > .tab-group-label,
nav.tabs.sidebar .sb-dock.open > .tab-tools-label{ color:#c2cff2 !important; background:rgba(94,125,206,.06) !important; }
nav.tabs.sidebar .tab-group-label .tgl-ico{ width:21px !important; height:21px !important; color:#5c78c1 !important; }
nav.tabs.sidebar .tab-group-label .p-chevron{ margin-left:auto !important; font-size:15px !important; color:#535f7c !important; }
nav.tabs.sidebar .tab-group.open > .tab-group-label .p-chevron{ transform:rotate(90deg) !important; }

nav.tabs.sidebar .tab-btn{
  display:flex !important; flex-direction:row !important; align-items:center !important;
  justify-content:flex-start !important; gap:11px !important;
  padding:10px 13px !important; border-radius:11px !important;
  font-size:13.5px !important; font-weight:600 !important; letter-spacing:0 !important;
  color:#7f8ba9 !important; background:transparent !important;
  border:1px solid transparent !important; box-shadow:none !important;
  width:100% !important; min-height:0 !important; height:auto !important; text-align:left;
}
nav.tabs.sidebar .tab-btn:hover{ color:#cad4ee !important; background:rgba(94,125,206,.08) !important; }
nav.tabs.sidebar .tab-btn.active,
nav.tabs.sidebar .tab-btn.active:hover{
  color:#0a1122 !important; background:var(--p-grad-btn) !important;
  border-color:rgba(203,217,252,.5) !important; font-weight:800 !important;
  box-shadow:0 8px 22px rgba(94,125,206,.24), inset 0 1px 0 rgba(255,255,255,.35) !important;
}
nav.tabs.sidebar .tab-btn .tb-ico{ width:19px !important; height:19px !important; color:#4b67b2 !important; }
nav.tabs.sidebar .tab-btn.active .tb-ico{ color:#0a1328 !important; }
nav.tabs.sidebar .tab-btn .tb-txt{ text-align:left !important; white-space:normal !important; }

nav.tabs.sidebar .p-nav-home{
  display:flex !important; flex-direction:row !important; align-items:center !important;
  gap:12px !important; padding:14px 15px !important; border-radius:14px !important;
  font-size:16px !important; font-weight:800 !important; color:#afb7ca !important;
  background:transparent !important; border:1px solid transparent !important;
  width:100% !important; min-height:0 !important;
}
nav.tabs.sidebar .p-nav-home:hover{ color:#c2cff2 !important; background:rgba(94,125,206,.07) !important; transform:none !important; }
nav.tabs.sidebar .p-nav-home.active{
  color:#0a1122 !important; background:var(--p-grad-btn) !important;
  border-color:rgba(203,217,252,.5) !important;
  box-shadow:0 10px 26px rgba(94,125,206,.22), inset 0 1px 0 rgba(255,255,255,.32) !important;
}
nav.tabs.sidebar .p-nav-home .tb-ico{ width:22px !important; height:22px !important; color:inherit !important; }

nav.tabs.sidebar .p-nav-mini{
  display:flex !important; align-items:center !important; gap:12px !important;
  padding:11px 14px !important; border-radius:12px !important;
  font-size:14px !important; font-weight:600 !important; color:#9aa3bb !important;
  background:transparent !important; border:1px solid transparent !important;
  width:100% !important; text-align:left !important; min-height:0 !important;
}
nav.tabs.sidebar .p-nav-mini:hover{ color:#cbd5ef !important; background:rgba(94,125,206,.07) !important; }
nav.tabs.sidebar .p-nav-mini.active{ color:#0a1122 !important; background:var(--p-grad-btn) !important; }
nav.tabs.sidebar .p-nav-mini .tb-ico{ width:19px !important; height:19px !important; color:#4b67b2 !important; }
nav.tabs.sidebar .p-nav-mini.active .tb-ico{ color:#0a1328 !important; }
nav.tabs.sidebar .sb-dock{ background:transparent !important; border:none !important; padding:0 !important; margin-top:6px !important; }

/* ==========================================================================
   悬浮组件（帮助 / ChatCut）金色化 + 小屏细节
   ========================================================================== */
.help-fab,.cc-fab{
  background:var(--p-grad-btn) !important; color:#080f21 !important;
  border:1px solid rgba(203,217,252,.5) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.45) !important; font-weight:800 !important;
}
.help-fab:hover,.cc-fab:hover{ filter:brightness(1.06); background:var(--p-grad-btn) !important; }
.cc-fab .ico,.help-fab .ico{ color:#080f21 !important; }
.help-panel{
  background:rgba(18,18,20,.98) !important; border:1px solid var(--p-line2) !important;
  border-radius:16px !important; box-shadow:var(--p-shadow) !important;
}
.help-head{ background:#1A1A1C !important; color:#c9d2ed !important; border-bottom:1px solid var(--p-line3) !important; }
.help-head button{ color:#6f7d9f !important; }
.help-head button:hover{ color:#c9d2ed !important; }
.help-body{ color:#b0b8cb !important; }
.help-q{ background:rgba(255,255,255,.05) !important; border:1px solid rgba(255,255,255,.08) !important; color:#cfd5e5 !important; }
.help-a{ background:rgba(94,125,206,.09) !important; border:1px solid rgba(94,125,206,.22) !important; color:#c8cfe2 !important; }
.help-input{ border-top:1px solid var(--p-line3) !important; }
.help-input input{ background:rgba(255,255,255,.04) !important; border:1px solid rgba(255,255,255,.09) !important; color:#e1e6f2 !important; }
.help-input input:focus{ border-color:var(--p-line2) !important; box-shadow:0 0 0 2px rgba(94,125,206,.18) !important; }
.help-input button{ background:var(--p-grad-btn) !important; color:#080f21 !important; font-weight:800 !important; }
.help-upload button{ background:rgba(94,125,206,.1) !important; border:1px solid rgba(94,125,206,.26) !important; color:#acbce6 !important; }
.help-chip{ background:rgba(94,125,206,.12) !important; border:1px solid rgba(94,125,206,.28) !important; color:#acbce6 !important; }
.chatcut-drawer{ background:#0D0D0F !important; border-left:1px solid rgba(94,125,206,.2) !important; }
.cc-head{ background:#1A1A1C !important; color:#c9d2ed !important; border-bottom:1px solid var(--p-line3) !important; }
.cc-inline-status{ background:rgba(255,255,255,.05) !important; border:1px solid rgba(255,255,255,.1) !important; color:#8e98b3 !important; }
.cc-inline-login,.cc-login-btn{ background:var(--p-grad-btn) !important; color:#080f21 !important; }
.cc-task-head{ background:#1A1A1C !important; color:#c9d2ed !important; border-bottom:1px solid var(--p-line3) !important; }
.cc-task-panel{ background:#0D0D0F !important; }

/* 特性卡：小屏不换行 */
@media (max-width:1400px){ .hvf-txt b{ font-size:12.5px; } .hvf-txt small{ font-size:10.5px; } }
@media (max-width:1180px){ .hv-feat{ padding:10px 11px; gap:8px; } .hvf-ico{ width:30px; height:30px; } }
@media (max-width:980px){ .hv-feats{ grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* 首页底部：今日创作/最近使用紧凑 */
.hv-recent-item .rr-txt{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* 顶栏在窄屏压缩 */
@media (max-width:1320px){
  .hv-search{ width:260px; }
  .key-status{ display:none !important; }
}
@media (max-width:1120px){
  .hv-search{ width:180px; }
}

/* 批量出片等旧蓝色底 → 金色 */
.panel .batch-toggle-label{
  display:flex !important; align-items:flex-start !important; gap:9px !important;
  padding:11px 14px !important; border-radius:12px !important;
  background:rgba(94,125,206,.07) !important;
  border:1px solid rgba(94,125,206,.22) !important;
  color:#b1bfe4 !important; font-weight:600 !important; font-size:13.5px !important;
  line-height:1.6 !important; cursor:pointer !important;
}
.panel .batch-toggle-label:hover{ background:rgba(94,125,206,.13) !important; box-shadow:0 0 16px rgba(94,125,206,.14) !important; }
.panel .batch-toggle-label input[type="checkbox"]{ margin-top:3px; flex:0 0 auto; }
.panel .batch-toggle-label .ico{ color:#5c78c1 !important; }

/* 旧蓝色残留清理（产品介绍步骤 / 时间提示 / 复选框容器 / AI 聊天上传按钮） */
.intro-step{ background:rgba(94,125,206,.07) !important; border:1px solid rgba(94,125,206,.16) !important; }
.intro-step b{ background:var(--p-grad-btn) !important; color:#080f21 !important; font-weight:800 !important; }
.intro-step span{ color:#b8becf !important; }
.time-hint{ background:rgba(94,125,206,.1) !important; color:#94a6d7 !important; border:1px solid rgba(94,125,206,.2) !important; }
.time-hint .ico{ color:#5c78c1 !important; }
.slot-check-wrap{ background:rgba(94,125,206,.08) !important; border:1px solid rgba(94,125,206,.2) !important; color:#b8becf !important; }
.slot-check-wrap:hover{ background:rgba(94,125,206,.13) !important; }
#aiChatUploadBtn,.ai-chat-attach>button:first-child{
  background:rgba(94,125,206,.1) !important; border:1px solid rgba(94,125,206,.28) !important; color:#acbce6 !important;
}
#aiChatUploadBtn:hover,.ai-chat-attach>button:first-child:hover{ background:rgba(94,125,206,.18) !important; color:#c9d4f2 !important; }
.tutorial{ background:rgba(94,125,206,.05) !important; border-color:rgba(94,125,206,.16) !important; }
.tutorial b,.tutorial strong{ color:#acbce6 !important; }
.ai-chat-head{ border-bottom:1px solid var(--p-line3) !important; }
.ai-chat-meta{ color:#6f7d9f !important; }
.ai-msg-bot .ai-bubble{ background:rgba(255,255,255,.05) !important; border:1px solid rgba(255,255,255,.09) !important; color:#d7dce8 !important; }
.ai-msg-user .ai-bubble{ background:var(--p-grad-btn) !important; color:#080f21 !important; font-weight:600 !important; }
.ai-chat-input{ border-top:1px solid var(--p-line3) !important; }
.ai-chat-input textarea{ background:rgba(255,255,255,.04) !important; border:1px solid rgba(255,255,255,.09) !important; color:#e1e6f2 !important; }
.ai-chat-input textarea:focus{ border-color:var(--p-line2) !important; box-shadow:0 0 0 3px rgba(94,125,206,.12) !important; }
.ai-chat-input button{ background:var(--p-grad-btn) !important; color:#080f21 !important; font-weight:800 !important; }
.ai-run-title{ color:#acbce6 !important; }
.ai-run-line{ color:#8e98b3 !important; }
.ai-run-line.ok{ color:#5FD08A !important; }
.ai-run-line.err{ color:#FF8A80 !important; }
.ai-run-final{ color:#d4dbed !important; border-top-color:var(--p-line3) !important; }
.ai-run-tool b{ color:#d4dbed !important; }
.ai-run-args{ color:#5f6d8f !important; }
.ai-typing{ color:#6f7d9f !important; }

/* 数字人批量槽位：蓝色 → 金色（覆盖 ui5.css 的 .batch-slot 高特异性规则） */
.batch-slot .slot-check-wrap.slot-check-top,
.panel .batch-slot .slot-check-wrap.slot-check-top{
  background:rgba(94,125,206,.08) !important;
  border:1px solid rgba(94,125,206,.22) !important;
  color:#b8becf !important;
}
.batch-slot .slot-check-wrap.slot-check-top:hover{
  background:rgba(94,125,206,.14) !important; border-color:rgba(94,125,206,.42) !important;
}
.batch-slot .slot-check-wrap.slot-check-top .slot-check-label{ color:#c2cce5 !important; }
.batch-slot .slot-check-wrap.slot-check-top input:checked ~ .slot-check-label{ color:#a1b4e6 !important; }
.slot-check-wrap input:checked + .slot-check-box{ background:var(--p-grad-btn) !important; }
.slot-check-wrap input:checked ~ *{ color:#acbce6 !important; }
.batch-slot{ background:linear-gradient(160deg,#151517,#101012) !important; border:1px solid var(--p-line) !important; border-radius:14px !important; }
.batch-slot .slot-num,.batch-slot .slot-index{ background:rgba(94,125,206,.14) !important; color:#acbce6 !important; }

/* Hero 机器人：新素材（全身悬浮、方形比例）适配 */
.hv-hero-art img{
  max-width:400px !important;
  filter:drop-shadow(0 16px 40px rgba(94,125,206,.30)) contrast(1.04) saturate(1.02) !important;
}
.hv-hero{ align-items:center !important; }
.hv-hero-art{ padding:2px 0; }
@media (max-width:1400px){ .hv-hero-art img{ max-width:340px !important; } }
@media (max-width:1080px){ .hv-hero-art{ display:none; } }

/* ==========================================================================
   排版规范化（统一间距 / 卡片规格 / 图标 / 字级）——覆盖前面的零散数值
   ========================================================================== */
:root{
  --p-gap-section:20px;   /* 区块与区块之间 */
  --p-gap-card:12px;      /* 卡片与卡片之间 */
  --p-pad-card:16px;      /* 常规卡片内边距 */
  --p-ico:42px;           /* 图标容器统一尺寸 */
  --p-fs-title:14px;      /* 卡片标题 */
  --p-fs-sub:11.5px;      /* 卡片副标题 */
  --p-r-card:14px;        /* 卡片圆角 */
}

/* 1) 区块垂直节奏统一 */
.home-view{ gap:var(--p-gap-section) !important; }
.hv-sec{ gap:var(--p-gap-card) !important; }
.hv-bottom{ gap:var(--p-gap-card) !important; }

/* 2) 网格间距统一 */
.hv-feats,.hv-hot,.hv-cats{ gap:var(--p-gap-card) !important; }

/* 3) 卡片规格统一：padding / 圆角 / 最小高度 / 图标 */
.hv-feat,.hv-hot-card,.hv-cat{
  padding:var(--p-pad-card) !important;
  border-radius:var(--p-r-card) !important;
  box-sizing:border-box !important;
  align-items:center !important;
  gap:12px !important;
}
.hv-feat{ min-height:60px !important; }
.hv-hot-card{ min-height:76px !important; }
.hv-cat{ min-height:84px !important; }
.hvf-ico,.hh-ico,.hc-ico{
  width:var(--p-ico) !important; height:var(--p-ico) !important;
  flex:0 0 var(--p-ico) !important; border-radius:12px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
}
.hvf-ico svg,.hh-ico svg,.hc-ico svg{ width:19px !important; height:19px !important; }
.hvf-txt b,.hh-txt b,.hc-txt b{
  font-size:var(--p-fs-title) !important; line-height:1.35 !important; margin:0 0 4px !important;
}
.hvf-txt small,.hh-txt small,.hc-txt small{
  font-size:var(--p-fs-sub) !important; line-height:1.5 !important;
}
.hhf-txt,.hvf-txt,.hh-txt,.hc-txt{ display:block; }

/* 4) Hero：图文垂直居中 + 统一内边距 */
.hv-hero{ padding:16px 22px !important; align-items:center !important; }
.hv-hero-copy{ display:flex !important; flex-direction:column !important; justify-content:center !important; }
.hv-title{ margin:0 !important; }
.hv-sub{ margin:10px 0 0 !important; }
.hv-feats{ margin-top:18px !important; width:100% !important; align-self:stretch !important; }
.hv-hero-art{ justify-content:flex-end !important; align-items:center !important; }

/* 5) 创作输入条：左右内边距与卡片一致 */
.hv-inputbar{ padding:10px 10px 10px 22px !important; }
.hv-inputbar .la-btn.hv-go{ padding:11px 24px !important; }

/* 6) chips 统一 */
.hv-chips{ gap:10px !important; }
.hv-chip{ padding:8px 18px !important; font-size:12.5px !important; }

/* 7) 区块标题统一 */
.hv-sec-head h3{ font-size:16px !important; line-height:1.4 !important; }
.hv-more{ font-size:12.5px !important; }

/* 8) 底部两栏：等宽、统一内边距 */
.hv-bottom{ grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; }
.hv-stat-card,.hv-recent-card{ padding:var(--p-pad-card) !important; border-radius:var(--p-r-card) !important; }
.hv-stat-head{ margin-bottom:12px !important; font-size:13.5px !important; }
.hv-st b{ font-size:24px !important; }
.hv-st small{ font-size:11px !important; margin-top:4px !important; }
.hv-recent-item{ padding:10px 2px !important; }
.hv-recent-item .rr-ico{ width:30px !important; height:30px !important; border-radius:9px !important; }
.hv-recent-item .rr-txt{ font-size:12.5px !important; }

/* 9) 页脚与上方留白统一 */
.hv-footer{ margin:2px 0 0 !important; padding-top:6px; }

/* Hero 文案强制左对齐（旧皮肤 .page-hero{text-align:center} 导致的错位） */
.hv-hero-copy{ text-align:left !important; align-items:flex-start !important; }
.hv-hero-copy .hv-title,
.hv-hero-copy .hv-sub{ text-align:left !important; margin-left:0 !important; margin-right:0 !important; }
.hv-hero .hv-feats{ text-align:left !important; }
.hv-feat{ text-align:left !important; }
.hvf-txt{ text-align:left !important; }

/* Hero 图文比例：给文案更多空间，机器人列固定宽度 */
.hv-hero{ grid-template-columns:minmax(0,1fr) minmax(300px,340px) !important; }

/* ==========================================================================
   功能页排版规范化（标题栏 / 双栏 / 说明文字间距）
   ========================================================================== */
.card h2,.panel h2{
  display:block !important;
  font-size:17px !important; font-weight:800 !important; line-height:1.55 !important;
  color:#dee4f3 !important; letter-spacing:.2px !important;
  margin:0 0 14px !important; padding:0 0 0 14px !important;
  text-align:left !important;
}
.card h2 .h2-ico,.panel h2 .h2-ico{
  width:20px !important; height:20px !important;
  vertical-align:-4px !important; margin-right:8px !important;
  color:#5e7dce !important; filter:none !important;
}
.card h2 .sell-tag{
  display:inline-flex !important; align-items:center !important;
  padding:2.5px 10px !important; border-radius:999px !important;
  font-size:11px !important; font-weight:800 !important; line-height:1.5 !important;
  margin:0 8px 0 0 !important; vertical-align:1px !important;
  transform:none !important; white-space:nowrap;
}
.card h2 + .hint,.card h2 + p.hint{ margin:0 0 16px !important; }
.card > .hint{ margin:0 0 16px !important; }

/* 双栏统一：比例、间距、顶部对齐 */
.grid-2{
  display:grid !important;
  grid-template-columns:minmax(0,1.02fr) minmax(0,0.98fr) !important;
  gap:20px !important; align-items:start !important;
}
.col{ min-width:0; }
@media (max-width:1150px){
  .grid-2{ grid-template-columns:minmax(0,1fr) !important; gap:16px !important; }
}

/* 表单行节奏统一 */
.panel .field-row{ padding:13px 0 !important; gap:16px !important; }
.panel .field-label{ font-size:12.5px !important; min-width:92px !important; padding-top:10px !important; }
.panel .field-grow > .hint{ margin-top:6px !important; }

/* 上传区与结果区的最小高度统一 */
.panel .dropzone{ min-height:190px !important; }
.panel .grid-2 > .col > .dropzone:only-child{ min-height:230px !important; }

/* 主行动按钮与上方内容的间距统一 */
.panel .grid-2 + .btn,.panel .grid-2 + .btn.primary{ margin-top:16px !important; }
.panel .btn.primary.big{ margin-top:14px !important; }

/* ==========================================================================
   ChatCut 抽屉：改为覆盖式，避免压缩主区导致布局塌陷
   ========================================================================== */
body.cc-open main{ margin-right:0 !important; }
body.cc-open #keyBanner,body.cc-open #remoteBanner{ margin-right:0 !important; }
.chatcut-drawer{ box-shadow:-24px 0 60px rgba(0,0,0,.6) !important; }

/* 主区窄时的自适应（容器查询）：Hero 单列、网格降列 */
.home-view{ container-type:inline-size; }
@container (max-width:820px){
  .hv-hero{ grid-template-columns:minmax(0,1fr) !important; }
  .hv-hero-art{ display:none !important; }
  .hv-feats{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .hv-hot{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@container (max-width:620px){
  .hv-cats{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .hv-bottom{ grid-template-columns:minmax(0,1fr) !important; }
}
@container (max-width:460px){
  .hv-feats,.hv-hot,.hv-cats{ grid-template-columns:minmax(0,1fr) !important; }
}

/* 标题防塌陷 */
.hv-title{ word-break:keep-all; overflow-wrap:normal; }

/* ==========================================================================
   导航重构 v3：一级模块项 / 模块页 / 顶栏余额 / 底部状态卡
   ========================================================================== */

/* 隐藏原分组（DOM 保留，供 app.js 的 tab 切换使用） */
nav.tabs.sidebar .tab-group,
nav.tabs.sidebar .sb-dock{ display:none !important; }

/* 一级模块项 */
nav.tabs.sidebar .p-nav-mods{
  display:flex !important; flex-direction:column !important; gap:4px !important;
  margin-top:6px;
}
nav.tabs.sidebar .p-nav-mod{
  display:flex !important; align-items:center !important; gap:12px !important;
  padding:13px 15px !important; border-radius:14px !important;
  font-size:15px !important; font-weight:700 !important; color:#bbc2d2 !important;
  background:transparent !important; border:1px solid transparent !important;
  cursor:pointer; width:100% !important; text-align:left !important;
  transition:background .2s, color .2s, border-color .2s;
}
nav.tabs.sidebar .p-nav-mod:hover{ color:#c2cff2 !important; background:rgba(94,125,206,.07) !important; }
nav.tabs.sidebar .p-nav-mod.active{
  color:#0a1122 !important; background:var(--p-grad-btn) !important;
  border-color:rgba(203,217,252,.5) !important; font-weight:800 !important;
  box-shadow:0 10px 24px rgba(94,125,206,.22), inset 0 1px 0 rgba(255,255,255,.32) !important;
}
nav.tabs.sidebar .p-nav-mod .tb-ico{ width:21px !important; height:21px !important; color:#5c78c1 !important; flex:0 0 auto; }
nav.tabs.sidebar .p-nav-mod.active .tb-ico{ color:#0a1328 !important; }
nav.tabs.sidebar .p-nav-mod span{ flex:1; }

/* 底部区（真实功能） */
nav.tabs.sidebar .p-nav-extra{
  margin-top:auto; padding-top:12px; border-top:1px solid rgba(94,125,206,.12);
  display:flex !important; flex-direction:column !important; gap:3px !important;
}
nav.tabs.sidebar .p-nav-foot{ padding-top:10px; margin-top:0 !important; }
.p-state-card{
  display:flex; align-items:center; gap:10px;
  padding:12px 14px; border-radius:14px;
  background:rgba(94,125,206,.05); border:1px solid rgba(94,125,206,.16);
}
.p-state-card .ps-dot{
  width:8px; height:8px; border-radius:50%; flex:0 0 auto;
  background:#3DD68C; box-shadow:0 0 8px rgba(61,214,140,.7);
}
.p-state-card .ps-txt{ min-width:0; }
.p-state-card .ps-txt b{ display:block; font-size:13px; font-weight:800; color:#c6cfe8; }
.p-state-card .ps-txt small{ font-size:11px; color:var(--p-text3); }

/* 顶栏余额（替代原来的胶囊条） */
.topbar-bal{
  display:inline-flex !important; align-items:center !important; gap:14px;
  padding:0 4px 0 0; flex:0 0 auto; white-space:nowrap; margin-left:auto;
}
.topbar-bal .tb-item{ display:inline-flex; align-items:center; gap:5px; font-size:12.5px; color:#b4bdd6; font-weight:600; }
.topbar-bal .tb-item svg{ width:14px; height:14px; color:#4b66ac; }
.topbar-bal .tb-item b{ font-weight:800; color:#c7d1ec; }
.topbar-bal .tb-sep{ width:1px; height:16px; background:rgba(255,255,255,.1); }
.topbar-bal .tb-refresh{ cursor:pointer; color:#6d7d9d; display:inline-flex; }
.topbar-bal .tb-refresh:hover{ color:#90a7e2; }
.topbar-bal .tb-refresh svg{ width:14px; height:14px; }

/* 隐藏旧的账户胶囊条（信息已移到顶栏） */
.acct-bar{ display:none !important; }

/* 模块页 */
.module-view{ display:flex; flex-direction:column; gap:20px; }
.module-head{
  display:flex; align-items:flex-end; justify-content:space-between; gap:16px;
  padding:22px 26px; border-radius:var(--p-r-lg);
  background:radial-gradient(520px 240px at 82% 40%, rgba(94,125,206,.12), transparent 66%),linear-gradient(150deg,#131314,#0C0C0D);
  border:1px solid var(--p-line); box-shadow:var(--p-shadow);
}
.module-head h2{
  margin:0 0 8px !important; padding:0 !important;
  font-size:26px !important; font-weight:900 !important; letter-spacing:.5px;
  background:var(--p-grad); -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}
.module-head .hint{ margin:0 !important; font-size:13px !important; color:var(--p-text2) !important; }
.module-back{
  display:inline-flex; align-items:center; gap:7px; flex:0 0 auto;
  padding:9px 16px; border-radius:11px; cursor:pointer;
  font-size:13px; font-weight:700; color:#aab2c7;
  background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.09);
  transition:all .2s;
}
.module-back:hover{ color:#b8c6ee; border-color:var(--p-line2); background:rgba(94,125,206,.09); }
.module-back svg{ width:15px; height:15px; }
.module-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
@media (max-width:1280px){ .module-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:900px){ .module-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
.module-card{
  display:flex; align-items:center; gap:12px; padding:16px; cursor:pointer;
  background:linear-gradient(158deg,#16161A 0%,#101013 100%);
  border:1px solid var(--p-line); border-radius:var(--p-r-md);
  transition:transform .2s, border-color .2s, box-shadow .2s;
  min-height:76px; box-sizing:border-box;
}
.module-card:hover{ transform:translateY(-3px); border-color:var(--p-line2); box-shadow:0 16px 38px rgba(0,0,0,.5), var(--p-glow); }
.module-card .mc-ico{
  width:42px; height:42px; border-radius:12px; flex:0 0 42px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(150deg,rgba(94,125,206,.22),rgba(94,125,206,.05));
  border:1px solid rgba(94,125,206,.28); color:#a1b4e6;
}
.module-card .mc-ico svg{ width:19px; height:19px; }
.module-card .mc-txt{ flex:1; min-width:0; }
.module-card .mc-txt b{ display:flex; align-items:center; gap:6px; font-size:14px; font-weight:800; color:#dae1f2; margin-bottom:4px; }
.module-card .mc-txt small{ display:block; font-size:11.5px; color:var(--p-text3); line-height:1.5; }
.module-card .mc-arrow{ color:var(--p-text3); font-size:15px; flex:0 0 auto; }


/* 旧账户胶囊条：用高特异性彻底隐藏（信息已移到顶栏） */
#acctBar.acct-bar{ display:none !important; visibility:hidden !important; height:0 !important; margin:0 !important; padding:0 !important; }

/* Hero 机器人：Remotion 透明动画 */
.hv-hero-video{ width:100%; max-width:320px; height:auto; display:block; filter:drop-shadow(0 14px 34px rgba(94,125,206,.28)); }
@media(max-width:1400px){ .hv-hero-video{ max-width:300px !important; } }

/* 账户切换图标：蓝色/紫色旧皮肤 → 金色主题 */
.as-badge-a,.as-dot-a{ background:linear-gradient(135deg,#b8c8f3,#5e7dce) !important; color:#080f21 !important; box-shadow:0 0 12px rgba(94,125,206,.35) !important; }
.as-badge-e,.as-dot-e{ background:linear-gradient(135deg,#90a7e3,#4768bb) !important; color:#080f21 !important; box-shadow:0 0 12px rgba(94,125,206,.35) !important; }
.as-badge-c,.as-dot-c{ background:linear-gradient(135deg,#cfdaf8,#728fd9) !important; color:#080f21 !important; box-shadow:0 0 12px rgba(94,125,206,.35) !important; }
.as-check{ color:#5e7dce !important; }

/* 顶栏：余额右侧组整体靠右（覆盖旧皮肤的 account-switcher margin-left:auto，避免与余额的 auto 冲突） */
.topbar .account-switcher{ margin-left:0 !important; }
.topbar .acct-group{ margin-left:0 !important; }

.topbar .running-wrap{ margin-left:0 !important; }

/* ===== 首页 Hero 标题/副标题：加大字号 + 入场动画 ===== */
.hv-hero-copy .hv-title{ font-size:clamp(32px,3.6vw,56px) !important; line-height:1.12 !important; animation:hvTitleIn .8s cubic-bezier(.2,.8,.2,1) both; }
.hv-hero-copy .hv-sub{ font-size:clamp(16px,1.6vw,22px) !important; animation:hvSubIn .8s cubic-bezier(.2,.8,.2,1) .15s both; }
@keyframes hvTitleIn{ from{ opacity:0; transform:translateY(20px); } to{ opacity:1; transform:none; } }
@keyframes hvSubIn{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:none; } }

/* ===== 顶部「下载更新」胶囊：单行压缩 + 金色主题 ===== */
.top-update-btn{ padding:5px 11px 5px 6px !important; gap:7px !important; border-radius:999px !important; background:rgba(94,125,206,.07) !important; border:1px solid rgba(94,125,206,.26) !important; }
.top-update-btn:hover{ border-color:rgba(94,125,206,.5) !important; box-shadow:0 4px 16px rgba(94,125,206,.25) !important; transform:translateY(-1px) !important; }
.top-update-btn .tub-ico{ width:24px !important; height:24px !important; border-radius:8px !important; background:linear-gradient(135deg,#b8c8f3,#4768bb) !important; color:#080f21 !important; box-shadow:none !important; }
.top-update-btn .tub-txt{ flex-direction:row !important; align-items:center !important; gap:5px !important; line-height:1 !important; }
.top-update-btn .tub-txt b{ font-size:12.5px !important; color:#cdd7f1 !important; }
.top-update-btn .tub-txt .tub-ver{ font-size:11px !important; color:#4b67b2 !important; }
/* /web/shared/releases/20261012-integrated-v208/module-studio.css */
/* ==========================================================================
   阿瑞雅智能体 · Module Studio v4
   一级模块总览 / 工具索引 / 二级功能页统一信息层级
   仅做覆盖式视觉增强，不改变业务表单与接口
   ========================================================================== */

:root{
  --ms-bg:#0A0A0C;
  --ms-surface:#121214;
  --ms-surface-2:#17171A;
  --ms-line:rgba(255,255,255,.075);
  --ms-gold:#6a87d1;
  --ms-gold-soft:#a3b6eb;
  --ms-muted:#6f7d9f;
  --ms-faint:#4a546e;
  --ms-shadow:0 24px 70px rgba(0,0,0,.46);
}

/* --------------------------------------------------------------------------
   左侧导航：从“一排导航按钮”改成有层级的工作台导航
   -------------------------------------------------------------------------- */
nav.tabs.sidebar{
  width:252px !important; min-width:252px !important;
  padding:16px 14px 16px !important;
  background:
    radial-gradient(360px 260px at 10% 0%, rgba(94,125,206,.075), transparent 68%),
    linear-gradient(180deg, rgba(15,15,17,.985), rgba(9,9,11,.99)) !important;
  border-right:1px solid rgba(94,125,206,.11) !important;
}
nav.tabs.sidebar .sb-scroll{ gap:7px !important; padding:0 3px 8px 0 !important; }
.sb-section-title{
  display:flex; align-items:center; gap:8px; min-height:24px;
  padding:2px 10px 5px; color:#4e5974; font-size:10.5px; font-weight:800;
  letter-spacing:1.35px; text-transform:uppercase;
}
.sb-section-title::after{ content:""; height:1px; flex:1; background:linear-gradient(90deg,rgba(94,125,206,.16),transparent); }
nav.tabs.sidebar .p-nav-home{
  min-height:48px; padding:10px 12px !important; border-radius:15px !important;
  color:#bec4d3 !important; margin-bottom:2px;
}
nav.tabs.sidebar .p-nav-home .tb-ico{
  width:36px !important; height:36px !important; padding:9px; border-radius:11px;
  color:#5a76bf !important; background:rgba(94,125,206,.075);
  border:1px solid rgba(94,125,206,.12);
}
nav.tabs.sidebar .p-nav-home.active{
  color:#c9d5f4 !important;
  background:linear-gradient(105deg,rgba(94,125,206,.16),rgba(94,125,206,.045)) !important;
  border-color:rgba(94,125,206,.26) !important;
  box-shadow:inset 3px 0 0 #5e7dce, 0 10px 28px rgba(0,0,0,.22) !important;
}
nav.tabs.sidebar .p-nav-home.active .tb-ico{ color:#0a1328 !important; background:linear-gradient(135deg,#b4c4f1,#5675c4); border-color:rgba(217,227,253,.5); }

nav.tabs.sidebar .p-nav-mods{ gap:5px !important; margin-top:0 !important; }
nav.tabs.sidebar .p-nav-mod{
  position:relative; min-height:56px; gap:10px !important;
  padding:9px 10px !important; border-radius:15px !important;
  color:#aeb6c9 !important; overflow:hidden;
  transition:background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease !important;
}
nav.tabs.sidebar .p-nav-mod::before{
  content:""; position:absolute; left:0; top:13px; bottom:13px; width:3px;
  border-radius:0 4px 4px 0; background:linear-gradient(180deg,#9aafea,#3054ad);
  opacity:0; transform:scaleY(.35); transition:opacity .2s, transform .2s;
}
nav.tabs.sidebar .p-nav-mod:hover{
  color:#cbd5f0 !important; background:rgba(94,125,206,.055) !important;
  border-color:rgba(94,125,206,.10) !important; transform:translateX(1px);
}
nav.tabs.sidebar .p-nav-mod.active{
  color:#c5d2f4 !important;
  background:linear-gradient(102deg,rgba(94,125,206,.15),rgba(94,125,206,.035) 82%) !important;
  border-color:rgba(94,125,206,.25) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
nav.tabs.sidebar .p-nav-mod.active::before{ opacity:1; transform:scaleY(1); }
nav.tabs.sidebar .p-nav-mod .tb-ico{
  width:36px !important; height:36px !important; padding:9px; border-radius:11px;
  color:#5674c0 !important; background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.065); transition:all .2s ease;
}
nav.tabs.sidebar .p-nav-mod.active .tb-ico{
  color:#0a1328 !important; background:linear-gradient(135deg,#aec0f0,#4c6dc1);
  border-color:rgba(207,219,252,.46); box-shadow:0 6px 18px rgba(94,125,206,.16);
}
nav.tabs.sidebar .p-nav-mod .pn-copy{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
nav.tabs.sidebar .p-nav-mod .pn-copy b{ font-size:14px; line-height:1.2; color:inherit; font-weight:800; letter-spacing:.1px; }
nav.tabs.sidebar .p-nav-mod .pn-copy small{ font-size:10.5px; line-height:1.2; color:#556280; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
nav.tabs.sidebar .p-nav-mod.active .pn-copy small{ color:#5d71a4; }
nav.tabs.sidebar .p-nav-mod .pn-count{
  flex:0 0 auto !important; min-width:24px; height:22px; padding:0 7px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:999px; color:#7c87a7; background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06); font-size:10.5px; font-weight:800;
}
nav.tabs.sidebar .p-nav-mod.active .pn-count{ color:#a3b5e6; background:rgba(94,125,206,.11); border-color:rgba(94,125,206,.22); }
nav.tabs.sidebar .p-nav-mod .pn-chevron{
  flex:0 0 auto !important; color:#414b62; font-size:18px; line-height:1;
  transform:translateX(-2px); transition:color .2s, transform .2s;
}
nav.tabs.sidebar .p-nav-mod:hover .pn-chevron,
nav.tabs.sidebar .p-nav-mod.active .pn-chevron{ color:#6d87cd; transform:translateX(0); }

nav.tabs.sidebar .p-nav-extra{
  margin-top:auto !important; padding:12px 2px 0 !important;
  border-top:1px solid rgba(94,125,206,.11) !important;
}
nav.tabs.sidebar .p-nav-mini{
  min-height:40px; padding:8px 11px !important; border-radius:12px !important;
  font-size:13px !important; color:#7a86a6 !important;
}
nav.tabs.sidebar .p-nav-mini .tb-ico{ width:20px !important; height:20px !important; }
nav.tabs.sidebar .p-nav-mini:hover{ color:#c7d1eb !important; background:rgba(94,125,206,.055) !important; }
nav.tabs.sidebar .p-nav-mini.active{ color:#c2cff2 !important; background:rgba(94,125,206,.12) !important; border-color:rgba(94,125,206,.18) !important; }
.p-state-card{ padding:11px 12px; background:rgba(255,255,255,.025); border-color:rgba(255,255,255,.06); }

main{ margin-left:252px !important; padding:22px 28px 48px !important; }
#keyBanner,#remoteBanner{ margin-left:252px !important; }
main > .panel{ width:100%; max-width:1600px; margin:0 auto; }

/* --------------------------------------------------------------------------
   模块总览：Hero + 推荐位 + 工作流 + 工具 Bento
   -------------------------------------------------------------------------- */
.module-view{ display:flex; flex-direction:column; gap:16px; animation:msRise .44s cubic-bezier(.2,.82,.25,1) both; }
@keyframes msRise{ from{ opacity:0; transform:translateY(10px) } to{ opacity:1; transform:none } }

.ms-breadcrumb{
  display:flex; align-items:center; gap:8px; padding:0 3px;
  color:#53607d; font-size:11.5px; font-weight:700;
}
.ms-breadcrumb i{ color:#384154; font-style:normal; }
.ms-breadcrumb b{ color:#8a95b4; }
.module-head{
  position:relative; isolation:isolate; overflow:hidden;
  display:grid !important; grid-template-columns:minmax(0,1fr) 330px;
  align-items:center !important; gap:30px !important;
  min-height:214px; padding:30px 34px !important;
  border-radius:24px !important; border:1px solid rgba(94,125,206,.16) !important;
  background:
    radial-gradient(560px 300px at 85% 36%, rgba(94,125,206,.14), transparent 65%),
    linear-gradient(145deg,#171719 0%,#0E0E10 78%) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.module-head::before{
  content:""; position:absolute; inset:0; z-index:-1; opacity:.32; pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:28px 28px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 44%,#000);
  mask-image:linear-gradient(90deg,transparent,#000 44%,#000);
}
.module-head::after{
  content:""; position:absolute; z-index:-1; width:360px; height:360px; right:-120px; top:-140px;
  border-radius:50%; border:1px solid rgba(94,125,206,.13);
  box-shadow:0 0 0 38px rgba(94,125,206,.025), 0 0 0 76px rgba(94,125,206,.018);
}
.module-head-txt{ position:relative; z-index:2; }
.module-kicker{
  display:inline-flex; align-items:center; gap:7px; margin-bottom:14px;
  color:#5670b2; font-size:10.5px; font-weight:900; letter-spacing:1.45px; text-transform:uppercase;
}
.module-kicker svg{ width:14px; height:14px; }
.module-head h2{
  margin:0 !important; padding:0 !important; font-size:clamp(30px,3vw,42px) !important;
  line-height:1.08 !important; font-weight:900 !important; letter-spacing:.3px;
  background:linear-gradient(180deg,#e1e8fd 4%,#8aa2e2 54%,#3559ae 100%) !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important; color:transparent !important;
}
.module-head .hint{
  max-width:720px; margin:13px 0 0 !important;
  color:#8b97b2 !important; font-size:13.5px !important; line-height:1.72 !important;
}
.module-head-actions{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:20px; }
.ms-primary{
  display:inline-flex; align-items:center; gap:10px; min-height:42px; padding:0 17px;
  color:#0a1224; background:linear-gradient(135deg,#b9c8f2,#6180cd 58%,#4163b6);
  border:1px solid rgba(220,229,253,.58); border-radius:12px;
  font-size:13px; font-weight:900; cursor:pointer;
  box-shadow:0 10px 28px rgba(65,99,182,.22), inset 0 1px 0 rgba(255,255,255,.5);
  transition:transform .2s, box-shadow .2s, filter .2s;
}
.ms-primary:hover{ transform:translateY(-2px); filter:brightness(1.045); box-shadow:0 15px 34px rgba(65,99,182,.30), inset 0 1px 0 rgba(255,255,255,.5); }
.ms-primary svg{ width:15px; height:15px; }
.ms-head-note{ display:inline-flex; align-items:center; gap:7px; color:#5a6888; font-size:11.5px; font-weight:700; }
.ms-head-note::before{ content:""; width:6px; height:6px; border-radius:50%; background:#55C98A; box-shadow:0 0 10px rgba(85,201,138,.65); }

.module-head-visual{ position:relative; min-height:150px; display:flex; align-items:center; justify-content:center; }
.ms-orbit{
  position:relative; width:148px; height:148px; border-radius:50%;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  background:radial-gradient(circle at 50% 42%,rgba(163,184,239,.12),rgba(94,125,206,.025) 55%,transparent 72%);
  border:1px solid rgba(94,125,206,.20);
  box-shadow:inset 0 0 42px rgba(94,125,206,.05),0 0 54px rgba(94,125,206,.06);
}
.ms-orbit::before,.ms-orbit::after{ content:""; position:absolute; border-radius:50%; border:1px solid rgba(94,125,206,.10); }
.ms-orbit::before{ inset:-17px; border-style:dashed; animation:msSpin 24s linear infinite; }
.ms-orbit::after{ inset:17px; border-color:rgba(255,255,255,.045); }
@keyframes msSpin{ to{ transform:rotate(360deg) } }
.ms-orbit strong{ color:#acbded; font-size:36px; line-height:1; font-weight:900; letter-spacing:-1px; }
.ms-orbit span{ margin-top:7px; color:#5f6e8e; font-size:10.5px; font-weight:800; letter-spacing:1.2px; text-transform:uppercase; }
.ms-orbit i{
  position:absolute; width:8px; height:8px; border-radius:50%; background:#7590da;
  right:14px; top:37px; box-shadow:0 0 0 5px rgba(94,125,206,.07),0 0 16px rgba(94,125,206,.45);
}
.ms-orbit em{
  position:absolute; left:10px; bottom:26px; width:5px; height:5px; border-radius:50%;
  background:#515b79; box-shadow:0 0 0 5px rgba(94,125,206,.035);
}

.module-level-row{ display:grid; grid-template-columns:minmax(0,1.22fr) minmax(360px,.78fr); gap:14px; }
.module-level-card{
  position:relative; overflow:hidden; min-height:168px; padding:21px 22px; box-sizing:border-box;
  border:1px solid var(--ms-line); border-radius:20px;
  background:linear-gradient(145deg,rgba(25,25,28,.96),rgba(15,15,17,.98));
  box-shadow:0 18px 50px rgba(0,0,0,.28);
}
.module-level-card::after{
  content:""; position:absolute; width:180px; height:180px; right:-80px; bottom:-110px;
  border-radius:50%; background:rgba(94,125,206,.055); filter:blur(2px);
}
.ms-card-label{ display:flex; align-items:center; gap:8px; color:#606e90; font-size:10.5px; font-weight:900; letter-spacing:1.25px; text-transform:uppercase; }
.ms-card-label svg{ width:14px; height:14px; color:#5a75bd; }
.module-spotlight .ms-spot-main{ display:flex; align-items:center; gap:16px; margin-top:15px; }
.module-spotlight .ms-spot-icon{
  width:50px; height:50px; border-radius:15px; flex:0 0 auto; display:flex; align-items:center; justify-content:center;
  color:#0a1328; background:linear-gradient(140deg,#acbeef,#4c6cc1); box-shadow:0 10px 26px rgba(94,125,206,.16);
}
.module-spotlight .ms-spot-icon svg{ width:22px; height:22px; }
.module-spotlight h3{ margin:0; color:#d7def1; font-size:18px; line-height:1.25; }
.module-spotlight p{ margin:6px 0 0; color:#707e9f; font-size:12.5px; line-height:1.65; }
.module-spotlight .ms-spot-link{
  position:relative; z-index:1; display:inline-flex; align-items:center; gap:7px; margin-top:15px;
  color:#6a86d0; font-size:12px; font-weight:800; cursor:pointer;
}
.module-spotlight .ms-spot-link:hover{ color:#aebff0; }
.module-spotlight .ms-spot-link svg{ width:15px !important; height:15px !important; flex:0 0 15px; }
.module-flow{ display:flex; flex-direction:column; }
.ms-flow-list{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:15px; }
.ms-flow-step{ position:relative; padding:11px 10px 10px; border-radius:13px; background:rgba(255,255,255,.025); border:1px solid rgba(255,255,255,.055); }
.ms-flow-step b{ display:flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:7px; color:#0a1328; background:#6a87d1; font-size:10.5px; }
.ms-flow-step strong{ display:block; margin-top:9px; color:#c4cbdc; font-size:11.5px; line-height:1.3; }
.ms-flow-step small{ display:block; margin-top:4px; color:#53607d; font-size:9.5px; line-height:1.4; }

.module-tools{
  margin-top:2px; padding:20px; border:1px solid var(--ms-line); border-radius:22px;
  background:linear-gradient(155deg,rgba(17,17,19,.96),rgba(12,12,14,.98));
  box-shadow:0 22px 60px rgba(0,0,0,.28);
}
.module-tools-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:15px; }
.module-tools-head h3{ margin:0; color:#d3daeb; font-size:17px; font-weight:900; letter-spacing:.15px; }
.module-tools-head p{ margin:5px 0 0; color:#586584; font-size:11.5px; }
.ms-tool-legend{ display:flex; align-items:center; gap:8px; color:#54607d; font-size:10.5px; font-weight:700; }
.ms-tool-legend i{ width:6px; height:6px; border-radius:50%; background:#6482ce; box-shadow:0 0 10px rgba(94,125,206,.4); }
.module-grid{ display:grid !important; grid-template-columns:repeat(12,minmax(0,1fr)) !important; gap:12px !important; }
.module-card{
  position:relative; isolation:isolate; overflow:hidden; box-sizing:border-box;
  grid-column:span 4; display:flex !important; flex-direction:column !important; align-items:stretch !important;
  min-height:154px; padding:17px !important; gap:0 !important; cursor:pointer;
  border:1px solid rgba(255,255,255,.07) !important; border-radius:17px !important;
  background:linear-gradient(150deg,#18181B 0%,#111113 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease !important;
}
.module-card::after{
  content:""; position:absolute; z-index:-1; width:170px; height:170px; right:-95px; top:-105px; border-radius:50%;
  background:rgba(94,125,206,.06); opacity:.35; transition:opacity .22s, transform .22s;
}
.module-card.is-featured{ grid-column:span 6; min-height:170px; padding:19px !important; }
.module-card:hover{
  transform:translateY(-4px) !important; border-color:rgba(94,125,206,.28) !important;
  background:linear-gradient(150deg,#15181f 0%,#121214 100%) !important;
  box-shadow:0 20px 52px rgba(0,0,0,.44),0 0 30px rgba(94,125,206,.07) !important;
}
.module-card:hover::after{ opacity:.72; transform:scale(1.08); }
.module-card .mc-index{
  position:absolute; right:12px; top:8px; color:rgba(255,255,255,.025);
  font-size:42px; line-height:1; font-weight:900; letter-spacing:-2px; pointer-events:none;
}
.module-card .mc-top{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; position:relative; z-index:1; }
.module-card .mc-ico{
  width:42px !important; height:42px !important; flex:0 0 42px !important; border-radius:12px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  color:#829ad9 !important; background:linear-gradient(145deg,rgba(94,125,206,.14),rgba(94,125,206,.035)) !important;
  border:1px solid rgba(94,125,206,.18) !important;
}
.module-card.is-featured .mc-ico{ width:48px !important; height:48px !important; flex-basis:48px !important; color:#0a1328 !important; background:linear-gradient(145deg,#a8baed,#4869bf) !important; border-color:rgba(203,216,252,.36) !important; }
.module-card .mc-ico svg{ width:19px !important; height:19px !important; }
.module-card.is-featured .mc-ico svg{ width:21px !important; height:21px !important; }
.module-card .feat-badge{ margin-left:auto; }
.module-card .mc-body{ position:relative; z-index:1; margin-top:15px; }
.module-card.is-featured .mc-body{ margin-top:17px; }
.module-card .mc-body h3{
  display:flex; align-items:center; gap:7px; margin:0 !important; color:#d9dfef !important;
  font-size:14px !important; line-height:1.35 !important; font-weight:900 !important;
}
.module-card.is-featured .mc-body h3{ font-size:17px !important; }
.module-card .mc-body p{ margin:7px 0 0 !important; color:#5e6c8d !important; font-size:11.5px !important; line-height:1.58 !important; }
.module-card.is-featured .mc-body p{ max-width:94%; font-size:12px !important; }
.module-card .mc-foot{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; padding-top:14px; position:relative; z-index:1; }
.module-card .mc-tags{ display:flex; gap:6px; min-width:0; overflow:hidden; }
.module-card .mc-tag{ padding:3px 7px; border-radius:6px; color:#5b6888; background:rgba(255,255,255,.025); border:1px solid rgba(255,255,255,.05); font-size:9.5px; white-space:nowrap; }
.module-card .mc-enter{ display:inline-flex; align-items:center; gap:5px; flex:0 0 auto; color:#586997; font-size:10.5px; font-weight:800; transition:color .2s, transform .2s; }
.module-card .mc-enter svg{ width:12px; height:12px; }
.module-card:hover .mc-enter{ color:#88a0df; transform:translateX(2px); }

.module-footer-grid{ display:grid; grid-template-columns:1.08fr .92fr; gap:12px; }
.ms-info-card{
  min-height:116px; padding:17px 18px; border:1px solid var(--ms-line); border-radius:17px;
  background:linear-gradient(150deg,rgba(18,18,20,.96),rgba(13,13,15,.98));
}
.ms-info-card h4{ display:flex; align-items:center; gap:8px; margin:0; color:#c0c8db; font-size:13px; font-weight:850; }
.ms-info-card h4 svg{ width:15px; height:15px; color:#5c78c1; }
.ms-info-card p{ margin:9px 0 0; color:#5a6888; font-size:11.5px; line-height:1.7; }
.ms-scene-chips{ display:flex; flex-wrap:wrap; gap:7px; margin-top:11px; }
.ms-scene-chip{ padding:5px 9px; border-radius:999px; color:#7b87a7; background:rgba(94,125,206,.055); border:1px solid rgba(94,125,206,.11); font-size:10.5px; }

/* --------------------------------------------------------------------------
   二级功能页：统一标题、说明与返回路径
   -------------------------------------------------------------------------- */
.page-studio-head{
  position:relative; overflow:hidden; display:flex; align-items:center; gap:16px;
  margin:0 0 16px !important; padding:18px 20px !important; box-sizing:border-box;
  border:1px solid rgba(94,125,206,.13) !important; border-radius:20px;
  background:radial-gradient(520px 200px at 88% 36%,rgba(94,125,206,.10),transparent 68%),linear-gradient(145deg,#161618,#0F0F11) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.28);
}
.page-studio-head::after{ content:""; position:absolute; right:-45px; top:-75px; width:180px; height:180px; border-radius:50%; border:1px solid rgba(94,125,206,.10); }
.ps-icon{
  width:46px; height:46px; flex:0 0 auto; display:flex; align-items:center; justify-content:center;
  border-radius:14px; color:#0a1328; background:linear-gradient(140deg,#a6b8eb,#496ac0);
  border:1px solid rgba(218,228,253,.45); box-shadow:0 10px 24px rgba(94,125,206,.13);
}
.ps-icon svg{ width:21px; height:21px; }
.ps-copy{ min-width:0; flex:1; position:relative; z-index:1; }
.ps-kicker{ display:flex; align-items:center; gap:7px; margin-bottom:5px; color:#5e6a8c; font-size:10px; font-weight:900; letter-spacing:1.2px; }
.ps-kicker i{ width:5px; height:5px; border-radius:50%; background:#5e7dce; }
.ps-copy h1{ margin:0; color:#dae0f1; font-size:19px; line-height:1.3; font-weight:900; }
.ps-copy p{ margin:5px 0 0; color:#616f92; font-size:11.5px; line-height:1.55; }
.ps-back{
  position:relative; z-index:1; flex:0 0 auto; min-height:36px; padding:0 12px; cursor:pointer;
  display:inline-flex; align-items:center; gap:7px; color:#8893af; font-size:11.5px; font-weight:800;
  border-radius:10px; border:1px solid rgba(255,255,255,.075); background:rgba(255,255,255,.025);
}
.ps-back:hover{ color:#9bade3; border-color:rgba(94,125,206,.23); background:rgba(94,125,206,.06); }
.ps-back svg{ width:13px; height:13px; }
.page-studio-head + .card > h2:first-child{ display:none !important; }
.page-studio-head + .card{ margin-top:0 !important; }
.panel > .card{ border-color:rgba(255,255,255,.065) !important; box-shadow:0 20px 58px rgba(0,0,0,.24) !important; }
.panel .field-label{ color:#7288c3 !important; }
.panel .placeholder{ color:#55627f !important; }

@media (max-width:1280px){
  nav.tabs.sidebar{ width:236px !important; min-width:236px !important; }
  main{ margin-left:236px !important; padding-left:22px !important; padding-right:22px !important; }
  #keyBanner,#remoteBanner{ margin-left:236px !important; }
  .module-head{ grid-template-columns:minmax(0,1fr) 270px !important; }
  .module-level-row{ grid-template-columns:1fr !important; }
  .module-card{ grid-column:span 6 !important; }
}
@media (max-width:920px){
  nav.tabs.sidebar{ width:218px !important; min-width:218px !important; padding-left:10px !important; padding-right:10px !important; }
  main{ margin-left:218px !important; padding:16px !important; }
  #keyBanner,#remoteBanner{ margin-left:218px !important; }
  .module-head{ grid-template-columns:1fr !important; min-height:auto; padding:24px !important; }
  .module-head-visual{ display:none; }
  .module-level-row,.module-footer-grid{ grid-template-columns:1fr !important; }
  .module-card,.module-card.is-featured{ grid-column:span 12 !important; }
  .page-studio-head{ align-items:flex-start; }
  .ps-back{ display:none !important; }
}
@media (max-width:720px){
  nav.tabs.sidebar{ display:none !important; }
  main,#keyBanner,#remoteBanner{ margin-left:0 !important; }
}



/* ==========================================================================
   Full interface audit refinements · 2026-09-24
   二级页流程提示、表单卡片、上传区与预览区的统一精致化
   ========================================================================== */
.page-studio-head{
  display:grid !important;
  grid-template-columns:46px minmax(0,1fr) auto auto !important;
  align-items:center !important;
  gap:16px !important;
  padding:17px 19px !important;
}
.ps-flow{
  position:relative; z-index:1; display:flex; align-items:center; gap:8px;
  padding:8px 10px; border-radius:13px;
  background:rgba(255,255,255,.022); border:1px solid rgba(255,255,255,.055);
}
.ps-flow span{ display:flex; align-items:center; gap:6px; color:#54617e; white-space:nowrap; }
.ps-flow span b{
  width:20px; height:20px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:7px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.07);
  color:#6a799c; font-size:10px; font-weight:900;
}
.ps-flow span small{ font-size:10.5px; font-weight:750; }
.ps-flow span.active{ color:#7990d0; }
.ps-flow span.active b{ color:#0a1122; background:linear-gradient(135deg,#a6b8ec,#4e6ec2); border-color:rgba(216,226,252,.38); }
.ps-flow i{ width:18px; height:1px; background:linear-gradient(90deg,rgba(94,125,206,.30),rgba(255,255,255,.06)); }

.page-studio-head + .card{
  position:relative; overflow:hidden;
  border-radius:21px !important; border:1px solid rgba(255,255,255,.068) !important;
  background:
    radial-gradient(760px 340px at 88% -8%,rgba(94,125,206,.055),transparent 68%),
    linear-gradient(150deg,rgba(24,24,27,.98),rgba(14,14,16,.99)) !important;
  box-shadow:0 24px 68px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.025) !important;
  padding:20px !important;
}
.page-studio-head + .card::after{
  content:""; position:absolute; right:-90px; bottom:-130px; width:260px; height:260px; pointer-events:none;
  border-radius:50%; background:rgba(94,125,206,.035); filter:blur(2px);
}
.page-studio-head + .card .grid-2{ position:relative; z-index:1; gap:18px !important; }
.page-studio-head + .card .col{ min-width:0; }
.page-studio-head + .card > h2:first-child{ display:none !important; }

.panel .dropzone{
  position:relative; overflow:hidden;
  border:1px solid rgba(94,125,206,.17) !important; border-radius:18px !important;
  background:
    radial-gradient(340px 220px at 50% 16%,rgba(94,125,206,.065),transparent 68%),
    linear-gradient(150deg,rgba(255,255,255,.026),rgba(255,255,255,.012)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease !important;
}
.panel .dropzone::before{
  content:""; position:absolute; inset:9px; pointer-events:none;
  border:1px dashed rgba(94,125,206,.19); border-radius:12px;
  transition:border-color .22s ease;
}
.panel .dropzone:hover,.panel .dropzone.drag{
  transform:translateY(-2px) !important;
  border-color:rgba(94,125,206,.40) !important;
  background:
    radial-gradient(340px 220px at 50% 16%,rgba(94,125,206,.12),transparent 68%),
    linear-gradient(150deg,rgba(255,255,255,.035),rgba(255,255,255,.015)) !important;
  box-shadow:0 16px 38px rgba(0,0,0,.21),inset 0 0 0 1px rgba(94,125,206,.04) !important;
}
.panel .dropzone:hover::before,.panel .dropzone.drag::before{ border-color:rgba(126,152,222,.38); }
.panel .dropzone .dz-icon{
  position:relative; z-index:1; width:54px !important; height:54px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  border-radius:16px !important; color:#7d96dd !important;
  background:linear-gradient(145deg,rgba(94,125,206,.16),rgba(94,125,206,.045)) !important;
  border:1px solid rgba(94,125,206,.19) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.18) !important;
}
.panel .dropzone .dz-icon .ic,.panel .dropzone .dz-icon svg{ width:22px !important; height:22px !important; }
.panel .dropzone .dz-inner{ position:relative; z-index:1; }
.panel .dropzone p{ color:#cad1e3 !important; font-size:14px !important; font-weight:750 !important; }
.panel .dropzone .dz-hint{ color:#5a6886 !important; font-size:11.5px !important; line-height:1.6 !important; }

.panel .result-box{
  position:relative; overflow:hidden; border-radius:18px !important;
  border:1px solid rgba(255,255,255,.068) !important;
  background:
    radial-gradient(420px 260px at 50% 30%,rgba(94,125,206,.045),transparent 70%),
    rgba(255,255,255,.014) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018) !important;
}
.panel .result-box .placeholder{
  position:relative; overflow:hidden; box-sizing:border-box;
  color:#5a6886 !important; background:rgba(255,255,255,.018) !important;
  border:1px dashed rgba(94,125,206,.16) !important; border-radius:14px !important;
  min-height:230px; display:flex; flex-direction:column; align-items:center; justify-content:center;
}
.panel .result-box .placeholder::after{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.50;
  background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);
  background-size:24px 24px;
  -webkit-mask-image:radial-gradient(circle at center,#000,transparent 76%);
  mask-image:radial-gradient(circle at center,#000,transparent 76%);
}

@media (max-width:1380px){
  .ps-flow{ gap:5px; padding-left:8px; padding-right:8px; }
  .ps-flow span small{ font-size:9.5px; }
  .ps-flow i{ width:10px; }
}
@media (max-width:1200px){
  .page-studio-head{ grid-template-columns:46px minmax(0,1fr) auto !important; }
  .ps-flow{ display:none !important; }
}


/* ==========================================================================
   Homepage Studio v5 · 首页信息重构 + Remotion 主视觉
   ========================================================================== */
#panel-home .home-view{
  display:flex !important; flex-direction:column !important; gap:16px !important;
}
#panel-home .hv-hero{
  grid-template-columns:minmax(0,1fr) minmax(330px,420px) !important;
  min-height:360px; padding:34px 38px !important;
  border-radius:24px !important;
  background:
    radial-gradient(720px 390px at 82% 48%,rgba(94,125,206,.15),transparent 67%),
    radial-gradient(440px 260px at 2% 110%,rgba(94,125,206,.07),transparent 70%),
    linear-gradient(145deg,#181819 0%,#0D0D0F 76%) !important;
}
#panel-home .hv-hero::after{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.22;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:32px 32px;
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 72%);
  mask-image:linear-gradient(90deg,#000,transparent 72%);
}
#panel-home .hv-hero-copy{ position:relative; z-index:2; max-width:690px; }
#panel-home .hv-eyebrow{
  display:inline-flex; align-items:center; gap:8px; margin-bottom:14px;
  color:#4f66a2; font-size:10.5px; font-weight:900; letter-spacing:1.8px;
}
#panel-home .hv-eyebrow span{
  width:28px; height:1px; background:linear-gradient(90deg,#6483d0,transparent);
}
#panel-home .hv-title{
  margin:0 !important; color:#dfe5f3 !important; font-size:clamp(38px,4vw,60px) !important;
  line-height:1.12 !important; font-weight:950 !important; letter-spacing:-1.4px !important;
}
#panel-home .hv-title em{
  color:transparent; font-style:normal;
  background:linear-gradient(180deg,#dae4fd 5%,#7f9ae0 58%,#3256ad 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
#panel-home .hv-sub{
  max-width:610px; margin:15px 0 0 !important; color:#7381a1 !important;
  font-size:15px !important; line-height:1.75 !important;
}
#panel-home .hv-hero-actions{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-top:21px; }
#panel-home .hv-hero-primary{
  display:inline-flex; align-items:center; gap:9px; min-height:42px; padding:0 17px;
  border:1px solid rgba(217,227,253,.46); border-radius:12px; cursor:pointer;
  color:#0a1223; background:linear-gradient(135deg,#bdcbf3,#5e7dcb 55%,#3e60b5);
  font-size:13px; font-weight:900; box-shadow:0 11px 28px rgba(50,86,173,.20),inset 0 1px 0 rgba(255,255,255,.48);
  transition:transform .2s,box-shadow .2s,filter .2s;
}
#panel-home .hv-hero-primary:hover{ transform:translateY(-2px); filter:brightness(1.04); box-shadow:0 16px 36px rgba(50,86,173,.28),inset 0 1px 0 rgba(255,255,255,.48); }
#panel-home .hv-hero-primary svg{ width:15px; height:15px; }
#panel-home .hv-hero-status{ display:inline-flex; align-items:center; gap:7px; color:#576482; font-size:11.5px; font-weight:700; }
#panel-home .hv-hero-status i{ width:6px; height:6px; border-radius:50%; background:#54CA8B; box-shadow:0 0 10px rgba(84,202,139,.65); }
#panel-home .hv-feats{
  display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:9px !important; max-width:640px; margin-top:26px !important;
}
#panel-home .hv-feat{
  min-height:66px !important; padding:11px 13px !important; gap:10px !important;
  background:rgba(255,255,255,.026) !important; border:1px solid rgba(255,255,255,.062) !important;
  border-radius:13px !important;
}
#panel-home .hv-feat .hvf-ico{
  width:34px !important; height:34px !important; border-radius:10px !important;
  color:#6e89d1 !important; background:rgba(94,125,206,.07) !important; border:1px solid rgba(94,125,206,.12);
}
#panel-home .hv-feat .hvf-ico svg{ width:15px !important; height:15px !important; }
#panel-home .hv-feat b{ color:#c4cbdb !important; font-size:12px !important; }
#panel-home .hv-feat small{ color:#55627f !important; font-size:10px !important; }
#panel-home .hv-hero-art{ min-height:290px; justify-content:center; }
#panel-home .hv-hero-robot{
  width:100% !important; max-width:440px !important; height:auto; display:block;
  mix-blend-mode:normal; filter:drop-shadow(0 22px 46px rgba(94,125,206,.22)) contrast(1.03) saturate(1.03);
  animation:heroFloat 5.5s ease-in-out infinite;
}
#panel-home .hv-note{
  top:6px; right:4px; color:#4e5974 !important; font-size:9.5px !important;
  letter-spacing:1.8px !important; text-align:right; line-height:1.55;
}
#panel-home .hv-note::before{ display:none; }

#panel-home .home-launcher{
  position:relative; overflow:hidden; padding:18px 20px 15px;
  border-radius:20px; border:1px solid rgba(94,125,206,.12);
  background:
    radial-gradient(560px 220px at 92% 0%,rgba(94,125,206,.07),transparent 70%),
    linear-gradient(145deg,rgba(22,22,25,.98),rgba(14,14,16,.99));
  box-shadow:0 18px 48px rgba(0,0,0,.25);
}
#panel-home .home-launcher-head{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:12px; }
#panel-home .home-launcher-head b{ display:block; color:#ccd4e7; font-size:14px; font-weight:850; }
#panel-home .home-launcher-head small{ display:block; margin-top:4px; color:#586785; font-size:10.5px; }
#panel-home .hl-kicker{ color:#475273; font-size:9.5px; font-weight:900; letter-spacing:1.5px; }
#panel-home .hv-inputbar{
  margin:0 !important; min-height:58px; border-radius:15px !important;
  background:rgba(255,255,255,.025) !important; border-color:rgba(255,255,255,.075) !important;
}
#panel-home .hv-inputbar:focus-within{ border-color:rgba(94,125,206,.30) !important; box-shadow:0 0 0 3px rgba(94,125,206,.055); }
#panel-home .hv-inputbar input{ font-size:13.5px !important; }
#panel-home .hv-inputbar .hv-go{ min-height:38px; border-radius:10px !important; }
#panel-home .hv-chips{ display:flex !important; align-items:center !important; gap:7px !important; margin-top:11px !important; }
#panel-home .hv-chip-label{ margin-right:3px; color:#4c5973; font-size:10px; font-weight:800; letter-spacing:.8px; }
#panel-home .hv-chip{
  min-height:29px !important; padding:0 10px !important; border-radius:9px !important;
  color:#7c89a8 !important; background:rgba(255,255,255,.024) !important;
  border-color:rgba(255,255,255,.06) !important; font-size:10.5px !important;
}
#panel-home .hv-chip:hover{ color:#adbce8 !important; background:rgba(94,125,206,.07) !important; border-color:rgba(94,125,206,.18) !important; }

#panel-home .home-dashboard{ display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:14px; align-items:start; }
#panel-home .home-dashboard-main{ display:flex; flex-direction:column; gap:14px; min-width:0; }
#panel-home .home-dashboard-side{ display:flex; flex-direction:column; gap:11px; min-width:0; }
#panel-home .hv-sec{
  margin:0 !important; padding:19px !important; border-radius:20px !important;
  background:linear-gradient(145deg,rgba(20,20,23,.98),rgba(13,13,15,.99)) !important;
  border:1px solid rgba(255,255,255,.062) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.22) !important;
}
#panel-home .hv-sec-head{ align-items:flex-start !important; margin-bottom:13px !important; }
#panel-home .hv-sec-head h3{ font-size:14.5px !important; }
#panel-home .hv-sec-head p{ margin:4px 0 0; color:#525e7a; font-size:10.5px; }
#panel-home .hv-hot{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:9px !important; }
#panel-home .hv-hot-card{ min-height:76px !important; padding:12px 13px !important; border-radius:14px !important; }
#panel-home .hv-cats{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:9px !important; }
#panel-home .hv-cat{ min-height:82px !important; padding:13px !important; border-radius:14px !important; }
#panel-home .hv-cat:last-child{ grid-column:1/-1; }
#panel-home .home-dashboard-side .hv-side-head{ display:flex; justify-content:space-between; align-items:center; padding:0 3px 2px; }
#panel-home .home-dashboard-side .hv-side-head span{ color:#bcc4d9; font-size:12px; font-weight:850; }
#panel-home .home-dashboard-side .hv-side-head small{ color:#454f67; font-size:9px; letter-spacing:1.4px; }
#panel-home .hv-stat-card,
#panel-home .hv-recent-card,
#panel-home .hv-side-tip{
  min-height:auto !important; padding:16px !important; border-radius:17px !important;
  background:linear-gradient(145deg,rgba(20,20,23,.98),rgba(13,13,15,.99)) !important;
  border:1px solid rgba(255,255,255,.062) !important;
}
#panel-home .hv-stat-row{ margin-top:14px !important; }
#panel-home .hv-st b{ color:#9cafe4 !important; font-size:24px !important; }
#panel-home .hv-recent-card{ min-height:170px !important; }
#panel-home .hv-recent-list{ margin-top:10px !important; }
#panel-home .hv-side-tip{ display:flex; gap:11px; align-items:flex-start; }
#panel-home .hst-ico{
  width:36px; height:36px; flex:0 0 auto; display:flex; align-items:center; justify-content:center;
  border-radius:11px; color:#6a86d0; background:rgba(94,125,206,.075); border:1px solid rgba(94,125,206,.13);
}
#panel-home .hst-ico svg{ width:16px; height:16px; }
#panel-home .hv-side-tip b{ display:block; color:#b9c0d3; font-size:12px; }
#panel-home .hv-side-tip small{ display:block; margin-top:5px; color:#586785; font-size:10.5px; line-height:1.6; }

#panel-home.active .hv-hero-copy > *,
#panel-home.active .home-launcher,
#panel-home.active .home-dashboard > *{
  animation:homeEnter .56s cubic-bezier(.2,.82,.25,1) both;
}
#panel-home.active .hv-eyebrow{ animation-delay:.03s; }
#panel-home.active .hv-title{ animation-delay:.08s; }
#panel-home.active .hv-sub{ animation-delay:.13s; }
#panel-home.active .hv-hero-actions{ animation-delay:.18s; }
#panel-home.active .hv-feats{ animation-delay:.23s; }
#panel-home.active .home-launcher{ animation-delay:.25s; }
#panel-home.active .home-dashboard-main{ animation-delay:.30s; }
#panel-home.active .home-dashboard-side{ animation-delay:.36s; }
@keyframes homeEnter{ from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:none} }

@media (max-width:1380px){
  #panel-home .home-dashboard{ grid-template-columns:minmax(0,1fr) 296px; }
  #panel-home .hv-hero{ grid-template-columns:minmax(0,1fr) 340px !important; padding:30px !important; }
  #panel-home .hv-hero-robot{ max-width:360px !important; }
}
@media (max-width:1120px){
  #panel-home .home-dashboard{ grid-template-columns:1fr; }
  #panel-home .home-dashboard-side{ display:grid; grid-template-columns:1fr 1fr; }
  #panel-home .hv-side-head,#panel-home .hv-side-tip{ grid-column:1/-1; }
}
@media (max-width:900px){
  #panel-home .hv-hero{ grid-template-columns:1fr !important; }
  #panel-home .hv-hero-art{ display:none; }
  #panel-home .hv-feats{ grid-template-columns:1fr 1fr !important; }
  #panel-home .hv-hot,#panel-home .hv-cats{ grid-template-columns:1fr !important; }
  #panel-home .hv-cat:last-child{ grid-column:auto; }
}

/* Interface micro-motion · restrained, content-first */
#panel-module.active .module-card{
  animation:cardReveal .46s cubic-bezier(.2,.82,.25,1) both;
}
#panel-module.active .module-card:nth-child(1){animation-delay:.03s}
#panel-module.active .module-card:nth-child(2){animation-delay:.06s}
#panel-module.active .module-card:nth-child(3){animation-delay:.09s}
#panel-module.active .module-card:nth-child(4){animation-delay:.12s}
#panel-module.active .module-card:nth-child(5){animation-delay:.15s}
#panel-module.active .module-card:nth-child(6){animation-delay:.18s}
#panel-module.active .module-card:nth-child(n+7){animation-delay:.22s}
#panel-module.active .ms-flow-step{animation:cardReveal .42s cubic-bezier(.2,.82,.25,1) both}
#panel-module.active .ms-flow-step:nth-child(2){animation-delay:.08s}
#panel-module.active .ms-flow-step:nth-child(3){animation-delay:.16s}
.page-studio-head + .card{animation:contentReveal .5s cubic-bezier(.2,.82,.25,1) .08s both}
@keyframes cardReveal{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}
@keyframes contentReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  #panel-module.active .module-card,#panel-module.active .ms-flow-step,.page-studio-head + .card,
  #panel-home.active .hv-hero-copy > *,#panel-home.active .home-launcher,#panel-home.active .home-dashboard > *{animation:none!important}
}

/* 视频文案任务清单：一键清空 */
body#focused-ui-preview .panel .fu-clear-all{
  margin-left:auto; min-height:34px; padding:7px 12px; cursor:pointer;
  display:inline-flex; align-items:center; gap:7px;
  border:1px solid rgba(234,154,139,.25); border-radius:9px;
  color:#DAA798; background:rgba(160,67,48,.10);
  font-size:12px; font-weight:750; transition:background .18s,border-color .18s,color .18s,transform .18s;
}
body#focused-ui-preview .panel .fu-clear-all svg{ width:14px; height:14px; }
body#focused-ui-preview .panel .fu-clear-all:hover{ color:#F2D6CD; background:rgba(190,73,52,.17); border-color:rgba(234,154,139,.48); transform:translateY(-1px); }
body#focused-ui-preview .panel .fu-clear-all:active{ transform:translateY(0); }
body#focused-ui-preview #panel-video-text .fu-list-heading .fu-density{ margin-left:0; }
@media(max-width:720px){
  body#focused-ui-preview .panel .fu-clear-all{ margin-left:0; }
}

/* ==========================================================================
   AI Chat + ChatCut Agent v6
   ========================================================================== */
#panel-ai-chat .ai-chat{
  height:calc(100vh - 166px) !important; min-height:620px !important;
  border-radius:22px !important; overflow:hidden !important;
  background:
    radial-gradient(700px 400px at 16% -10%,rgba(94,125,206,.065),transparent 68%),
    linear-gradient(145deg,rgba(20,20,23,.99),rgba(11,11,13,.995)) !important;
  border:1px solid rgba(255,255,255,.067) !important;
  box-shadow:0 26px 74px rgba(0,0,0,.34) !important;
}
#panel-ai-chat .ai-chat-head{
  display:flex !important; align-items:center !important; justify-content:space-between !important;
  gap:16px !important; padding:15px 18px !important; min-height:74px;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
  background:rgba(16,16,18,.88) !important;
  backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
}
#panel-ai-chat .ai-chat-heading{ min-width:0; }
#panel-ai-chat .ai-chat-heading h2{ margin:0 !important; color:#d7ddee !important; font-size:17px !important; }
#panel-ai-chat .ai-chat-heading p{ margin:5px 0 0 !important; color:#566380 !important; font-size:10.5px !important; }
#panel-ai-chat .ai-chat-meta{ display:flex !important; align-items:center !important; gap:7px !important; flex-wrap:wrap !important; justify-content:flex-end; }
#panel-ai-chat .cc-inline-login{ min-height:31px !important; padding:0 10px !important; border-radius:9px !important; font-size:10.5px !important; }
/* Match the dark text on gold used by the other action buttons, never disabled-looking. */
#panel-ai-chat .ai-new-chat{ color:#111723 !important; font-weight:700 !important; opacity:1 !important; }
#panel-ai-chat .ai-new-chat[data-pending="true"]{ border-color:#4a68b1 !important; }
#panel-ai-chat .cc-inline-login:focus-visible{ outline:2px solid #91a9eb; outline-offset:3px; }
#panel-ai-chat .cc-inline-login:disabled{ cursor:wait; }
#panel-ai-chat .ai-toolbar-feedback{ flex:0 0 auto; margin:10px 18px 0; padding:9px 12px; border:1px solid rgba(97,129,210,.28); border-radius:9px; background:#161822; color:#b7c6ea; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
#panel-ai-chat .ai-toolbar-feedback[hidden]{ display:none !important; }
#panel-ai-chat .ai-toolbar-feedback[data-tone="error"]{ background:#2D2020; border-color:#775151; color:#FFD5D5; }
#panel-ai-chat .ai-toolbar-feedback[data-tone="success"]{ background:#1C2920; border-color:#406348; color:#D6EADB; }
#panel-ai-chat .ai-chat-body{
  position:relative; flex:1 1 auto !important; padding:22px !important; gap:14px !important;
  background:
    radial-gradient(520px 300px at 82% 12%,rgba(94,125,206,.035),transparent 72%),
    linear-gradient(180deg,rgba(255,255,255,.008),transparent 30%);
}
#panel-ai-chat .ai-msg{ max-width:min(86%,820px) !important; }
#panel-ai-chat .ai-msg-user{ align-self:flex-end !important; }
#panel-ai-chat .ai-msg-bot{ align-self:flex-start !important; }
#panel-ai-chat .ai-bubble{
  padding:13px 15px !important; border-radius:16px !important; line-height:1.72 !important;
  font-size:12.5px !important; border:1px solid rgba(255,255,255,.056) !important;
  background:rgba(255,255,255,.028) !important; box-shadow:0 10px 28px rgba(0,0,0,.14);
}
#panel-ai-chat .ai-msg-user .ai-bubble{
  color:#0b1328 !important; background:linear-gradient(135deg,#abbcec,#5b7ac8) !important;
  border-color:rgba(222,230,253,.42) !important; box-shadow:0 10px 28px rgba(50,86,172,.13);
}
#panel-ai-chat .ai-run{ width:100% !important; background:rgba(255,255,255,.024) !important; }
#panel-ai-chat .ai-run-title{ color:#92a3d3 !important; font-size:12px !important; }
#panel-ai-chat .ai-run-steps{ gap:5px !important; }
#panel-ai-chat .ai-run-line{ font-size:11.5px !important; }
#panel-ai-chat .ai-chat-suggestions{
  flex:0 0 auto; display:flex; gap:7px; flex-wrap:wrap; padding:10px 18px 0;
  border-top:1px solid rgba(255,255,255,.045);
}
#panel-ai-chat .ai-chat-suggestions button{
  min-height:30px; padding:0 10px; cursor:pointer; border-radius:9px;
  color:#808caa; background:rgba(255,255,255,.024); border:1px solid rgba(255,255,255,.06);
  font-size:10.5px; transition:all .18s;
}
#panel-ai-chat .ai-chat-suggestions button:hover{ color:#9bafe8; background:rgba(94,125,206,.07); border-color:rgba(94,125,206,.20); }
#panel-ai-chat .ai-chat-attach{ display:flex !important; flex-direction:column !important; gap:9px !important; padding:11px 18px 0 !important; }
#panel-ai-chat .ai-attach-toolbar{ display:flex; align-items:center; gap:9px; min-width:0; }
#panel-ai-chat .ai-attach-toolbar>button:first-child{
  min-height:36px !important; padding:0 12px !important; border-radius:10px !important;
  color:#879bd4 !important; background:rgba(94,125,206,.075) !important; border:1px solid rgba(94,125,206,.17) !important;
}
#panel-ai-chat .ai-chat-attachment-list{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; max-height:150px; overflow-y:auto; }
#panel-ai-chat .ai-chat-attachment-list:empty{ display:none; }
#panel-ai-chat .ai-attachment{
  min-width:0; display:grid; grid-template-columns:32px minmax(0,1fr) auto; align-items:center; gap:9px;
  padding:8px 9px; border-radius:11px; background:rgba(255,255,255,.022); border:1px solid rgba(255,255,255,.055);
}
#panel-ai-chat .ai-attachment.is-failed{ border-color:rgba(231,131,112,.27); background:rgba(140,57,44,.06); }
#panel-ai-chat .ai-attachment.is-uploading{ border-color:rgba(94,125,206,.18); }
#panel-ai-chat .ai-attach-icon{
  width:32px; height:32px; border-radius:9px; display:flex; align-items:center; justify-content:center;
  color:#6e89d1; background:rgba(94,125,206,.065); border:1px solid rgba(94,125,206,.12);
}
#panel-ai-chat .ai-attach-icon svg{ width:14px; height:14px; }
#panel-ai-chat .ai-attach-copy{ min-width:0; }
#panel-ai-chat .ai-attach-copy b{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#c0c6d7; font-size:10.5px; }
#panel-ai-chat .ai-attach-copy small{ display:block; margin-top:3px; color:#525f7c; font-size:9px; }
#panel-ai-chat .ai-attach-progress{ height:3px; margin-top:5px; border-radius:99px; overflow:hidden; background:rgba(255,255,255,.055); }
#panel-ai-chat .ai-attach-progress i{ display:block; height:100%; width:0; background:linear-gradient(90deg,#5e7dce,#a5b7ec); transition:width .18s; }
#panel-ai-chat .ai-attach-action, #panel-ai-chat .ai-attach-remove{
  width:26px; height:26px; border-radius:8px; cursor:pointer; color:#606f90;
  display:inline-flex; align-items:center; justify-content:center; background:transparent; border:1px solid transparent;
}
#panel-ai-chat .ai-attach-action:hover{ color:#91a6e2; background:rgba(94,125,206,.08); border-color:rgba(94,125,206,.16); }
#panel-ai-chat .ai-attach-remove:hover{ color:#E5A091; background:rgba(190,73,52,.10); border-color:rgba(231,131,112,.22); }
#panel-ai-chat #aiChatRetryAll{
  padding:4px 10px; border-radius:999px; color:#7996d9; border:1px solid rgba(94,125,206,.34);
  background:rgba(94,125,206,.08); font-size:10.5px; cursor:pointer;
}
#panel-ai-chat #aiChatRetryAll:hover{ color:#c8d5fb; background:rgba(94,125,206,.16); }
#panel-ai-chat .ai-chat-meta .cc-inline-status.warn{ color:#7996d9; }
#panel-ai-chat .ai-chat-input{ padding:12px 18px 16px !important; gap:10px !important; border-top:1px solid rgba(255,255,255,.05); }
#panel-ai-chat .ai-chat-input-main{ flex:1; min-width:0; }
#panel-ai-chat .ai-chat-input textarea{ min-height:44px !important; padding:11px 13px !important; border-radius:12px !important; font-size:12.5px !important; }
#panel-ai-chat .ai-chat-input-hint{ display:block; margin:5px 2px 0; color:#48536c; font-size:9.5px; }
#panel-ai-chat .ai-chat-input button{ min-width:82px; min-height:44px; border-radius:12px !important; }
#panel-ai-chat .ai-chat-input button.is-stop{ background:linear-gradient(135deg,#E08C78,#B94D3E) !important; color:#fff !important; }
#panel-ai-chat .ai-chat-chip{
  max-width:none !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  color:#7a86a7 !important; background:rgba(94,125,206,.05) !important; border:1px solid rgba(94,125,206,.10) !important;
}
#panel-ai-chat .ai-chat-chip-clear{ color:#B9897D !important; white-space:nowrap; }
#panel-ai-chat .ai-drop .ai-chat-body{ box-shadow:inset 0 0 0 2px rgba(94,125,206,.38); }
@media(max-width:1200px){
  #panel-ai-chat .ai-chat-head{ align-items:flex-start !important; flex-direction:column !important; }
  #panel-ai-chat .ai-chat-meta{ justify-content:flex-start; }
  #panel-ai-chat .ai-chat-attachment-list{ grid-template-columns:1fr; }
}
@media(max-width:760px){
  #panel-ai-chat .ai-chat{ height:calc(100vh - 120px) !important; min-height:540px !important; }
  #panel-ai-chat .ai-chat-heading p,#panel-ai-chat .ai-chat-input-hint{ display:none; }
  #panel-ai-chat .ai-chat-body{ padding:14px !important; }
  #panel-ai-chat .ai-chat-attach,#panel-ai-chat .ai-chat-input{ padding-left:12px !important; padding-right:12px !important; }
}

/* ChatCut 打开时，保证左侧对话控件不被抽屉覆盖 */
body.cc-open #panel-ai-chat{
  width:calc(100vw - var(--p-nav-w) - var(--cc-w) - 42px) !important;
  max-width:calc(100vw - var(--p-nav-w) - var(--cc-w) - 42px) !important;
  min-width:360px; margin-left:0 !important; margin-right:auto !important;
}
body.cc-open #panel-ai-chat .ai-chat-head{
  flex-direction:column !important; align-items:flex-start !important;
}
body.cc-open #panel-ai-chat .ai-chat-meta{ justify-content:flex-start !important; }
body.cc-open #panel-ai-chat .ai-chat-attachment-list{ grid-template-columns:1fr !important; }
body.cc-open #panel-ai-chat .ai-chat-suggestions{ overflow-x:auto; flex-wrap:nowrap; }
body.cc-open #panel-ai-chat .ai-chat-suggestions button{ flex:0 0 auto; }
@media(max-width:1280px){
  body.cc-open #panel-ai-chat{ max-width:calc(100vw - 236px - var(--cc-w) - 36px) !important; }
}



/* /web/shared/releases/20261012-integrated-v208/studio-tools.css */
/* Additive black-and-gold usability layer. Original brand/navigation/results remain. */
:root { --studio-gold:#85a0e1; --studio-muted:#96a1b9; --studio-line:rgba(106,139,215,.21); --studio-surface:#12141a; }
.studio-note {color:var(--studio-muted);font-size:12px;line-height:1.75;margin:8px 0;overflow-wrap:anywhere}
.studio-section-head {display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.studio-section-head h2,.studio-section-head h3 {margin:0!important}
.studio-tag,.studio-status {font-size:11px;border:1px solid var(--studio-line);padding:4px 9px;border-radius:20px;color:var(--studio-gold);white-space:nowrap}
.studio-toolbar {display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0}
.studio-toolbar input:not([type=checkbox]),.studio-toolbar select {width:auto;max-width:100%;min-width:150px;min-height:36px;margin:0}
.studio-toolbar input[type=search] {flex:1}
.studio-text-btn {background:transparent!important;border:0;color:var(--studio-gold);padding:5px 7px;cursor:pointer;font:inherit;font-size:12px;box-shadow:none!important}
.studio-text-btn:hover {color:#cfdbfc;text-decoration:underline}
.studio-toolbar button:disabled,.studio-template button:disabled {opacity:.42;cursor:not-allowed}
.studio-shortcuts {padding:12px 12px 10px;border-bottom:1px solid var(--studio-line);margin:0 0 10px}
.studio-search-entry {width:100%;padding:10px 11px;border:1px solid rgba(106,139,215,.3);border-radius:10px;background:linear-gradient(135deg,#1c2029,#12141a);text-align:left;color:#9daed8;font-size:12px;cursor:pointer}
.studio-mini-heading {display:flex;align-items:center;justify-content:space-between;color:#8390ac;font-size:11px;margin:12px 0 5px;letter-spacing:.4px}
.studio-mini-heading .studio-text-btn {font-size:10px}
.studio-chips {display:flex;flex-wrap:wrap;gap:6px}
.studio-chip {max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--studio-line);border-radius:7px;background:#161920;color:#92a7d8;font-size:11px;padding:6px 9px;cursor:pointer}
.studio-chip:hover {border-color:#5f7eca;background:#1c222f}
.studio-recent {font-size:11px;margin-top:9px;color:#96a1b9}
.studio-recent summary {cursor:pointer;line-height:24px}
.studio-recent-link {display:block;width:100%;text-align:left;padding:6px 5px;background:none;border:0;color:#a2adc7;font-size:11px;cursor:pointer}
.studio-dialog {box-sizing:border-box;width:min(660px,calc(100vw - 40px));max-height:80vh;margin:auto;padding:24px;border:1px solid #465a88;border-radius:20px;background:linear-gradient(140deg,#191e28,#121210 65%);color:#b9c8ed;box-shadow:0 22px 110px #000c}
.studio-dialog::backdrop {background:rgba(5,5,5,.78);backdrop-filter:blur(6px)}
.studio-dialog input[type=search] {box-sizing:border-box;width:100%;margin:18px 0 10px;padding:12px;border:1px solid #3d4f74;border-radius:10px;background:#0d0d0b;color:#bdccf1;font:inherit}
.studio-search-results {max-height:52vh;overflow:auto}
.studio-search-result {display:flex;gap:10px;border-bottom:1px solid #6681c318;align-items:center}
.studio-search-jump {flex:1;min-width:0;display:flex;gap:8px;flex-direction:column;text-align:left;background:none;border:0;padding:13px 10px;color:#b7c5e7;font-size:14px;cursor:pointer}
.studio-search-jump small {font-size:11px;color:#808eab}
.studio-search-result:hover {background:#5f7cbe0b}
.studio-star {width:42px;height:40px;border:0;border-radius:9px;background:transparent;color:#7c9ae3;font-size:24px;cursor:pointer}
.studio-dialog :focus-visible,.studio-shortcuts :focus-visible,.studio-task-center :focus-visible {outline:2px solid var(--studio-gold);outline-offset:2px}
.studio-flow-nav {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.studio-flow-step {display:flex;align-items:center;gap:12px;padding:14px 18px;text-align:left;border:1px solid var(--studio-line);border-radius:12px;background:linear-gradient(120deg,#181d28,#12141a);color:#acbbdf;cursor:pointer}
.studio-flow-step b {font-size:20px;color:#718cce;font-variant-numeric:tabular-nums}
.studio-flow-step span {font-size:13px}
.studio-template,.studio-preflight {padding:18px 20px;margin:14px 0;border:1px solid var(--studio-line);border-radius:14px;background:linear-gradient(135deg,#191d26c0,#141411)}
.studio-template h3,.studio-preflight h3 {font-size:15px;margin:0 0 12px;color:#b3c2e8}
#studioTemplateName {flex:1;min-width:175px;max-width:300px}
#studioTemplateSelect {min-width:185px;max-width:280px}
#studioCheckReport[data-state=ok] {color:#bcd6ab}
#studioCheckReport[data-state=error] {color:#f2b397}
#panel-quick-human .studio-advanced {background:#0d0f14}
#panel-quick-human .studio-advanced[open] summary {margin-bottom:16px}
#panel-quick-human .qh-box {background:linear-gradient(155deg,#151920,#131310)!important}
#panel-quick-human .qh-batch-rows {grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#panel-quick-human .qh-batch-row {min-width:0;scroll-margin-top:120px}
#panel-quick-human .qh-batch-row[hidden] {display:none!important}
#panel-quick-human #qhBatchName {box-sizing:border-box;width:min(100%,520px);margin-bottom:16px}
.studio-error-detail {font-size:12px;border:1px solid var(--studio-line);border-radius:8px;padding:9px;margin:10px 0}
.studio-error-detail summary {color:#859cd1;cursor:pointer}
.studio-error-detail pre {max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.7 Consolas,monospace;color:#97a2b9;margin:10px 0 0;max-height:170px;overflow:auto}
#panel-settings .page-studio-head {min-height:100px;padding-top:18px;padding-bottom:18px;margin-bottom:18px}
#panel-settings .page-studio-head .ps-icon {width:52px;height:52px;flex-basis:52px}
#panel-settings .card.narrow {width:100%;max-width:900px;margin:18px auto;min-height:0}
#panel-settings .studio-personal {max-width:900px;margin:18px auto;padding:22px 26px}
#settingsLock > div {padding:14px 8px!important}
#settingsLock > div > div:first-child svg {width:30px!important;height:30px!important}
#settingsLock > div > p:first-of-type {font-size:16px!important}
.studio-pref {display:flex;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--studio-line);cursor:pointer}
.studio-pref input {width:18px!important;height:18px;margin:0!important;accent-color:#5f80cf;flex:none}
.studio-pref strong {display:block;font-size:13px;color:#b7c5e3}
.studio-pref small {display:block;font-size:12px;color:var(--studio-muted);margin-top:5px;line-height:1.7}
.studio-task-center {margin-bottom:22px!important;min-width:0}
.studio-stats {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}
.studio-stat {border:1px solid var(--studio-line);border-radius:12px;background:linear-gradient(135deg,#181e29,#101319);padding:16px;text-align:left;cursor:pointer}
.studio-stat strong {display:block;font-size:28px;line-height:1.3;color:#9db2e7;font-variant-numeric:tabular-nums}
.studio-stat span {display:block;font-size:12px;color:#949fb8;margin-top:5px}
.studio-local-card {border-left:3px solid #4f6cae;background:linear-gradient(90deg,#4e6bb111,transparent);padding:15px 18px;margin:14px 0;border-radius:0 12px 12px 0}
.studio-local-card > strong {font-size:14px;color:#94a9dc}
.studio-history {border:1px solid var(--studio-line);border-radius:12px;padding:12px 16px;margin:16px 0}
.studio-history > summary {cursor:pointer;font-size:13px;color:#8ca4dc}
.studio-task-list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.studio-task-card {border:1px solid var(--studio-line);border-radius:13px;background:linear-gradient(150deg,#171b22,#101217);padding:17px;min-width:0}
.studio-task-card .studio-section-head {align-items:flex-start;gap:8px}
.studio-task-card strong {font-size:13px;line-height:1.7;color:#b1c1e6;overflow-wrap:anywhere}
.studio-task-card .studio-note {font-size:11px}
.studio-task-card .studio-toolbar {margin-bottom:0}
.studio-status.state-success {color:#b9d9a4;border-color:#75965b55;background:#75965b10}
.studio-status.state-failed {color:#edb398;border-color:#b26d5055;background:#b26d5010}
.studio-highlight {outline:2px solid #829bd8!important;outline-offset:3px}
.studio-notices {position:fixed;right:22px;bottom:84px;z-index:13000;width:min(460px,calc(100vw - 44px));display:flex;flex-direction:column;gap:9px;pointer-events:none}
.studio-notice {pointer-events:auto;display:flex;align-items:flex-start;gap:12px;background:linear-gradient(135deg,#1e232d,#101218);border:1px solid #475e93;border-radius:13px;box-shadow:0 8px 35px #0009;color:#b1c0e5;padding:15px 17px;font-size:13px;line-height:1.8}
.studio-notice span {flex:1;overflow-wrap:anywhere}
.studio-notice.is-error {border-color:#587aa9}
.studio-notice button {flex:none}
.studio-compact .studio-task-card,.studio-compact #qhBatchRows .qh-batch-row {padding:12px!important}
.studio-compact #qhBatchRows,.studio-compact .studio-task-list {gap:10px!important}
.studio-compact .studio-task-card .studio-note {margin:4px 0}
.studio-calm #bg-canvas,.studio-calm #cursorGlow,.studio-calm .beams {visibility:hidden!important}
.studio-calm *, .studio-calm *::before,.studio-calm *::after {animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
#helpFab,#chatcutFab {background:linear-gradient(135deg,#1c2029,#101219)!important;color:#98abd5!important;border:1px solid #3c507c!important;box-shadow:0 4px 16px #0005!important;font-size:12px!important;padding:9px 13px!important}
@media (max-width:1300px) { .studio-task-list,#panel-quick-human .qh-batch-rows {grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:900px) { .studio-flow-step{padding:12px 10px;gap:8px}.studio-toolbar{gap:8px}.studio-task-list{grid-template-columns:1fr}.studio-stats{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:620px) { .studio-flow-nav{gap:6px}.studio-flow-step{display:block}.studio-flow-step b{font-size:16px;display:block;margin-bottom:6px}.studio-flow-step span{font-size:11px}#panel-quick-human .qh-batch-rows{grid-template-columns:1fr}.studio-toolbar input,.studio-toolbar select{min-width:0!important;flex:1}.studio-template,.studio-preflight{padding:14px}.studio-shortcuts{padding:8px} }
@media (prefers-reduced-motion: reduce) {.studio-flow-step,.studio-notice{animation:none;transition:none} }
/* Keep new content readable under the existing premium heading/entry animations. */
#panel-settings .studio-personal > h2:first-child {display:flex!important;font-size:19px!important;margin:0 0 12px!important}
#panel-settings .card.narrow {max-width:900px!important;padding:22px 26px!important}
#panel-settings #settingsLock {padding:10px 0 0!important}
#panel-settings #settingsLock > div {padding:0!important;display:grid!important;grid-template-columns:40px minmax(160px,1fr);column-gap:14px;text-align:left!important;align-items:center}
#panel-settings #settingsLock > div > div:first-child {grid-row:1/3;grid-column:1;color:#7793d7;font-size:30px!important}
#panel-settings #settingsLock > div > p {grid-column:2;text-align:left;margin:4px 0!important}
#panel-settings #settingsLock #settingsPwd {grid-column:1/3;text-align:left!important;max-width:none!important;margin:14px 0 8px!important}
#panel-settings #settingsLock #settingsPwd + div {grid-column:1/3;text-align:right}
#panel-settings #settingsLock #settingsLockStatus,#panel-settings #settingsLock #lockConn {grid-column:1/3}
#panel-settings #settingsUnlockBtn {min-width:145px!important}
#panel-quick-human #qhBatch,#panel-quick-human .qh-batch-guide {background:linear-gradient(150deg,#171b22,#141311)!important;border-color:#607cbf33!important}
#panel-quick-human .qh-batch-draft,#panel-quick-human .qh-batch-row {background:linear-gradient(150deg,#1a1e26,#101218)!important;border-color:#607cbf33!important}
#panel-quick-human .qh-batch-draft textarea {background:#0d0f13!important;border-color:#47577c4a!important;color:#b7c4e3!important}
#panel-quick-human #qhBatchFiles {position:absolute;width:1px!important;height:1px;overflow:hidden;clip-path:inset(50%)}
#panel-quick-human .studio-batch-toolbar {scroll-margin-top:100px}

/* Match the existing focused skin specificity without changing other modules. */
body#focused-ui-preview #panel-quick-human #qhBatch,body#focused-ui-preview #panel-quick-human .qh-batch-row,body#focused-ui-preview #panel-quick-human .qh-batch-draft {background:linear-gradient(150deg,#171b22,#141311)!important;border-color:#607cbf44!important}
body#focused-ui-preview #panel-quick-human .qh-batch-row[hidden] {display:none!important}

.studio-speech-settings{margin:14px 0 20px;border:1px solid #7088c035;border-radius:12px;padding:12px 16px;background:#7088c008}.studio-speech-settings>summary{cursor:pointer;color:#93a6d3;font-weight:600}.studio-speech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-speech-grid>label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#a0aabf}.studio-speech-grid input,.studio-speech-grid select{width:100%;box-sizing:border-box}.vt-toolbar #vtLocalOptions[hidden]{display:none!important}@media(max-width:700px){.studio-speech-grid{grid-template-columns:1fr}}

.studio-task-usage{color:var(--studio-gold);font-size:13px;font-weight:600;line-height:1.6;margin:10px 0}

/* /web/shared/releases/20261012-integrated-v208/copywriting.css */
/* Additive black/gold writing tools, using the application's existing navigation. */
#panel-copy-rewrite .cw-head {display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:22px}
#panel-copy-rewrite .cw-head h2 {display:block!important;font-size:26px!important;margin:8px 0!important}
.cw-settings-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cw-settings-grid label,.cw-details>label {display:flex;flex-direction:column;gap:8px;color:#a2b2d6;font-size:13px;min-width:0}
#panel-copy-rewrite select,#panel-copy-rewrite input,#panel-copy-rewrite textarea,.cw-proof-toolbar select,.cw-proof-toolbar textarea {width:100%;background:#0f1217!important;border:1px solid #627ab355!important;color:#c3ceeb!important;border-radius:10px;padding:12px;box-sizing:border-box}
#panel-copy-rewrite textarea {resize:vertical;line-height:1.9;min-height:70px}
.cw-details {border:1px solid #627ab344;border-radius:12px;padding:14px 18px;margin:16px 0;background:#101218}
.cw-details summary {cursor:pointer;color:#869fd9;font-weight:600;font-size:13px}
.cw-details>label {margin:12px 0}
.cw-toolbar {margin-top:24px!important}
.cw-rows {display:flex;flex-direction:column;gap:18px;margin-top:18px}
.cw-row {border:1px solid #627ab344;background:linear-gradient(130deg,#171a23,#0f1116);border-radius:14px;padding:20px;min-width:0;scroll-margin-top:88px}
.cw-row-head {display:flex;align-items:center;gap:14px;margin-bottom:14px;flex-wrap:wrap}
.cw-row-head strong {color:#90a7de;font-size:16px}.cw-row-head span {flex:1;font-size:12px;color:#9ea8bf;overflow-wrap:anywhere}
.cw-pair {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cw-pair label {display:block;min-width:0;color:#93a2c7;font-size:12px}
.cw-pair textarea {margin-top:8px;min-height:190px!important}
.cw-pair textarea[readonly] {opacity:.85}
.cw-row .studio-toolbar {margin-bottom:0}.cw-row .studio-note {margin-bottom:0}
.cw-proof-toolbar {border:1px solid #627ab344;background:linear-gradient(135deg,#171a22,#101217);border-radius:13px;padding:18px;margin:16px 0}
.cw-proof-toolbar h3 {color:#92aae1;font-size:16px;margin:0 0 10px}
.cw-proof-toolbar label {display:block;color:#8e9ec6;font-size:12px;margin-bottom:6px}
.cw-proof {margin-top:10px;padding:12px;border:1px solid #627ab333;border-radius:10px;background:#101218;color:#abb7d5;min-width:0}
.cw-proof textarea {width:100%;background:#0e0f14!important;color:#a8b6d6!important;border:1px solid #627ab344!important;line-height:1.8;box-sizing:border-box}
.cw-proof details {margin:10px 0}.cw-proof summary {cursor:pointer;color:#869dd3;font-size:12px}
.cw-proof .studio-toolbar {gap:8px;flex-wrap:wrap}.cw-proof .btn {font-size:12px!important;padding:8px 11px!important}
.cw-proof-list {display:flex;flex-direction:column;gap:9px;margin:10px 0}
.cw-edit {display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.8;border-bottom:1px solid #526aa422;padding:8px 0;overflow-wrap:anywhere}
.cw-edit input {width:16px;height:16px;flex:none;margin-top:3px;accent-color:#6d85c4}
.cw-from {text-decoration:line-through;color:#d9a28e}.cw-to {color:#bcd39c}.cw-edit small {display:block;color:#8692af}
#panel-video-text .vt-text textarea:not([readonly]) {border-color:#6781bd77!important}
body#focused-ui-preview #panel-copy-rewrite [hidden] {display:none!important}
@media(max-width:900px){.cw-pair{grid-template-columns:1fr}.cw-settings-grid{grid-template-columns:1fr}#panel-copy-rewrite .cw-head{display:block}.cw-row{padding:15px}}

/* /web/shared/releases/20261012-integrated-v208/navigation-refine.css */
/* 2026-09-28 · Focused navigation refinement. Keep the existing black/gold brand.
   Deliberately scoped: no generation, billing, admin or form component overrides. */
:root {
  --nav-refine-gold: #88a0df;
  --nav-refine-ink: #d5dced;
  --nav-refine-muted: #919cb6;
  --nav-refine-line: rgba(137,161,218, .16);
}
.studio-nav-icon { width:16px; height:16px; flex:none; color:currentColor; overflow:visible; }
nav.tabs.sidebar .studio-shortcuts {
  flex:none; position:relative; min-width:0; padding:10px; margin:0 0 9px;
  border:1px solid var(--nav-refine-line); border-radius:16px;
  background:radial-gradient(240px 160px at 0 0, rgba(98,128,200,.065), transparent 75%), linear-gradient(150deg,#14171e,#121313 78%);
  box-shadow:inset 0 1px 0 rgba(222,230,253,.055), 0 6px 20px rgba(0,0,0,.12);
}
.studio-shortcuts::before {
  content:""; position:absolute; top:-1px; left:20px; right:20px; height:1px; pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(140,163,220,.3),transparent);
}
nav.tabs.sidebar .studio-search-entry {
  display:flex; align-items:center; gap:8px; min-height:38px; width:100%; padding:0 10px;
  border:1px solid rgba(137,161,218,.22); border-radius:10px;
  background:linear-gradient(180deg,#111212,#151513); box-shadow:inset 0 1px 3px #0004,0 1px 0 #ffffff06;
  color:#a1abc6; font-family:inherit; font-size:12px; line-height:1.3; font-weight:500;
  transition:border-color .18s, background .18s, box-shadow .18s;
}
.studio-search-entry > .studio-nav-icon { width:15px; height:15px; color:#6a7fb6; }
.studio-search-label { flex:1; min-width:0; text-align:left; white-space:nowrap; }
.studio-search-keys { display:flex; flex:none; gap:3px; opacity:.85; }
.studio-search-keys kbd, .studio-search-hint kbd {
  display:inline-flex; align-items:center; justify-content:center; height:19px; min-width:17px; padding:0 4px;
  border:1px solid #ffffff14; border-bottom-color:#ffffff24; border-radius:4px;
  background:#ffffff05; color:#9aa4bc; font-family:inherit; font-size:10px; font-weight:500; line-height:1;
}
nav.tabs.sidebar .studio-search-entry:hover { background:#13151d; border-color:#4e6397; color:var(--nav-refine-ink); }
nav.tabs.sidebar .studio-search-entry:focus-visible { border-color:#88a0df; box-shadow:0 0 0 3px #88a0df16; }
nav.tabs.sidebar .studio-mini-heading {
  min-height:23px; gap:4px; margin:9px 0 4px; letter-spacing:.2px; color:var(--nav-refine-muted);
}
.studio-favorite-heading { display:flex; align-items:center; gap:5px; font-size:11px; font-weight:600; white-space:nowrap; }
.studio-favorite-heading .studio-nav-icon { width:12px; height:12px; color:#6a7fb6; }
nav.tabs.sidebar .studio-favorite-toggle {
  display:inline-flex; align-items:center; gap:3px; min-height:25px; padding:3px 4px; border-radius:6px;
  font-family:inherit; font-size:10px; font-weight:500; line-height:1.4; color:#8394c4; white-space:nowrap; text-decoration:none;
}
.studio-favorite-toggle .studio-nav-icon { width:11px; height:11px; }
nav.tabs.sidebar .studio-favorite-toggle:hover { background:#708bce12!important; color:#a8baeb; text-decoration:none; }
nav.tabs.sidebar .studio-favorite-toggle.is-saved { color:#8e99b5; }
nav.tabs.sidebar .studio-chips { display:flex; flex-direction:column; gap:4px; }
nav.tabs.sidebar .studio-shortcut-link {
  position:relative; display:flex; align-items:center; gap:8px; width:100%; min-width:0; min-height:34px;
  padding:4px 7px; margin:0; text-align:left; border:1px solid transparent; border-radius:9px;
  background:transparent; color:#acb4c7; font-family:inherit; font-size:11.5px; line-height:1.4; font-weight:500;
  overflow:hidden; cursor:pointer; transition:background .16s, border-color .16s, color .16s;
}
.studio-shortcut-icon {
  display:inline-flex; align-items:center; justify-content:center; width:25px; height:25px; flex:none;
  background:#ffffff04; border:1px solid #ffffff08; border-radius:7px; color:#7a8ab5;
}
.studio-shortcut-icon .studio-nav-icon { width:14px; height:14px; }
.studio-shortcut-label { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.studio-shortcut-arrow { width:12px; height:12px; color:#5b6889; opacity:.65; transition:transform .16s, opacity .16s; }
nav.tabs.sidebar .studio-shortcut-link:hover { background:rgba(137,160,221,.055); border-color:rgba(137,160,221,.13); color:#c2cfef; }
.studio-shortcut-link:hover .studio-shortcut-arrow { opacity:1; transform:translateX(1px); }
nav.tabs.sidebar .studio-shortcut-link.is-current {
  background:linear-gradient(105deg,rgba(112,142,215,.15),rgba(112,142,215,.035));
  border-color:rgba(131,157,220,.21); color:#b4c5ed; box-shadow:inset 0 1px 0 #b7caf806;
}
.studio-shortcut-link.is-current::before {
  content:""; position:absolute; left:0; top:10px; bottom:10px; width:2px; border-radius:2px;
  background:linear-gradient(#b0c1ed,#556eae);
}
.studio-shortcut-link.is-current .studio-shortcut-icon { background:#6e8bce12; border-color:#6e8bce1c; color:#88a0df; }
.studio-shortcut-link.is-current .studio-shortcut-arrow { color:#88a0df; opacity:1; }
nav.tabs.sidebar .studio-recent { margin-top:8px; padding-top:5px; border-top:1px solid #89a0dd12; color:#8a96b1; }
.studio-recent summary {
  display:flex; align-items:center; gap:7px; min-height:28px; padding:0 5px; border-radius:7px;
  list-style:none; font-size:11px; line-height:1.4; transition:background .16s, color .16s;
}
.studio-recent summary::-webkit-details-marker { display:none; }
.studio-recent summary:hover { background:#7f98d00a; color:#b7c4e5; }
.studio-recent summary > .studio-nav-icon { width:13px; height:13px; color:#7281a5; }
.studio-recent-label { flex:1; }
.studio-recent-count { font-size:10px; font-variant-numeric:tabular-nums; color:#7985a5; }
.studio-recent summary .studio-recent-arrow { width:12px; height:12px; transition:transform .18s; }
.studio-recent[open] summary .studio-recent-arrow { transform:rotate(90deg); }
.studio-recent-list { display:flex; flex-direction:column; gap:3px; padding-top:4px; }
nav.tabs.sidebar .studio-recent-link { min-height:32px; padding:3px 6px; font-size:11px; }
.studio-recent-link .studio-shortcut-icon { width:22px; height:22px; background:transparent; border-color:transparent; }
nav.tabs.sidebar .studio-shortcuts .studio-note { margin:5px 3px; font-size:11px; color:#8b96b2; }
/* A quieter scroll rail and consistent navigation selection; no layout rewrite. */
nav.tabs.sidebar .sb-scroll { scrollbar-width:thin; scrollbar-color:#434c6538 transparent; }
nav.tabs.sidebar .sb-scroll:hover { scrollbar-color:#5c6c9070 transparent; }
nav.tabs.sidebar .sb-scroll::-webkit-scrollbar { width:4px; }
nav.tabs.sidebar .sb-scroll::-webkit-scrollbar-thumb { background:#4c587355; border-radius:6px; }
nav.tabs.sidebar .sb-scroll::-webkit-scrollbar-track { background:transparent; }
nav.tabs.sidebar .sb-scroll::-webkit-scrollbar-button { width:0; height:0; display:none; }
nav.tabs.sidebar .p-nav-mod.active {
  background:linear-gradient(108deg,rgba(94,125,206,.16),rgba(94,125,206,.035) 80%)!important;
  border-color:rgba(127,150,209,.27)!important;
  box-shadow:inset 0 1px 0 #c6d3fb0b,0 5px 16px #0002!important;
}
nav.tabs.sidebar .p-nav-mod .pn-count { border-radius:7px; min-width:23px; height:21px; padding:0 5px; font-weight:600; font-variant-numeric:tabular-nums; }
nav.tabs.sidebar .studio-shortcuts :focus-visible,
nav.tabs.sidebar .p-nav-mod:focus-visible,
#studioUtilityDock button:focus-visible { outline:2px solid #88a1e1; outline-offset:2px; }
/* Search is the same functional dialog, with the same material/spacing as the rail. */
.studio-dialog.studio-search-dialog {
  width:min(640px,calc(100vw - 32px)); max-height:84vh; padding:22px; border-radius:18px;
  border-color:#7791d34d; background:radial-gradient(560px 180px at 10% 0,#6986c910,transparent),#151514;
  box-shadow:0 28px 100px #000b,inset 0 1px 0 #cbd9fc0f; color:#c7d1ea;
}
.studio-search-dialog .studio-section-head h2 { font-size:18px; letter-spacing:.2px; }
.studio-search-dialog .studio-section-head .studio-text-btn { color:#949eb7; font-size:11px; border-radius:6px; }
.studio-search-field { position:relative; display:flex; align-items:center; margin:18px 0 10px; }
.studio-search-field > .studio-nav-icon { position:absolute; left:14px; color:#7688b6; pointer-events:none; }
.studio-search-dialog .studio-search-field input[type=search] {
  margin:0; padding:13px 14px 13px 40px; border:1px solid #6d89cd40; border-radius:11px;
  color:#cfd7ec; background:#0c0d0d; font-size:13px;
}
.studio-search-dialog .studio-search-field input::placeholder { color:#717fa0; }
.studio-search-dialog .studio-search-field input:focus { border-color:#7e95cf!important; box-shadow:0 0 0 3px #7e95cf0b!important; }
.studio-search-dialog :focus-visible { outline:2px solid #88a1e1!important; outline-offset:2px; }
.studio-search-dialog .studio-search-results { max-height:min(48vh,420px); padding:2px 4px 2px 0; scrollbar-width:thin; scrollbar-color:#54638842 transparent; }
.studio-search-dialog .studio-search-result { gap:0; margin:3px 0; padding:0 6px 0 10px; border:1px solid transparent; border-radius:10px; }
.studio-search-dialog .studio-search-result:hover,.studio-search-dialog .studio-search-result:focus-within { border-color:#849cd823; background:#849cd80a; }
.studio-result-icon { display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:9px; border:1px solid #92a6d714; background:#92a6d707; color:#8193c3; flex:none; }
.studio-search-dialog .studio-search-jump { gap:3px; padding:10px 12px; font-family:inherit; font-size:13px; }
.studio-search-dialog .studio-search-jump small { font-size:11px; color:#8893af; }
.studio-search-dialog .studio-star { display:inline-flex; align-items:center; justify-content:center; color:#657498; }
.studio-search-dialog .studio-star:hover { color:#9db3e9; background:#849cd812; }
.studio-search-dialog .studio-star[aria-pressed=true] { color:#869ed9; background:#849cd80a; }
.studio-search-dialog .studio-star[aria-pressed=true] .studio-nav-icon { fill:#869ed926; }
.studio-search-footer { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:12px; padding-top:13px; border-top:1px solid #91a6da19; color:#8995b1; font-size:11px; }
.studio-search-hint { display:flex; align-items:center; gap:6px; }
.studio-search-hint kbd:nth-of-type(2) { margin-left:7px; }
/* One floating utility dock, retaining both original IDs and click handlers. */
#studioUtilityDock {
  position:fixed; z-index:9998; right:20px; bottom:max(18px,env(safe-area-inset-bottom));
  display:flex; align-items:center; gap:4px; max-width:calc(100vw - 24px); padding:5px;
  border:1px solid rgba(127,153,219,.28); border-radius:16px;
  background:linear-gradient(135deg,rgba(26,29,38,.98),rgba(19,20,19,.98));
  box-shadow:inset 0 1px 0 #c8d6fc11,0 12px 36px #0006,0 2px 6px #0004;
  font-family:inherit; isolation:isolate;
}
#studioUtilityDock #chatcutFab,#studioUtilityDock #helpFab {
  position:relative!important; right:auto!important; bottom:auto!important; z-index:auto!important;
  display:flex; align-items:center; gap:9px; min-height:46px; margin:0; padding:6px 10px!important;
  border:1px solid transparent!important; border-radius:11px!important; background:transparent!important;
  box-shadow:none!important; color:#c0cae4!important; text-align:left; font-family:inherit;
  font-size:12px!important; font-weight:500; cursor:pointer;
  transition:background .18s,border-color .18s,transform .18s;
}
#studioUtilityDock #chatcutFab:hover,#studioUtilityDock #helpFab:hover,
#studioUtilityDock button[aria-expanded=true] { background:rgba(132,157,218,.08)!important; border-color:#849cd820!important; }
#studioUtilityDock button:active { transform:translateY(1px); }
.studio-dock-icon { display:flex; align-items:center; justify-content:center; width:31px; height:31px; flex:none; border-radius:9px; }
#chatcutFab .studio-dock-icon { color:#1c2539; background:linear-gradient(140deg,#afbee8,#607cbe); box-shadow:inset 0 1px 0 #d8e0fc90,0 3px 9px #0002; }
#helpFab .studio-dock-icon { color:#97a5c7; background:#7e94cf10; border:1px solid #7e94cf26; }
#studioUtilityDock .studio-dock-icon .ico { width:16px!important; height:16px!important; margin:0!important; color:inherit!important; filter:none!important; }
.studio-dock-copy { display:flex; flex-direction:column; gap:3px; white-space:nowrap; }
.studio-dock-copy strong { font-size:12px; line-height:1.15; font-weight:650; letter-spacing:.1px; color:#c8d2ea; }
.studio-dock-copy small { font-size:10px; line-height:1.15; font-weight:400; color:#8b96b2; }
.studio-dock-divider { width:1px; height:25px; background:linear-gradient(transparent,#7b92cd38,transparent); flex:none; }
.studio-dock-arrow { width:13px; height:13px; margin-left:3px; color:#7c8bb0; }
#helpPanel { bottom:88px; border-radius:16px; border-color:#7f98d040; box-shadow:0 18px 54px #0008; }
body[data-theme=gold] main { padding-bottom:100px!important; }
@media (max-width:1280px) {
  nav.tabs.sidebar .studio-shortcuts { padding:9px; }
  nav.tabs.sidebar .studio-shortcut-link { gap:6px; padding-left:5px; padding-right:5px; font-size:11px; }
  nav.tabs.sidebar .studio-search-entry { padding:0 8px; gap:6px; }
  .studio-search-keys { gap:2px; }
  .studio-search-keys kbd { padding:0 3px; }
}
@media (max-width:700px) {
  #studioUtilityDock { right:12px; bottom:max(12px,env(safe-area-inset-bottom)); padding:4px; border-radius:14px; }
  #studioUtilityDock #chatcutFab,#studioUtilityDock #helpFab { min-height:42px; gap:7px; padding:5px 8px!important; }
  #helpPanel { right:12px; bottom:76px; width:340px; max-width:calc(100vw - 24px); max-height:calc(100dvh - 145px); }
  .studio-search-dialog { padding:18px; }
  .studio-search-dialog .studio-search-field input[type=search] { font-size:12px; }
}
@media (max-width:400px) {
  #studioUtilityDock .studio-dock-arrow { display:none; }
  .studio-search-footer { font-size:10px; gap:6px; }
  .studio-search-hint { gap:4px; }
}
body.studio-calm .studio-shortcuts *,body.studio-calm #studioUtilityDock *,body.studio-calm .studio-search-dialog * { transition:none!important; }
@media (prefers-reduced-motion:reduce) {
  .studio-shortcuts *,.studio-search-dialog *,#studioUtilityDock *,nav.tabs.sidebar .p-nav-mod { transition:none!important; }
}

/* /web/shared/releases/20261012-integrated-v208/recharge-inapp.css */
/* Account surface follows the existing charcoal / champagne palette. */
.along-recharge[hidden],.along-recharge-frame[hidden]{display:none!important}
.along-recharge{position:fixed;inset:16px;z-index:99980;display:flex;flex-direction:column;min-width:0;border:1px solid #7085b750;border-radius:18px;overflow:hidden;background:#0e1016;color:#d7dce8;box-shadow:0 24px 100px #000a,0 0 0 24px #07090de8;font-family:"Microsoft YaHei","Segoe UI",sans-serif}
.along-recharge-header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 26px;background:linear-gradient(120deg,#1a1e2688,#15171eee);border-bottom:1px solid #6c86c125}
.along-recharge-brand{display:flex;align-items:center;gap:13px;min-width:220px}
.along-recharge-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid #788ec23d;border-radius:12px;background:linear-gradient(140deg,#8299d222,#4164af08);color:#8ea3d7;font-size:22px;font-weight:700}
.along-recharge-eyebrow{color:#7988aa;font-size:10px;letter-spacing:2px}
.along-recharge h2{margin:3px 0 0;color:#d5dcec;font-size:18px;font-weight:600;letter-spacing:1px;line-height:1.5}
.along-recharge button{font:500 12px/1.5 "Microsoft YaHei",sans-serif;cursor:pointer;min-height:36px;border:1px solid #7085b738;border-radius:8px;background:transparent;color:#a2aec7;padding:8px 15px;white-space:nowrap}
.along-recharge button:hover{background:#899fd512;color:#c8d4f1;border-color:#7085b777}
.along-recharge button:focus-visible{outline:2px solid #98aee5;outline-offset:3px}
.along-recharge-tabs{display:flex;gap:4px;padding:4px;background:#080a0e88;border:1px solid #7085b724;border-radius:11px}
.along-recharge-tabs button{border-color:transparent;min-width:96px}
.along-recharge-tabs button[aria-pressed=true]{background:linear-gradient(120deg,#91a6d722,#4968ab20);border-color:#6d85c155;color:#b4c5eb}
.along-recharge button.along-recharge-close{border-color:#768fcb50;background:#8ba1d60c;color:#aebfe6}
.along-recharge-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:9px 26px;border-bottom:1px solid #ffffff08;font-size:11px;color:#7d8aa8;background:#101219}
.along-recharge-toolbar button{padding:5px 11px;min-height:28px;font-size:11px}
.along-recharge-body{position:relative;flex:1;min-height:0;background:#0e1016}
.along-recharge-frame{border:0;display:block;width:100%;height:100%;background:#0e1016}
.along-recharge-footer{padding:10px 26px;color:#6e7e9e;font-size:11px;line-height:1.6;border-top:1px solid #6c86c11c;background:#14151b}
@media(max-width:780px){.along-recharge{inset:0;border-radius:0}.along-recharge-header{padding:14px 16px;gap:12px;flex-wrap:wrap}.along-recharge-brand{min-width:160px;flex:1}.along-recharge-tabs{order:3;width:100%}.along-recharge-tabs button{flex:1}.along-recharge-toolbar,.along-recharge-footer{padding:9px 16px}.along-recharge h2{font-size:16px}.along-recharge-eyebrow{font-size:9px}.along-recharge-mark{width:38px;height:38px}}

/* /web/shared/releases/20261012-integrated-v208/video-edit.css */
/* Isolated black/champagne-gold video editor. No global theme overrides. */
#panel-video-edit{--ve-line:rgba(142,164,215,.18);--ve-dim:#949fb8;--ve-panel:rgba(18,20,24,.9);color:#e0e5f0;padding-bottom:28px}
#panel-video-edit [hidden]{display:none!important}
#panel-video-edit .ve-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 23px}
#panel-video-edit .ve-eyebrow{font-size:10px;letter-spacing:.22em;color:#7e91c0;font-weight:600}
#panel-video-edit h2{display:flex;align-items:center;gap:14px;font-size:28px;letter-spacing:.04em;margin:9px 0 8px;color:#e0e6f5}
#panel-video-edit .ve-heading p{font-size:13px;color:var(--ve-dim);margin:0;line-height:1.7}
#panel-video-edit .ve-pill{font-size:10px;font-weight:500;letter-spacing:.03em;border:1px solid var(--ve-line);border-radius:5px;padding:5px 8px;color:#8ba2d7;background:rgba(142,163,213,.05)}
#panel-video-edit .ve-steps{display:flex;list-style:none;gap:24px;border-block:1px solid var(--ve-line);padding:14px 4px;margin:0 0 22px}
#panel-video-edit .ve-steps li{display:flex;align-items:center;gap:10px;font-size:12px;color:#b8bfcf;flex:1}
#panel-video-edit .ve-steps b{font-size:11px;font-variant-numeric:tabular-nums;color:#90a8da;border:1px solid var(--ve-line);width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:rgba(136,161,221,.04)}
#panel-video-edit .ve-layout{display:grid;grid-template-columns:minmax(310px,.87fr) minmax(360px,1.13fr);gap:20px;align-items:start}
#panel-video-edit .ve-card{border:1px solid var(--ve-line);background:linear-gradient(145deg,rgba(29,29,28,.76),rgba(13,15,20,.94));border-radius:14px;padding:21px;min-width:0;box-shadow:0 10px 26px rgba(0,0,0,.1)}
#panel-video-edit .ve-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}
#panel-video-edit .ve-card-head h3{font-size:15px;margin:0;color:#e0e5f0;font-weight:600}
#panel-video-edit .ve-card-head>span{font-size:10px;color:#7f8caa}
#panel-video-edit fieldset{border:0;padding:0;margin:0;min-width:0}
#panel-video-edit .field-label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:500;margin:16px 0 10px;color:#c4cbdb}
#panel-video-edit #vePromptCount{font-size:10px;color:#8793af;font-weight:400}
#panel-video-edit .ve-drop{width:100%;background:rgba(148,172,226,.035);border:1px dashed rgba(131,154,206,.32);padding:24px 16px;color:#cbd2e5;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;cursor:pointer;transition:background .15s,border-color .15s}
#panel-video-edit .ve-drop:hover,#panel-video-edit .ve-drop.ve-drag{border-color:#7c96d2;background:rgba(148,172,226,.075)}
#panel-video-edit .ve-drop svg{width:30px;height:30px;fill:none;stroke:currentColor;color:#889ed0;margin-bottom:3px}
#panel-video-edit .ve-drop strong{font-size:13px;font-weight:500}#panel-video-edit .ve-drop span{font-size:11px;color:#8894b0}#panel-video-edit .ve-drop small{font-size:10px;color:#828fab;line-height:1.6}
#panel-video-edit .ve-file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;font-size:12px;color:#adbee5}#panel-video-edit #veFileName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#panel-video-edit .ve-help{font-size:11px;color:var(--ve-dim);line-height:1.8;margin:9px 0;overflow-wrap:anywhere}
#panel-video-edit .ve-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
#panel-video-edit .ve-two label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#b3bbcd;min-width:0}
#panel-video-edit input[type=number],#panel-video-edit select,#panel-video-edit textarea{width:100%;box-sizing:border-box;background:#11141a!important;border:1px solid rgba(144,164,210,.23)!important;color:#d6dcec!important;border-radius:7px;padding:10px 11px;font-size:12px;min-height:39px}
#panel-video-edit textarea{resize:vertical;line-height:1.85;min-height:123px}
#panel-video-edit :is(button,input,select,textarea,summary,a):focus-visible{outline:2px solid #849fdf!important;outline-offset:3px}
#panel-video-edit .ve-range-info{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:10px;line-height:1.7;color:#7e8cab;align-items:center}
#panel-video-edit .ve-text-button{border:0;background:none;color:#89a1d9;font-size:11px;padding:4px 0;cursor:pointer;white-space:nowrap}
#panel-video-edit .ve-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
#panel-video-edit .ve-presets button{border:1px solid var(--ve-line);background:rgba(255,255,255,.015);color:#9ca6bd;border-radius:6px;padding:7px 9px;font-size:10px;cursor:pointer}
#panel-video-edit .ve-presets button[aria-pressed=true]{color:#acbee8;background:rgba(122,150,212,.12);border-color:rgba(139,165,224,.4)}
#panel-video-edit .ve-advanced{border-block:1px solid var(--ve-line);padding:14px 0;margin:17px 0}
#panel-video-edit .ve-advanced summary{cursor:pointer;color:#adb8d2;font-size:12px}#panel-video-edit .ve-advanced summary span{float:right;font-size:10px;color:#7684a3}
#panel-video-edit .ve-consent{display:flex;gap:9px;align-items:flex-start;line-height:1.7;font-size:11px;color:#9ba6bd;margin:14px 0}#panel-video-edit .ve-consent input{width:15px;height:15px;accent-color:#7c95cf;flex-shrink:0;margin-top:3px}
#panel-video-edit .ve-submit{width:100%;min-height:46px;font-size:14px;font-weight:650;border-radius:9px}
#panel-video-edit .ve-right{display:grid;gap:18px;min-width:0}#panel-video-edit .ve-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}#panel-video-edit figure{margin:0;min-width:0}
#panel-video-edit figcaption{display:flex;gap:7px;align-items:center;font-size:11px;color:#a9b2c7;margin:0 0 10px}#panel-video-edit figcaption i{width:5px;height:5px;border-radius:50%;background:#6c80ab}
#panel-video-edit .ve-screen{aspect-ratio:4/5;background:radial-gradient(ellipse at 50% 30%,#1b1c1e,#0a0c0f 85%);border:1px solid rgba(165,182,222,.12);border-radius:10px;overflow:hidden;display:flex;position:relative;align-items:center;justify-content:center}
#panel-video-edit .ve-screen video{width:100%;height:100%;object-fit:contain;background:#090b0d;max-height:430px}
#panel-video-edit .ve-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px;text-align:center;color:#97a3bf;font-size:12px}#panel-video-edit .ve-empty svg{width:37px;height:37px;fill:none;stroke:currentColor;color:#54678e;opacity:.7}#panel-video-edit .ve-empty small{font-size:10px;color:#7382a2}
#panel-video-edit .ve-output-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:17px}#panel-video-edit .ve-output-actions .btn{font-size:11px}
#panel-video-edit .ve-task-body{display:flex;gap:16px;align-items:center}#panel-video-edit .ve-task-body strong{font-size:14px;color:#bac6e4;display:block}#panel-video-edit .ve-task-body p{font-size:12px;line-height:1.8;color:#9ba5bd;margin:6px 0 0;overflow-wrap:anywhere}
#panel-video-edit .ve-task-mark{flex:0 0 49px;height:49px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(123,152,218,.23);background:linear-gradient(145deg,rgba(144,171,233,.1),transparent);color:#7b94d0}#panel-video-edit .ve-task-mark svg{width:23px;height:23px;fill:none;stroke:currentColor}
#panel-video-edit .ve-task-track{height:2px;background:rgba(136,160,214,.08);margin-top:21px;border-radius:2px;overflow:hidden}#panel-video-edit .ve-task-track span{display:block;width:35%;height:100%;opacity:0;background:linear-gradient(90deg,transparent,#859dd4,transparent)}
#panel-video-edit [data-state=active] .ve-task-track span{opacity:1;animation:ve-sweep 2.4s ease-in-out infinite}#panel-video-edit [data-state=success] .ve-task-track span{width:100%;opacity:1;background:#8094c2}#panel-video-edit [data-state=error] #veStateTitle{color:#e5a68c}
#panel-video-edit .ve-task-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}#panel-video-edit #veTaskId{font-size:10px;color:#7886a5;overflow-wrap:anywhere;user-select:text}
#panel-video-edit .ve-history-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 0;border:0;border-top:1px solid var(--ve-line);background:none;color:inherit;text-align:left;cursor:pointer}#panel-video-edit .ve-history-row>div{min-width:0;flex:1}#panel-video-edit .ve-history-row strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}#panel-video-edit .ve-history-row small{font-size:10px;display:block;color:#7f8ca9;margin-top:5px}#panel-video-edit .ve-history-row>span{font-size:10px;color:#879bca;white-space:nowrap}
#panel-video-edit .ve-notice{padding:12px 16px;border:1px solid #3b4c6d;background:rgba(70,104,177,.08);border-radius:8px;font-size:12px;line-height:1.8;color:#9bb0de;margin-bottom:18px}
#panel-video-edit :disabled{opacity:.5;cursor:not-allowed!important}#panel-video-edit .ve-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@keyframes ve-sweep{0%{transform:translateX(-110%)}100%{transform:translateX(390%)}}
@media(max-width:1150px){#panel-video-edit .ve-layout{grid-template-columns:1fr}#panel-video-edit .ve-screen{aspect-ratio:16/10}#panel-video-edit .ve-heading{align-items:flex-start}#panel-video-edit .ve-card{padding:18px}}
@media(max-width:540px){#panel-video-edit .ve-heading{flex-direction:column}#panel-video-edit h2{font-size:23px;flex-wrap:wrap}#panel-video-edit .ve-steps{gap:6px}#panel-video-edit .ve-steps li{font-size:10px;gap:5px}#panel-video-edit .ve-steps b{width:22px;height:22px}#panel-video-edit .ve-two{grid-template-columns:1fr}#panel-video-edit .ve-screen{aspect-ratio:3/4}#panel-video-edit .ve-card{padding:14px}#panel-video-edit .ve-compare{gap:8px}#panel-video-edit .ve-card-head>span{max-width:45%;text-align:right;line-height:1.7}}
@media(prefers-reduced-motion:reduce){#panel-video-edit *,#panel-video-edit *::before,#panel-video-edit *::after{animation:none!important;transition:none!important}#panel-video-edit [data-state=active] .ve-task-track span{transform:none;width:100%;opacity:.55}}

#panel-video-edit .ve-heading{margin:0 0 18px}#panel-video-edit .ve-heading>p{margin:0;font-size:12px;color:#98a2ba;line-height:1.8}#panel-video-edit .ve-drop{padding:20px 14px}#panel-video-edit #veTitle.ve-sr{margin:0;padding:0}

/* Video mode switch + local background replacement showcase. */
#panel-video-edit .ve-mode-switch{display:flex;gap:10px;margin:0 0 12px;border-bottom:1px solid var(--ve-line);padding-bottom:14px}
#panel-video-edit .ve-mode-btn{position:relative;flex:0 1 245px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:13px 16px;border:1px solid var(--ve-line);border-radius:10px;background:rgba(255,255,255,.018);color:#c0c6d6;text-align:left;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}
#panel-video-edit .ve-mode-btn:hover{border-color:rgba(139,165,224,.45);background:rgba(142,163,213,.06);transform:translateY(-1px)}
#panel-video-edit .ve-mode-btn.active{border-color:rgba(132,159,223,.72);background:linear-gradient(145deg,rgba(101,132,204,.16),rgba(255,255,255,.025));box-shadow:0 6px 18px rgba(0,0,0,.16)}
#panel-video-edit .ve-mode-btn span{font-size:13px;font-weight:650;color:#d1daee;letter-spacing:.02em}
#panel-video-edit .ve-mode-btn small{font-size:10px;color:#8390ad;line-height:1.5}
#panel-video-edit .ve-mode-btn b{position:absolute;top:10px;right:12px;font-size:9px;letter-spacing:.08em;color:#98b0ea;border:1px solid rgba(139,165,224,.34);padding:3px 5px;border-radius:4px;font-weight:600}
#panel-video-edit .ve-mode-note{font-size:11px;color:#9ea8be;line-height:1.75;margin:0 0 18px;padding-left:2px}
#panel-video-edit .ve-background-options{border:1px solid rgba(125,153,217,.2);background:rgba(96,128,203,.045);border-radius:9px;padding:12px 13px;margin:16px 0 2px}
#panel-video-edit .ve-background-options .ve-two{margin-top:0}
#panel-video-edit .ve-background-options .ve-help{margin:10px 0 0;color:#8795b6}
#panel-video-edit .ve-case-card{overflow:hidden}
#panel-video-edit .ve-case-intro{font-size:10px;color:#7987a5;line-height:1.6;margin:5px 0 0;max-width:440px}
#panel-video-edit .ve-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px 14px}
#panel-video-edit .ve-case-grid figure{min-width:0;margin:0}
#panel-video-edit .ve-case-grid .ve-case-wide{grid-column:1/-1}
#panel-video-edit .ve-case-grid video{display:block;width:100%;height:auto;min-height:160px;max-height:360px;aspect-ratio:auto;object-fit:contain;background:#080a0d;border:1px solid rgba(165,182,222,.14);border-radius:8px;box-sizing:border-box}
#panel-video-edit .ve-case-grid figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 1px 0;font-size:11px;color:#8794af;line-height:1.5}
#panel-video-edit .ve-case-grid figcaption>div{display:flex;flex-direction:column;gap:3px;min-width:0}
#panel-video-edit .ve-case-grid figcaption i{display:none}
#panel-video-edit .ve-case-grid figcaption strong{font-size:11px;color:#b9c6e2;font-weight:600}
#panel-video-edit .ve-case-card>.ve-help{margin:12px 0 0}

@media(max-width:680px){#panel-video-edit .ve-mode-switch{flex-direction:column}#panel-video-edit .ve-mode-btn{flex-basis:auto;width:100%}#panel-video-edit .ve-case-grid{grid-template-columns:1fr}}

#panel-video-edit .ve-case-card{order:-1}


/* Case previews are read-only: no upload, task, or form state changes. */
#panel-video-edit .ve-case-expand,#panel-video-edit .ve-case-close{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-height:34px;padding:7px 10px;border:1px solid rgba(165,182,222,.28);border-radius:7px;color:#aabce6;background:rgba(122,150,212,.07);font:inherit;font-size:11px;cursor:pointer}
#panel-video-edit .ve-case-expand:hover,#panel-video-edit .ve-case-close:hover{background:rgba(122,150,212,.16);border-color:#8199cf}
#panel-video-edit .ve-case-expand .ico{width:13px;height:13px;stroke:currentColor;fill:none}
#panel-video-edit .ve-case-error{margin:8px 0 0;color:#8ba7dc;font-size:11px;line-height:1.65}
#panel-video-edit .ve-case-preview{padding:0;border:1px solid rgba(165,182,222,.3);border-radius:14px;background:#111315;color:#e0e5f0;box-shadow:0 28px 90px rgba(0,0,0,.6);overflow:auto}
#panel-video-edit .ve-case-preview[open]{display:flex;flex-direction:column;width:min(1120px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto}
#panel-video-edit .ve-case-preview::backdrop{background:rgba(0,0,0,.82)}
#panel-video-edit .ve-case-preview-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;flex-shrink:0}
#panel-video-edit .ve-case-preview-head h3{font-size:16px;line-height:1.5;margin:5px 0 0;color:#ced8ef;overflow-wrap:anywhere}
#panel-video-edit .ve-case-close{min-width:66px;min-height:38px;font-size:12px}
#panel-video-edit .ve-case-close span{font-size:20px;line-height:1}
#panel-video-edit #veCasePreviewVideo{display:block;flex-shrink:0;box-sizing:border-box;width:100%;height:auto;min-height:140px;max-height:calc(100dvh - 180px);aspect-ratio:var(--ve-case-ratio,16/9);object-fit:contain;background:#050607;border:0;border-radius:0}
#panel-video-edit .ve-case-preview-note{margin:0;padding:12px 20px;color:#919cb6;font-size:11px;line-height:1.7;flex-shrink:0}
@media(max-width:540px){#panel-video-edit .ve-case-preview-head{padding:12px;gap:10px}#panel-video-edit .ve-case-preview-head h3{font-size:13px}#panel-video-edit .ve-case-preview-note{padding:10px 12px}#panel-video-edit .ve-case-expand{min-height:38px}}

/* /web/shared/releases/20261012-integrated-v208/video-swap.css */
/* Video swap / person replacement mode switch. */
#panel-video-swap .vs-mode-switch{display:flex;gap:10px;margin:12px 0 10px;padding-bottom:14px;border-bottom:1px solid rgba(142,164,215,.18)}
#panel-video-swap .vs-mode-btn{position:relative;flex:0 1 260px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 15px;border:1px solid rgba(142,164,215,.2);border-radius:10px;background:rgba(255,255,255,.02);color:#bfc8db;text-align:left;cursor:pointer;transition:.16s}
#panel-video-swap .vs-mode-btn:hover,#panel-video-swap .vs-mode-btn.active{border-color:rgba(139,165,224,.7);background:linear-gradient(145deg,rgba(101,132,204,.15),rgba(255,255,255,.02))}
#panel-video-swap .vs-mode-btn span{font-weight:650;color:#cfd9f0;font-size:13px}.vs-mode-btn small{color:#8391ad;font-size:10px}.vs-mode-btn b{position:absolute;right:10px;top:9px;font-size:9px;letter-spacing:.08em;color:#98b0ea;border:1px solid rgba(139,165,224,.35);padding:3px 5px;border-radius:4px}
#panel-video-swap .vs-mode-note{margin:0 0 16px;color:#98a2ba;font-size:12px;line-height:1.7}
#panel-video-swap .vs-replace-fields{border:1px solid rgba(125,153,217,.2);background:rgba(96,128,203,.045);padding:13px;border-radius:10px;margin-bottom:14px}
#panel-video-swap .vs-case-note{margin:0 0 12px;color:#8390ad;font-size:12px;line-height:1.7}
#panel-video-swap #vsReplaceCases{margin-top:16px;padding:14px;border-color:rgba(139,165,224,.24);background:linear-gradient(145deg,rgba(101,132,204,.07),rgba(255,255,255,.018))}
#panel-video-swap #vsReplaceCases .wash-case-title{font-size:12px;letter-spacing:.03em}
#panel-video-swap #vsReplaceCases .wash-case-imgs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
#panel-video-swap #vsReplaceCases .wc-item{min-width:0}
#panel-video-swap #vsReplaceCases video{display:block;width:100%;max-width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:12px;border:2px solid rgba(42,55,87,.8);box-shadow:0 8px 22px rgba(0,0,0,.3)}
#panel-video-swap #vsReplaceCases .wc-item em{display:block;margin-top:7px;color:#adb9d5;font-size:11px;font-style:normal;text-align:center}
#panel-video-swap .vs-mode-btn:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:900px){#panel-video-swap #vsReplaceCases .wash-case-imgs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){#panel-video-swap .vs-mode-switch{flex-direction:column}#panel-video-swap .vs-mode-btn{width:100%;flex-basis:auto}#panel-video-swap #vsReplaceCases .wash-case-imgs{grid-template-columns:1fr}#panel-video-swap #vsReplaceCases video{width:100%}}

/* Story studio: inherit the existing dark-gold workbench, keep reference media intact. */
#panel-short-drama-reference .sdr-card{--sdr-line:rgba(116,144,208,.18);--sdr-muted:#8592ad;--sdr-text:#ccd5e9;padding:24px;color:var(--sdr-text)}
#panel-short-drama-reference .sdr-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
#panel-short-drama-reference .sdr-kicker{font-size:10px;letter-spacing:.14em;color:#758dc3;margin-bottom:9px}
#panel-short-drama-reference .sdr-heading h2{margin:0 0 8px;font-size:23px}
#panel-short-drama-reference .sdr-heading p{margin:0;color:var(--sdr-muted);line-height:1.8;font-size:13px}
#panel-short-drama-reference .sdr-badge{border:1px solid var(--sdr-line);border-radius:20px;padding:8px 12px;font-size:11px;color:#90a2c9;white-space:nowrap;background:rgba(101,132,204,.04)}
#panel-short-drama-reference .sdr-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 24px;padding:15px 0;list-style:none;border-block:1px solid var(--sdr-line)}
#panel-short-drama-reference .sdr-steps li{font-size:12px;line-height:1.8;min-width:0}
#panel-short-drama-reference .sdr-steps b{font-size:11px;color:#6582c4;margin-right:8px;font-variant-numeric:tabular-nums}
#panel-short-drama-reference .sdr-steps small{display:block;padding-left:25px;font-size:10px;color:var(--sdr-muted)}
#panel-short-drama-reference .sdr-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.9fr);gap:26px;align-items:start}
#panel-short-drama-reference .sdr-form,#panel-short-drama-reference .sdr-cases{min-width:0}
#panel-short-drama-reference .sdr-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px}
#panel-short-drama-reference .sdr-section-head h3{font-size:14px;margin:0;font-weight:600;color:var(--sdr-text)}
#panel-short-drama-reference .sdr-section-head>span{font-size:10px;color:var(--sdr-muted)}
#panel-short-drama-reference .sdr-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#panel-short-drama-reference .sdr-upload-item{min-width:0}
#panel-short-drama-reference .field-label{display:flex;justify-content:space-between;gap:6px;font-size:12px;margin:10px 0 8px}
#panel-short-drama-reference .field-label>span{font-size:10px;color:var(--sdr-muted)}
#panel-short-drama-reference .dropzone{padding:15px 12px;min-height:84px;border:1px dashed rgba(120,146,207,.3);background:rgba(122,149,212,.025);border-radius:10px;cursor:pointer;transition:background .15s,border-color .15s}
#panel-short-drama-reference .dropzone:hover,#panel-short-drama-reference .dropzone.drag{background:rgba(122,149,212,.08);border-color:#6782bf}
#panel-short-drama-reference .dropzone:focus-visible,#panel-short-drama-reference button:focus-visible{outline:2px solid #7490d0;outline-offset:3px}
#panel-short-drama-reference .dropzone[aria-disabled="true"]{opacity:.5;cursor:wait}
#panel-short-drama-reference .dz-inner{display:flex;align-items:center;gap:10px;min-width:0}
#panel-short-drama-reference .dz-inner>.ico{width:22px;height:22px;flex:0 0 auto;color:#6b84bb}
#panel-short-drama-reference .dz-title{font-size:12px;line-height:1.5}
#panel-short-drama-reference .dz-sub{font-size:10px;line-height:1.6;color:var(--sdr-muted)}
#panel-short-drama-reference .file-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
#panel-short-drama-reference .file-chip{display:flex;align-items:center;gap:7px;flex-wrap:wrap;max-width:100%;min-width:0;font-size:11px}
.file-chip .chip-name{overflow-wrap:anywhere;min-width:0}.file-chip .chip-state{font-size:10px;color:#718bc1}.file-chip.is-error .chip-state{color:#e9998b}
#panel-short-drama-reference .sdr-upload-status{font-size:11px;line-height:1.7;color:var(--sdr-muted);margin:9px 0 18px}
#panel-short-drama-reference #sdrPrompt{width:100%;min-height:170px;resize:vertical;box-sizing:border-box;line-height:1.8;font-size:12px}
#panel-short-drama-reference .sdr-parameters{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,1fr);gap:10px;margin-top:14px}
#panel-short-drama-reference .sdr-parameters input,#panel-short-drama-reference .sdr-parameters select,#panel-short-drama-reference .sdr-advanced select{width:100%;min-width:0;box-sizing:border-box}
#panel-short-drama-reference .sdr-advanced{margin:16px 0;font-size:12px;border-block:1px solid var(--sdr-line);padding:12px 0}
#panel-short-drama-reference .sdr-advanced summary{cursor:pointer;color:#8b9dc9}
#panel-short-drama-reference .sdr-advanced summary span{font-size:10px;margin-left:10px;color:var(--sdr-muted)}
#panel-short-drama-reference #sdrGenBtn{width:100%;margin-top:0;font-size:14px;letter-spacing:.05em}
#panel-short-drama-reference .sdr-cost-note{font-size:10px;line-height:1.8;color:var(--sdr-muted);margin-top:10px}
#panel-short-drama-reference .sdr-cases{padding:18px;border:1px solid var(--sdr-line);border-radius:14px;background:linear-gradient(145deg,rgba(113,142,209,.055),rgba(255,255,255,.008))}
#panel-short-drama-reference .sdr-video-card{margin:0;overflow:hidden;border-radius:10px;border:1px solid var(--sdr-line);background:#111316}
#panel-short-drama-reference #sdrCaseVideo{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:16/9;object-fit:contain;background:#111316}
#panel-short-drama-reference .sdr-video-card figcaption{padding:12px 13px;display:flex;flex-direction:column;gap:5px}
#panel-short-drama-reference .sdr-video-card figcaption b{font-weight:550;font-size:12px}
#panel-short-drama-reference .sdr-video-card figcaption span{font-size:10px;color:var(--sdr-muted)}
#panel-short-drama-reference .sdr-image-title{margin-top:22px;margin-bottom:10px}
#panel-short-drama-reference .sdr-case-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#panel-short-drama-reference .sdr-case-thumb{min-width:0;display:block;margin:0;padding:0;border:1px solid var(--sdr-line);border-radius:8px;overflow:hidden;background:#111316;color:#a2adc7;cursor:zoom-in}
#panel-short-drama-reference .sdr-case-thumb img{width:100%;aspect-ratio:3/4;object-fit:contain;display:block;max-width:100%}
#panel-short-drama-reference .sdr-case-thumb span{display:block;font-size:10px;line-height:1.5;padding:7px 2px}
#panel-short-drama-reference .sdr-case-guide{margin-top:20px;border-top:1px solid var(--sdr-line);padding-top:16px}
#panel-short-drama-reference .sdr-case-guide>b{font-size:12px;font-weight:550;color:#9bacd3}
#panel-short-drama-reference .sdr-case-guide p,#panel-short-drama-reference .sdr-case-guide small{font-size:11px;line-height:1.85;color:var(--sdr-muted)}
#panel-short-drama-reference #sdrLoadCase{width:100%;font-size:12px;margin-bottom:10px}
#panel-short-drama-reference .sdr-case-guide small{display:block;font-size:10px}
#panel-short-drama-reference .sdr-case-error{font-size:11px;line-height:1.7;color:#e9998b}
#panel-short-drama-reference .sdr-result-section{margin-top:24px;border-top:1px solid var(--sdr-line);padding-top:20px}
#panel-short-drama-reference #sdrResult{min-height:150px;width:100%;box-sizing:border-box}
#panel-short-drama-reference #sdrResult video{width:100%;max-height:600px;object-fit:contain}
#panel-short-drama-reference .sdr-preview{max-width:min(90vw,1100px);width:max-content;max-height:90vh;box-sizing:border-box;border:1px solid rgba(116,144,208,.45);border-radius:12px;background:#171819;color:#ccd5e9;padding:16px}
#panel-short-drama-reference .sdr-preview::backdrop{background:rgba(0,0,0,.78)}
#panel-short-drama-reference .sdr-preview-head{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;margin-bottom:12px}
#panel-short-drama-reference .sdr-preview>img{display:block;max-width:100%;width:auto;max-height:calc(90vh - 100px);object-fit:contain;margin:auto}
@media(max-width:1100px){#panel-short-drama-reference .sdr-layout{grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);gap:18px}#panel-short-drama-reference .sdr-badge{display:none}#panel-short-drama-reference .sdr-upload-grid{grid-template-columns:1fr}#panel-short-drama-reference .sdr-parameters{grid-template-columns:1fr 1fr}#panel-short-drama-reference .sdr-parameters>div:first-child{grid-column:1/-1}}
@media(max-width:820px){#panel-short-drama-reference .sdr-layout{grid-template-columns:minmax(0,1fr)}#panel-short-drama-reference .sdr-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#panel-short-drama-reference .sdr-card{padding:16px}#panel-short-drama-reference .sdr-heading h2{font-size:20px}#panel-short-drama-reference .sdr-cases{padding:14px}#panel-short-drama-reference .sdr-steps small{display:none}}
@media(max-width:480px){#panel-short-drama-reference .sdr-upload-grid{grid-template-columns:1fr}#panel-short-drama-reference .sdr-steps{gap:6px}#panel-short-drama-reference .sdr-steps li{font-size:10px}#panel-short-drama-reference .sdr-steps b{display:block;margin:0}#panel-short-drama-reference .sdr-section-head>span{font-size:9px}}

/* Scope compact form rules above legacy theme !important sizing; other modules stay unchanged. */
#panel-short-drama-reference>.page-studio-head~.sdr-card>.sdr-heading{display:none}
#panel-short-drama-reference>.page-studio-head .ps-flow{display:none}
#panel-short-drama-reference .sdr-card .dropzone{min-height:100px!important;padding:18px 12px!important}
#panel-short-drama-reference .sdr-card .dz-inner{min-height:60px;padding:0!important;flex-direction:row;justify-content:center;text-align:left}
#panel-short-drama-reference .sdr-card .dz-text{min-width:0}
#panel-short-drama-reference .sdr-card .dz-title,#panel-short-drama-reference .sdr-card .dz-sub{display:block}
#panel-short-drama-reference .sdr-case-thumb img{aspect-ratio:4/3}

/* Mode visibility must outrank theme grid/flex/label display rules. */
body#focused-ui-preview #panel-video-swap [hidden]{display:none!important}

/* /web/shared/releases/20261012-integrated-v208/ai-knowledge.css */
.ai-chat-attach{position:relative}.ai-chat-attach.is-file-dragover{outline:2px dashed #708bd1;outline-offset:-5px;background:rgba(112,139,209,.06)}.ai-knowledge-help{font-size:12px;line-height:1.8;color:#828eab;margin:10px 0 6px}.ai-knowledge-help strong{color:#839ad9;font-weight:500}.ai-knowledge-library{margin-top:10px;border:1px solid rgba(95,126,205,.16);border-radius:12px;background:rgba(255,255,255,.015);font-size:12px}.ai-knowledge-library summary{cursor:pointer;padding:10px 14px;color:#95a6d3}.ai-knowledge-library>div{padding:0 14px 12px;color:#95a0b9}.ai-knowledge-library-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 0;border-top:1px solid rgba(95,126,205,.1)}.ai-knowledge-library-row>span{flex:1 1 180px;min-width:0;overflow-wrap:anywhere}.ai-knowledge-action{font-size:12px!important;padding:5px 9px!important;border-radius:7px!important;min-height:30px;background:rgba(95,126,205,.07)!important;color:#92a3d4!important;border:1px solid rgba(95,126,205,.22)!important;cursor:pointer;white-space:nowrap}.ai-knowledge-action:focus-visible{outline:2px solid #96abe5;outline-offset:2px}.ai-knowledge-actions{display:flex;gap:6px;flex-wrap:wrap;flex-basis:100%;padding-left:32px}.ai-attachment.is-document{flex-wrap:wrap;align-items:flex-start}.ai-attachment.is-document .ai-attach-copy{min-width:100px;flex:1}.ai-attachment.is-document small{white-space:normal;line-height:1.6}.ai-attachment.is-stored{border-color:rgba(87,127,202,.38)}.ai-attachment.is-document .ai-attach-icon{font-size:12px;color:#889dd8}.ai-knowledge-dialog{box-sizing:border-box;width:min(820px,calc(100vw - 32px));max-height:calc(100dvh - 36px);padding:22px;border:1px solid #394b76;border-radius:18px;color:#d7dded;background:#151412;box-shadow:0 25px 100px #0009}.ai-knowledge-dialog::backdrop{background:rgba(0,0,0,.76)}.ai-knowledge-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.ai-knowledge-dialog h3{font-size:18px;margin:3px 0;overflow-wrap:anywhere}.ai-knowledge-dialog header button{flex-shrink:0;padding:7px 14px;border-radius:8px;border:1px solid #495a83;background:#1a1e27;color:#9cafe6;cursor:pointer}.ai-knowledge-dialog p{white-space:pre-wrap;font-size:13px;line-height:1.8;color:#92a0c3}.ai-knowledge-dialog pre{max-height:55dvh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:13px;background:#0f0e0d;padding:16px;border-radius:10px;font-family:inherit}.ai-attach-toolbar{flex-wrap:wrap}.ai-attach-toolbar #aiChatUploadBtn{max-width:100%;white-space:normal}.ai-attach-copy b{overflow-wrap:anywhere}@media(max-width:700px){.ai-chat-attachment-list{grid-template-columns:1fr!important}.ai-knowledge-dialog{padding:14px}.ai-knowledge-actions{padding-left:0}.ai-knowledge-help{font-size:11px}}

/* This panel owns its preview. Avoid global media previews and keep the composer reachable. */
#panel-ai-chat .ai-chat-head,#panel-ai-chat .ai-chat-input{flex-shrink:0}
#panel-ai-chat .ai-chat-attach{align-items:stretch!important;text-align:left;flex:0 1 auto;max-height:48vh;min-height:0;overflow:auto}
#panel-ai-chat .ai-attach-toolbar{justify-content:flex-start;flex-shrink:0}
#panel-ai-chat .ai-knowledge-help{margin:2px 0;flex-shrink:0}
#panel-ai-chat .ai-chat-attachment-list{max-height:230px;width:100%;flex-shrink:0}
#panel-ai-chat .ai-knowledge-library{flex-shrink:0;margin:2px 0 8px}
#panel-ai-chat #aiKnowledgeItems{max-height:170px;overflow:auto}
#panel-ai-chat .ai-attachment.is-document{display:grid;align-items:start;gap:8px}
#panel-ai-chat .ai-knowledge-actions{grid-column:2/-1;padding:0;display:flex;flex-direction:row;gap:6px}
#panel-ai-chat .ai-attach-copy b{font-size:12px}
#panel-ai-chat .ai-attach-copy small{font-size:11px;line-height:1.6;color:#8894af;white-space:normal}
#panel-ai-chat .ai-attachment.is-stored{border-color:rgba(87,127,202,.38)}
#panel-ai-chat .ai-chat-input-hint{font-size:11px;color:#717fa0}
@media(max-width:700px){#panel-ai-chat .ai-chat-attachment-list{grid-template-columns:1fr!important}#panel-ai-chat .ai-knowledge-actions{grid-column:1/-1}#panel-ai-chat .ai-attach-toolbar{gap:6px}#panel-ai-chat .ai-chat-body{min-height:110px}}

/* /web/shared/releases/20261012-integrated-v208/studio-flow.css */
/* Approved black-gold design. Scoped presentation only; original forms, menus, data and tasks stay intact. */
body.along-studio-design nav.tabs.sidebar::before,body.along-studio-design nav.tabs.sidebar::after { display:none!important; }
body.along-studio-design nav.tabs.sidebar .sb-scroll { flex:1; min-height:0; display:flex!important; flex-direction:column; overflow-y:auto!important; padding:0 3px 14px!important; gap:5px!important; scrollbar-width:thin!important; scrollbar-color:#64749933 transparent!important; }
body.along-studio-design nav.tabs.sidebar .sb-scroll:hover { scrollbar-color:#64749977 transparent!important; }
body.along-studio-design nav.tabs.sidebar .sb-scroll::-webkit-scrollbar,body.along-studio-design main::-webkit-scrollbar { width:5px!important; background:transparent!important; }
body.along-studio-design nav.tabs.sidebar .sb-scroll::-webkit-scrollbar-thumb,body.along-studio-design main::-webkit-scrollbar-thumb { border:0!important; background:#6677a42d!important; border-radius:9px!important; }
body.along-studio-design nav.tabs.sidebar .sb-scroll::-webkit-scrollbar-button,body.along-studio-design main::-webkit-scrollbar-button { display:none!important; height:0; }
body.along-studio-design nav.tabs.sidebar .p-nav-home { min-height:42px!important; height:42px; margin:0 0 8px!important; padding:7px 13px!important; gap:12px!important; border:1px solid transparent!important; border-radius:8px!important; font-size:13px!important; box-shadow:none!important; background:none!important; }
body.along-studio-design nav.tabs.sidebar .p-nav-home .tb-ico { width:19px!important; height:19px!important; border:0!important; background:none!important; padding:0!important; color:#7b8baf!important; }
body.along-studio-design nav.tabs.sidebar .p-nav-home .tb-txt { font-size:14px!important; font-weight:550!important; }
body.along-studio-design nav.tabs.sidebar .sb-section-title { min-height:25px; margin:0!important; padding:0 13px 4px!important; letter-spacing:1px!important; font-size:10px!important; color:#81867f!important; font-weight:500!important; }
body.along-studio-design nav.tabs.sidebar .sb-section-title::after { display:none!important; }
body.along-studio-design nav.tabs.sidebar .p-nav-mods { display:flex; flex-direction:column; gap:4px!important; margin:0; }
body.along-studio-design nav.tabs.sidebar .p-nav-mod { min-height:61px!important; height:61px!important; gap:12px!important; padding:10px 13px!important; border:1px solid transparent!important; border-radius:9px!important; background:transparent!important; box-shadow:none!important; transform:none!important; color:#b2b9cc!important; }
body.along-studio-design nav.tabs.sidebar .p-nav-mod .tb-ico { width:19px!important; height:19px!important; padding:0!important; border:0!important; border-radius:0!important; background:none!important; box-shadow:none!important; color:#7080a4!important; }
body.along-studio-design nav.tabs.sidebar .p-nav-mod .pn-copy b { color:inherit!important; font-size:14px!important; font-weight:550!important; letter-spacing:.1px!important; }
body.along-studio-design nav.tabs.sidebar .p-nav-mod .pn-copy small { font-size:10px!important; color:#878c84!important; font-weight:400!important; margin-top:4px!important; }
body.along-studio-design nav.tabs.sidebar .p-nav-mod .pn-count { display:none!important; }
body.along-studio-design nav.tabs.sidebar .p-nav-mod .pn-chevron { margin-left:auto; color:#73776f; font-size:17px; }
body.along-studio-design nav.tabs.sidebar .p-nav-mod.active { background:linear-gradient(90deg,#728dcd16,#728dcd05)!important; border-color:#798ec71d!important; color:#a9bbe7!important; }
body.along-studio-design nav.tabs.sidebar .p-nav-mod.active::before { left:0; top:17px; bottom:17px; width:2px; opacity:1; background:#8099d1; transform:none; }
body.along-studio-design nav.tabs.sidebar .p-nav-mod:hover { background:#7890cc0a!important; }
body.along-studio-design nav.tabs.sidebar .p-nav-extra { flex:none; margin:0; padding:13px 3px 0!important; border-top:1px solid #ffffff09!important; background:none!important; }
body.along-studio-design nav.tabs.sidebar .p-nav-mini { min-height:35px!important; padding:7px 13px!important; gap:12px!important; border:0!important; border-radius:7px!important; background:none!important; font-size:12px!important; color:#979cb9!important; }
body.along-studio-design nav.tabs.sidebar .p-nav-mini .tb-ico { width:17px!important; height:17px!important; color:#6c7ca3!important; }
body.along-studio-design nav.tabs.sidebar .p-nav-foot { padding:15px 11px 4px!important; margin:0!important; border:0!important; }
body.along-studio-design nav.tabs.sidebar .p-state-card { min-height:28px!important; padding:0!important; gap:9px!important; border:0!important; border-radius:0!important; box-shadow:none!important; background:none!important; }
body.along-studio-design nav.tabs.sidebar .ps-dot { width:5px!important; height:5px!important; background:#8694b8!important; box-shadow:none!important; }
body.along-studio-design nav.tabs.sidebar .ps-txt b { font-weight:400; font-size:10px; color:#838aac; }
body.along-studio-design nav.tabs.sidebar .p-nav-mod.active .tb-ico{color:#8fa6df!important;}
body.along-studio-design #panel-module .module-view { max-width:none!important; }
body.along-studio-design #panel-module .ms-breadcrumb { padding:0!important; margin:0 0 18px!important; font-size:11px; color:#7a807b; gap:10px; }
body.along-studio-design #panel-module .ms-breadcrumb b { color:#96a0b9; }
body.along-studio-design #panel-module .module-head { display:grid!important; grid-template-columns:minmax(330px,1fr) minmax(380px,1fr)!important; gap:10px!important; align-items:center!important; min-height:320px!important; padding:22px 22px 22px 34px!important; border:1px solid #8296cb23!important; border-radius:20px!important; background:radial-gradient(500px 350px at 85% 40%,#3f5b9e10,transparent 75%),linear-gradient(115deg,#191b1b,#141717)!important; box-shadow:inset 0 1px 0 #ffffff04,0 15px 40px #0002!important; overflow:hidden; isolation:isolate; }
body.along-studio-design #panel-module .module-head::before,body.along-studio-design #panel-module .module-head::after { display:none!important; }
body.along-studio-design #panel-module .module-head-txt { position:relative; width:auto!important; min-width:0!important; padding:0!important; z-index:2; }
body.along-studio-design #panel-module .module-kicker { font-size:10px!important; letter-spacing:2.2px!important; color:#7489b6!important; margin:0 0 15px!important; }
body.along-studio-design #panel-module .module-kicker svg { width:14px!important; height:14px!important; }
body.along-studio-design #moduleTitle { font-size:43px!important; line-height:1.25!important; letter-spacing:1px!important; font-weight:700!important; margin:0 0 16px!important; background:linear-gradient(125deg,#c2cff0,#7d95cc)!important; -webkit-background-clip:text!important; background-clip:text!important; }
body.along-studio-design #moduleDesc { color:#9fa5bf!important; font-size:13px!important; line-height:1.9!important; max-width:430px!important; margin:0!important; }
body.along-studio-design #panel-module .module-head-actions { display:flex!important; align-items:flex-start!important; flex-direction:column; margin-top:24px!important; gap:12px!important; flex-wrap:wrap; }
body.along-studio-design #panel-module .ms-primary { min-height:43px!important; padding:10px 17px!important; border-radius:9px!important; border:1px solid #fff2!important; background:linear-gradient(120deg,#afc0ec,#607ec1)!important; box-shadow:0 6px 19px #708bce10,inset 0 1px 0 #fff6!important; color:#191f2c!important; font-size:13px!important; font-weight:650!important; line-height:1.4!important; white-space:normal; gap:10px; text-align:left; }
body.along-studio-design #panel-module .ms-primary::before,body.along-studio-design #panel-module .ms-primary::after { display:none!important; }
body.along-studio-design #panel-module .ms-head-note { color:#888e83!important; font-size:10px!important; font-weight:400!important; }
body.along-studio-design #panel-module .ms-head-note::before { width:4px!important; height:4px!important; background:#6e7fab!important; box-shadow:none!important; }
body.along-studio-design #panel-module .module-head-visual { position:relative!important; inset:auto!important; width:100%!important; min-width:0!important; height:auto!important; max-width:none!important; opacity:1!important; display:block!important; z-index:1!important; }
body.along-studio-design #panel-module .module-head-visual::before,body.along-studio-design #panel-module .module-head-visual::after { display:none!important; }
body.along-studio-design #panel-module .module-level-row { margin:20px 0 24px!important; grid-template-columns:.92fr 1.08fr!important; gap:16px!important; }
body.along-studio-design #panel-module .module-level-card { padding:20px!important; min-height:142px!important; border-radius:13px!important; background:#181b1b!important; border:1px solid #ffffff0c!important; box-shadow:none!important; }
body.along-studio-design #panel-module .module-level-card::before,body.along-studio-design #panel-module .module-level-card::after { display:none!important; }
body.along-studio-design #panel-module .ms-card-label { font-size:10px!important; color:#7785a7!important; letter-spacing:.3px; }
body.along-studio-design #panel-module .ms-card-label svg { width:13px!important; height:13px!important; }
body.along-studio-design #panel-module .ms-spot-main { margin-top:11px!important; gap:12px!important; }
body.along-studio-design #panel-module .ms-spot-icon { width:37px!important; height:37px!important; min-width:37px!important; border-radius:9px!important; color:#8099d5!important; background:#5b78be0c!important; border:1px solid #6c89cf16!important; box-shadow:none!important; }
body.along-studio-design #panel-module .ms-spot-icon svg { width:19px!important; height:19px!important; }
body.along-studio-design #panel-module .ms-spot-main h3 { font-size:15px!important; color:#cad0e0!important; margin:0 0 6px; }
body.along-studio-design #panel-module .ms-spot-main p { font-size:11px!important; color:#8c8eb2!important; line-height:1.8!important; }
body.along-studio-design #panel-module .ms-spot-link { position:relative!important; right:auto!important; bottom:auto!important; display:inline-flex; margin:10px 0 0 49px; font-size:10px!important; color:#8194c0!important; cursor:pointer; }
body.along-studio-design #panel-module .ms-flow-list { margin-top:17px!important; gap:12px!important; }
body.along-studio-design #panel-module .ms-flow-step { padding-left:0!important; display:flex; flex-direction:column; align-items:flex-start; }
body.along-studio-design #panel-module .ms-flow-step b { position:relative!important; left:0!important; top:0!important; margin:0 0 7px!important; width:20px!important; height:20px!important; font-size:10px!important; background:#637cbf0d!important; border:1px solid #7188c127!important; color:#8293c0!important; box-shadow:none!important; }
body.along-studio-design #panel-module .ms-flow-step strong { font-size:12px!important; color:#c3c9d8!important; }
body.along-studio-design #panel-module .ms-flow-step small { font-size:10px!important; color:#92998d!important; margin-top:5px; }
body.along-studio-design #panel-module .module-tools-head { margin:0 0 15px!important; padding:0!important; }
body.along-studio-design #panel-module .module-tools-head h3 { font-size:18px!important; color:#ccd1df!important; }
body.along-studio-design #panel-module .module-tools-head p { color:#8f968c!important; font-size:11px!important; margin-top:6px!important; }
body.along-studio-design #panel-module .ms-tool-legend { font-size:10px!important; color:#888db0!important; }
body.along-studio-design #panel-module .ms-tool-legend i { background:#7182b1!important; box-shadow:none!important; }
body.along-studio-design #panel-module .module-grid { grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:13px!important; }
body.along-studio-design #panel-module .module-card { min-height:178px!important; padding:17px!important; border-radius:13px!important; background:#171a1b!important; border:1px solid #ffffff0b!important; box-shadow:none!important; cursor:pointer; }
body.along-studio-design #panel-module .module-card.is-featured { background:linear-gradient(125deg,#1a1c26 0%,#191c1b 73%)!important; border-color:#7d92c624!important; }
body.along-studio-design #panel-module .module-card::before,body.along-studio-design #panel-module .module-card::after { display:none!important; }
body.along-studio-design #panel-module .mc-index { display:none!important; }
body.along-studio-design #panel-module .mc-ico { width:32px!important; height:32px!important; border-radius:8px!important; background:#667fbc0a!important; border:1px solid #798dc01c!important; color:#8095c7!important; box-shadow:none!important; }
body.along-studio-design #panel-module .mc-ico svg { width:17px!important; height:17px!important; }
body.along-studio-design #panel-module .mc-top { margin-bottom:13px!important; }
body.along-studio-design #panel-module .mc-body h3 { font-size:13px!important; color:#cad0df!important; margin-bottom:7px!important; }
body.along-studio-design #panel-module .mc-body p { font-size:11px!important; line-height:1.75!important; color:#989f94!important; }
body.along-studio-design #panel-module .mc-foot { padding-top:12px!important; margin-top:12px!important; border-top:1px solid #fff1; gap:4px!important; }
body.along-studio-design #panel-module .mc-tag { font-size:9px!important; padding:3px 5px!important; color:#8c94b3!important; background:#ffffff03!important; border:0!important; }
body.along-studio-design #panel-module .mc-enter { font-size:10px!important; color:#778bb6!important; }
body.along-studio-design #panel-module .feat-badge { padding:3px 5px!important; font-size:9px!important; font-weight:500; background:#5b77b618!important; color:#7a91ca!important; border:1px solid #5971b028!important; box-shadow:none!important; }
body.along-studio-design #panel-module .module-footer-grid { margin-top:20px!important; gap:16px!important; }
body.along-studio-design #panel-module .ms-info-card { border-color:#ffffff09!important; border-radius:12px!important; padding:18px!important; background:#171a1a!important; }
body.along-studio-design #panel-module .ms-info-card h4 { font-size:12px!important; color:#abb3c7!important; }
body.along-studio-design #panel-module .ms-info-card p { font-size:11px!important; color:#93998c!important; }
body.along-studio-design #panel-module .ms-scene-chip { font-size:10px!important; background:#ffffff03!important; color:#98a0bb!important; border-color:#fff1!important; }
body.along-studio-design #panel-module .module-view{display:block!important;}
body.along-studio-design #panel-module .module-tools{padding:0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important;}
body.along-studio-design #panel-module .module-grid > .module-card{grid-column:auto!important;grid-row:auto!important;}
body.along-studio-design #panel-module .ms-flow-step{padding:0!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;}
body.along-studio-design #panel-module .ms-flow-step::after{display:none!important;}
body.along-studio-design #panel-module .module-card .mc-ico{min-width:32px!important;flex:0 0 32px!important;width:32px!important;}
body.along-studio-design nav.tabs.sidebar { background:#121415!important; border-right:1px solid #ffffff0b!important; box-shadow:none!important; backdrop-filter:none!important; padding:22px 14px 12px!important; gap:0!important; }
body.along-studio-design nav.tabs.sidebar::before,body.along-studio-design nav.tabs.sidebar::after { display:none!important; }
body.along-studio-design nav.tabs.sidebar .studio-shortcuts { border:0!important; border-bottom:1px solid #ffffff09!important; border-radius:0!important; background:none!important; box-shadow:none!important; padding:0 4px 13px!important; margin:0 0 9px!important; }
body.along-studio-design .studio-shortcuts::before,body.along-studio-design .studio-shortcuts::after { display:none!important; }
body.along-studio-design nav.tabs.sidebar .studio-search-entry { height:38px!important; min-height:38px!important; padding:0 10px!important; gap:9px!important; background:#1b1e1f!important; border:1px solid #ffffff10!important; border-radius:8px!important; box-shadow:none!important; color:#929ab6!important; font-size:12px!important; }
body.along-studio-design .studio-search-keys { gap:2px!important; }
body.along-studio-design .studio-search-keys kbd { padding:0!important; border:0!important; background:none!important; color:#6e759e!important; font:10px 'Microsoft YaHei UI',sans-serif!important; }
body.along-studio-design .studio-mini-heading { display:flex!important; align-items:center!important; gap:7px!important; margin:17px 7px 5px!important; padding:0!important; }
body.along-studio-design .studio-favorite-heading { font-size:11px!important; color:#8189ab!important; font-weight:400!important; margin-right:auto!important; }
body.along-studio-design .studio-favorite-heading>.studio-nav-icon,body.along-studio-design .studio-favorite-toggle { display:none!important; }
body.along-studio-design .asd-favorites-manage { font:11px 'Microsoft YaHei UI',sans-serif; border:0; border-radius:4px; background:none; color:#8090b5; padding:3px 2px; cursor:pointer; }
body.along-studio-design .studio-chips { display:flex!important; flex-direction:column!important; gap:0!important; }
body.along-studio-design nav.tabs.sidebar .studio-shortcut-link { min-height:33px!important; padding:7px!important; gap:10px!important; border:0!important; border-radius:7px!important; background:none!important; box-shadow:none!important; color:#afb6ca!important; font-size:12px!important; }
body.along-studio-design nav.tabs.sidebar .studio-shortcut-link:hover { background:#ffffff05!important; color:#b1c0e6!important; }
body.along-studio-design nav.tabs.sidebar .studio-shortcut-link.is-current { background:#7890cc0b!important; color:#a9bbe7!important; }
body.along-studio-design .studio-shortcut-icon { width:16px!important; height:16px!important; background:none!important; border:0!important; border-radius:0!important; color:#6b7ca3!important; box-shadow:none!important; }
body.along-studio-design .studio-shortcut-icon svg { width:15px!important; height:15px!important; }
body.along-studio-design .studio-shortcut-arrow { display:none!important; }
body.along-studio-design .studio-recent { margin:4px 0 0!important; padding:0!important; border:0!important; background:none!important; }
body.along-studio-design .studio-recent summary { padding:8px 7px!important; gap:10px!important; font-size:12px!important; color:#929bb6!important; }
body.along-studio-design .studio-recent summary>.studio-nav-icon { width:15px!important; height:15px!important; color:#68779b!important; }
body.along-studio-design .studio-recent-count { display:none!important; }
body.along-studio-design .studio-recent-list { padding:0 0 0 8px!important; gap:0!important; }
body.along-studio-design nav.tabs.sidebar .p-nav-home.active,body.along-studio-design nav.tabs.sidebar .p-nav-mini.active { color:#a9bbe7!important; background:#728dcd0e!important; box-shadow:none!important; }
body.along-studio-design nav.tabs.sidebar .p-nav-home.active .tb-ico,body.along-studio-design nav.tabs.sidebar .p-nav-mini.active .tb-ico { color:#8fa6df!important; }
body.along-studio-design nav.tabs.sidebar .pn-chevron { flex:0 0 auto!important; }
body.along-studio-design nav.tabs.sidebar .p-nav-foot .ps-txt small { color:#909488!important; font-size:9px!important; }
body.along-studio-design nav.tabs.sidebar .p-nav-foot { flex-shrink:0!important; }
body.along-studio-design nav.tabs.sidebar .studio-shortcuts button:focus-visible,body.along-studio-design #panel-module [role=button]:focus-visible,body.along-studio-design #panel-module button:focus-visible { outline:2px solid #90a8e1!important; outline-offset:3px!important; }
/* Preserve existing topbar, account/credit controls and full feature-page geometry. */
body.along-studio-design main:has(#panel-module.active) { background:radial-gradient(1100px 400px at 45% 0%,#6275af04,transparent),#0e1011!important; padding:22px 28px 100px!important; }
body.along-studio-design #panel-module { padding:0!important; margin:0 auto!important; max-width:1600px!important; width:100%!important; min-width:0!important; }
body.along-studio-design #panel-module .module-head-visual { pointer-events:auto!important; }
body.along-studio-design #panel-module .module-head-visual .asd-flow-stage { width:100%; }
body.along-studio-design #panel-module .asd-flow-player { position:relative; width:100%; max-width:530px; margin:0 auto; }
body.along-studio-design #panel-module .asd-flow-footer { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:10px; margin:10px 8px 0; color:#969b8f; font-size:10px; line-height:1.7; }
body.along-studio-design #panel-module .asd-flow-description { letter-spacing:.2px; }
body.along-studio-design #panel-module .asd-flow-controls { display:flex; align-items:center; gap:2px; padding-left:8px; border-left:1px solid #859cd420; }
body.along-studio-design #panel-module .asd-flow-controls button { display:inline-flex; align-items:center; gap:4px; min-height:28px; padding:4px 7px; border:1px solid transparent; border-radius:5px; background:none; color:#8697c2; font:11px 'Microsoft YaHei UI',sans-serif; cursor:pointer; box-shadow:none; }
body.along-studio-design #panel-module .asd-flow-controls button:hover { background:#758ecf10; border-color:#758ecf20; color:#aabce8; }
body.along-studio-design #panel-module .asd-static-state { padding-left:8px; border-left:1px solid #859cd420; color:#8e98b3; }
body.along-studio-design #panel-module .asd-static { min-height:245px; display:flex; align-items:center; justify-content:center; gap:12px; }
body.along-studio-design #panel-module .asd-static-card { display:flex; flex-direction:column; gap:17px; justify-content:center; align-items:center; flex:1 1 0; max-width:120px; height:144px; border:1px solid #7b93cf24; border-radius:12px; background:linear-gradient(140deg,#21253180,#151919); color:#899ed0; font-size:13px; }
body.along-studio-design #panel-module .asd-flow-fallback { min-height:220px; display:flex; align-items:center; justify-content:space-around; gap:8px; color:#8fa2d1; font-size:14px; }
body.along-studio-design #panel-module .asd-flow-fallback strong { font-weight:500; }
@media(min-width:1660px) {
 body.along-studio-design #moduleTitle { font-size:49px!important; }
 body.along-studio-design #moduleDesc { max-width:540px!important; font-size:14px!important; }
 body.along-studio-design #panel-module .module-head { min-height:350px!important; padding:26px 30px 26px 42px!important; gap:18px!important; }
 body.along-studio-design #panel-module .asd-flow-player { max-width:560px; }
 body.along-studio-design #panel-module .module-level-card { padding:22px 24px!important; }
 body.along-studio-design #panel-module .module-card { min-height:205px!important; padding:22px!important; }
 body.along-studio-design #panel-module .mc-body h3 { font-size:15px!important; }
 body.along-studio-design #panel-module .mc-body p { font-size:12px!important; }
 body.along-studio-design #panel-module .module-grid { gap:17px!important; }
}
@media(max-width:1300px) {
 body.along-studio-design #panel-module .module-head { grid-template-columns:minmax(270px,1fr) minmax(300px,1fr)!important; padding:24px!important; }
 body.along-studio-design #moduleTitle { font-size:39px!important; }
}
@media(max-width:1150px) {
 body.along-studio-design #panel-module .module-head { grid-template-columns:minmax(0,1fr)!important; padding:25px!important; gap:20px!important; }
 body.along-studio-design #panel-module .module-head-visual { max-width:550px!important; margin:0 auto; }
 body.along-studio-design #panel-module .module-head-actions { flex-direction:row; align-items:center!important; }
 body.along-studio-design #moduleDesc { max-width:none!important; }
 body.along-studio-design #panel-module .module-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
 body.along-studio-design #panel-module .module-level-row { grid-template-columns:1fr!important; }
}
@media(max-width:760px) {
 body.along-studio-design #panel-module .module-head { padding:19px!important; }
 body.along-studio-design #moduleTitle { font-size:33px!important; }
 body.along-studio-design #panel-module .module-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
 body.along-studio-design #panel-module .module-footer-grid { grid-template-columns:1fr!important; }
 body.along-studio-design #panel-module .asd-flow-footer { margin-inline:0; gap:4px; }
}
@media(max-width:550px) {
 body.along-studio-design main:has(#panel-module.active) { padding:14px 14px 100px!important; }
 body.along-studio-design #panel-module .module-head-actions { flex-direction:column; align-items:flex-start!important; }
 body.along-studio-design #panel-module .module-card { padding:13px!important; }
 body.along-studio-design #panel-module .module-level-card { padding:17px!important; }
 body.along-studio-design #panel-module .asd-static { gap:8px; }
 body.along-studio-design #panel-module .asd-static-card { font-size:11px; }
}
@media(prefers-reduced-motion:reduce) {
 body.along-studio-design #panel-module *,body.along-studio-design nav.tabs.sidebar * { transition:none!important; animation:none!important; }
}
body.along-studio-design.studio-calm #panel-module *,body.along-studio-design.studio-calm nav.tabs.sidebar * { transition:none!important; animation:none!important; }

body.along-studio-design nav.tabs.sidebar #rechargeNavBtn { display:flex!important;align-items:center!important;gap:12px!important;min-height:39px!important;padding:8px 13px!important;margin:8px 0 0!important;border:0!important;border-radius:8px!important;background:none!important;color:#8998bc!important;font-size:12px!important;font-weight:500!important;box-shadow:none!important;}
body.along-studio-design nav.tabs.sidebar #rechargeNavBtn:hover{background:#7890cc0a!important;}
body.along-studio-design .asd-recharge-icon{width:18px;height:18px;flex:none;color:#7184b2;}

/* 2026-09-29: reviewed right-side Remotion stage; isolated preview, not installed. */
body.along-studio-design #panel-module[data-module="起号神器"] .asd-flow-player{max-width:580px;}
@media(min-width:1151px){body.along-studio-design #panel-module[data-module="起号神器"] .module-head{grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr)!important;gap:10px!important;}}

/* 2026-09-29: retain the original L brand mark beside the app name. */
body.along-studio-design .topbar .brand{align-items:center!important;gap:10px!important;}
body.along-studio-design .topbar .brand .logo{display:flex!important;align-items:center;justify-content:center;flex:0 0 32px!important;width:32px!important;height:32px!important;min-width:0!important;animation:none!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;filter:none!important;transform:none!important;overflow:hidden;}
body.along-studio-design .topbar .brand .logo::before,body.along-studio-design .topbar .brand .logo::after{display:none!important;}
body.along-studio-design .topbar .brand .logo img{display:block!important;width:100%!important;height:100%!important;object-fit:contain;}
@media(max-width:820px){body.along-studio-design .topbar .brand{gap:8px!important;}body.along-studio-design .topbar .brand .logo{flex-basis:28px!important;width:28px!important;height:28px!important;}}

/* /web/shared/releases/20261012-integrated-v208/quick-human-quota.css */
.qh-quota-strip{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:12px 0;padding:10px 14px;border:1px solid rgba(133,155,205,.24);border-radius:10px;background:rgba(133,155,205,.055);color:#a6adc3;font-size:12px;line-height:1.6}.qh-quota-strip[hidden]{display:none}.qh-quota-strip strong{font-size:13px;font-weight:600;color:#94a8d4;white-space:nowrap}.qh-quota-strip[data-state=locked] strong{color:#e2aa90}#trialBar{gap:8px 12px!important;padding:10px 16px!important;min-height:44px;flex-wrap:wrap}#trialBar .trial-qh{font-size:12px!important;border:1px solid rgba(133,155,205,.24);border-radius:20px;padding:4px 10px;color:#98acd7}#trialBar .trial-qh b{font-variant-numeric:tabular-nums;color:inherit}#trialBar .trial-note{font-size:11px!important;opacity:.8}#trialBar button.trial-toggle{appearance:none;background:transparent!important;box-shadow:none!important;border:0!important;min-height:28px;padding:3px 6px!important;font:inherit;color:inherit;cursor:pointer}#trialBar button.trial-toggle:focus-visible{outline:2px solid #859bcd;outline-offset:2px}#trialDetail:not(.open){display:none!important}#trialDetail.open{max-height:260px;overflow-y:auto}.trial-badge{font-variant-numeric:tabular-nums}@media(max-width:780px){#trialBar .trial-note{display:none}.qh-quota-strip span{flex-basis:100%}}


/* trial quota bar: quieter, reachable, and in normal flow */
#trialBar {
  background: rgba(18, 24, 35, .34) !important;
  border-color: rgba(154,170,206, .15) !important;
  box-shadow: none !important;
}
#trialBar .trial-head {
  background: rgba(111,150,246, .08) !important;
  border-color: rgba(111,150,246, .16) !important;
}
#trialBar .trial-head b { color: #acbbe0 !important; }
#trialBar .trial-qh {
  background: rgba(124, 92, 252, .10) !important;
  border-color: rgba(180, 164, 238, .22) !important;
  color: #d7d0ec !important;
}
#trialBar .trial-note { opacity: .72 !important; }
#trialBar button.trial-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-width: 112px !important;
  min-height: 36px !important;
  padding: 5px 10px !important;
  border: 1px solid rgba(130, 177, 226, .40) !important;
  border-radius: 9px !important;
  background: rgba(84, 169, 255, .10) !important;
  color: #d6e6f8 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  touch-action: manipulation;
}
#trialBar button.trial-toggle:hover { background: rgba(84, 169, 255, .18) !important; }
#trialBar button.trial-toggle:active { background: rgba(84, 169, 255, .24) !important; }
#trialBar button.trial-toggle:focus-visible {
  outline: 2px solid #b7d9ff !important;
  outline-offset: 2px !important;
}
#trialBar button.trial-toggle span[aria-hidden="true"] { opacity: .82; font-size: 11px; }
#trialDetail {
  position: static !important;
  max-width: none;
}
#trialDetail.open {
  max-height: min(260px, 32vh) !important;
  overflow: auto !important;
  overscroll-behavior: contain;
  align-content: flex-start;
}
#trialDetail .trial-detail-item {
  max-width: 100%;
  min-width: 0;
  white-space: normal;
  flex-wrap: wrap;
  overflow-wrap: anywhere;
}
#trialDetail .trial-detail-item em { overflow-wrap: anywhere; }
@media (max-width: 1024px) {
  #trialDetail { margin-left: 296px !important; }
}
@media (max-width: 780px) {
  #trialBar { gap: 7px 8px !important; padding: 8px 10px !important; }
  #trialBar .trial-note { display: none !important; }
  #trialDetail .trial-detail-item { flex: 1 1 220px; justify-content: space-between; }
}
@media (max-height: 620px) {
  #trialDetail.open { max-height: 28vh !important; }
}

/* /web/shared/releases/20261012-integrated-v208/account-balance.css */
/* Wallet is part of header flow, never a floating banner over the workspace. */
#topbarBalance.topbar-bal { display:flex!important; flex-wrap:wrap; align-items:center;
  justify-content:flex-end; gap:6px 12px; min-width:0; max-width:100%; margin-left:auto;
  font-size:12px; line-height:1.5; white-space:normal; }
#topbarBalance .balance-metric { display:inline-flex; align-items:baseline; gap:5px; flex-wrap:wrap; min-width:0; }
#topbarBalance .balance-label { color:var(--text-secondary,#aaa5b3); font-weight:400; }
#topbarBalance .balance-metric b { color:var(--text-primary,#f4f2f7); font-size:13px; overflow-wrap:anywhere; }
#topbarBalance .balance-message { font-size:11px; color:#bbb5c6; }
#topbarBalance .balance-message[hidden] { display:none!important; }
#topbarBalance[data-balance-state="error"] .balance-message { color:#8eb1e7; }
#topbarBalance button.tb-refresh { display:inline-flex; align-items:center; justify-content:center;
  flex:0 0 30px; width:30px; height:30px; padding:0; border:1px solid rgba(180,166,206,.2);
  border-radius:7px; background:rgba(180,166,206,.06); color:#d3cddc; cursor:pointer; font:20px/1 sans-serif; }
#topbarBalance button.tb-refresh:focus-visible { outline:2px solid #b9a0dd; outline-offset:2px; }
#topbarBalance button.tb-refresh:disabled { opacity:.45; cursor:wait; }
@media(max-width:1100px) {
  header.topbar { flex-wrap:wrap; height:auto!important; min-height:64px; row-gap:6px; }
  #topbarBalance.topbar-bal { order:10; flex:1 1 100%; margin-left:0; justify-content:flex-start; padding:3px 0; }
}

/* /web/shared/releases/20261012-integrated-v208/digital-human-cases.css */
/* Only the digital-human-max reference gallery is affected. */
#panel-digital-human-max #dhmFeatureCases {
  min-width: 0;
}
#panel-digital-human-max #dhmFeatureCases .wash-case-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  padding: 0 !important;
  font-size: 14px;
  line-height: 1.7;
}
#panel-digital-human-max #dhmFeatureCases .dhm-case-note {
  margin: 8px 0 18px;
  color: var(--muted, #aaa);
  font-size: 12px;
  line-height: 1.8;
  overflow-wrap: anywhere;
}
#panel-digital-human-max #dhmFeatureCases .dhm-case-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
  gap: 16px;
  width: min(100%, 840px);
  margin-inline: auto;
  align-items: start;
}
#panel-digital-human-max #dhmFeatureCases .dhm-case-card {
  min-width: 0;
  margin: 0;
  padding: 8px;
  border: 1px solid rgba(160, 160, 170, .22);
  border-radius: 12px;
  background: rgba(0, 0, 0, .1);
  box-sizing: border-box;
}
#panel-digital-human-max #dhmFeatureCases .dhm-case-card video {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 9 / 16;
  object-fit: contain !important;
  margin: 0 !important;
  background: #10151c !important;
  border: 0 !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}
#panel-digital-human-max #dhmFeatureCases .dhm-case-card figcaption {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px 8px;
  padding: 12px 2px 4px;
  font-size: 13px;
  line-height: 1.6;
  color: var(--text, #e4e4e4);
}
#panel-digital-human-max #dhmFeatureCases .dhm-case-card small {
  color: var(--muted, #aaa);
  font-size: 11px;
}
#panel-digital-human-max #dhmFeatureCases .dhm-original-case {
  margin-top: 20px;
  padding-top: 14px;
  border-top: 1px solid rgba(160, 160, 170, .18);
}
#panel-digital-human-max #dhmFeatureCases .dhm-original-case summary {
  cursor: pointer;
  color: var(--muted, #aaa);
  font-size: 12px;
  line-height: 1.8;
  padding-block: 4px;
}
#panel-digital-human-max #dhmFeatureCases .dhm-original-case summary:focus-visible {
  outline: 2px solid var(--accent, #5e7dce);
  outline-offset: 4px;
  border-radius: 4px;
}
#panel-digital-human-max #dhmFeatureCases .dhm-original-case .wash-case-imgs {
  margin-top: 14px;
}
@media (max-width: 700px) {
  #panel-digital-human-max #dhmFeatureCases .dhm-case-grid {
    max-width: 560px;
    gap: 12px;
  }
}
@media (max-width: 440px) {
  #panel-digital-human-max #dhmFeatureCases .dhm-case-grid {
    max-width: 300px;
  }
}

/* /web/shared/releases/20261012-integrated-v208/sidebar-alignment.css */
/* Sidebar alignment · 2026-10-04
   Navigation only. Keep existing routes, shortcuts, theme and responsive widths.
   Scoped !important rules intentionally win over the accumulated legacy skins. */
@media (min-width: 721px) {
  body[data-theme="gold"] nav.tabs.sidebar {
    --side-row: 36px;
    --side-module-row: 52px;
    --side-icon: 24px;
    --side-gap: 10px;
    --side-pad: 10px;
    --side-text: #c5cad8;
    --side-muted: #7a86a6;
    --side-gold: #7e95cf;
    padding: 14px 12px 12px !important;
    gap: 0 !important;
    background: #101211 !important;
    border-right: 1px solid rgba(137,158,211, .12) !important;
    box-shadow: none !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar *,
  body[data-theme="gold"] nav.tabs.sidebar *::before,
  body[data-theme="gold"] nav.tabs.sidebar *::after { box-sizing: border-box; }

  body[data-theme="gold"] nav.tabs.sidebar .sb-scroll {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 0 4px 8px 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overflow-anchor: none !important;
    scrollbar-gutter: stable;
    scrollbar-width: thin !important;
    scrollbar-color: #383c54 transparent !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .sb-scroll:hover {
    scrollbar-color: #4b5571 transparent !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .sb-scroll::-webkit-scrollbar { width: 4px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .sb-scroll::-webkit-scrollbar-track { background: transparent !important; }
  body[data-theme="gold"] nav.tabs.sidebar .sb-scroll::-webkit-scrollbar-thumb {
    border: 0 !important; border-radius: 4px !important; background: #383c54 !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .sb-scroll::-webkit-scrollbar-button {
    display: none !important; width: 0 !important; height: 0 !important;
  }

  /* Search and personal shortcuts are one quiet, aligned list, not a second card. */
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcuts {
    flex: none !important; width: 100% !important; min-width: 0 !important;
    padding: 0 0 12px !important; margin: 0 0 10px !important;
    border: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, .065) !important;
    border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcuts::before { display: none !important; content: none !important; }
  body[data-theme="gold"] nav.tabs.sidebar .studio-search-entry {
    display: grid !important; grid-template-columns: var(--side-icon) minmax(0, 1fr) auto;
    align-items: center !important; gap: var(--side-gap) !important;
    width: 100% !important; height: 38px !important; min-height: 38px !important;
    margin: 0 !important; padding: 0 var(--side-pad) !important;
    border: 1px solid rgba(255, 255, 255, .085) !important; border-radius: 8px !important;
    background: #191c1a !important; box-shadow: none !important;
    color: #a9b0c5 !important; font-family: inherit !important;
    font-size: 13px !important; font-weight: 400 !important; line-height: 20px !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .studio-search-entry > .studio-nav-icon {
    width: 18px !important; height: 18px !important; justify-self: center; color: #7380a5 !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .studio-search-entry:hover {
    background: #20231f !important; border-color: rgba(126,149,207, .3) !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .studio-search-keys { gap: 2px !important; opacity: .8 !important; }
  body[data-theme="gold"] nav.tabs.sidebar .studio-search-keys kbd {
    padding: 0 2px !important; min-width: 0 !important; height: 18px !important;
    background: transparent !important; border: 0 !important; font-size: 10px !important; color: #767fa4 !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .studio-mini-heading {
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    min-height: 24px !important; margin: 10px 0 4px !important; padding: 0 var(--side-pad) !important;
    gap: 6px !important; color: var(--side-muted) !important; letter-spacing: 0 !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .studio-favorite-heading {
    font-size: 11px !important; font-weight: 500 !important; gap: 5px !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .studio-favorite-heading > .studio-nav-icon { display: none !important; }
  body[data-theme="gold"] nav.tabs.sidebar .studio-favorite-toggle {
    min-height: 24px !important; padding: 2px 0 !important; gap: 3px !important;
    font-size: 10px !important; font-weight: 400 !important; color: #7586b1 !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .studio-chips,
  body[data-theme="gold"] nav.tabs.sidebar .studio-recent-list {
    display: flex !important; flex-direction: column !important; gap: 2px !important;
  }

  /* A shared 24px icon column and text start across every navigation row. */
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-home,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mini,
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcut-link {
    position: relative !important; display: grid !important;
    grid-template-columns: var(--side-icon) minmax(0, 1fr) 12px;
    align-items: center !important; gap: var(--side-gap) !important;
    width: 100% !important; min-width: 0 !important;
    min-height: var(--side-row) !important; margin: 0 !important; padding: 5px var(--side-pad) !important;
    border: 1px solid transparent !important; border-radius: 8px !important;
    background: transparent !important; box-shadow: none !important;
    color: var(--side-text) !important; font-family: inherit !important; font-size: 13px !important;
    font-weight: 500 !important; line-height: 20px !important; letter-spacing: 0 !important;
    text-align: left !important; transform: none !important; filter: none !important;
    transition: background .15s ease, color .15s ease !important;
    cursor: pointer;
  }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-home,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mini { grid-template-columns: var(--side-icon) minmax(0, 1fr); }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-home { min-height: 40px !important; margin-bottom: 8px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-home .tb-txt { font-size: 13px !important; font-weight: 600 !important; }
  body[data-theme="gold"] nav.tabs.sidebar .tb-ico,
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcut-icon {
    width: var(--side-icon) !important; height: var(--side-icon) !important;
    min-width: var(--side-icon) !important; padding: 2px !important; margin: 0 !important;
    border: 0 !important; border-radius: 0 !important;
    background: transparent !important; box-shadow: none !important; filter: none !important;
    color: #7c8bb1 !important; opacity: 1 !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcut-icon {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcut-icon .studio-nav-icon { width: 20px !important; height: 20px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcut-label { font-size: 13px !important; font-weight: 500 !important; }
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcut-arrow {
    width: 12px !important; height: 12px !important; opacity: .75 !important;
    color: #657098 !important; transform: none !important;
  }

  body[data-theme="gold"] nav.tabs.sidebar .sb-section-title {
    flex: none !important; min-height: 24px !important; margin: 0 0 4px !important;
    padding: 0 var(--side-pad) !important; font-size: 11px !important;
    line-height: 18px !important; font-weight: 500 !important; letter-spacing: 0 !important;
    color: var(--side-muted) !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .sb-section-title::after { display: none !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mods {
    display: flex !important; flex-direction: column !important; gap: 4px !important;
    flex: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod {
    min-height: var(--side-module-row) !important; padding-top: 7px !important; padding-bottom: 7px !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod .pn-copy {
    display: flex !important; flex-direction: column !important;
    min-width: 0 !important; gap: 2px !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod .pn-copy b {
    font-size: 13px !important; line-height: 18px !important; font-weight: 600 !important; letter-spacing: 0 !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod .pn-copy small {
    font-size: 11px !important; line-height: 15px !important; font-weight: 400 !important; color: var(--side-muted) !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod .pn-count { display: none !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod .pn-chevron {
    width: 12px !important; font-size: 18px !important; line-height: 24px !important;
    color: #657098 !important; text-align: center !important; transform: none !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-extra {
    flex: none !important; display: flex !important; flex-direction: column !important; gap: 2px !important;
    margin: 0 !important; padding: 10px 4px 0 0 !important;
    border-top: 1px solid rgba(255, 255, 255, .065) !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-extra > .sb-section-title { margin-bottom: 2px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mini { color: #aab2c7 !important; font-weight: 500 !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mini > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

  /* Recent history remains expandable, inside the same scrolling area. */
  body[data-theme="gold"] nav.tabs.sidebar .studio-recent {
    margin: 6px 0 0 !important; padding: 0 !important; border: 0 !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .studio-recent summary {
    display: grid !important; grid-template-columns: var(--side-icon) minmax(0, 1fr) auto 12px;
    align-items: center !important; gap: var(--side-gap) !important;
    min-height: var(--side-row) !important; padding: 6px 11px !important; border-radius: 8px !important;
    color: #aab2c7 !important; font-size: 13px !important; font-weight: 500 !important; line-height: 20px !important;
    cursor: pointer;
  }
  body[data-theme="gold"] nav.tabs.sidebar .studio-recent summary > .studio-nav-icon:not(.studio-recent-arrow) {
    width: 20px !important; height: 20px !important; justify-self: center; color: #7c8bb1 !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .studio-recent summary .studio-recent-arrow { width: 12px !important; height: 12px !important; color: #657098 !important; }
  body[data-theme="gold"] nav.tabs.sidebar .studio-recent-count { font-size: 10px !important; color: var(--side-muted) !important; }
  body[data-theme="gold"] nav.tabs.sidebar .studio-recent-list { padding: 4px 0 0 !important; }

  /* Selection is a quiet flat fill plus a short gold rail; hover never shifts text. */
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-home::after,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod::after,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mini::after,
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcut-link::after { display: none !important; content: none !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-home::before,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod::before,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mini::before,
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcut-link::before {
    content: "" !important; position: absolute !important; display: block !important;
    left: 0 !important; top: 9px !important; bottom: 9px !important;
    width: 2px !important; border-radius: 2px !important; background: var(--side-gold) !important;
    opacity: 0 !important; transform: none !important; pointer-events: none;
  }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-home:hover,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod:hover,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mini:hover,
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcut-link:hover,
  body[data-theme="gold"] nav.tabs.sidebar .studio-recent summary:hover {
    background: rgba(255, 255, 255, .045) !important; border-color: transparent !important;
    color: #d9deec !important; box-shadow: none !important; transform: none !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-home.active,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod.active,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mini.active,
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcut-link.is-current {
    background: rgba(126,149,207, .09) !important; border-color: transparent !important;
    color: #b0bee4 !important; box-shadow: none !important; transform: none !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-home.active::before,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod.active::before,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mini.active::before,
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcut-link.is-current::before { opacity: 1 !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-home.active .tb-ico,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod.active .tb-ico,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mini.active .tb-ico,
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcut-link.is-current .studio-shortcut-icon {
    background: transparent !important; border-color: transparent !important; color: var(--side-gold) !important; box-shadow: none !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod.active .pn-copy small { color: #8994b0 !important; }
  body[data-theme="gold"] nav.tabs.sidebar button:focus-visible,
  body[data-theme="gold"] nav.tabs.sidebar summary:focus-visible {
    outline: 2px solid var(--side-gold) !important; outline-offset: -2px !important; box-shadow: none !important;
  }

  /* Keep system links and the service state anchored, with the same inner edge. */
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-foot {
    flex: none !important; margin: 8px 4px 0 0 !important; padding: 8px 0 0 !important;
    border-top: 1px solid rgba(255, 255, 255, .065) !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .p-state-card {
    display: flex !important; align-items: center !important; gap: 10px !important;
    min-height: 36px !important; padding: 2px 11px !important;
    border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .ps-dot {
    flex: none !important; width: 6px !important; height: 6px !important; margin: 0 9px !important;
    background: #7c8bb1 !important; box-shadow: none !important;
  }
  body[data-theme="gold"] nav.tabs.sidebar .ps-txt { display: flex !important; flex-direction: column !important; gap: 2px !important; min-width: 0 !important; }
  body[data-theme="gold"] nav.tabs.sidebar .ps-txt b { color: #9da4be !important; font-size: 11px !important; font-weight: 500 !important; line-height: 15px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .ps-txt small { color: #7983a5 !important; font-size: 10px !important; font-weight: 400 !important; line-height: 14px !important; }
}
@media (min-width: 721px) and (max-width: 920px) {
  body[data-theme="gold"] nav.tabs.sidebar { padding-left: 10px !important; padding-right: 10px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .studio-search-entry { gap: 8px !important; }
}
@media (min-width: 721px) and (max-height: 800px) {
  body[data-theme="gold"] nav.tabs.sidebar { --side-row: 32px; --side-module-row: 48px; padding-top: 10px !important; padding-bottom: 10px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .sb-scroll { padding-bottom: 6px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcuts { padding-bottom: 6px !important; margin-bottom: 6px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .studio-mini-heading { min-height: 20px !important; margin-top: 6px !important; margin-bottom: 2px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-home,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mini,
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcut-link { padding-top: 3px !important; padding-bottom: 3px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-home { min-height: 36px !important; margin-bottom: 2px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod { padding-top: 5px !important; padding-bottom: 5px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mods { gap: 2px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .studio-recent { margin-top: 4px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .sb-section-title { min-height: 22px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-extra { padding-top: 6px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-foot { margin-top: 6px !important; padding-top: 6px !important; }
}
/* Short desktop windows keep five primary groups visible with default shortcuts. */
@media (min-width: 721px) and (max-height: 740px) {
  body[data-theme="gold"] nav.tabs.sidebar { --side-row: 30px; --side-module-row: 44px; padding-top: 8px !important; padding-bottom: 8px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-home,
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mini,
  body[data-theme="gold"] nav.tabs.sidebar .studio-shortcut-link { padding-top: 2px !important; padding-bottom: 2px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-home { min-height: 32px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .p-nav-mod { padding-top: 3px !important; padding-bottom: 3px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .studio-search-entry { height: 34px !important; min-height: 34px !important; }
  body[data-theme="gold"] nav.tabs.sidebar .studio-recent summary { padding-top: 5px !important; padding-bottom: 5px !important; }
}
@media (min-width: 721px) and (prefers-reduced-motion: reduce) {
  body[data-theme="gold"] nav.tabs.sidebar button,
  body[data-theme="gold"] nav.tabs.sidebar summary { transition: none !important; }
}
/* /web/shared/releases/20261012-integrated-v208/gpt25-panel.css */
/* Image panel only: all navigation and other panels retain their existing layout. */
#panel-text-to-image .tti-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--border,#e3e7ed);padding-bottom:20px;margin-bottom:24px} #panel-text-to-image .tti-heading h2{margin:0;font-size:24px;font-weight:650} #panel-text-to-image .tti-heading p{margin:8px 0 0;color:var(--muted,#747b88);font-size:13px} #panel-text-to-image .tti-heading-tag{padding:6px 10px;border:1px solid var(--border,#e3e7ed);border-radius:6px;font-size:12px;white-space:nowrap;color:var(--muted,#747b88)}
#panel-text-to-image .tti-layout{display:grid;grid-template-columns:minmax(280px,400px) minmax(0,1fr);gap:28px;align-items:start} #panel-text-to-image .tti-form{min-width:0} #panel-text-to-image fieldset{margin:0;padding:0;border:0;min-width:0} #panel-text-to-image fieldset:disabled{opacity:.75}
#panel-text-to-image .tti-field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;font-size:13px;color:var(--text,#273344)} #panel-text-to-image .tti-field>span{font-weight:600} #panel-text-to-image .tti-field small{font-weight:400;color:var(--muted,#747b88);font-size:11px}
#panel-text-to-image select,#panel-text-to-image input,#panel-text-to-image textarea{box-sizing:border-box;width:100%;min-width:0;margin:0;font-size:13px;line-height:1.55;border-radius:7px} #panel-text-to-image textarea{resize:vertical;min-height:140px} #panel-text-to-image .tti-params{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
#panel-text-to-image .tti-drop{padding:16px 12px;margin-bottom:10px;min-height:0;text-align:center;border-radius:7px;cursor:pointer} #panel-text-to-image .tti-drop p{margin:0 0 6px;font-size:13px} #panel-text-to-image .tti-drop span{font-size:11px;color:var(--muted,#747b88)}
#panel-text-to-image .tti-reference-list{list-style:none;margin:10px 0 16px;padding:0;display:grid;gap:8px;max-height:280px;overflow:auto} #panel-text-to-image .tti-reference{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--border,#e3e7ed);border-radius:7px} #panel-text-to-image .tti-reference img,#panel-text-to-image #ttiRefPreview{width:42px;height:42px;object-fit:cover;border-radius:4px;flex-shrink:0} #panel-text-to-image .tti-reference span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px} #panel-text-to-image .tti-remove{padding:5px 8px;flex-shrink:0;font-size:11px;border:1px solid var(--border,#e3e7ed);background:transparent;color:inherit;border-radius:4px;cursor:pointer}
#panel-text-to-image .tti-note{font-size:12px;line-height:1.75;color:var(--muted,#747b88);margin:0 0 14px} #panel-text-to-image .tti-billing{margin-top:12px;font-size:11px} #panel-text-to-image .tti-status{padding:10px 12px;margin:0 0 16px;border-radius:6px;background:var(--card2,#14171f);color:var(--text,#e1e6f2);font-size:12px;line-height:1.6;border-left:3px solid #a8b1bd} #panel-text-to-image .tti-status[data-state=ready]{border-left-color:#31876a} #panel-text-to-image .tti-status[data-state=unavailable]{border-left-color:#355fb0}
#panel-text-to-image #ttiGenBtn{width:100%;min-height:44px;font-size:14px;letter-spacing:0} #panel-text-to-image #ttiGenBtn:disabled{cursor:wait} #panel-text-to-image .tti-output{min-width:0;border:1px solid var(--border,#e3e7ed);border-radius:10px;overflow:hidden} #panel-text-to-image .tti-output-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;border-bottom:1px solid var(--border,#e3e7ed)} #panel-text-to-image .tti-output-heading h3{margin:0;font-size:14px;font-weight:600} #panel-text-to-image .tti-output-heading span{font-size:11px;color:var(--muted,#747b88)}
#panel-text-to-image #ttiResult{border:0;border-radius:0;min-height:450px;padding:18px;margin:0;box-sizing:border-box} #panel-text-to-image .placeholder{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;min-height:380px;padding:24px;text-align:center;box-sizing:border-box} #panel-text-to-image .placeholder strong{font-size:14px;font-weight:500} #panel-text-to-image .placeholder span{font-size:12px} #panel-text-to-image .hidden{display:none!important} #panel-text-to-image .tti-drop:focus-visible{outline:2px solid var(--accent,#4a6b8c);outline-offset:3px}
@media(max-width:1050px){#panel-text-to-image .tti-layout{grid-template-columns:minmax(0,1fr);gap:20px}#panel-text-to-image #ttiResult{min-height:300px}#panel-text-to-image .placeholder{min-height:260px}}
@media(max-width:480px){#panel-text-to-image .tti-heading-tag{display:none}#panel-text-to-image .tti-params{gap:0 8px}#panel-text-to-image .tti-output-heading span{display:none}}

/* /web/shared/releases/20261012-integrated-v208/home-hero.css */
/* Home hero v6: user-supplied black/gold artwork; scoped to the homepage banner. */
#panel-home .home-hero-v6 {
  display: block !important;
  position: relative;
  isolation: isolate;
  container: home-hero / inline-size;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(156,177,227, .16) !important;
  border-radius: 24px !important;
  background: linear-gradient(90deg, rgba(9,10,12,.38), rgba(9,10,12,.03) 60%), url('/web/shared/releases/20261008-web-desktop-sync1/assets/home-hero/gold-landscape-v1.webp') center 56% / cover no-repeat, #101113 !important;
  box-shadow: inset 0 1px 0 rgba(210,222,252,.035), 0 18px 40px rgba(0,0,0,.16) !important;
  text-align: left !important;
}
#panel-home .home-hero-v6::before,
#panel-home .home-hero-v6::after { display: none !important; }
#panel-home .home-hero-stage {
  position: relative;
  box-sizing: border-box;
  min-height: 432px;
  padding: 28px 44px 26px;
}
#panel-home .home-hero-copy { position: relative; z-index: 3; width: 55%; text-align: left; pointer-events: none; }
/* The transparent copy box must not intercept the adjacent artwork buttons. */
#panel-home .home-hero-copy .home-hero-button { pointer-events: auto; }
#panel-home .home-hero-eyebrow {
  margin: 0 0 14px !important;
  color: #9dacd4 !important;
  font-size: 10px !important;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 4.2px;
}
#panel-home .home-hero-title {
  margin: 0 !important;
  padding: 0;
  color: #f3f5f9 !important;
  font: 850 62px/1.14 'Microsoft YaHei', 'PingFang SC', system-ui, sans-serif !important;
  letter-spacing: -1.7px !important;
  text-align: left !important;
  text-shadow: 0 3px 20px rgba(0,0,0,.24);
  -webkit-text-fill-color: #f3f5f9;
}
#panel-home .home-hero-title > span {
  display: block;
  white-space: nowrap;
  color: #8ba6e9;
  background: linear-gradient(180deg, #c0cffb 6%, #819ee6 60%, #4871cf 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#panel-home .home-hero-description {
  max-width: 600px;
  margin: 14px 0 0 !important;
  color: #afb6c9 !important;
  font-size: 15px !important;
  font-weight: 400;
  line-height: 1.8;
  text-align: left !important;
}
#panel-home .home-hero-actions { display: flex; gap: 14px; align-items: stretch; margin-top: 22px; }
#panel-home .home-hero-button {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 13px;
  box-sizing: border-box;
  min-height: 56px;
  padding: 0 24px;
  border-radius: 999px;
  cursor: pointer;
  font-family: inherit;
  font-size: 16px;
  font-weight: 750;
  line-height: 1.25;
  text-align: left;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background-color .2s ease;
}
#panel-home .home-hero-primary {
  min-width: 198px;
  color: #0b0f18 !important;
  background: linear-gradient(110deg, #b7c8fa, #678ce6) !important;
  border: 1px solid #a5baf4 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 6px 26px rgba(87,129,232,.2);
}
#panel-home .home-hero-secondary {
  min-width: 198px;
  color: #e5e8f0 !important;
  background: rgba(12,13,15,.58) !important;
  border: 1px solid rgba(167,184,230,.24) !important;
  box-shadow: inset 0 1px 0 rgba(217,227,253,.04);
}
#panel-home .home-hero-button-icon { flex: 0 0 22px; width: 22px; height: 22px; }
#panel-home .home-hero-secondary .home-hero-button-icon { color: #809ade; }
#panel-home .home-hero-button-arrow { flex: 0 0 16px; width: 16px; height: 16px; margin-left: auto; }
#panel-home .home-hero-secondary .home-hero-button-arrow { color: #8795b7; }
#panel-home .home-hero-button-label { display: grid; gap: 3px; }
#panel-home .home-hero-button-label b { color: inherit; font-size: 14px; font-weight: 650; }
#panel-home .home-hero-button-label small { color: #7c87a7; font-size: 11px; font-weight: 400; }
#panel-home .home-hero-primary:hover { transform: translateY(-2px); box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 9px 30px rgba(87,129,232,.28); }
#panel-home .home-hero-secondary:hover { transform: translateY(-2px); border-color: rgba(147,172,237,.56) !important; background-color: #12151c !important; }
#panel-home .home-hero-button:active { transform: translateY(0); }
#panel-home .home-hero-button:focus-visible,
#panel-home .home-hero-tile:focus-visible { outline: 2px solid #a6bef9 !important; outline-offset: 5px; }
#panel-home .home-hero-features {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.35fr);
  gap: 22px;
  width: min(880px, 66%);
  margin: 32px 0 0;
  padding: 0;
  list-style: none;
}
#panel-home .home-hero-features > li { display: flex; align-items: center; min-width: 0; gap: 14px; text-align: left; }
#panel-home .home-hero-feature-icon {
  display: grid;
  place-items: center;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border-radius: 13px;
  border: 1px solid rgba(154,172,219,.15);
  color: #829ee8;
  background: linear-gradient(145deg, rgba(123,149,214,.13), rgba(56,78,129,.06));
  box-shadow: inset 0 1px 0 rgba(200,214,251,.04);
}
#panel-home .home-hero-feature-icon > svg { width: 22px; height: 22px; }
#panel-home .home-hero-features b { display: block; color: #e6e8ee; font-size: 13px; font-weight: 600; line-height: 1.5; white-space: nowrap; }
#panel-home .home-hero-feature-modes > span { display: inline-block; white-space: nowrap; }
#panel-home .home-hero-features small { display: block; margin-top: 5px; color: #8994b0; font-size: 11px; font-weight: 400; line-height: 1.5; }
#panel-home .home-hero-art { position: absolute; z-index: 2; width: 49%; height: 100%; top: 0; right: 0; }
#panel-home .home-hero-aura {
  position: absolute;
  width: 68%;
  height: 84%;
  left: 9%;
  bottom: 24px;
  pointer-events: none;
  background: radial-gradient(ellipse, rgba(120,154,234,.15), rgba(120,154,234,.06) 35%, transparent 70%);
}
#panel-home .home-hero-robot-holder { position: absolute; left: 45%; bottom: 70px; height: 346px; width: 309px; transform: translateX(-50%); pointer-events: none; }
#panel-home .home-hero-robot {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 10px 24px rgba(78,129,244,.14));
  animation: homeHeroFloat 7s ease-in-out infinite;
}
#panel-home .home-hero-podium { position: absolute; left: 45%; bottom: 8px; width: 365px; height: 80px; transform: translateX(-50%); pointer-events: none; }
#panel-home .home-hero-motto {
  position: absolute;
  top: 34px;
  right: 36px;
  width: 200px;
  color: #7996e1;
  font: 21px/1.4 'STKaiti', 'KaiTi', serif;
  letter-spacing: 1px;
  transform: rotate(-9deg);
  pointer-events: none;
}
#panel-home .home-hero-motto > span { display: block; white-space: nowrap; }
#panel-home .home-hero-motto > svg { display: block; width: 100%; height: 27px; margin-top: -7px; }
#panel-home .home-hero-tile.hv-chip {
  position: absolute;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 16px;
  box-sizing: border-box;
  min-height: 0 !important;
  width: 162px;
  height: 74px;
  margin: 0 !important;
  padding: 12px 18px !important;
  border: 1px solid rgba(173,193,249,.68) !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, rgba(103,118,154,.38), rgba(66,81,115,.24)) !important;
  color: #bcc9f0 !important;
  font: 600 19px/1.2 'Microsoft YaHei', system-ui, sans-serif;
  font-size: 19px !important;
  box-shadow: inset 0 1px 0 rgba(211,221,252,.14), 0 5px 18px rgba(0,0,0,.22), 0 2px 10px rgba(114,150,234,.1);
  backdrop-filter: blur(9px);
  transform: rotate(var(--home-tile-tilt, -7deg));
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
  cursor: pointer;
}
#panel-home .home-hero-tile.hv-chip:hover { transform: translateY(-3px) rotate(var(--home-tile-tilt, -7deg)); border-color: #8aa7f8 !important; box-shadow: inset 0 1px 0 rgba(211,221,252,.2), 0 5px 24px rgba(93,137,234,.22); }
#panel-home .home-hero-tile.hv-chip:active { transform: rotate(var(--home-tile-tilt, -7deg)); }
#panel-home .home-hero-tile-icon { width: 29px; height: 29px; flex: 0 0 29px; color: #90aaec; }
#panel-home .home-hero-type-icon { display: grid; place-items: center; border-radius: 4px; color: #1b2841; background: linear-gradient(135deg, #b7c7fa, #5e7ecb); font: 800 25px/1 Georgia, serif; }
#panel-home .home-hero-tile-copy { --home-tile-tilt: -9deg; top: 56px; left: -2%; }
#panel-home .home-hero-tile-image { --home-tile-tilt: 10deg; top: 178px; left: -12%; width: 138px !important; height: 68px !important; }
#panel-home .home-hero-tile-audio { --home-tile-tilt: 8deg; top: 142px; right: 28px; }
#panel-home .home-hero-tile-video { --home-tile-tilt: -6deg; right: 17%; bottom: 91px; }
#panel-home .home-hero-signature { position: absolute; right: 32px; bottom: 24px; color: #6f84b6; font-size: 9px; font-weight: 500; font-style: italic; line-height: 1.8; letter-spacing: 3px; text-align: right; pointer-events: none; }
#panel-home .home-inspiration-target:focus { outline: 1px solid rgba(127,154,220,.58); outline-offset: 3px; }
@keyframes homeHeroFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
.home-hero-motion-control { position:relative; z-index:5; pointer-events:auto; margin-top:14px; padding:7px 11px; color:#7f96d0; background:#12131a; border:1px solid #5f76b04d; border-radius:8px; font-size:12px; cursor:pointer; }
.home-hero-motion-control:focus-visible { outline:2px solid #91a9e9; outline-offset:3px; }
@container home-hero (max-width: 1250px) {
  #panel-home .home-hero-stage { min-height: 400px; padding: 26px 32px 24px; }
  #panel-home .home-hero-title { font-size: 54px !important; }
  #panel-home .home-hero-description { font-size: 14px !important; }
  #panel-home .home-hero-features { width: 70%; gap: 16px; margin-top: 28px; }
  #panel-home .home-hero-feature-icon { flex-basis: 42px; width: 42px; height: 42px; }
  #panel-home .home-hero-features > li { gap: 10px; }
  #panel-home .home-hero-features b { font-size: 12px; }
  #panel-home .home-hero-features small { font-size: 10px; }
  #panel-home .home-hero-robot-holder { width: 268px; height: 300px; bottom: 73px; }
  #panel-home .home-hero-tile.hv-chip { width: 142px; height: 65px; gap: 12px; font-size: 17px !important; }
  #panel-home .home-hero-tile-image { width: 122px !important; height: 60px !important; left: -8%; top: 168px; }
  #panel-home .home-hero-tile-copy { left: -4%; top: 54px; }
  #panel-home .home-hero-tile-audio { top: 130px; right: 20px; }
  #panel-home .home-hero-tile-video { right: 8%; bottom: 88px; }
  #panel-home .home-hero-motto { width: 172px; font-size: 18px; right: 22px; top: 26px; }
  #panel-home .home-hero-podium { width: 325px; }
}
@container home-hero (max-width: 1050px) {
  #panel-home .home-hero-stage { min-height: 436px; padding: 28px; }
  #panel-home .home-hero-copy { width: 55%; }
  #panel-home .home-hero-title { font-size: 48px !important; }
  #panel-home .home-hero-description { max-width: 430px; }
  #panel-home .home-hero-actions { gap: 10px; margin-top: 20px; }
  #panel-home .home-hero-button { gap: 10px; padding: 0 18px; min-height: 52px; font-size: 14px; }
  #panel-home .home-hero-primary, #panel-home .home-hero-secondary { min-width: 0; width: 176px; }
  #panel-home .home-hero-features { grid-template-columns: repeat(2, minmax(0, 1fr)); width: 51%; gap: 18px 20px; margin-top: 28px; }
  #panel-home .home-hero-art { width: 43%; }
  #panel-home .home-hero-robot-holder { left: 48%; bottom: 79px; width: 258px; height: 290px; }
  #panel-home .home-hero-podium { left: 48%; bottom: 18px; width: 294px; }
  #panel-home .home-hero-tile.hv-chip { width: 121px; height: 57px; padding: 10px 12px !important; gap: 10px; font-size: 15px !important; }
  #panel-home .home-hero-tile-icon { width: 25px; height: 25px; flex-basis: 25px; }
  #panel-home .home-hero-type-icon { font-size: 22px; }
  #panel-home .home-hero-tile-copy { left: -11%; top: 34px; }
  #panel-home .home-hero-tile-image { width: 113px !important; height: 55px !important; left: -16%; top: 151px; }
  #panel-home .home-hero-tile-audio { top: 123px; right: 12px; }
  #panel-home .home-hero-tile-video { right: 8%; bottom: 112px; }
  #panel-home .home-hero-motto { top: 18px; right: 20px; width: 157px; font-size: 16px; }
  #panel-home .home-hero-signature { bottom: 16px; right: 22px; }
}
@container home-hero (max-width: 810px) {
  #panel-home .home-hero-stage { padding: 25px; }
  #panel-home .home-hero-title { font-size: 40px !important; letter-spacing: -1px !important; }
  #panel-home .home-hero-eyebrow { font-size: 9px !important; letter-spacing: 2.4px; }
  #panel-home .home-hero-description { font-size: 13px !important; }
  #panel-home .home-hero-actions { gap: 8px; }
  #panel-home .home-hero-button { flex: 1; width: auto; padding: 0 12px; font-size: 13px; gap: 8px; }
  #panel-home .home-hero-button-icon { width: 18px; height: 18px; flex-basis: 18px; }
  #panel-home .home-hero-button-label b { font-size: 12px; }
  #panel-home .home-hero-button-label small { font-size: 10px; }
  #panel-home .home-hero-button-arrow { width: 12px; height: 12px; flex-basis: 12px; }
  #panel-home .home-hero-features { width: 56%; gap: 20px 14px; }
  #panel-home .home-hero-feature-icon { flex-basis: 36px; width: 36px; height: 36px; border-radius: 10px; }
  #panel-home .home-hero-features > li { gap: 8px; }
  #panel-home .home-hero-features small { max-width: 130px; }
  #panel-home .home-hero-art { width: 42%; }
  #panel-home .home-hero-robot-holder { width: 223px; height: 250px; bottom: 102px; }
  #panel-home .home-hero-tile.hv-chip { width: 102px; height: 52px; gap: 8px; font-size: 13px !important; }
  #panel-home .home-hero-tile-image { width: 98px !important; height: 50px !important; top: 152px; left: -5%; }
  #panel-home .home-hero-tile-copy { top: 42px; left: -3%; }
  #panel-home .home-hero-tile-audio { right: 10px; top: 151px; }
  #panel-home .home-hero-tile-video { bottom: 133px; right: 11%; }
  #panel-home .home-hero-podium { bottom: 41px; width: 248px; }
  #panel-home .home-hero-motto { font-size: 14px; width: 140px; top: 16px; right: 14px; }
}
@container home-hero (max-width: 650px) {
  #panel-home .home-hero-stage { display: flex; flex-direction: column; min-height: 0; padding: 26px 24px 24px; }
  #panel-home .home-hero-copy { width: 100%; order: 1; }
  #panel-home .home-hero-title { font-size: 44px !important; }
  #panel-home .home-hero-description { max-width: 100%; font-size: 14px !important; }
  #panel-home .home-hero-actions { max-width: 400px; }
  #panel-home .home-hero-art { position: relative; width: 100%; height: 300px; flex: 0 0 300px; margin: 24px 0 0; order: 2; }
  #panel-home .home-hero-robot-holder { left: 50%; bottom: 38px; width: 235px; height: 263px; }
  #panel-home .home-hero-podium { left: 50%; bottom: -18px; width: 286px; }
  #panel-home .home-hero-tile-copy { left: 0; top: 17px; }
  #panel-home .home-hero-tile-image { left: -3px; top: 139px; }
  #panel-home .home-hero-tile-audio { top: 93px; right: 0; }
  #panel-home .home-hero-tile-video { right: 3%; bottom: 44px; }
  #panel-home .home-hero-motto { display: none; }
  #panel-home .home-hero-signature { bottom: 0; right: 0; font-size: 8px; }
  #panel-home .home-hero-features { width: 100%; order: 3; gap: 22px 16px; margin-top: 28px; }
}
@container home-hero (max-width: 380px) {
  #panel-home .home-hero-stage { padding: 23px 18px; }
  #panel-home .home-hero-title { font-size: 38px !important; }
  #panel-home .home-hero-description { font-size: 13px !important; }
  #panel-home .home-hero-eyebrow { letter-spacing: 2px; }
  #panel-home .home-hero-button { padding: 0 10px; gap: 6px; font-size: 12px; }
  #panel-home .home-hero-robot-holder { width: 205px; height: 230px; bottom: 44px; }
  #panel-home .home-hero-tile.hv-chip { width: 90px; height: 48px; gap: 7px; padding: 8px 10px !important; }
  #panel-home .home-hero-tile-image { width: 90px !important; height: 48px !important; top: 139px; }
  #panel-home .home-hero-tile-copy { top: 21px; }
  #panel-home .home-hero-tile-video { right: 0; bottom: 57px; }
  #panel-home .home-hero-tile-icon { width: 22px; height: 22px; flex-basis: 22px; }
  #panel-home .home-hero-podium { width: 245px; }
  #panel-home .home-hero-features { gap: 20px 12px; }
}
@media (prefers-reduced-motion: reduce) {
  #panel-home .home-hero-v6,
  #panel-home .home-hero-v6 * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* /web/shared/releases/20261012-integrated-v208/navigation-toolbar.css */
/* Global utilities sit beside the brand. Main navigation remains uninterrupted. */
header.topbar.has-studio-toolbar { gap: 12px !important; overflow: visible; }
.studio-nav-toolbar { display: flex; align-items: center; gap: 8px; flex: 0 1 350px; min-width: 248px; max-width: 350px; margin-left: 18px; }
.studio-nav-toolbar .studio-search-entry,
.studio-nav-toolbar .studio-history-entry {
  display: flex; align-items: center; gap: 8px; height: 36px; min-height: 36px;
  margin: 0; padding: 0 11px; border: 1px solid #ffffff14; border-radius: 8px;
  background: #181a18; color: #b8bdd0; font-family: inherit;
  font-size: 12px; line-height: 1.4; cursor: pointer; white-space: nowrap; box-shadow: none;
  transition: background .15s, border-color .15s, color .15s;
}
.studio-nav-toolbar .studio-search-entry { flex: 1 1 210px; min-width: 122px; width: auto; text-align: left; }
.studio-nav-toolbar .studio-search-label { flex: 1; min-width: 0; }
.studio-nav-toolbar .studio-search-entry > .studio-nav-icon { width: 16px; height: 16px; color: #7888b0; }
.studio-nav-toolbar .studio-search-keys { gap: 2px; opacity: .75; }
.studio-nav-toolbar .studio-search-keys kbd { height: 17px; min-width: 0; padding: 0 2px; border: 0; background: transparent; font-size: 10px; color: #8e9189; }
.studio-history-wrap { position: relative; flex: none; }
.studio-nav-toolbar .studio-history-entry { background: transparent; border-color: transparent; }
.studio-history-entry > .studio-nav-icon { width: 16px; height: 16px; color: #808bab; }
.studio-history-entry > .studio-history-chevron { width: 11px; height: 11px; transform: rotate(90deg); transition: transform .15s; }
.studio-history-entry[aria-expanded="true"] > .studio-history-chevron { transform: rotate(-90deg); }
.studio-nav-toolbar .studio-search-entry:hover,
.studio-nav-toolbar .studio-history-entry:hover,
.studio-nav-toolbar .studio-history-entry[aria-expanded="true"] { background: #1c1c29; border-color: #6b80b740; color: #d4daec; }
.studio-nav-toolbar button:focus-visible,
.studio-history-pop:focus-visible { outline: 2px solid #8298d1; outline-offset: 3px; }
.studio-history-pop {
  position: absolute; top: calc(100% + 10px); left: 0; z-index: 100;
  box-sizing: border-box; width: 320px; max-width: calc(100vw - 24px); overflow-y: auto;
  padding: 12px 8px 8px; border: 1px solid #6475a43d; border-radius: 12px;
  background: #181a17; color: #d3d7e2; box-shadow: 0 12px 32px #0008;
  scrollbar-width: thin; scrollbar-color: #45516f transparent;
}
.studio-history-pop[hidden] { display: none !important; }
.studio-history-head { display: flex; flex-direction: column; gap: 4px; padding: 0 8px 10px; margin-bottom: 4px; border-bottom: 1px solid #ffffff0f; }
.studio-history-head strong { font-size: 13px; line-height: 20px; font-weight: 600; }
.studio-history-head > span { color: #8181ab; font-size: 11px; line-height: 18px; }
.studio-history-list { display: flex; flex-direction: column; gap: 3px; }
.studio-history-list .studio-history-link {
  position: relative; display: grid; grid-template-columns: 24px minmax(0, 1fr) 12px;
  align-items: center; gap: 8px; width: 100%; min-height: 40px; padding: 6px 8px;
  background: transparent; border: 1px solid transparent; border-radius: 7px;
  color: #c2c6d6; font: inherit; font-size: 12px; line-height: 20px; text-align: left; cursor: pointer;
}
.studio-history-list .studio-shortcut-icon { width: 24px; height: 24px; padding: 2px; background: transparent; border: 0; border-radius: 0; color: #7888b0; }
.studio-history-list .studio-shortcut-icon .studio-nav-icon { width: 20px; height: 20px; }
.studio-history-list .studio-shortcut-arrow { width: 12px; height: 12px; color: #6b6b9d; }
.studio-history-list .studio-shortcut-link:hover { background: #ffffff08; color: #dae0f2; }
.studio-history-list .studio-shortcut-link.is-current { background: #6279b514; color: #a2b3e3; }
.studio-history-list .studio-shortcut-link.is-current::before { display: none; }
.studio-history-pop .studio-history-empty { display: flex; flex-direction: column; gap: 5px; padding: 14px 8px; margin: 0; color: #bcc1d3; font-size: 12px; }
.studio-history-empty span { color: #8181ab; font-size: 11px; line-height: 1.7; }

/* A small disclosure after the five modules, not a block ahead of Home. */
body nav.tabs.sidebar .studio-shortcuts.studio-favorites { flex: none; padding: 9px 0 0 !important; margin: 8px 0 0 !important; border-top: 1px solid #ffffff0d !important; border-bottom: 0 !important; }
body nav.tabs.sidebar .studio-favorites-summary {
  display: grid; grid-template-columns: 24px minmax(0,1fr) auto 12px; align-items: center;
  gap: 10px; min-height: 36px; padding: 5px 10px; list-style: none; border-radius: 8px;
  color: #898fb0; font-size: 12px; line-height: 20px; font-weight: 500; cursor: pointer;
}
.studio-favorites-summary::-webkit-details-marker { display: none; }
.studio-favorites-summary > .studio-nav-icon { width: 20px; height: 20px; color: #7480a2; }
.studio-favorites-summary .studio-favorites-chevron { width: 12px; height: 12px; color: #676b99; transition: transform .15s; }
.studio-favorites[open] .studio-favorites-chevron { transform: rotate(90deg); }
.studio-favorites-count { color: #6f739f; font-size: 11px; font-variant-numeric: tabular-nums; }
body nav.tabs.sidebar .studio-favorites-summary:hover { background: #ffffff05; color: #bec6dc; }
body nav.tabs.sidebar .studio-favorites .studio-mini-heading { margin-top: 4px !important; }
body nav.tabs.sidebar .studio-favorites .studio-note { padding: 0 10px; line-height: 1.7; }
body nav.tabs.sidebar .studio-favorites:not([open]) > .studio-shortcut-list { display: none !important; }
.studio-favorites-summary:focus-visible { outline: 2px solid #8298d1; outline-offset: -2px; }
@media (max-width: 1320px) {
  .studio-nav-toolbar { flex-basis: 260px; min-width: 226px; margin-left: 6px; }
  .studio-nav-toolbar .studio-search-keys { display: none; }
  header.topbar.has-studio-toolbar { gap: 10px !important; }
}
@media (max-width: 1100px) {
  header.topbar.has-studio-toolbar { flex-wrap: wrap !important; height: auto !important; row-gap: 8px !important; }
  .studio-nav-toolbar { order: 10; flex: 1 1 calc(100% - 280px); min-width: 226px; max-width: none; margin-left: 0; }
  header.has-studio-toolbar #topbarBalance.topbar-bal { order: 11; flex: 0 1 260px; margin-left: 0; justify-content: flex-end; }
  header.has-studio-toolbar .acct-group { margin-left: auto; }
}
@media (max-width: 650px) {
  header.topbar.has-studio-toolbar { padding: 10px 12px !important; gap: 8px !important; }
  .studio-nav-toolbar { flex-basis: 100%; width: 100%; }
  header.has-studio-toolbar #topbarBalance.topbar-bal { order: 12; flex: 1 1 100%; justify-content: flex-start; padding: 0; }
  header.has-studio-toolbar .brand h1 { font-size: 16px !important; }
  header.has-studio-toolbar .brand .logo { width: 34px !important; height: 34px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .studio-nav-toolbar *, .studio-favorites-summary, .studio-favorites-chevron { transition: none !important; }
}

/* Keep Home visible below a multi-row header, overriding the old fixed 58px skin. */
@media (min-width: 721px) {
  body[data-theme="gold"] nav.tabs.sidebar {
    top: var(--studio-topbar-height, 58px) !important;
    height: calc(100vh - var(--studio-topbar-height, 58px)) !important;
    min-height: calc(100vh - var(--studio-topbar-height, 58px)) !important;
  }
}

/* /web/shared/releases/20261012-integrated-v208/chatcut-model-settings.css */
.cut-current-model{max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px!important;color:#8b9ac1!important;margin-top:4px!important}/* Keep the editor settings entry readable on the shared gold button theme. */
#panel-ai-chat #cutModelSettingsOpen{color:#080f21!important;background:linear-gradient(110deg,#a5b8ee,#4365bf)!important;border-color:#4365bf!important;font-weight:700!important;text-shadow:none!important;filter:none!important}
#panel-ai-chat #cutModelSettingsOpen:not(:disabled){opacity:1!important}
#panel-ai-chat #cutModelSettingsOpen:hover:not(:disabled){color:#080f21!important;background:linear-gradient(110deg,#bacaf5,#5677ce)!important}
#panel-ai-chat #cutModelSettingsOpen:active:not(:disabled){color:#080f21!important;background:linear-gradient(110deg,#87a0e2,#4365bf)!important}
#panel-ai-chat #cutModelSettingsOpen:focus-visible{outline:2px solid #afc0f1!important;outline-offset:3px}

.cut-model-dialog{position:fixed;inset:0;margin:auto;max-width:none;box-sizing:border-box;width:min(650px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:0;color:#dbe0ed;background:#151514;border:1px solid #556ba059;border-radius:18px;box-shadow:0 28px 100px #000a;overflow:hidden}.cut-model-dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}.cut-model-dialog *{box-sizing:border-box}.cut-model-dialog .cm-shell{display:flex;flex-direction:column;max-height:calc(100dvh - 50px);margin:0}.cm-head{display:flex;justify-content:space-between;gap:20px;padding:22px 24px 16px;border-bottom:1px solid #788ab424;flex-shrink:0}.cm-head h2{font-size:22px;line-height:1.35;margin:4px 0 8px;color:#d1daf4}.cm-head p{font-size:12px;line-height:1.6;margin:0;color:#8b96b2}.cm-head .cm-eyebrow{font-size:10px;letter-spacing:1px;color:#7891d3}.cm-close{align-self:flex-start;width:32px;height:32px;padding:0!important;font-size:24px!important}.cm-body{overflow-y:auto;padding:18px 24px 8px;min-height:0;overscroll-behavior:contain}.cm-body>label,.cm-label-line>label,.cm-advanced>label{display:block;font-size:13px;font-weight:600;margin:10px 0 7px;color:#bac3db}.cut-model-dialog select,.cut-model-dialog input:not([type=checkbox]){display:block;width:100%;min-height:40px;border:1px solid #5b6d9b3d;border-radius:9px;background:#20201e;color:#dee3f0;padding:9px 11px;font:inherit;font-size:13px;outline:none}.cut-model-dialog select:focus,.cut-model-dialog input:focus{border-color:#6e88ce;box-shadow:0 0 0 2px #5b75ba1a}.cut-model-dialog input[hidden]{display:none!important}.cut-model-dialog option{background:#22221f;color:#dfe4f2}.cm-note{color:#8692af;font-size:11px;line-height:1.65;margin:6px 0 14px}.cm-inline{display:flex;gap:8px}.cm-inline input{min-width:0;flex:1}.cut-model-dialog button{font:inherit;font-size:12px;padding:9px 13px;line-height:1.35;border:1px solid #5a6ea545;border-radius:8px;background:#1c1f29;color:#b1bfe4;cursor:pointer;white-space:nowrap}.cut-model-dialog button:disabled{opacity:.5;cursor:wait}.cm-check{display:flex!important;align-items:center;gap:7px;font-size:11px!important;font-weight:400!important;color:#8a95b1!important}.cm-check input{accent-color:#6783cd}.cm-label-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.cm-label-line>label{margin:0}.cm-label-line button{font-size:11px;padding:7px 11px}#cmManualModel{margin-top:8px}.cm-advanced{border-top:1px solid #556ba02b;margin:12px 0;padding-top:12px;font-size:12px}.cm-advanced summary{cursor:pointer;color:#96a4c8}.cm-status{padding:10px 12px;border:1px solid #5e71a52c;border-radius:9px;line-height:1.7;font-size:12px;color:#a1abc6;background:#526baf08;overflow-wrap:anywhere}.cm-status[data-tone=error]{border-color:#ba715547;color:#edaf95;background:#a95b3909}.cm-status[data-tone=success]{border-color:#7089514d;color:#b8cb91}.cm-test-note,.cm-footer-note{font-size:10px;color:#7482a3;line-height:1.6;margin:8px 0}.cm-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 24px 8px;border-top:1px solid #788ab424;flex-shrink:0}.cm-actions #cmTest{margin-right:auto}.cm-actions .cm-primary{color:#101627;font-weight:700;border-color:#6a87d6;background:linear-gradient(110deg,#a5bbf6,#4a6dc3)}.cm-footer-note{padding:0 24px 12px;margin:0;flex-shrink:0}@media(max-width:650px){.cut-model-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:13px}.cut-model-dialog .cm-shell{max-height:calc(100dvh - 18px)}.cm-head{padding:16px}.cm-head h2{font-size:20px}.cm-body{padding:10px 16px}.cm-actions{padding:12px 16px 8px;flex-wrap:wrap}.cm-actions #cmTest{flex:1 0 100%}.cm-actions #cmCancel,.cm-actions #cmSave{flex:1}.cm-footer-note{padding:0 16px 12px}.cut-current-model{max-width:250px}.cm-inline button{padding:7px 9px}}

/* /web/shared/releases/20261012-integrated-v208/home-tools-unified.css */
/* Home uses the same restrained card design as the module workbenches.
   Presentation only: existing premium.js routes and record/usage IDs are kept. */
#panel-home{--home-tool-surface:#171a1b;--home-tool-line:#ffffff0b;--home-tool-title:#cad0df;--home-tool-copy:#989f94;--home-tool-gold:#8095c7}
#panel-home .home-dashboard{grid-template-columns:minmax(0,1fr) 260px;gap:22px}
#panel-home .home-dashboard-main{gap:30px}
#panel-home .hv-sec{padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
#panel-home .hv-sec-head{align-items:center!important;gap:16px;margin-bottom:16px!important;min-height:45px}
#panel-home .hv-sec-head h3{color:var(--home-tool-title)!important;font-size:18px!important;font-weight:700;line-height:1.4}
#panel-home .hv-sec-head p{font-size:11px!important;line-height:1.7;color:var(--home-tool-copy)!important;margin-top:4px}
#panel-home .hv-sec-head h3 svg{width:18px;height:18px;color:var(--home-tool-gold)}
#panel-home .hv-more,#panel-home .hv-clear{appearance:none;background:none!important;box-shadow:none!important;border:0!important;border-radius:6px;padding:7px 4px;min-height:32px;min-width:0;width:auto;font:inherit;font-size:11px;color:#778bb6;cursor:pointer;text-align:center;white-space:nowrap}
#panel-home .hv-more:hover,#panel-home .hv-clear:hover{color:#a5b8e7;background:#7d92c60d!important}
#panel-home .hv-hot,#panel-home .hv-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important;align-items:stretch}
#panel-home .home-tool-card.module-card{appearance:none;box-sizing:border-box;position:relative;isolation:isolate;grid-column:auto!important;grid-row:auto!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start;gap:0!important;width:100%;min-width:0;max-width:none;min-height:190px!important;height:auto;padding:17px!important;margin:0!important;text-align:left;font:inherit;white-space:normal;color:var(--home-tool-title);background:var(--home-tool-surface)!important;border:1px solid var(--home-tool-line)!important;border-radius:13px!important;box-shadow:none!important;cursor:pointer;transform:none!important;filter:none!important;text-shadow:none!important;transition:background-color .16s,border-color .16s!important}
#panel-home .home-tool-card.module-card::before,#panel-home .home-tool-card.module-card::after{display:none!important}
#panel-home .home-tool-card.module-card:hover{background:#1d211f!important;border-color:#7d92c655!important;box-shadow:none!important;transform:none!important}
#panel-home .home-tool-card.module-card:active{background:#20231f!important;border-color:#7d92c688!important}
#panel-home .home-tool-card.module-card:focus-visible,#panel-home .hv-more:focus-visible,#panel-home .hv-clear:focus-visible{outline:2px solid #839bd4!important;outline-offset:3px}
#panel-home .home-tool-card .mc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;min-height:32px}
#panel-home .home-tool-card .mc-ico{display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;min-width:32px;flex:0 0 32px!important;border-radius:8px!important;background:#667fbc0a!important;border:1px solid #798dc01c!important;color:var(--home-tool-gold)!important;box-shadow:none!important}
#panel-home .home-tool-card .mc-ico svg{width:17px!important;height:17px!important}
#panel-home .home-tool-card .feat-badge{display:inline-flex;align-items:center;flex:0 0 auto;margin:0;padding:3px 5px!important;font-size:9px!important;line-height:1.1;font-weight:500;color:#7a91ca!important;background:#5b77b618!important;border:1px solid #5971b028!important;border-radius:20px;box-shadow:none!important}
#panel-home .home-tool-card .mc-body{display:block;margin-top:18px;min-width:0;flex:1}
#panel-home .home-card-title{display:block;margin:0;color:var(--home-tool-title);font-size:15px;line-height:1.5;font-weight:750;overflow-wrap:anywhere}
#panel-home .home-card-desc{display:block;margin-top:7px;color:var(--home-tool-copy);font-size:11px;line-height:1.75;overflow-wrap:anywhere}
#panel-home .home-tool-card .mc-foot{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;gap:6px;margin-top:16px!important;padding-top:12px!important;border-top:1px solid #ffffff11;min-width:0}
#panel-home .home-tool-card .mc-tags{display:flex;flex-wrap:wrap;gap:4px;min-width:0}
#panel-home .home-tool-card .mc-tag{font-size:9px!important;padding:3px 5px!important;line-height:1.4;color:#8c94b3!important;background:#ffffff03!important;border:0!important;border-radius:6px;white-space:nowrap}
#panel-home .home-tool-card .mc-enter{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;color:#778bb6!important;font-size:10px!important;font-weight:700;transform:none!important}
#panel-home .home-tool-card .mc-enter svg{width:12px;height:12px}
#panel-home .home-tool-card:hover .mc-enter{color:#97ade0!important}
#panel-home .home-dashboard-side{gap:13px}
#panel-home .home-dashboard-side .hv-side-head{min-height:45px;align-items:center;padding:0 1px}
#panel-home .home-dashboard-side .hv-side-head span{font-size:13px;font-weight:700;color:var(--home-tool-title)}
#panel-home .home-dashboard-side .hv-side-head small{color:#989f94;letter-spacing:1px;font-size:9px}
#panel-home .hv-stat-card,#panel-home .hv-recent-card,#panel-home .hv-side-tip{border:1px solid var(--home-tool-line)!important;background:var(--home-tool-surface)!important;border-radius:13px!important;box-shadow:none!important;padding:17px!important}
#panel-home .hv-stat-head{font-size:13px!important;color:var(--home-tool-title);font-weight:700;gap:8px}
#panel-home .hvs-t svg{color:var(--home-tool-gold)}
#panel-home .hv-st b{color:#8ca3dd!important;-webkit-text-fill-color:#8ca3dd;background:none!important;font-size:24px!important;font-weight:700}
#panel-home .hv-st small{color:var(--home-tool-copy);font-size:10px}
#panel-home .hv-side-tip b{color:var(--home-tool-title);font-size:12px;font-weight:700}
#panel-home .hv-side-tip small{color:var(--home-tool-copy);font-size:11px;line-height:1.75}
#panel-home .hst-ico{width:32px;height:32px;border-radius:8px;background:#667fbc0a;border:1px solid #798dc01c;color:var(--home-tool-gold)}
#panel-home .hv-recent-empty{color:var(--home-tool-copy);font-size:11px;line-height:1.7}
@media(min-width:1750px){#panel-home .home-dashboard{grid-template-columns:minmax(0,1fr) 300px;gap:26px}#panel-home .home-tool-card.module-card{min-height:205px!important;padding:22px!important}#panel-home .hv-hot,#panel-home .hv-cats{gap:17px!important}}
@media(max-width:1280px) and (min-width:1121px){#panel-home .home-dashboard{grid-template-columns:minmax(0,1fr) 235px;gap:16px}#panel-home .hv-hot,#panel-home .hv-cats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:1120px){#panel-home .home-dashboard{grid-template-columns:1fr;gap:28px}#panel-home .home-dashboard-side{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}#panel-home .home-dashboard-side .hv-side-head{grid-column:1/-1;min-height:24px}#panel-home .hv-side-tip{grid-column:auto!important}}
@media(max-width:820px){#panel-home .hv-hot,#panel-home .hv-cats{grid-template-columns:repeat(2,minmax(0,1fr))!important}#panel-home .home-dashboard-side{grid-template-columns:1fr 1fr}#panel-home .hv-side-tip{grid-column:1/-1!important}#panel-home .home-tool-card.module-card{padding:15px!important}}
@media(max-width:580px){#panel-home .hv-hot,#panel-home .hv-cats{grid-template-columns:1fr!important}#panel-home .home-dashboard-side{grid-template-columns:1fr}#panel-home .home-tool-card.module-card{min-height:175px!important}#panel-home .hv-sec-head h3{font-size:16px!important}#panel-home .hv-sec-head{gap:8px}#panel-home .home-dashboard-main{gap:24px}}
@media(prefers-reduced-motion:reduce){#panel-home .home-tool-card.module-card{transition:none!important}}

/* /web/shared/releases/20261012-reference-swap-v208/reference-human.css */
#panel-reference-human {--rf-gold:#7f9ddf;--rf-muted:#a3adc1;--rf-border:#343d4f;color:#eaedf3;}
#panel-reference-human [hidden]{display:none!important;}
#panel-reference-human .rf-wrap{max-width:1220px;margin:0 auto;padding:4px 8px 32px;}
#panel-reference-human .rf-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;}
#panel-reference-human h2{font-size:28px;line-height:1.35;margin:8px 0 10px;font-weight:700;letter-spacing:0;}
#panel-reference-human h3{font-size:18px;line-height:1.5;margin:0 0 12px;color:#e4e9f4;}
#panel-reference-human .rf-eyebrow{font-size:12px;letter-spacing:1px;color:var(--rf-gold);}
#panel-reference-human p{line-height:1.7;margin:8px 0 14px;}
#panel-reference-human .rf-header p{color:var(--rf-muted);font-size:14px;margin-bottom:0;}
#panel-reference-human .rf-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;}
#panel-reference-human .rf-steps button{display:grid;grid-template-columns:30px 1fr;gap:2px 10px;text-align:left;border:1px solid var(--rf-border);border-radius:10px;padding:14px;background:#191e25;color:#d3d8e2;cursor:pointer;filter:none;backdrop-filter:none;}
#panel-reference-human .rf-steps span{grid-row:span 2;align-self:center;display:grid;place-items:center;width:30px;height:30px;border:1px solid #4c5871;border-radius:50%;font-weight:700;}
#panel-reference-human .rf-steps b{font-size:14px;}
#panel-reference-human .rf-steps small{font-size:12px;color:var(--rf-muted);}
#panel-reference-human .rf-steps button.active{border-color:var(--rf-gold);background:#212732;}
#panel-reference-human .rf-steps button.active span{color:#0e1116;background:var(--rf-gold);border-color:var(--rf-gold);}
#panel-reference-human .rf-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:20px;align-items:start;}
#panel-reference-human .rf-box{background:#191e25;border:1px solid var(--rf-border);padding:24px;border-radius:12px;min-width:0;}
#panel-reference-human .rf-note{font-size:13px;color:var(--rf-muted);overflow-wrap:anywhere;}
#panel-reference-human .rf-label{font-size:14px;display:block;color:#d4dae5;margin:18px 0 8px;font-weight:600;}
#panel-reference-human .rf-input{width:100%;min-width:0;background:#171615;color:#ebeef4;border:1px solid #3f495e;border-radius:7px;padding:11px 12px;font-size:14px;line-height:1.6;box-sizing:border-box;box-shadow:none;filter:none;}
#panel-reference-human textarea{resize:vertical;}
#panel-reference-human .rf-input:focus{outline:2px solid var(--rf-gold);outline-offset:2px;}
#panel-reference-human .rf-input::file-selector-button{color:#d9e0ed;background:#282f3d;border:1px solid #47536a;border-radius:5px;padding:8px 10px;margin-right:10px;cursor:pointer;}
#panel-reference-human .rf-button{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;min-height:42px;box-sizing:border-box;padding:10px 16px;border:1px solid #4c5871;border-radius:7px;background:#222834;color:#e4e9f3;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer;filter:none!important;backdrop-filter:none!important;text-shadow:none;box-shadow:none;opacity:1;transform:none;white-space:normal;}
#panel-reference-human .rf-button:hover:not(:disabled){border-color:#a3b8e9;background:#2b3341;}
#panel-reference-human .rf-button:focus-visible{outline:2px solid #a3b8e9;outline-offset:3px;}
#panel-reference-human .rf-primary{color:#0f1520;background:var(--rf-gold);border-color:var(--rf-gold);}
#panel-reference-human .rf-primary:hover:not(:disabled){background:#99b2ec;color:#0f1520;}
#panel-reference-human button:disabled,#panel-reference-human .rf-input:disabled{cursor:not-allowed;color:#8794af;background:#1c202a;border-color:#343d4f;}
#panel-reference-human .rf-wide{width:100%;margin-top:16px;}
#panel-reference-human .rf-divider{display:flex;align-items:center;gap:12px;color:#8290ac;font-size:12px;margin:24px 0;}
#panel-reference-human .rf-divider:before,#panel-reference-human .rf-divider:after{content:'';height:1px;flex:1;background:#323a4b;}
#panel-reference-human .rf-view{min-height:240px;background:#11100f;border:1px solid #2b3341;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
#panel-reference-human .rf-view p{text-align:center;font-size:13px;color:#9da8be;max-width:260px;padding:20px;}
#panel-reference-human .rf-view img,#panel-reference-human .rf-view video{width:100%;height:auto;max-height:440px;object-fit:contain;display:block;}
#panel-reference-human .rf-result-image{min-height:320px;}
#panel-reference-human input[type=range]{width:100%;accent-color:var(--rf-gold);margin:12px 0;}
#panel-reference-human .rf-time-controls{display:flex;gap:8px;align-items:center;margin-bottom:16px;flex-wrap:wrap;}
#panel-reference-human .rf-time-controls input{max-width:110px;}
#panel-reference-human .rf-time-controls span{font-size:13px;color:var(--rf-muted);}
#panel-reference-human .rf-pictures{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
#panel-reference-human figure{margin:0;border:1px solid #323b4c;border-radius:8px;overflow:hidden;background:#101318;min-height:170px;}
#panel-reference-human figure img{display:block;width:100%;height:190px;object-fit:contain;}
#panel-reference-human figcaption{text-align:center;font-size:12px;padding:10px;color:var(--rf-muted);}
#panel-reference-human .rf-details{margin:18px 0;color:var(--rf-muted);font-size:13px;}
#panel-reference-human summary{cursor:pointer;margin-bottom:10px;}
#panel-reference-human .rf-check{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;margin:20px 0;color:#bdc5d3;}
#panel-reference-human .rf-check input{width:16px;height:16px;flex-shrink:0;margin-top:3px;accent-color:var(--rf-gold);}
#panel-reference-human .rf-actions,#panel-reference-human .rf-inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
#panel-reference-human .rf-inline select{flex:1;width:auto;}
#panel-reference-human .rf-policy{padding:16px;background:#20252f;border:1px solid #3a475f;border-radius:8px;margin:20px 0;}
#panel-reference-human .rf-policy h4{font-size:14px;margin:0 0 12px;color:var(--rf-gold);}
#panel-reference-human .rf-policy p{display:flex;flex-direction:column;gap:2px;font-size:13px;margin:12px 0;}
#panel-reference-human .rf-policy span{color:var(--rf-muted);}
#panel-reference-human .rf-message{padding:14px 18px;margin-bottom:18px;border:1px solid #455f87;background:#1b2534;color:#b5c9ee;border-radius:8px;font-size:14px;line-height:1.7;overflow-wrap:anywhere;}
#panel-reference-human .rf-progress{padding:0;list-style:none;margin:18px 0;counter-reset:step;}
#panel-reference-human .rf-progress li{padding:14px 12px;border-left:3px solid #414b61;background:#1e232d;color:#a3acc1;margin-bottom:10px;font-size:14px;}
#panel-reference-human .rf-progress li.done{border-color:#a6bc8b;color:#d4e4bf;}
#panel-reference-human .rf-progress li.active{border-color:var(--rf-gold);color:#aec3ef;background:#242b37;}
#panel-reference-human audio{display:block;width:100%;height:40px;margin:12px 0 16px;}
@media(max-width:1100px){#panel-reference-human .rf-grid{grid-template-columns:1fr;}#panel-reference-human .rf-box{padding:20px;}#panel-reference-human .rf-steps{gap:8px;}#panel-reference-human .rf-steps button{padding:12px 10px;}#panel-reference-human .rf-steps small{display:none;}}
@media(max-width:600px){#panel-reference-human .rf-header{align-items:flex-start;gap:12px;}#panel-reference-human h2{font-size:22px;}#panel-reference-human .rf-header>.rf-button{padding:8px;min-width:84px;}#panel-reference-human .rf-steps{grid-template-columns:repeat(2,1fr);}#panel-reference-human .rf-pictures{grid-template-columns:1fr;}#panel-reference-human .rf-box{padding:16px;}}

/* This guided tool owns its title and four-step flow; retain only the module-back navigation. */
#panel-reference-human > .page-studio-head{display:flex;justify-content:flex-end;min-height:0;padding:10px 8px;margin-bottom:12px;background:transparent;border:none;box-shadow:none;}
#panel-reference-human > .page-studio-head > :not(.ps-back){display:none;}

/* Own header must not inherit the generic studio grid or its artificial spacer. */
#panel-reference-human{flex:none!important;min-width:0;padding-top:var(--rf-banner-clearance,0px)!important;}
#panel-reference-human > .page-studio-head{display:flex!important;grid-template-columns:none!important;justify-content:flex-end!important;min-height:0!important;height:auto!important;padding:0 8px 8px!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
#panel-reference-human > .page-studio-head::before,#panel-reference-human > .page-studio-head::after{display:none!important;content:none!important;}
#panel-reference-human > .page-studio-head > :not(.ps-back){display:none!important;}
#panel-reference-human .rf-header h2{font-size:28px!important;line-height:1.35!important;margin:8px 0 10px!important;}
#panel-reference-human .rf-header h2::before,#panel-reference-human .rf-header h2::after{display:none!important;}
#panel-reference-human #rfSwapPrompt{resize:vertical;min-height:156px;line-height:1.7;}
@media(max-width:600px){#panel-reference-human .rf-header h2{font-size:22px!important;}}

/* Emotion reference is separate from voice identity and never required. */
#panel-reference-human .rf-emotion{margin:22px 0;padding:18px;border:1px solid #363f51;border-radius:10px;background:#1a1f27;min-width:0;}
#panel-reference-human .rf-emotion-heading{display:flex;align-items:center;gap:10px;}
#panel-reference-human .rf-emotion-heading h4{margin:0;color:#ced8ef;font-size:16px;line-height:1.5;}
#panel-reference-human .rf-emotion-optional{font-size:12px;color:var(--rf-gold);padding:2px 8px;border:1px solid #3a4762;border-radius:4px;}
#panel-reference-human .rf-emotion .rf-label{margin-top:14px;}
#panel-reference-human .rf-emotion input[type=file]{min-width:0;max-width:100%;}
#panel-reference-human .rf-emotion .rf-note{overflow-wrap:anywhere;}
#panel-reference-human #rfEmotionStatus{color:#b2c0e0;}
#panel-reference-human .rf-emotion [hidden]{display:none!important;}
@media(max-width:600px){#panel-reference-human .rf-emotion{padding:14px;}}

/* Optional frame remix and a deliberate, non-auto-submitting video picker. */
#panel-reference-human .rf-remix{margin-bottom:24px;padding:20px;border:1px solid var(--rf-border);border-radius:12px;background:#1a1f27;min-width:0;}
#panel-reference-human .rf-remix h3{margin:0 0 8px;font-size:18px;color:#ced8ef;}
#panel-reference-human .rf-remix-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;}
#panel-reference-human .rf-remix .rf-pictures{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin:18px 0;}
#panel-reference-human .rf-remix .rf-pictures figure{margin:0;min-width:0;}
#panel-reference-human .rf-remix .rf-pictures img{display:block;width:100%;height:230px;object-fit:contain;background:#181715;border-radius:8px;}
#panel-reference-human .rf-remix .rf-pictures figcaption{margin-top:8px;font-size:13px;color:var(--rf-muted);}
#panel-reference-human #rfRemixPrompt{resize:vertical;min-height:130px;line-height:1.7;}
#panel-reference-human .rf-video-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;padding:24px;border:1px solid #475672;border-radius:14px;background:#1a1e27;color:#eaedf3;box-shadow:0 16px 70px #0009;}
#panel-reference-human .rf-video-dialog:not([open]){display:none!important;}
#panel-reference-human .rf-video-dialog::backdrop{background:#000a;}
#panel-reference-human .rf-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;}
#panel-reference-human .rf-dialog-heading h3{margin:0;font-size:21px;line-height:1.4;}
#panel-reference-human .rf-dialog-heading button{flex-shrink:0;}
#panel-reference-human .rf-video-dialog audio{display:block;width:100%;margin:10px 0 16px;}
#panel-reference-human .rf-video-options{border:0;padding:0;margin:20px 0;min-width:0;}
#panel-reference-human .rf-video-options legend{font-size:13px;color:var(--rf-muted);margin-bottom:12px;}
#panel-reference-human .rf-video-option{display:flex;align-items:flex-start;gap:12px;margin:10px 0;padding:16px;border:1px solid #3f4a5f;border-radius:10px;background:#20252f;cursor:pointer;}
#panel-reference-human .rf-video-option input{width:18px;height:18px;flex-shrink:0;accent-color:var(--rf-gold);margin:3px 0;}
#panel-reference-human .rf-video-option span{min-width:0;}
#panel-reference-human .rf-video-option b{display:block;font-size:16px;line-height:1.5;}
#panel-reference-human .rf-video-option em{font-style:normal;font-size:12px;color:var(--rf-gold);margin-left:8px;}
#panel-reference-human .rf-video-option small{display:block;font-size:13px;color:var(--rf-muted);line-height:1.7;margin-top:6px;overflow-wrap:anywhere;}
#panel-reference-human .rf-option-selected{border-color:var(--rf-gold);background:#262c38;}
#panel-reference-human .rf-option-disabled{opacity:.6;cursor:not-allowed;}
#panel-reference-human .rf-video-dialog button:focus-visible,#panel-reference-human .rf-video-option:focus-within{outline:2px solid var(--rf-gold);outline-offset:3px;}
@media(max-width:850px){#panel-reference-human .rf-remix-grid{grid-template-columns:minmax(0,1fr);}#panel-reference-human .rf-remix .rf-pictures img{height:180px;}}
@media(max-width:500px){#panel-reference-human .rf-remix{padding:14px;}#panel-reference-human .rf-remix .rf-pictures{gap:10px;}#panel-reference-human .rf-remix .rf-pictures img{height:140px;}#panel-reference-human .rf-video-dialog{padding:16px;}#panel-reference-human .rf-dialog-heading{flex-wrap:wrap;}}

#panel-reference-human .rf-copy-box{margin-top:20px}#panel-reference-human .rf-copy-box textarea{resize:vertical;min-height:72px}#panel-reference-human .rf-copy-box .rf-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}#panel-reference-human #rfCopyStatus{white-space:pre-wrap;overflow-wrap:anywhere}

#panel-reference-human .rf-image-entry{padding:18px;border:1px solid var(--rf-border);border-radius:12px;margin:14px 0;background:#1a1f27}
#panel-reference-human [hidden]{display:none!important}

/* Reference workflow progress stays visible while users inspect their material. */
#panel-reference-human .rf-run-notice{position:sticky;top:8px;z-index:5;margin:0 0 16px;padding:14px 18px;border:1px solid #3f4f72;border-radius:10px;background:#1f242f;color:#a3baed;box-shadow:0 4px 16px #0004;line-height:1.6;}
#panel-reference-human .rf-run-notice.is-running:before{content:'';display:inline-block;width:12px;height:12px;border:2px solid #596d96;border-top-color:#a4bdf3;border-radius:50%;margin-right:10px;vertical-align:-2px;animation:rf-spin 1s linear infinite;}
#panel-reference-human .rf-ratio-row{margin:14px 0 18px;padding:0 0 12px;border-bottom:1px solid var(--rf-border);}
#panel-reference-human #rfImageNext{width:100%;margin:4px 0 12px;min-height:46px;}
@keyframes rf-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#panel-reference-human .rf-run-notice.is-running:before{animation:none;}}

/* /web/shared/releases/20261012-integrated-v208/desktop-directory.css */
/* Desktop review layout. Keeps all form controls, media and task handlers intact. */
/* Keep new form content visible while legacy page transitions restart on scroll. */
.panel.active > .platform-cover-card{animation:none!important;opacity:1!important;visibility:visible!important;transform:none!important}
:root{--directory-gold:#7f96d1;--directory-muted:#9d9fbd;--directory-line:rgba(127,150,209,.14)}
nav.tabs.sidebar .p-nav-mods{gap:3px!important}
nav.tabs.sidebar .p-nav-mod{min-height:59px!important;padding:10px 14px!important;gap:12px!important;border-radius:10px!important}
nav.tabs.sidebar .p-nav-mod .pn-copy b{font-size:15px!important;line-height:1.4!important}
nav.tabs.sidebar .p-nav-mod .pn-copy small{font-size:11px!important;line-height:1.5!important;margin-top:2px!important;color:#9295b6!important}
nav.tabs.sidebar .p-nav-mod .pn-count{display:inline!important;font-size:11px!important;color:#9295b6!important;margin-left:auto!important}
nav.tabs.sidebar .p-nav-mod .pn-chevron{margin-left:0!important}
nav.tabs.sidebar .p-nav-mod .tb-ico{width:21px!important;height:21px!important;flex:0 0 21px!important}
nav.tabs.sidebar .sb-scroll{overscroll-behavior:contain;scrollbar-width:thin}
nav.tabs.sidebar .sb-section-title{margin:12px 12px 8px!important}
nav.tabs.sidebar .p-nav-extra{padding-top:5px!important;padding-bottom:5px!important}
nav.tabs.sidebar .p-nav-mini{padding-top:8px!important;padding-bottom:8px!important;min-height:33px!important}
nav.tabs.sidebar .p-nav-foot{padding-top:10px!important;padding-bottom:10px!important}







#panel-home .home-launcher{margin:24px 0!important}
#panel-home .home-dashboard{grid-template-columns:1fr!important}
#panel-home .home-dashboard-main:empty{display:none}
#panel-home .home-dashboard-side{display:none!important}
.directory-home{padding:0!important;margin:0!important;scroll-margin-top:90px}
.directory-home .hv-sec-head{align-items:center!important;margin-bottom:18px!important}
.directory-home .hv-sec-head h3{font-size:26px!important;line-height:1.4!important;margin:4px 0!important}
.directory-home .hv-sec-head p{font-size:13px!important;color:var(--directory-muted)!important;line-height:1.7!important}
.directory-kicker{font-size:12px;color:var(--directory-gold);letter-spacing:2px}
.directory-build{border:1px solid var(--directory-line);padding:6px 10px;border-radius:6px;color:var(--directory-muted);font-size:11px;white-space:nowrap}
#panel-home .directory-home .hv-cats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
#panel-home .directory-home .directory-category{all:unset;box-sizing:border-box;display:flex;flex-direction:column;min-width:0;min-height:163px;cursor:pointer;background:#161916;border:1px solid var(--directory-line);border-radius:12px;padding:18px 20px;color:#e5e6ed;transition:border-color .18s,background .18s}
#panel-home .directory-home .directory-category:hover{background:#1e221c;border-color:#505f87}
.directory-category-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.directory-category-top svg{width:23px;height:23px;color:var(--directory-gold)}
.directory-category-top small{font-size:11px;letter-spacing:1px;color:#777d70}
.directory-category>strong{font-size:18px;line-height:1.4;font-weight:650}
.directory-category>span:not(.directory-category-top){font-size:12px;color:var(--directory-muted);margin-top:6px;line-height:1.5}
.directory-category>div{display:flex;justify-content:space-between;margin-top:auto;padding-top:15px;align-items:center;color:#798ab7}
.directory-category>div small{font-size:11px}
.directory-category>div svg{width:15px;height:15px}
.directory-default-line{margin:15px 0 0!important;font-size:12px!important;line-height:1.8;color:var(--directory-muted)!important}
#panel-module .directory-module{max-width:1440px;padding:0!important;margin:0 auto!important}
.directory-module .ms-breadcrumb{font-size:12px!important;margin-bottom:17px!important}
.directory-module .ms-breadcrumb button{border:0;background:none;color:var(--directory-muted);padding:0;cursor:pointer;font:inherit}
.directory-module-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.directory-module-head h2{font-size:32px!important;line-height:1.4!important;margin:0 0 7px!important;color:#e4e7ef!important}
.directory-module-head p{margin:0;color:var(--directory-muted);font-size:14px;line-height:1.8}
.directory-module-head>span{font-size:12px;color:#8e99b6;white-space:nowrap;border:1px solid var(--directory-line);padding:7px 11px;border-radius:6px}
.directory-module-note{padding:12px 16px;border-left:3px solid #7082b2;background:rgba(131,148,197,.055);color:#a5aec5;font-size:12px;line-height:1.8;border-radius:0 6px 6px 0;margin-bottom:26px}
.directory-tool-section{margin-bottom:25px}
.directory-tool-section>h3{font-size:15px;line-height:1.5;color:#cdd0dd;font-weight:600;margin:0 0 12px;display:flex;align-items:center;gap:12px}
.directory-tool-section>h3:after{content:'';height:1px;background:var(--directory-line);flex:1}
#panel-module .directory-module .directory-tools-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
#panel-module .directory-module .directory-tool{appearance:none;display:flex!important;flex-direction:column!important;position:relative!important;min-height:188px!important;height:auto!important;grid-column:auto!important;grid-row:auto!important;transform:none!important;padding:18px!important;background:#171a17!important;border:1px solid rgba(192,201,226,.11)!important;border-radius:11px!important;color:#dddfe9;text-align:left!important;cursor:pointer;overflow:visible!important;font-family:inherit}
#panel-module .directory-module .directory-tool:hover{background:#20231d!important;border-color:#596b99!important;box-shadow:none!important}
.directory-tool:before,.directory-tool:after{display:none!important}
.directory-tool-heading{display:flex;align-items:center;gap:11px;width:100%}
.directory-tool-heading>.mc-ico{width:35px!important;height:35px!important;border-radius:8px!important;flex:0 0 35px!important;color:var(--directory-gold)!important}
.directory-tool-heading>.mc-ico svg{width:20px!important;height:20px!important}
.directory-tool-heading strong{font-size:16px;line-height:1.5;display:block}
.directory-tool-heading small{font-size:10px;color:#7e91c6;display:block;margin-top:1px}
.directory-tool-arrow{margin-left:auto;color:#7984a5;font-size:17px}
.directory-tool-desc{display:block;font-size:12px;line-height:1.8;color:#9e9ebf;margin:12px 0 14px;flex:1}
.directory-tool-advice{font-size:12px;line-height:1.8;color:#8ea1d4;display:block}
.directory-tool-limit{display:block;font-size:11px;line-height:1.6;color:#9b9f93;margin-top:3px}
.directory-runtime-note{font-size:12px;line-height:1.8;color:#93988c;border-top:1px solid var(--directory-line);padding-top:16px;margin:15px 0 25px}
.duration-guide{clear:both;border:1px solid rgba(135,155,208,.23);border-left:3px solid #6d83bd;border-radius:8px;padding:16px 18px;background:#1b1e18;margin:18px 0 22px;color:#d1d2e1;font-weight:400;font-size:13px}
.duration-guide-title{display:flex;align-items:baseline;gap:9px 20px;flex-wrap:wrap}
.duration-guide-title strong{font-size:17px;color:#b5c4eb;line-height:1.5}
.duration-guide-title>span{font-size:12px;color:#b3b7cc;line-height:1.7}
.duration-guide-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.duration-guide-chips span{border:1px solid #373a53;border-radius:5px;padding:3px 8px;color:#b5b9ce;font-size:11px;line-height:1.7}
.duration-guide .duration-guide-detail{font-size:13px!important;line-height:1.8!important;color:#a9aac5!important;margin:10px 0 0!important;max-width:100%!important}
.duration-current-warning:not([hidden]){display:block;color:#a1baec!important;border-top:1px solid #343f58;font-size:12px!important;line-height:1.8!important;margin:12px 0 0!important;padding-top:10px}
.duration-current-warning[hidden]{display:none!important}
.duration-guide-source{margin-top:9px;color:#929d8a;font-size:11px;line-height:1.7}
.duration-guide-source>summary{cursor:pointer;width:fit-content;padding:2px 0}
.duration-guide-source>p{font-size:11px!important;line-height:1.8!important;color:#a1aa96!important;margin:6px 0 0!important}
.directory-category:focus-visible,.directory-tool:focus-visible,.duration-guide-source>summary:focus-visible{outline:2px solid #86a0e2!important;outline-offset:3px!important}
@media(max-width:1200px){#panel-module .directory-module .directory-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#panel-home .directory-home .hv-cats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-height:850px) and (min-width:861px){nav.tabs.sidebar .p-nav-mod{min-height:50px!important;padding:7px 12px!important}nav.tabs.sidebar .p-nav-mod .pn-copy small{font-size:10px!important}nav.tabs.sidebar .p-nav-home{min-height:36px!important;margin-bottom:0!important}.studio-shortcuts.studio-favorites{margin-top:8px!important}}
@media(max-width:680px){#panel-module .directory-module .directory-tools-grid{grid-template-columns:minmax(0,1fr)!important}.directory-module-head h2{font-size:26px!important}.directory-module-head{gap:8px}.directory-home .hv-sec-head{align-items:flex-start!important}.directory-build{display:none}.directory-home .hv-sec-head h3{font-size:23px!important}#panel-home .directory-home .directory-category{padding:15px;min-height:156px}.directory-category>strong{font-size:16px}.duration-guide{padding:13px}.duration-guide-title strong{font-size:15px}.directory-tool-section{margin-bottom:20px}}
.directory-cover-spotlight{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border:1px solid #394668;background:linear-gradient(115deg,#1d1f2b,#181d18);border-radius:12px;margin:0 0 18px}.directory-cover-spotlight strong{display:block;font-size:20px;color:#bfcbee;margin:7px 0}.directory-cover-spotlight p{font-size:12px;color:#a4a7c2;margin:0;line-height:1.8}.directory-cover-actions{display:flex;flex-direction:column;gap:8px;flex:0 0 auto}.directory-cover-actions .hv-chip{padding:11px 14px!important;border:1px solid #576999!important;border-radius:7px!important;background:#8fa1d1!important;color:#1a1b27!important;font-size:13px!important;cursor:pointer}.directory-cover-actions .hv-chip:last-child{background:transparent!important;color:#a4b4dc!important}.platform-cover-heading>span{color:#758abe;font-size:12px}.platform-cover-heading h2{font-size:27px!important;margin:10px 0!important}.platform-cover-heading p{color:#b0b5a6;line-height:1.8;margin-bottom:22px}.platform-cover-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:30px}.platform-cover-input{min-width:0}.platform-cover-input>.field-label{margin-top:18px}.platform-cover-image:not([hidden]){display:flex;gap:12px;align-items:center;padding:10px;border:1px solid #45493e;border-radius:8px;margin-top:10px}.platform-cover-image img{width:88px;height:96px;object-fit:contain;border-radius:5px}.platform-cover-image>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}.platform-cover-image span{word-break:break-all;font-size:12px}.platform-cover-output{background:#151a15;border:1px solid #343d31;padding:18px;border-radius:10px;align-self:start}.platform-cover-output-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.platform-cover-output-head span{font-size:11px;color:#a8b09d}.platform-cover-output .result-box{min-height:280px!important;border-radius:8px!important;background:#0e130f!important}.platform-cover-guide{padding-top:20px;font-size:12px;color:#aeb7a3;line-height:1.9}.platform-cover-guide strong{color:#98a5cd;font-size:13px}.platform-cover-guide ol{padding-left:19px;margin:10px 0 0}.platform-cover-status{font-size:12px;line-height:1.8;color:#9e9ec2;margin-top:15px}.platform-cover-status.is-error{color:#96c2f8}.platform-cover-input .field-row{flex-wrap:wrap}.platform-cover-input .field-grow{min-width:130px}.platform-cover-image[hidden]{display:none!important}@media(max-width:900px){.platform-cover-grid{grid-template-columns:1fr}.directory-cover-spotlight{align-items:flex-start;flex-direction:column}.directory-cover-actions{flex-direction:row;flex-wrap:wrap}.directory-cover-spotlight strong{font-size:18px}}.quota-group-title[hidden]{display:none!important}
#panel-home .directory-home .directory-category{text-align:left!important;align-items:stretch!important;justify-content:flex-start!important;grid-column:auto!important;grid-row:auto!important;gap:0!important}#panel-home .directory-home .directory-category .directory-category-top{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin:0 0 14px!important;gap:0!important}#panel-home .directory-home .directory-category>strong{display:block!important;font-size:18px!important;text-align:left!important;margin:0!important}#panel-home .directory-home .directory-category>span:not(.directory-category-top){display:block!important;margin-top:6px!important;font-size:12px!important;text-align:left!important}#panel-home .directory-home .directory-category>div{display:flex!important;justify-content:space-between!important;width:100%!important;margin-top:auto!important;padding-top:14px!important}#panel-home .directory-cover-actions button.hv-chip{font-size:13px!important;padding:12px 15px!important;min-height:42px!important;background:#8fa1d1!important;color:#1a1b27!important}#panel-home .directory-cover-actions button.hv-chip:last-child{background:transparent!important;color:#a4b4dc!important}#panel-module .directory-module .directory-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;max-width:none!important}#panel-module.active .directory-module .directory-tool{animation:none!important;opacity:1!important;visibility:visible!important;grid-column:auto!important;grid-row:auto!important;width:auto!important;max-width:none!important}#panel-module .directory-module-head h2{font-size:32px!important;font-weight:650!important;letter-spacing:0!important;color:#e4e7ef!important}@media(max-width:1200px){#panel-module .directory-module .directory-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:680px){#panel-module .directory-module .directory-tools-grid{grid-template-columns:1fr!important}}

/* /web/shared/releases/20261012-integrated-v208/batch-studio.css */
/* Shared black/gold batch workspace, layered over legacy function styles. */
body#focused-ui-preview .panel :is(.batch-zone,#qhBatch,.cover-batch){background:#141613!important;border:1px solid #292b3d!important;border-radius:14px!important;padding:20px!important;margin:24px 0!important;box-shadow:none!important;min-width:0}
body#focused-ui-preview .panel :is(.batch-config,.batch-params,.qh-batch-guide,.op-batch-step){background:#1b1d18!important;border:1px solid #2b2b40!important;border-radius:9px!important;padding:14px!important;color:#b2b5cc!important}
body#focused-ui-preview .panel :is(.fu-task-card,.qh-batch-row,.qh-batch-draft,.op-batch-row,.cover-batch-row,.edit-batch-task){background:#1b1d19!important;border:1px solid #2c2e43!important;border-radius:11px!important;padding:16px!important;color:#dddfe8!important;box-shadow:none!important;min-width:0!important;gap:10px!important}
body#focused-ui-preview .panel :is(.fu-task-card,.qh-batch-row,.cover-batch-row):focus-within{border-color:#6f83b4!important;box-shadow:0 0 0 2px #6f83b412!important}
body#focused-ui-preview .panel :is(.batch-toggle-label,.fu-task-title,.fu-list-heading){color:#ccd2e3!important}
body#focused-ui-preview .panel .batch-toggle-label{background:transparent!important;border:0!important;box-shadow:none!important;padding:0 0 12px!important;gap:10px!important;font-size:14px!important}
body#focused-ui-preview .panel :is(.batch-zone,#qhBatch,.cover-batch) input[type=checkbox]{accent-color:#7a91cb!important}
body#focused-ui-preview .panel :is(.fu-list-heading,.cover-batch-toolbar){margin:16px 0 12px!important;gap:10px!important}
body#focused-ui-preview .panel :is(.fu-task-count,.fu-card-note,.qh-note,.cover-batch-note){color:#8686ae!important;font-size:12px!important;line-height:1.7!important}
body#focused-ui-preview .panel :is(.fu-density,.slot-run,.slot-retry,.cover-batch button:not(.primary),.qh-batch-actions .btn){border:1px solid #3e455c!important;background:#24271f!important;color:#9dafdd!important;border-radius:7px!important;box-shadow:none!important;font-size:12px!important;padding:8px 12px!important;min-height:34px!important;transform:none!important}
body#focused-ui-preview .panel .batch-slot-head{border-color:#363b2e!important;padding-bottom:10px!important;gap:9px!important}
body#focused-ui-preview .panel :is(.batch-slot-index,.slot-num,.op-step-num,.cover-row-number){position:static!important;display:inline-grid!important;place-items:center!important;flex:0 0 28px!important;width:28px!important;height:28px!important;border:1px solid #3e4762!important;border-radius:6px!important;background:#222735!important;color:#98ade4!important;font-size:12px!important;box-shadow:none!important}
body#focused-ui-preview .panel .fu-task-grid{gap:14px!important;align-items:start!important}
body#focused-ui-preview .panel .fu-task-card :is(.field-label,.slot-label,label){color:#b4b8cd!important;margin-top:2px!important}
body#focused-ui-preview .panel .fu-task-card .slot-file-pick{min-height:74px!important;padding:10px!important;background:#13160f!important;border:1px dashed #404261!important;border-radius:8px!important;gap:4px!important;margin-top:4px!important}
body#focused-ui-preview .panel .fu-task-card .sfp-icon{font-size:17px!important;height:20px!important;color:#6f7da5!important}
body#focused-ui-preview .panel .fu-task-card .sfp-name{color:#9698b9!important}
body#focused-ui-preview .panel .fu-task-card .slot-check-wrap{background:#1c1c29!important;border-color:#33354c!important;min-height:34px!important;padding:8px 10px!important}
body#focused-ui-preview .panel .slot-check-box{background:#252b3e!important;border-color:#6b82bf!important;box-shadow:none!important}
body#focused-ui-preview .panel :is(.fu-task-card,.cover-batch,.qh-batch-draft,.qh-batch-row) :is(textarea,input:not([type=file]):not([type=checkbox]):not([type=radio]),select){background:#11150f!important;border:1px solid #363752!important;border-radius:7px!important;color:#dcdde8!important;font-size:13px!important;line-height:1.65!important;padding:9px 11px!important;box-sizing:border-box!important;max-width:100%!important;min-width:0!important;box-shadow:none!important}
body#focused-ui-preview .panel :is(.fu-task-card,.cover-batch,.qh-batch-draft) textarea{min-height:96px!important;resize:vertical!important}
body#focused-ui-preview .panel .fu-task-card :is(input,textarea)::placeholder{color:#818a75!important}
body#focused-ui-preview .panel .slot-ref-tile{background:#14170f!important;border-color:#3d3e5c!important;border-radius:7px!important}
body#focused-ui-preview .panel .slot-status{border:1px solid #3f4834!important;background:#252c1e!important;color:#c4ceb3!important;box-shadow:none!important;padding:8px 10px!important;min-height:30px!important}
body#focused-ui-preview .panel .slot-status.failed{background:#36251e!important;border-color:#694637!important;color:#e5b399!important}
body#focused-ui-preview .panel .slot-status.running{background:#1d212f!important;border-color:#3a4567!important;color:#93a8de!important}
body#focused-ui-preview .panel .slot-status.success{background:#202d1e!important;color:#b8d3a2!important}
body#focused-ui-preview .panel .fu-file-preview{background:#12170f!important;border-color:#3d4832!important}
body#focused-ui-preview .panel .fu-file-preview :is(img,video){height:120px!important;background:#0e130b!important}
body#focused-ui-preview .panel :is(.fu-local-note,.fu-file-meta){color:#a6af98!important}
body#focused-ui-preview .panel :is(.fu-zoom,.fu-hide){background:#272d20!important;border-color:#525d41!important;color:#c3c5d7!important}
.cover-batch-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.cover-batch-head h3{margin:0!important;font-size:19px!important;color:#c1cbe9!important}.cover-batch-note{margin:7px 0!important}
.cover-batch-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cover-batch-toolbar .primary{width:auto!important;min-width:140px;font-size:13px!important;padding:10px 16px!important;margin:0!important}.cover-batch-summary{margin-left:auto;color:#a6a6c3;font-size:12px}
.cover-batch-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cover-batch-row{display:flex;flex-direction:column;gap:10px}.cover-row-head{display:flex;align-items:center;gap:8px}.cover-row-head strong{font-size:14px;flex:1}.cover-row-upload{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:center;border:1px dashed #525d41;padding:10px;border-radius:8px;cursor:pointer;background:#12160e}.cover-row-upload img{width:76px;height:68px;object-fit:contain;border-radius:5px;background:#22251d}.cover-row-upload img:not([src]){visibility:hidden}.cover-row-upload span{font-size:12px;word-break:break-word;color:#abacc7}.cover-batch-row textarea{width:100%;margin:0!important}.cover-row-actions{display:flex;gap:7px;flex-wrap:wrap}.cover-batch-row .slot-result:empty{display:none}.cover-batch-row .slot-result img{max-width:100%;max-height:230px;object-fit:contain}.cover-batch [hidden]{display:none!important}
.billing-mode-note{padding:10px 14px;border:1px solid #34394d;border-radius:8px;background:#161821;color:#9ba6c7;font-size:12px;line-height:1.7;margin:12px 0}.billing-mode-note.is-blocked{color:#9cb7dd;border-color:#3e4f6f}.billing-mode-note button{border:0;border-bottom:1px solid currentColor;background:none;color:#96abe0;cursor:pointer;margin-left:12px;font:inherit;padding:0}
.along-recharge-mark img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
.billing-mode-choice{display:none;margin-top:8px;align-items:center;gap:8px;color:#96abe0}.billing-mode-choice select{font:inherit;color:#96abe0;background:#24271f;border:1px solid #3e4762;border-radius:6px;padding:6px 9px;max-width:100%}.billing-mode-note.is-blocked .billing-mode-choice{display:flex}
@media(max-width:680px){.billing-mode-choice{display:flex;flex-wrap:wrap}}
body #accountSwitcher .as-opt.selected{border-color:#6275a5!important;background:#202431!important;box-shadow:none!important}body #accountSwitcher .as-check{color:#a0b3e1!important;background:#3c4763!important;box-shadow:none!important}body #accountSwitcher .as-name{font-size:14px!important}body #accountSwitcher .as-menu{max-width:calc(100vw - 24px);width:320px}
@media(max-width:1150px){.cover-batch-rows{grid-template-columns:minmax(0,1fr)}body#focused-ui-preview .panel :is(.fu-task-grid,.fu-task-grid.fu-compact){grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:680px){body#focused-ui-preview .panel :is(.batch-zone,#qhBatch,.cover-batch){padding:13px!important}.cover-batch-summary{margin-left:0;flex-basis:100%}.cover-batch-head{gap:8px}.cover-row-upload{grid-template-columns:56px minmax(0,1fr)}.cover-row-upload img{width:56px;height:56px}}

/* /web/shared/releases/20261012-integrated-v208/web-state.css */
/* Keep web-only availability independent of legacy !important display rules. */
[data-web-unavailable], .web-desktop-only-banner, .zlw-desktop-modal, #chatcutFab {display:none !important;}
.ws-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:14px 0 22px;padding:14px 18px;border:1px solid rgba(116,140,199,.25);border-radius:14px;background:linear-gradient(115deg,rgba(99,127,197,.075),rgba(255,255,255,.018));color:#b3b9cd;font-family:inherit;font-size:12px;line-height:1.65;box-sizing:border-box;max-width:100%;}
.ws-info{min-width:0;flex:1;}.ws-status{display:block;color:#a4acc2;font-size:12px;line-height:1.65;overflow-wrap:anywhere;}
.ws-status:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#7389be;margin-right:8px;vertical-align:2px;}
.ws-bar[data-status=warning] .ws-status{color:#90b0e1;}.ws-bar[data-status=warning] .ws-status:before{background:#6b9ad8;}
.ws-notice{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8;margin:7px 0 0;color:#d1d6e4;max-height:160px;overflow:auto;}
.ws-actions{display:flex;gap:10px;align-items:center;flex-shrink:0;}.ws-refresh,.ws-login{font:inherit;font-size:12px;line-height:20px;border:1px solid rgba(114,143,213,.28);background:rgba(110,139,211,.08);color:#94a8d8;padding:5px 12px;border-radius:8px;cursor:pointer;text-decoration:none;}
.ws-refresh:hover,.ws-login:hover{background:rgba(110,139,211,.16);}.ws-refresh:disabled{cursor:wait;opacity:.55;}.ws-bar [hidden],.ws-access-note[hidden]{display:none !important;}
.ws-access-note{margin:10px 0 18px;padding:12px 15px;border:1px solid rgba(115,153,214,.24);border-radius:10px;font-size:13px;line-height:1.8;color:#93b1e1;background:rgba(73,116,192,.06);}
.ws-refresh:focus-visible,.ws-login:focus-visible{outline:2px solid #8297c7;outline-offset:3px;}
@media(max-width:700px){.ws-bar{flex-direction:column;gap:10px;padding:12px;margin:8px 0 16px;}.ws-actions{align-self:flex-end;}.ws-notice{max-height:120px;}}

/* /web/shared/releases/20261012-integrated-v208/browser-web.css */
/* Desktop black/gold visual language, browser-only affordances. */
.bw-gate{position:fixed;inset:0;z-index:2147483640;display:grid;place-items:center;background:radial-gradient(ellipse at 60% 0,rgba(112,141,205,.12),transparent 60%),#090a0c;color:#dbdfe8;font-family:Inter,"Microsoft YaHei",sans-serif;padding:24px}.bw-gate-card{width:min(520px,100%);border:1px solid #576d9a32;border-radius:24px;background:#111214;box-shadow:0 26px 90px #0008;padding:42px}.bw-brand{letter-spacing:3px;color:#8da2cf;font-size:15px;margin-bottom:32px}.bw-gate h1{font-size:25px;line-height:1.5}.bw-gate p,.bw-note{color:#97a1ba;font-size:13px;line-height:1.8}.bw-login{display:grid;gap:14px;width:100%;margin-top:22px}.bw-login input{background:#191a1c;border:1px solid #7774;border-radius:10px;padding:14px;color:#eee}.bw-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:22px}.bw-button{border:1px solid #7d94c770;border-radius:10px;padding:11px 18px;background:linear-gradient(135deg,#9dafda,#667fb4);color:#0e1116;cursor:pointer;font-weight:600}.bw-button:disabled{opacity:.5;cursor:wait}.bw-gate a{color:#99a9ce;text-decoration:none}.bw-capability{max-width:950px;margin:32px auto;padding:42px;border-radius:22px;background:linear-gradient(140deg,#171a23,#141516 65%);border:1px solid #657cb12e;color:#d1d6e4}.bw-capability small{color:#7e92c0;letter-spacing:2px}.bw-capability h2{font-size:28px;margin:20px 0}.bw-capability p{max-width:730px;color:#9da6bd;line-height:1.9}.bw-note{border:1px solid #6880b930;background:#6880b908;border-radius:10px;padding:10px 14px;margin:10px 0}.bw-media-upload{display:flex;gap:12px;align-items:center;padding:12px 0;font-size:13px;color:#8b9dc8}.bw-media-upload input{max-width:230px;font-size:12px}[data-browser-local-only]{display:none!important}.bw-loading main{visibility:hidden}video{object-fit:contain}.ve-case video,.vs-case video{object-fit:contain!important}.bw-gate input:focus-visible,.bw-button:focus-visible{outline:2px solid #9dafda;outline-offset:3px}@media(max-width:760px){.bw-gate-card,.bw-capability{padding:24px}.bw-capability{margin:16px}.bw-media-upload{align-items:flex-start;flex-direction:column}}

/* Web-only navigation drawer: keep the installed desktop layout above 760px. */
.bw-nav-toggle,.bw-nav-shade{display:none}
@media(max-width:760px){
 html,body{height:100dvh!important;overflow:hidden!important}
 body header.topbar{position:fixed!important;inset:0 0 auto!important;height:66px!important;min-height:66px!important;box-sizing:border-box;z-index:100!important;padding:0 12px!important;gap:10px!important;flex-wrap:nowrap!important}
 body header.topbar .brand{gap:8px!important;min-width:0!important}body header.topbar .brand h1{font-size:16px!important;white-space:nowrap!important}body header.topbar .brand .logo{height:28px!important;width:28px!important;flex-shrink:0}
 body header.topbar .brand-slogan,body header.topbar #hvBell,body header.topbar #topbarBalance,body header.topbar .acct-group{display:none!important}
 body header.topbar .zlw-actions{margin-left:auto!important;flex-shrink:0}body header.topbar .zlw-menu{max-width:calc(100vw - 24px);right:0!important}
 body .bw-nav-toggle{display:inline-flex!important;justify-content:center;align-items:center;flex-shrink:0;width:34px;height:36px;padding:0;border:1px solid #6d85be40;border-radius:9px;background:#6d85be0d;color:#98abd8;font-size:22px;cursor:pointer}
 body main{position:fixed!important;top:66px!important;left:0!important;right:0!important;bottom:0!important;margin:0!important;width:100%!important;min-width:0!important;min-height:0!important;height:calc(100dvh - 66px)!important;max-height:calc(100dvh - 66px)!important;box-sizing:border-box!important;overflow-y:auto!important;overflow-x:hidden!important;padding:16px 16px 70px!important;overscroll-behavior:contain}
 body nav.tabs.sidebar{display:flex!important;position:fixed!important;top:66px!important;left:0!important;bottom:0!important;width:min(292px,84vw)!important;min-width:0!important;min-height:0!important;height:calc(100dvh - 66px)!important;max-height:calc(100dvh - 66px)!important;box-sizing:border-box!important;margin:0!important;z-index:95!important;transform:translateX(-104%)!important;visibility:hidden;pointer-events:none;transition:transform .2s ease,visibility .2s;background:#121415!important;box-shadow:10px 0 40px #0008!important}
 body.bw-nav-open nav.tabs.sidebar{transform:translateX(0)!important;visibility:visible;pointer-events:auto}
 body.bw-nav-open .bw-nav-shade{display:block;position:fixed;inset:66px 0 0;z-index:90;border:0;border-radius:0;background:#000a;backdrop-filter:blur(2px)}
 body .ai-chat-suggestions{flex-wrap:wrap!important;max-width:100%}
 body #panel-ai-chat [data-ai-prompt]{max-width:100%;white-space:normal;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){body nav.tabs.sidebar{transition:none!important}}

/* /web/shared/releases/20261012-integrated-v208/web-task-state.css */
.rb-review{font-size:12px;white-space:nowrap;padding:0 5px}.task-review-badge{color:#819ce0!important;background:#5872b722!important}.task-state-note{font-size:12px;line-height:1.65;color:#8797c4;margin:6px 0;white-space:normal;overflow-wrap:anywhere}#runningPop{max-width:calc(100vw - 24px);max-height:70vh;overflow:auto}#runningPop .rpi-info{min-width:0}#runningPop .task-open-records{flex-shrink:0}

/* /web/shared/releases/20261012-integrated-v208/web-desktop-parity.css */
/* Shared formal/trial browser adaptation. Desktop files are unchanged. */
@media(max-width:760px){
 body[data-theme="gold"] header.topbar.has-studio-toolbar{height:auto!important;min-height:66px!important;flex-wrap:wrap!important;padding:10px 12px!important;gap:8px!important}
 body header.topbar.has-studio-toolbar .studio-nav-toolbar{order:10;flex:1 0 100%;width:100%;min-width:0;max-width:none;margin:0}
 body header.topbar.has-studio-toolbar .zlw-actions{margin-left:auto!important;order:2}
 body[data-theme="gold"] main{top:var(--studio-topbar-height,112px)!important;height:calc(100dvh - var(--studio-topbar-height,112px))!important;max-height:calc(100dvh - var(--studio-topbar-height,112px))!important}
 body[data-theme="gold"] nav.tabs.sidebar{top:var(--studio-topbar-height,112px)!important;bottom:0!important;height:calc(100dvh - var(--studio-topbar-height,112px))!important;min-height:0!important;max-height:calc(100dvh - var(--studio-topbar-height,112px))!important}
 body.bw-nav-open .bw-nav-shade{top:var(--studio-topbar-height,112px)!important}
 body header.topbar.has-studio-toolbar .brand .logo{width:28px!important;height:28px!important}
}

/* Keep account/usage controls, but avoid two large banners above the home hero. */
body main #webContextStrip{display:flex;flex-wrap:wrap;align-items:center;gap:0 16px;margin:0 0 18px;padding:8px 14px;min-height:44px;border:1px solid rgba(129,156,225,.16);border-radius:12px;background:rgba(129,156,225,.035);box-sizing:border-box;flex-shrink:0}
body main #webContextStrip #trialBar{flex:1 1 auto;margin:0!important;padding:2px 0!important;background:transparent!important;border:0!important;border-radius:0!important;min-height:32px!important;gap:6px 9px!important}
body main #webContextStrip #webSyncBar{order:2;flex:0 1 auto;margin:0!important;padding:4px 0!important;border:0!important;background:transparent!important;min-height:32px;gap:12px;box-shadow:none!important;border-radius:0}
body main #webContextStrip #webSyncBar .ws-status{font-size:11px;color:#8793af;line-height:1.6}
body main #webContextStrip #webSyncBar[data-status="warning"] .ws-status{color:#84aaea}
body main #webContextStrip .ws-refresh,body main #webContextStrip .ws-login{min-height:30px;padding:4px 10px;font-size:11px}
body main #webContextStrip #trialDetail{order:3;flex:1 0 100%;margin:8px 0 0!important;padding:10px!important;max-height:45vh;overflow-y:auto}
body main #webContextStrip #trialDetail:not(.open){display:none!important}
body main #webContextStrip .ws-notice{margin:4px 0 0;max-width:60ch}
body main #webContextStrip:empty{display:none}
@media(max-width:1200px){body main #webContextStrip #webSyncBar{flex:1 1 100%}body main #webContextStrip #webSyncBar .ws-info{flex:1}}
@media(max-width:760px){body main #webContextStrip{padding:8px 10px;gap:2px 8px;margin-bottom:12px}body main #webContextStrip #trialBar{font-size:11px!important}body main #webContextStrip #webSyncBar{width:100%;align-items:flex-start}body main #webContextStrip #webSyncBar .ws-info{min-width:0}body main #webContextStrip #webSyncBar .ws-actions{flex-shrink:0}body main #webContextStrip .ws-status{white-space:normal;word-break:break-word}}

/* /ariya-theme.css */
/* Ariya component tokens. Existing application controls retain their IDs and behavior. */
:root,body[data-theme="gold"]{--bg:#070d1a;--bg2:#0c1427;--card:#101b30;--card2:#142139;--border:#273753;--text:#eaf3ff;--muted:#93a6c5;--accent:#62ceff;--accent2:#8a79ff;--cyan:#74dbff;--green:#4bd5b1;--red:#ff879d;--yellow:#edc76e;--gold:#79caff;--gold2:#8b9cff;--gold-grad:linear-gradient(120deg,#4bc7f7,#617efa 55%,#986bff);--gold-btn:linear-gradient(120deg,#388df2,#7362ed);--directory-gold:#77d8ff;--directory-muted:#98adc9;--directory-line:#263a57;color-scheme:dark}
html,body{background:#070d1a!important;color:#eaf3ff!important;font-family:"Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif!important}
body{background-image:radial-gradient(ellipse at 80% 0,#15285255,transparent 50%)!important}
*,*::before,*::after{box-sizing:border-box}
button,input,select,textarea{font-family:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #74dcff!important;outline-offset:3px}
::selection{background:#6575cc66;color:#fff}
::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#314765;border-radius:8px}::-webkit-scrollbar-track{background:#0b1425}
.topbar{background:#0b1221ed!important;border-bottom:1px solid #20314b!important;box-shadow:0 8px 28px #02081735!important}
.topbar .logo{display:flex!important;width:36px!important;height:36px!important;background:transparent!important;box-shadow:none!important;flex-shrink:0}.topbar .logo img{width:36px;height:36px}.topbar .brand{gap:10px!important}.topbar .brand h1{color:#ecf5ff!important;font-size:18px!important;letter-spacing:1px!important}.brand-slogan{color:#8da5c5!important}.brand-ai{color:#74d8ff!important}
nav.tabs.sidebar{background:linear-gradient(180deg,#0d1729,#091221)!important;border-right:1px solid #1d2e48!important;box-shadow:10px 0 35px #00000010!important}
nav.tabs.sidebar .p-nav-mod{background:transparent!important;border:1px solid transparent!important;color:#b2c3dc!important;position:relative}
nav.tabs.sidebar .p-nav-mod:hover{background:#192940!important;border-color:#2d4768!important}
nav.tabs.sidebar .p-nav-mod.active,nav.tabs.sidebar .p-nav-mod.on,nav.tabs.sidebar button.tab.active{background:linear-gradient(100deg,#1e5c9caa,#50469f99)!important;border-color:#4a71b388!important;color:#fff!important;box-shadow:0 5px 18px #3466d226!important}
nav.tabs.sidebar .p-nav-mod.active::before,nav.tabs.sidebar button.tab.active::before{background:linear-gradient(#60dfff,#9b6cff)!important}
.pn-icon,.pn-svg{color:#9ec7f0!important}.pn-copy small,.pn-count{color:#839ab9!important}
.p-sidebar-footer,.p-side-footer{border-color:#233852!important}
.key-banner,.remote-banner{background:#112943!important;color:#c3e9ff!important;border-color:#315474!important}
main{background:transparent!important}.panel{color:#eaf3ff}.panel.active{animation:none!important}
.card,.settings-card,.hv-sec,.studio-card,.copy-card,.sf-card,.platform-cover-card,.directory-cover-spotlight{background:linear-gradient(145deg,#121d30,#0d1627)!important;border:1px solid #253651!important;box-shadow:0 10px 26px #02081325,inset 0 1px 0 #dceaff04!important;border-radius:16px!important}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select{background:#0b1425!important;color:#e6f0ff!important;border-color:#2c3f5c!important;border-radius:10px!important;box-shadow:inset 0 1px 4px #02091755!important}
input::placeholder,textarea::placeholder{color:#7086a7!important}
input:focus,textarea:focus,select:focus{border-color:#64bff8!important;box-shadow:0 0 0 3px #469cfa18!important}
input[type=checkbox],input[type=radio],input[type=range]{accent-color:#797cfa!important}
.btn,.button,button.primary,.btn-primary{border-radius:10px!important;transition:background .18s,border-color .18s,box-shadow .18s}
.btn.primary,.btn-primary,button.primary,.gold-btn,.home-hero-primary{background:linear-gradient(115deg,#368ef2,#7561ed)!important;border:1px solid #82acff66!important;color:#fff!important;box-shadow:0 5px 18px #5669ef28!important}
.btn.primary:hover,.btn-primary:hover,button.primary:hover{box-shadow:0 6px 24px #6265f84d!important;filter:brightness(1.09)}
button:disabled{cursor:not-allowed;opacity:.48!important}.muted,.sub,.hint,.help,.note{color:#94a9c7}
.modal,.dialog,.modal-card,.modal-content,.as-menu,.user-menu,.running-pop{background:#101c30!important;border-color:#314767!important;color:#e7f1ff!important;box-shadow:0 24px 80px #0009!important}
.as-trigger{background:#121f35!important;border-color:#2d4568!important;color:#dcecff!important}.as-name{color:#dcecff!important}.as-sub{color:#8aa4c5!important}
table{color:#c7d6ed}th{color:#a8c1de!important;background:#142239!important}td,th{border-color:#263650!important}
.pill,.tag,.badge{border-color:#365477!important}.toast{background:#14253c!important;color:#eef7ff!important;border-color:#476487!important}
#bg-canvas,.dot-grid,.beams,#cursorGlow{opacity:.16!important;pointer-events:none!important}
/* Reference-led home composition: crisp copy at left, original supplied robot artwork at right. */
#panel-home .home-hero-v6{background:radial-gradient(ellipse at 78% 45%,#244296aa,transparent 55%),linear-gradient(110deg,#080f20,#0c1733 65%,#131944)!important;border-color:#2b4069!important;border-radius:20px!important;box-shadow:0 16px 45px #0002!important}
#panel-home .home-hero-stage{min-height:398px!important;padding:32px 34px 26px!important}
#panel-home .home-hero-copy{width:53%!important}
#panel-home .home-hero-eyebrow{color:#68ceff!important;font-size:10px!important;letter-spacing:3px!important;margin-bottom:18px!important}
#panel-home .home-hero-title{font-size:clamp(30px,3.3vw,51px)!important;font-weight:760!important;line-height:1.32!important;letter-spacing:1px!important;color:#f0f6ff!important}
#panel-home .home-hero-title span{background:linear-gradient(95deg,#64d8ff,#7c9bff 60%,#af83ff)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:#78c9ff!important}
#panel-home .home-hero-description{color:#a6b9d7!important;font-size:13px!important;max-width:460px!important;line-height:1.9!important}
#panel-home .home-hero-actions{gap:12px!important;margin-top:25px!important}.home-hero-button{height:46px!important;border-radius:12px!important;font-size:13px!important;min-width:138px!important}
#panel-home .home-hero-secondary{color:#c1d6f0!important;background:#111f37aa!important;border-color:#5775a7!important}
#panel-home .home-hero-art{position:absolute!important;inset:0 0 0 45%!important;width:55%!important;height:100%!important;pointer-events:none}
#panel-home .home-hero-robot-holder{position:absolute!important;inset:10px -15px 25px -18px!important;width:auto!important;height:auto!important;transform:none!important}
#panel-home .home-hero-robot{width:100%!important;height:100%!important;object-fit:contain!important;mix-blend-mode:screen!important;filter:none!important;opacity:.97!important}
#panel-home .home-hero-podium,#panel-home .home-hero-tile,#panel-home .home-hero-aura{display:none!important}
#panel-home .home-hero-motto{right:20px!important;top:20px!important;left:auto!important;color:#b4baff!important;font-size:13px!important;opacity:.9!important;transform:rotate(-6deg)!important}
#panel-home .home-hero-signature{right:24px!important;bottom:25px!important;color:#5876a5!important;font-size:9px!important}
#panel-home .home-hero-features{position:relative!important;margin-top:32px!important;max-width:530px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:9px!important;padding:0!important;border:0!important}
#panel-home .home-hero-features li{gap:6px!important;padding:0!important;border:0!important}.home-hero-feature-icon{display:none!important}.home-hero-features b{font-size:12px!important;color:#c2dbf8!important}.home-hero-features small{font-size:10px!important;color:#7897ba!important}
.home-hero-motion-control{color:#86a4c5!important;border-color:#324b6d!important;background:#0a1628aa!important;font-size:10px!important}
.directory-group-card,.directory-card,.directory-tool,.home-tool-card,.cat-card,.tool-card{border:1px solid #293b5a!important;background:linear-gradient(145deg,#15223a,#111b2f)!important;border-radius:14px!important;box-shadow:inset 0 1px 0 #ffffff05!important}
.directory-group-card:hover,.directory-tool:hover,.tool-card:hover{border-color:#5f8fd0!important;background:#1b2b48!important}
.directory-kicker,.directory-build{color:#74bff0!important}.directory-cover-spotlight{background:linear-gradient(110deg,#162844,#20203d)!important}
.directory-cover-actions button{background:#233b5d!important;color:#bfe3ff!important;border-color:#486295!important}
/* Native login and edition chooser */
.mode-select{background:radial-gradient(ellipse at 18% 25%,#12366099,transparent 55%),radial-gradient(ellipse at 90% 90%,#39277588,transparent 60%),#070e20!important}
.mode-select::before,.mode-select::after{background:none!important}.mode-card{background:linear-gradient(130deg,#14223bd9,#10182bd9)!important;border-color:#365076!important;box-shadow:0 40px 110px #0006,0 0 80px #4676ff0d!important;backdrop-filter:blur(18px);border-radius:24px!important}
.mode-card h1{color:#edf5ff!important;font-weight:650!important}.mode-card h1 em{color:#83bbff!important}.mode-card>p,.mode-option span{color:#98aecb!important}.mode-eyebrow,.mode-brand,.mode-option em{color:#74d4ff!important}
.mode-option{background:linear-gradient(140deg,#1b3050,#18223d)!important;border-color:#3c5278!important}.mode-option:hover{background:linear-gradient(140deg,#21476a,#382e63)!important;border-color:#7798ff!important;box-shadow:0 12px 30px #556cf52b!important}.mode-option b{color:#edf5ff!important}
.mode-option:before{background:linear-gradient(180deg,#55d3ff,#926fff)!important}.mode-option:after{background:linear-gradient(100deg,transparent,#8faaff15,transparent)!important}.mode-option>.ms-glow{background:radial-gradient(430px 210px at var(--mx,50%) var(--my,0%),#6194f324,transparent 65%)!important}
.mode-build{color:#7993b5!important}.mode-status{color:#a4ccef!important}.mode-brand img,.brand-lockup img{width:36px;height:36px}.brand-name{color:#e3efff!important}
#authShell .panel{background:linear-gradient(145deg,#132139,#10192d)!important;border-color:#32486b!important;box-shadow:0 24px 70px #0004!important}#authShell .hero-title{color:#eaf4ff!important}#authShell .hero-title em{color:#82c7ff!important}#authShell .hero-description,#authShell .edition{color:#91a9c9!important}#authShell .eyebrow{color:#6bcfff!important}#authShell .panel-header h1{color:#eaf3ff!important}#authShell .panel-header p,#authShell .field label{color:#9cb1ce!important}#authShell #submit{background:linear-gradient(110deg,#399ef1,#8069f4)!important;color:white!important;border:0!important}#authShell .tab{background:#091325!important;border-color:#2c3d5e!important}#authShell .tab .on{background:#253757!important;color:#92ddff!important}#authShell .motion-wrap{border:0!important;border-radius:0!important;overflow:visible!important;background:transparent!important}#login-motion{background:transparent!important}
.ariya-skip{position:absolute;right:32px;bottom:28px;padding:12px 20px;color:#bfd9f3;border:1px solid #44678b;background:#132039d9;border-radius:24px;cursor:pointer}.ariya-motion-prefs{display:flex;align-items:center;gap:24px;padding:18px;border:1px solid #2d435f;border-radius:12px;margin:14px 0}
@media(max-width:1250px){#panel-home .home-hero-stage{padding:26px!important;min-height:370px!important}#panel-home .home-hero-title{font-size:34px!important}.home-hero-features{gap:6px!important}.topbar .brand h1{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Final specificity layer for the inherited alignment and module styles. */
#authShell .motion-wrap::before,#authShell .motion-wrap::after{display:none!important;content:none!important}
#authShell .motion-wrap .login-motion-toggle{pointer-events:auto!important}
#trialLoginBox{background:radial-gradient(ellipse at 18% 22%,#14417288,transparent 55%),radial-gradient(ellipse at 85% 80%,#3a256c88,transparent 55%),#080f21!important}
#trialLoginBox .tl-card{background:linear-gradient(140deg,#17283f,#101b30)!important;border:1px solid #3c577d!important;box-shadow:0 28px 85px #0005!important;border-radius:23px!important}
#trialLoginBox .tl-card h2{color:#e9f4ff!important}#trialLoginBox .tl-card p,#trialLoginBox .tl-card label{color:#a1b8d5!important}#trialLoginBox button{border-radius:10px!important}#trialLoginBox .tl-card button[id*=Submit],#trialLoginBox .tl-card button[id*=Login],#trialLoginBox .tl-card button.primary{background:linear-gradient(110deg,#409dec,#816cea)!important;color:#fff!important}
html body[data-theme] nav.tabs.sidebar{background:linear-gradient(180deg,#101b30,#0a1425)!important;border-right-color:#263950!important}
html body[data-theme] nav.tabs.sidebar .p-nav-mod.active,html body[data-theme] nav.tabs.sidebar .p-nav-mini.active,html body[data-theme] nav.tabs.sidebar .tab-btn.active{background:linear-gradient(105deg,#225c9688,#50449a88)!important;border-color:#5574b988!important;color:#e2f2ff!important}
html body[data-theme] #panel-home .home-hero-button.home-hero-primary{background:linear-gradient(115deg,#40b8f0,#696afa 65%,#9671f1)!important;color:#fff!important;border-color:#8bc7ff66!important}
html body[data-theme] #panel-home .directory-cover-actions button{background:#233b5d!important;color:#c5eaff!important;border:1px solid #456b98!important}
html body[data-theme] #panel-home .directory-group-card,html body[data-theme] #panel-home .hv-cat{background:linear-gradient(135deg,#172940,#141d33)!important;border-color:#30425e!important}
html body[data-theme] .module-studio-header,html body[data-theme] .ms-header,html body[data-theme] .page-hero:not(.home-hero-v6){background:linear-gradient(110deg,#142641,#151d34)!important;border-color:#2e4264!important}
html body[data-theme] .duration-guidance,html body[data-theme] [class*=duration-guide],html body[data-theme] .qh-duration-guide{background:#122a41!important;border-color:#2e587d!important;color:#bfdaf3!important}
html body[data-theme] .directory-cover-spotlight{padding:20px 24px!important;min-height:0!important}
.ariya-shortcuts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0 22px}.ariya-shortcut{position:relative;display:flex;align-items:center;gap:13px;min-height:91px;padding:18px;border:1px solid #78a3ff44;border-radius:15px;color:#ecf5ff;background:linear-gradient(115deg,#4336a8,#243576);text-align:left;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff12,0 6px 20px #0002}.ariya-shortcut:nth-child(2){background:linear-gradient(115deg,#145d87,#1d4779)}.ariya-shortcut:nth-child(3){background:linear-gradient(115deg,#614259,#37375f)}.ariya-shortcut:nth-child(4){background:linear-gradient(115deg,#643c8b,#373377)}.ariya-shortcut:nth-child(5){background:linear-gradient(115deg,#1a665e,#1e465e)}.ariya-shortcut svg{width:25px;height:25px;flex-shrink:0;color:#c4ecff;filter:drop-shadow(0 0 10px #5ac5ff88)}.ariya-shortcut b{display:block;font-size:15px;margin-bottom:6px;white-space:nowrap}.ariya-shortcut small{display:block;font-size:10px;color:#bbcee8;white-space:nowrap}.ariya-shortcut:hover{border-color:#94ceff;filter:brightness(1.12)}
@media(max-width:1250px){.ariya-shortcuts{gap:8px}.ariya-shortcut{padding:13px 10px;gap:8px}.ariya-shortcut b{font-size:13px}.ariya-shortcut small{font-size:9px}.ariya-shortcut svg{width:20px}}
html body #panel-home .ariya-shortcuts .ariya-shortcut{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:13px!important;min-height:91px!important;height:91px!important;padding:18px!important;border:1px solid #78a3ff55!important;border-radius:15px!important;color:#ecf5ff!important;background:linear-gradient(115deg,#4336a8,#243576)!important;text-align:left!important;box-shadow:inset 0 1px 0 #ffffff12,0 6px 20px #0002!important;min-width:0!important;width:auto!important;overflow:hidden!important}
html body #panel-home .ariya-shortcuts .ariya-shortcut:nth-child(2){background:linear-gradient(115deg,#145d87,#1d4779)!important}html body #panel-home .ariya-shortcuts .ariya-shortcut:nth-child(3){background:linear-gradient(115deg,#614259,#37375f)!important}html body #panel-home .ariya-shortcuts .ariya-shortcut:nth-child(4){background:linear-gradient(115deg,#643c8b,#373377)!important}html body #panel-home .ariya-shortcuts .ariya-shortcut:nth-child(5){background:linear-gradient(115deg,#1a665e,#1e465e)!important}
html body #panel-home .ariya-shortcuts b{font-size:15px!important;color:#edf4ff!important;line-height:1.3!important;margin-bottom:6px!important}html body #panel-home .ariya-shortcuts small{font-size:10px!important;color:#b9d3ef!important;line-height:1.5!important}html body #panel-home .ariya-shortcuts svg{width:25px!important;height:25px!important;color:#c3ecff!important;flex-shrink:0!important}
@media(max-width:1250px){html body #panel-home .ariya-shortcuts .ariya-shortcut{padding:12px 10px!important;gap:8px!important}html body #panel-home .ariya-shortcuts b{font-size:13px!important}html body #panel-home .ariya-shortcuts small{font-size:9px!important}html body #panel-home .ariya-shortcuts svg{width:20px!important;height:20px!important}}
/* Review fixes: shared panel surfaces and browser login gate. */
html body[data-theme] .page-studio-head,html body[data-theme] .module-header,html body[data-theme] .studio-personal,html body[data-theme] #studioPersonal{background:linear-gradient(120deg,#14243d,#121c32)!important;border-color:#2e4263!important}
html body[data-theme] .platform-cover-output,html body[data-theme] .cover-batch,html body[data-theme] .cover-batch-row,html body[data-theme] .qh-batch-guide,html body[data-theme] .studio-advanced{background:#132138!important;border-color:#2d4261!important}
html body[data-theme] .result-box,html body[data-theme] .cover-row-upload{background:#0d182b!important;border-color:#2b405f!important}
html body[data-theme] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),html body[data-theme] textarea,html body[data-theme] select{background:#0b1629!important;color:#e1eeff!important;border-color:#2b405e!important}
.bw-gate{background:radial-gradient(ellipse at 20% 10%,#13386480,transparent 55%),radial-gradient(ellipse at 90% 90%,#33256277,transparent 60%),#080f20!important}
.bw-gate .bw-gate-card{background:linear-gradient(145deg,#15253c,#101b30)!important;border-color:#354f74!important;box-shadow:0 30px 100px #0005!important}
.bw-gate #trialLoginBox{background:transparent!important}
.bw-gate .bw-brand{display:flex;align-items:center;gap:10px;color:#9ddfff!important;letter-spacing:1px!important}
.bw-gate .bw-brand:before{content:'';width:32px;height:32px;display:inline-block;flex-shrink:0;background:url('/favicon.svg') center/contain no-repeat}
.bw-gate .bw-button{background:linear-gradient(110deg,#399cf0,#816beb)!important;color:#fff!important;border-color:#809ef488!important}
.bw-gate .tl-tab[aria-selected=true]{background:#233a5d!important;color:#bbebff!important;border-color:#536faa!important}
.bw-gate #trialLoginBox .tl-tabs{background:transparent!important}
.bw-gate .web-motion-host{height:170px;margin:0 0 12px;border:1px solid #304a6b;border-radius:14px;overflow:hidden;position:relative}
.bw-gate #login-motion{position:relative;width:100%;height:100%;background:transparent!important}
.bw-gate #login-motion .login-motion-toggle{font-size:10px;padding:4px 8px!important;bottom:6px!important;right:6px!important}
@media(max-height:760px){.bw-gate .web-motion-host{height:120px}.bw-gate .bw-gate-card{padding:22px!important}}

.brand-lockup img.aria-lockup{width:156px!important;height:38px!important;object-fit:contain;margin-right:10px}

/* Keep missing-service notice in the workbench flow, below the trial toolbar. */
html body main > #keyBanner.ariya-inline-notice{position:relative!important;inset:auto!important;transform:none!important;width:auto!important;max-width:none!important;min-height:0!important;margin:0 0 18px!important;padding:12px 16px!important;flex:0 0 auto!important;z-index:1!important;background:#13243b!important;color:#bfd6ef!important;border-color:#334c6b!important;box-shadow:none!important}
/* ARIA visual revision 2026-10-14. This is the final, scoped component layer. */
:root,body[data-theme="gold"]{
 --p-bg:#080f1d;--p-bg2:#0e1829;--p-panel:#111d30;--p-panel2:#152238;--p-line:#283a55;--p-line2:#4c6b93;--p-line3:#22334b;
 --p-gold:#95cdec;--p-gold-l:#bbdff1;--p-gold-h:#e1f3ff;--p-gold-d:#4278b9;--p-text:#e8f0fb;--p-text2:#a0b1ca;--p-text3:#8096b5;
 --p-grad:linear-gradient(110deg,#82d2eb,#9a8ae8);--p-grad-btn:linear-gradient(110deg,#488cdb,#776cdd);--studio-gold:#94cae7;--studio-muted:#9eafc9;--studio-line:#2c405b;--studio-surface:#101c2e;
 --gold:#9acfeb;--gold2:#9183e6;--gold-btn:linear-gradient(110deg,#488cdb,#776cdd);--gold-grad:linear-gradient(110deg,#85d5ef,#a598ed);--border:#293c57;--muted:#9eafc9;--accent:#8bceeb;--accent2:#9888ee;
}
html,body{font-family:"Microsoft YaHei UI","Microsoft YaHei","Segoe UI",system-ui,sans-serif!important;-webkit-font-smoothing:antialiased}
html body.ariya-workbench{font-size:13px;line-height:1.65;background:#080f1d!important;background-image:radial-gradient(ellipse at 70% 0,#23365b22,transparent 62%)!important}
html body.ariya-workbench .topbar{min-height:62px;padding:11px 22px!important;background:#0d1626f5!important;box-shadow:none!important}
html body.ariya-workbench .brand h1{font-size:17px!important;font-weight:600!important;letter-spacing:.3px!important;background:none!important;-webkit-text-fill-color:#e6f0fd!important;color:#e6f0fd!important}
html body.ariya-workbench .brand .logo{border:0!important;border-radius:0!important;background:transparent!important}
html body.ariya-workbench .hv-search{background:#121f33!important;border-color:#2a3b55!important;border-radius:9px!important}
html body.ariya-workbench .topbar input{box-shadow:none!important}
html body.ariya-workbench nav.tabs.sidebar{background:#0d1728!important;box-shadow:none!important;border-color:#22334c!important}
html body.ariya-workbench nav.tabs.sidebar .p-nav-mod{border-radius:10px!important;padding-top:11px!important;padding-bottom:11px!important;transition:background .18s,border-color .18s,transform .18s}
html body.ariya-workbench nav.tabs.sidebar .p-nav-mod.active,html body.ariya-workbench nav.tabs.sidebar .p-nav-mini.active{background:linear-gradient(100deg,#1d3854,#302c54)!important;border-color:#456083!important;box-shadow:none!important}
html body.ariya-workbench nav.tabs.sidebar .pn-copy b{font-size:13px!important;font-weight:600!important;line-height:1.6!important}
html body.ariya-workbench nav.tabs.sidebar .pn-copy small{font-size:11px!important;color:#8da2bf!important;line-height:1.6!important}
html body.ariya-workbench main{padding:24px 28px!important}
html body.ariya-workbench main .card,html body.ariya-workbench .settings-card,html body.ariya-workbench .studio-card,html body.ariya-workbench .hv-sec,html body.ariya-workbench .copy-card,html body.ariya-workbench .platform-cover-card{background:#111d30!important;border:1px solid #283a54!important;border-radius:14px!important;box-shadow:0 6px 24px #01060d12!important}
html body.ariya-workbench main .card{padding:24px!important}
html body.ariya-workbench main .panel h2{font-size:21px!important;font-weight:600!important;line-height:1.55!important;letter-spacing:.2px!important;color:#e8f1ff!important;overflow-wrap:anywhere}
html body.ariya-workbench main .panel h3{font-size:15px!important;line-height:1.6!important;font-weight:600!important;color:#d5e3f7!important}
html body.ariya-workbench main .field-label{font-size:13px!important;font-weight:500!important;line-height:1.6!important;color:#bdcee3!important;margin-top:18px!important;margin-bottom:8px!important}
html body.ariya-workbench main .hint,html body.ariya-workbench main .studio-note{font-size:12px!important;line-height:1.8!important;color:#97acc9!important}
html body.ariya-workbench .btn,html body.ariya-workbench button.studio-flow-step{font-size:12px!important;min-height:38px;border-radius:9px!important;font-weight:500!important;letter-spacing:0!important;color:#c7d9ed!important;background:#192b42!important;border:1px solid #344b6a!important;box-shadow:none!important}
html body.ariya-workbench .btn.primary,html body.ariya-workbench .btn-primary,html body.ariya-workbench button.primary,html body.ariya-workbench .gold-btn{background:linear-gradient(110deg,#488cdb,#776cdd)!important;color:#fff!important;border-color:#91aaec50!important;box-shadow:0 5px 18px #5669d618!important}
html body.ariya-workbench .btn.danger{background:#352032!important;color:#f0afbd!important;border-color:#613345!important}
html body.ariya-workbench main input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),html body.ariya-workbench main textarea,html body.ariya-workbench main select{background:#0b1728!important;color:#e3effe!important;border:1px solid #314761!important;border-radius:9px!important;font-size:13px!important;box-shadow:none!important}
html body.ariya-workbench main input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),html body.ariya-workbench main select{min-height:40px}
html body input:focus-visible,html body textarea:focus-visible,html body select:focus-visible{outline:none!important;border-color:#7bb9d9!important;box-shadow:0 0 0 3px #73bfe612!important}
html body.ariya-workbench .studio-template,html body.ariya-workbench .studio-preflight,html body.ariya-workbench .studio-flow-step,html body.ariya-workbench .qh-batch-guide,html body.ariya-workbench .studio-advanced,html body.ariya-workbench .studio-dialog,html body.ariya-workbench .upload,html body.ariya-workbench .upload-zone,html body.ariya-workbench .drop-zone,html body.ariya-workbench .upload-area{background:#101b2d!important;border-color:#2c415d!important;color:#b6c9e0!important}
html body.ariya-workbench .page-studio-head,html body.ariya-workbench .module-header{background:linear-gradient(115deg,#16253b,#141f33)!important;border-color:#2c405c!important;border-radius:14px!important}
html body.ariya-workbench .page-studio-head h2{font-size:22px!important;margin-bottom:4px!important}
html body.ariya-workbench .duration-guidance,html body.ariya-workbench [class*=duration-guide]{background:#142a3e!important;border-color:#345371!important;color:#bdd7e8!important}
html body.ariya-workbench .studio-tag,html body.ariya-workbench .studio-status,html body.ariya-workbench .pill{color:#a9cce5!important;background:#15283d!important;border-color:#354e69!important}
html body.ariya-workbench .studio-toolbar{gap:10px!important;margin:14px 0!important;align-items:center!important}
html body.ariya-workbench .studio-flow-nav{gap:10px!important}.studio-flow-step:hover{border-color:#6589b2!important}
html body.ariya-workbench .sf-card,html body.ariya-workbench .sf-top,html body.ariya-workbench .sf-row,html body.ariya-workbench .sf-empty{background:#102036!important;border-color:#314663!important}
html body.ariya-workbench .float-dock,html body.ariya-workbench .wb-floating-dock{background:#101f32ed!important;border-color:#314863!important;box-shadow:0 10px 36px #0003!important}
/* Equal, quiet shortcut cards. Color identifies an icon rather than tinting the entire card. */
html body.ariya-workbench #panel-home .ariya-shortcuts .ariya-shortcut:nth-child(n){background:#142238!important;border-color:#30415d!important;border-radius:12px!important;box-shadow:none!important;height:80px!important;min-height:80px!important;padding:15px!important;gap:12px!important;transition:transform .18s,border-color .18s,background .18s}
html body.ariya-workbench #panel-home .ariya-shortcuts .ariya-shortcut:hover{background:#1a2c46!important;border-color:#6285b7!important;transform:translateY(-2px);filter:none!important}
html body.ariya-workbench #panel-home .ariya-shortcuts b{font-size:14px!important;font-weight:600!important;margin-bottom:3px!important}
html body.ariya-workbench #panel-home .ariya-shortcuts small{font-size:11px!important;color:#93abc9!important}
html body.ariya-workbench #panel-home .ariya-shortcuts svg{width:26px!important;height:26px!important;filter:none!important;color:#a7c6ee!important}
html body.ariya-workbench #panel-home .home-hero-title{font-size:clamp(32px,3vw,46px)!important;font-weight:600!important;letter-spacing:.5px!important;line-height:1.38!important}
html body.ariya-workbench #panel-home .home-hero-description{font-size:14px!important;line-height:1.8!important}
html body.ariya-workbench #panel-home .home-hero-stage{padding:32px!important;min-height:370px!important}
html body.ariya-workbench .directory-cover-spotlight{background:linear-gradient(110deg,#152b41,#1c263f)!important}
html body.ariya-workbench .directory-group-card,html body.ariya-workbench #panel-home .hv-cat{background:#132137!important;border-color:#2c405d!important}
/* Settings read as two clear groups, with consistent switch and form geometry. */
html body.ariya-workbench #panel-settings{display:none;max-width:1240px;margin:0 auto}
html body.ariya-workbench #panel-settings.active{display:grid!important;grid-template-columns:minmax(310px,.9fr) minmax(350px,1.1fr);align-items:start;gap:20px}
html body.ariya-workbench #panel-settings>.card{width:100%!important;max-width:none!important;margin:0!important}
html body.ariya-workbench #panel-settings>.page-studio-head{grid-column:1/-1!important;width:100%!important;margin:0!important}
html body.ariya-workbench #panel-settings>#studioPersonal{grid-column:1!important}
html body.ariya-workbench #panel-settings>.card.narrow{grid-column:2!important}
html body.ariya-workbench #studioPersonal{background:#111d30!important;padding:26px!important}
html body.ariya-workbench #studioPersonal>h2{margin:0 0 8px!important}
html body.ariya-workbench .studio-pref{min-height:82px;gap:13px!important;padding:18px 0!important;border-color:#293c55!important;align-items:center!important}
html body.ariya-workbench .studio-pref strong{font-size:13px!important;font-weight:500!important;color:#c9d9eb!important}
html body.ariya-workbench .studio-pref small{font-size:12px!important;line-height:1.75!important;color:#96abc6!important;margin-top:4px!important}
html body.ariya-workbench .studio-pref input,html body.ariya-workbench .ariya-motion-prefs input{width:17px;height:17px;flex:0 0 17px;margin:0;accent-color:#8386e7!important}
html body.ariya-workbench .ariya-motion-prefs{margin:0!important;padding:18px 0 0!important;border:0!important;border-radius:0!important;gap:16px!important;align-items:center!important;justify-content:space-between!important}
.ariya-motion-prefs label{display:flex;align-items:center;gap:13px;font-size:12px;line-height:1.6}.ariya-motion-prefs label span{display:flex;flex-direction:column}.ariya-motion-prefs small{color:#93a9c4;font-size:11px}.ariya-motion-prefs button{white-space:nowrap;flex-shrink:0}
html body.ariya-workbench #settingsLock>div{padding:12px 0 0!important;text-align:left!important}
html body.ariya-workbench #settingsLock input#settingsPwd{max-width:none!important;width:100%!important;text-align:left!important;margin:18px 0 12px!important}
html body.ariya-workbench #settingsLock .btn{width:100%!important;justify-content:center!important}
.ariya-settings-section{padding:20px 0;border-top:1px solid #2a3e56}.ariya-settings-section:first-child{padding-top:8px;border:0}.ariya-settings-section h3{margin:0 0 10px!important}.ariya-settings-section>.field-label:first-of-type{margin-top:8px!important}
/* Auth typography and motion must win over inherited gold-mode styles. */
html body #authShell .panel{border-radius:18px!important;background:linear-gradient(145deg,#142035,#101a2b)!important;border:1px solid #2b3c56!important;box-shadow:0 24px 65px #01061128!important}
html body #authShell .motion-wrap{border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;background:transparent!important}
html body #login-motion{background:transparent!important}
html body #authShell .hero-title{letter-spacing:.5px!important;font-weight:600!important}
html body #authShell .hero-title{font-weight:500!important}
html body #authShell .tab{background:#0a1424!important;border:1px solid #263751!important}
html body #authShell .tab button.on{background:#24344f!important;color:#e5f4ff!important}
html body #authShell .field input{border-radius:9px!important;outline:none!important}
html body #authShell #submit{background:linear-gradient(110deg,#488cdb,#776cdd)!important}
html body #authShell .brand-lockup .aria-lockup{width:132px!important;height:34px!important}
html body #login-motion .login-motion-toggle{position:absolute!important;width:28px!important;height:28px!important;right:14px!important;bottom:12px!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;border-radius:50%!important;background:#15253a80!important;color:#9fb8d1!important;box-shadow:none!important;pointer-events:auto!important;opacity:.6;transition:opacity .18s,background .18s}
html body #login-motion .login-motion-toggle:hover,html body #login-motion .login-motion-toggle:focus-visible{opacity:1;background:#213550!important}.login-motion-toggle svg{width:12px;height:12px}
html body .mode-select{background:radial-gradient(ellipse at 22% 24%,#17334e55,transparent 50%),radial-gradient(ellipse at 80% 90%,#3a286533,transparent 50%),#080f1d!important;overflow:auto!important}
html body .mode-card{max-width:880px;padding:36px!important;border-radius:20px!important;border-color:#30425b!important;background:#111c2eeb!important;box-shadow:0 22px 80px #0003!important}
html body .mode-card h1{font-size:32px!important;line-height:1.5!important;letter-spacing:.5px!important;font-weight:600!important;margin:16px 0 12px!important}
html body .mode-card>p{font-size:13px!important;line-height:1.8!important;color:#9eafc8!important;max-width:660px!important;margin-bottom:26px!important}
html body .mode-option{background:#14243a!important;border:1px solid #31465f!important;border-radius:13px!important;padding:26px!important}
html body .mode-option b{font-size:21px!important;letter-spacing:.2px!important;font-weight:600!important}.mode-option span{font-size:12px!important;line-height:1.8!important}
html body .mode-option:hover{background:#1b2e48!important;border-color:#6e8eba!important;box-shadow:0 10px 26px #0002!important;transform:translateY(-2px)!important}
html body .mode-option::after{display:none!important}.mode-eyebrow{letter-spacing:2px!important}
/* Native and web trial forms share the same unframed motif and compact controls. */
html body #trialLoginBox,html body .bw-gate{background:radial-gradient(ellipse at 25% 22%,#17344e40,transparent 55%),radial-gradient(ellipse at 85% 80%,#37255230,transparent 55%),#080f1d!important}
html body #trialLoginBox .tl-card,html body .bw-gate .bw-gate-card{border-radius:18px!important;border-color:#2f4360!important;background:#111d30!important;box-shadow:0 25px 70px #0003!important;max-width:440px!important;padding:28px!important}
html body .bw-gate #trialLoginBox{background:transparent!important}
html body .web-motion-host{height:124px!important;border:0!important;box-shadow:none!important;border-radius:0!important;margin:0 0 8px!important;overflow:visible!important;background:transparent!important}
html body .bw-gate .web-motion-host,html body #trialLoginBox .web-motion-host{height:124px!important;border:0!important;box-shadow:none!important;border-radius:0!important;margin:0 0 8px!important;background:transparent!important;overflow:visible!important}
html body .bw-gate #login-motion,html body #trialLoginBox #login-motion{background:transparent!important}
html body #trialLoginBox .web-motion-host{position:relative!important;width:100%!important;flex:0 0 auto!important}
html body #trialLoginBox #login-motion{position:relative!important;width:100%!important;height:100%!important;inset:auto!important;aspect-ratio:auto!important}
html body .bw-gate h2,html body #trialLoginBox h2{font-size:24px!important;font-weight:600!important;line-height:1.5!important;letter-spacing:0!important}
html body .bw-gate h2,html body #trialLoginBox h2{font-weight:500!important}
html body .bw-gate .bw-brand{color:#c3d9eb!important;letter-spacing:.3px!important;font-weight:500!important;font-size:12px!important}
html body .bw-gate .bw-brand:before{width:25px!important;height:25px!important}
html body #trialLoginBox .tl-tabs{padding:4px!important;gap:4px!important;background:#0b1728!important;border:1px solid #2b3d56!important;border-radius:9px!important}
html body #trialLoginBox .tl-tab{border-radius:6px!important;font-size:12px!important}.tl-tab[aria-selected=true]{box-shadow:none!important}
html body #trialLoginBox .tl-card button.tl-tab{background:transparent!important;color:#96abc7!important;border:0!important;box-shadow:none!important;font-size:12px!important;font-weight:500!important}
html body #trialLoginBox .tl-card button.tl-tab[aria-selected=true]{background:#253852!important;color:#ddf1ff!important}
html body #trialLoginBox input{height:42px!important;font-size:13px!important}
html body .ariya-skip{padding:10px 16px!important;right:28px;bottom:24px;border-color:#3e5572;background:#142238b0;color:#bdd6ec;border-radius:9px;font-size:12px}
/* In-app recharge: narrow borders and room for the catalogue, without a heavy outer frame. */
html body.ariya-workbench .along-recharge{inset:28px!important;border:1px solid #354962!important;border-radius:16px!important;background:#0d1829!important;box-shadow:0 26px 100px #0008!important;color:#d9e8f8!important}
html body.ariya-workbench .along-recharge-header,html body.ariya-workbench .along-recharge-toolbar,html body.ariya-workbench .along-recharge-footer{background:#111f32!important;border-color:#283c55!important}
html body.ariya-workbench .along-recharge-header{padding:18px 24px!important}.along-recharge h2{font-size:18px!important;letter-spacing:.3px!important}
html body.ariya-workbench .along-recharge-mark{border:0!important;background:transparent!important}
html body.ariya-workbench .along-recharge-tabs{background:#0b1627!important;border-color:#2a3c55!important}
html body.ariya-workbench .along-recharge-tabs button[aria-pressed=true]{background:#263855!important;color:#e5efff!important;border-color:#405a7e!important}
html body.ariya-workbench .along-recharge-body,html body.ariya-workbench .along-recharge-frame{background:#080f1d!important}
/* Module directory and full-screen editing workspaces load specialised styles late. */
html body.ariya-workbench #panel-module .module-hero,html body.ariya-workbench #panel-module .module-top,html body.ariya-workbench #panel-module .module-studio-head{background:#132239!important;border-color:#2c425d!important}
html body.ariya-workbench #panel-module .module-card,html body.ariya-workbench #panel-module .directory-tool{background:#142338!important;border-color:#314662!important;color:#d1e2f5!important;border-radius:12px!important;box-shadow:none!important}
html body.ariya-workbench #panel-module .module-card:hover{background:#1b2e48!important;border-color:#6487af!important;transform:translateY(-2px)!important}
html body.ariya-workbench #panel-module .module-grid-head,html body.ariya-workbench #panel-module .module-quick,html body.ariya-workbench #panel-module .module-section{background:transparent!important;color:#c7d8eb!important}
html body.ariya-workbench #panel-ai-chat .card,html body.ariya-workbench #panel-ai-chat .ai-layout,html body.ariya-workbench #panel-ai-chat .ai-main,html body.ariya-workbench #panel-ai-chat .ai-chat,html body.ariya-workbench #panel-ai-chat .ai-chat-box{background:#0e1a2b!important;border-color:#30435e!important;color:#d6e7f9!important}
html body.ariya-workbench #panel-ai-chat .ai-sidebar,html body.ariya-workbench #panel-ai-chat .ai-context,html body.ariya-workbench #panel-ai-chat .ai-toolbar,html body.ariya-workbench #panel-ai-chat .ai-composer,html body.ariya-workbench #panel-ai-chat .ai-inputbar{background:#132138!important;border-color:#314660!important}
html body.ariya-workbench #panel-ai-chat .ai-chat-head{background:#132138!important;border-color:#304761!important}
html body.ariya-workbench #panel-ai-chat .ai-editing-materials{background:#13243b!important;border-color:#314a67!important}
html body.ariya-workbench #panel-ai-chat .ai-bubble,html body.ariya-workbench #panel-ai-chat .ai-run-verification{background:#14263d!important;color:#c3d7eb!important;border-color:#304962!important}
html body.ariya-workbench #panel-ai-chat .ai-msg-user .ai-bubble{background:#2b4166!important;color:#e5f3ff!important}
html body.ariya-workbench #panel-ai-chat .ai-run-detail pre,html body.ariya-workbench .ai-knowledge-dialog,html body.ariya-workbench .ai-knowledge-dialog pre{background:#0d192b!important;color:#bcd0e8!important;border-color:#34506b!important}
html body.ariya-workbench .studio-task-stat,html body.ariya-workbench .studio-task-card,html body.ariya-workbench .studio-task-empty,html body.ariya-workbench .rec-filters{background:#122237!important;border-color:#314662!important;color:#bfd2ea!important}
html body.ariya-workbench .page-studio-head .ps-icon,html body.ariya-workbench .module-header .mc-ico{background:linear-gradient(135deg,#314c74,#4b4a82)!important;color:#c8e2f4!important;box-shadow:none!important;border-color:#526889!important}
html body.ariya-workbench .billing-tip,html body.ariya-workbench .bill-notice,html body.ariya-workbench .billing-panel{background:#102035!important;border-color:#2c425d!important;color:#9fb6d1!important}
html body.ariya-workbench footer{color:#7e94af!important}
html body.ariya-workbench #panel-reference-human .rf-box,html body.ariya-workbench #panel-reference-human .rf-emotion,html body.ariya-workbench #panel-reference-human .rf-remix,html body.ariya-workbench #panel-reference-human .rf-policy{background:#122138!important;border-color:#314861!important;color:#bdd0e7!important}
html body.ariya-workbench #panel-reference-human .rf-view,html body.ariya-workbench #panel-reference-human figure{background:#0b1728!important;border-color:#314860!important}
html body.ariya-workbench #panel-reference-human .rf-steps button{background:#122035!important;border-color:#2c435d!important;color:#a7bdd6!important}
html body.ariya-workbench #panel-reference-human .rf-steps button.active{background:#243956!important;border-color:#5c7ca5!important;color:#e3f0ff!important}
html body.ariya-workbench #panel-reference-human .rf-button{background:#203550!important;border-color:#3b5778!important;color:#c9ddec!important;border-radius:9px!important}
html body.ariya-workbench #panel-reference-human .rf-primary{background:linear-gradient(110deg,#488cdb,#776cdd)!important;color:#fff!important;border-color:#91a9df55!important}
html body.ariya-workbench #panel-video-edit .ve-card{background:#122137!important;border-color:#30465f!important;border-radius:12px!important}
html body.ariya-workbench #panel-video-edit .ve-screen{background:radial-gradient(ellipse at 50% 25%,#192c49,#0c192b 80%)!important;border-color:#2e4561!important}
html body.ariya-workbench #panel-video-edit .ve-presets button{background:#14283e!important;border-color:#314f6c!important;color:#afcbe1!important;border-radius:8px!important}
html body.ariya-workbench #panel-video-edit .ve-presets button[aria-pressed=true]{background:#263e5c!important;border-color:#6489ac!important;color:#e0f2ff!important}
html body.ariya-workbench #studioUtilityDock{background:#111f32ef!important;border-color:#334c68!important;color:#bed4ea!important;box-shadow:0 8px 28px #0003!important}
html body.ariya-workbench .footer span:first-child{display:none!important}
@media(max-width:1250px){html body.ariya-workbench #panel-home .ariya-shortcuts .ariya-shortcut:nth-child(n){padding:12px!important;gap:8px!important}html body.ariya-workbench #panel-home .ariya-shortcuts b{font-size:13px!important}html body.ariya-workbench #panel-home .ariya-shortcuts small{font-size:10px!important}html body.ariya-workbench #panel-home .home-hero-title{font-size:33px!important}html body.ariya-workbench #panel-home .home-hero-stage{padding:26px!important;min-height:340px!important}html body.ariya-workbench #panel-settings.active{grid-template-columns:1fr!important;max-width:850px!important}html body.ariya-workbench #panel-settings>.card.narrow{grid-column:1!important}}
@media(max-width:900px){html body #authShell .brand-lockup .aria-lockup{width:104px!important;height:28px!important}html body.ariya-workbench main{padding:18px!important}html body.ariya-workbench main .card{padding:20px!important}html body.ariya-workbench .along-recharge{inset:0!important;border:0!important;border-radius:0!important}html body .mode-card{padding:26px!important}.ariya-motion-prefs{flex-wrap:wrap!important}}
@media(max-height:760px){html body .web-motion-host{height:84px!important}}
@media(max-height:760px){html body .bw-gate .web-motion-host,html body #trialLoginBox .web-motion-host{height:84px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ARIA atmosphere and interactive lighting. Shine mask adapted from Magic UI (MIT). */
.ariya-atmosphere{position:fixed;inset:0;z-index:0;pointer-events:none!important;overflow:hidden;background:radial-gradient(ellipse at 78% 8%,#34367f2e,transparent 52%),radial-gradient(ellipse at 18% 92%,#12517820,transparent 46%);contain:strict}
.ariya-atmosphere:before,.ariya-atmosphere:after{content:"";position:absolute;width:64%;height:65%;border-radius:50%;background:radial-gradient(ellipse,#395fc724,transparent 65%);animation:ariya-aurora-drift 22s ease-in-out infinite alternate;pointer-events:none}
.ariya-atmosphere:before{right:-8%;top:-20%}.ariya-atmosphere:after{left:-12%;bottom:-32%;background:radial-gradient(ellipse,#694bba22,transparent 65%);animation-delay:-11s}
.ariya-atmosphere canvas{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:.7}
html body.ariya-workbench main{position:relative;isolation:isolate;background:transparent!important}
html body.ariya-workbench main>.panel,html body.ariya-workbench main>#keyBanner{position:relative;z-index:1}
html body #authShell,html body>.app,html body>.login,html body.ariya-recharge>.wrap{position:relative;z-index:1}
html body.ariya-workbench .topbar{background:linear-gradient(100deg,#0b1728f5,#171c36f5)!important;border-bottom:1px solid #38516c!important;box-shadow:0 3px 22px #050a161f!important}
html body.ariya-workbench nav.tabs.sidebar{background:linear-gradient(178deg,#101d31,#0c1626 65%,#131a32)!important}
html body.ariya-workbench .p-nav-mod:hover{background:#1a2e46!important;border-color:#45678b!important;transform:translateX(3px)}
html body.ariya-workbench .p-nav-mod.active .pn-icon,html body.ariya-workbench .p-nav-mini.active svg{filter:drop-shadow(0 0 5px #6194ff66)}
html body.ariya-workbench .p-nav-mod .pn-icon{transition:transform .2s,color .2s}
html body.ariya-workbench .p-nav-mod:hover .pn-icon{transform:translateY(-2px)}
.ariya-hero-scene{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;border-radius:inherit}
.ariya-hero-scene iframe{width:100%;height:100%;display:block;border:0;pointer-events:none}
html body.ariya-workbench #panel-home .home-hero-v6.ariya-cyber-home{background:#081126!important;border-color:#4b5c9280!important;border-radius:22px!important;box-shadow:0 14px 60px #0003,0 0 30px #395b991a!important}
html body.ariya-workbench #panel-home .home-hero-stage{z-index:1}
html body.ariya-workbench #panel-home .home-hero-eyebrow{display:flex;align-items:center;gap:10px;color:#7edff8!important;font-size:10px!important;letter-spacing:3px!important}
html body.ariya-workbench #panel-home .home-hero-eyebrow:before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#72d9f4;box-shadow:0 0 12px #6bdfff;animation:ariya-signal-pulse 3s ease-in-out infinite}
html body.ariya-workbench #panel-home .home-hero-title span{background:linear-gradient(100deg,#63def1,#90a0ff 47%,#b18cff 75%,#63def1)!important;background-size:230% 100%!important;background-clip:text!important;-webkit-background-clip:text!important;animation:ariya-title-light 9s ease-in-out infinite alternate;text-shadow:none!important}
html body.ariya-workbench #panel-home .home-hero-description{color:#b2c4dd!important}
html body.ariya-workbench #panel-home .home-hero-art{translate:calc(var(--aria-hero-x,0) * 1px) calc(var(--aria-hero-y,0) * 1px);transition:translate .3s ease-out}
html body.ariya-workbench #panel-home .home-hero-motto{padding:7px 12px;border:1px solid #98adf538;border-radius:30px;background:#101d385c;backdrop-filter:blur(7px);transform:none!important;font-size:11px!important;letter-spacing:1px;top:23px!important;right:26px!important;color:#b5dcf5!important}
html body.ariya-workbench #panel-home .home-hero-signature{display:none!important}
html body.ariya-workbench #panel-home .home-hero-features{gap:14px!important}
html body.ariya-workbench #panel-home .home-hero-features li{position:relative;align-items:flex-start!important;padding-top:11px!important;border-top:1px solid #64bfe542!important}
html body.ariya-workbench #panel-home .home-hero-features li:before{content:"";position:absolute;left:0;top:-1px;width:30%;height:1px;background:linear-gradient(90deg,#6ae2f1,#a190ff);box-shadow:0 0 8px #75c9fa66}
.ariya-shine-edge{position:absolute;inset:-1px;z-index:4;border-radius:inherit;padding:1px;pointer-events:none!important;background:radial-gradient(transparent,transparent,#63def1,#ab88ff,transparent,transparent);background-size:300% 300%;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;animation:ariya-border-shine 13s linear infinite}
.ariya-interactive{--aria-spot-x:50%;--aria-spot-y:0%;--aria-spot-alpha:0;transition:border-color .24s,box-shadow .24s,transform .24s,background-color .24s!important}
html body.ariya-workbench #panel-home .ariya-shortcuts .ariya-shortcut:nth-child(n){background:radial-gradient(260px circle at var(--aria-spot-x,50%) var(--aria-spot-y,0%),rgba(72,160,233,var(--aria-spot-alpha,0)),transparent 75%),linear-gradient(115deg,#13283f,#202345)!important;border-color:#456185!important;border-radius:13px!important;box-shadow:inset 0 1px 0 #8cd4ef12,0 7px 25px #03091b1f!important}
html body.ariya-workbench #panel-home .ariya-shortcuts .ariya-shortcut:nth-child(2n){background:radial-gradient(260px circle at var(--aria-spot-x,50%) var(--aria-spot-y,0%),rgba(137,115,244,var(--aria-spot-alpha,0)),transparent 75%),linear-gradient(115deg,#1a2844,#28233e)!important}
html body.ariya-workbench #panel-home .ariya-shortcuts .ariya-shortcut:hover,html body.ariya-workbench #panel-home .ariya-shortcuts .ariya-shortcut:focus-visible{border-color:#81c5eb!important;box-shadow:0 9px 30px #488bec24,inset 0 1px 0 #e8faff16!important;transform:translateY(-4px)!important}
html body.ariya-workbench #panel-home .ariya-shortcut svg{color:#89d4ed!important;filter:drop-shadow(0 0 6px #5bb8e833)!important}
html body.ariya-workbench #panel-home .ariya-shortcut:nth-child(2n) svg{color:#b4a0fc!important;filter:drop-shadow(0 0 6px #a787e533)!important}
html body.ariya-workbench .directory-group-card.ariya-interactive,html body.ariya-workbench .module-card.ariya-interactive,html body.ariya-workbench .hv-cat.ariya-interactive{background:radial-gradient(320px circle at var(--aria-spot-x,50%) var(--aria-spot-y,0%),rgba(85,158,229,var(--aria-spot-alpha,0)),transparent 78%),linear-gradient(128deg,#14243b,#182239)!important}
html body.ariya-workbench .directory-group-card.ariya-interactive:hover,html body.ariya-workbench .module-card.ariya-interactive:hover,html body.ariya-workbench .hv-cat.ariya-interactive:hover{border-color:#648ec4!important;box-shadow:0 9px 30px #21387633!important;transform:translateY(-3px)}
html body.ariya-workbench .page-studio-head{background:linear-gradient(115deg,#19304a,#242444)!important;border-color:#496081!important;box-shadow:inset 0 1px 0 #bddaff0a!important}
html body.ariya-workbench .page-studio-head .page-studio-icon{background:linear-gradient(135deg,#548cbf,#7263be)!important;box-shadow:0 0 22px #626bcc22!important}
html body.ariya-workbench #panel-module .module-view.directory-module{background:transparent!important}
html body.ariya-workbench .directory-cover-spotlight{background:radial-gradient(ellipse at 88% 12%,#735c9e50,transparent 65%),linear-gradient(100deg,#132f45,#212944)!important;border:1px solid #4c6381!important}
html body.ariya-workbench button.primary,html body.ariya-workbench .btn.primary,html body.ariya-workbench .home-hero-primary{position:relative;overflow:hidden;box-shadow:0 5px 24px #5c7bf538!important;transition:filter .2s,box-shadow .2s,transform .2s!important}
html body.ariya-workbench button.primary:hover,html body.ariya-workbench .btn.primary:hover,html body.ariya-workbench .home-hero-primary:hover{box-shadow:0 7px 30px #627bfa55!important;filter:brightness(1.1);transform:translateY(-1px)}
html body .plan-card.ariya-interactive:hover,html body .login-card.ariya-interactive:hover{border-color:#7299c7!important;box-shadow:0 10px 35px #35579026!important}
html body #authShell .panel{background:linear-gradient(140deg,#172b42e8,#1b213ae8)!important;border-color:#4a618177!important;box-shadow:0 22px 85px #0003,inset 0 1px 0 #b5dbff0a!important;backdrop-filter:blur(16px)}
html body #authShell .hero-title em{color:#8ed9ee!important;text-shadow:0 0 25px #659dc925}
html body #authShell .motion-wrap{background:transparent!important;border:0!important}
/* Legacy batch rules carry a body ID; match that scope so old olive surfaces cannot win. */
html body#focused-ui-preview.ariya-workbench .panel :is(.batch-zone,#qhBatch,.cover-batch){background:linear-gradient(130deg,#0e1d30,#121e34)!important;border-color:#31475f!important}
html body#focused-ui-preview.ariya-workbench .panel :is(.batch-config,.batch-params,.qh-batch-guide,.op-batch-step){background:#14243a!important;border-color:#314964!important;color:#aec3dc!important}
html body#focused-ui-preview.ariya-workbench .panel :is(.fu-task-card,.qh-batch-row,.qh-batch-draft,.op-batch-row,.cover-batch-row,.edit-batch-task){background:#17283e!important;border-color:#37516d!important;color:#dae9f8!important}
html body#focused-ui-preview.ariya-workbench .panel :is(.fu-density,.slot-run,.slot-retry,.cover-batch button:not(.primary),.qh-batch-actions .btn,.fu-zoom,.fu-hide){background:#233b52!important;border-color:#486680!important;color:#bbd9ee!important}
html body#focused-ui-preview.ariya-workbench .panel :is(.fu-task-card,.cover-batch,.qh-batch-draft,.qh-batch-row) :is(textarea,input:not([type=file]):not([type=checkbox]):not([type=radio]),select){background:#0c192b!important;border-color:#354b65!important;color:#dce9f8!important}
html body#focused-ui-preview.ariya-workbench .panel :is(.slot-file-pick,.slot-ref-tile,.fu-file-preview,.cover-row-upload){background:#101e32!important;border-color:#3a586f!important}
html body#focused-ui-preview.ariya-workbench .panel :is(.fu-file-preview img,.fu-file-preview video,.cover-row-upload img){background:#0d1a2d!important}
html body#focused-ui-preview.ariya-workbench .panel .batch-slot-head{border-color:#365069!important}
html body#focused-ui-preview.ariya-workbench .panel .slot-status:not(.failed):not(.running):not(.done):not(.success){background:#203951!important;border-color:#45627f!important;color:#bed8ed!important}
html body#focused-ui-preview.ariya-workbench .panel :is(.fu-local-note,.fu-file-meta){color:#9cb5cc!important}
html body.ariya-workbench .billing-mode-choice select{background:#1a2d43!important;border-color:#3e5975!important;color:#b4d7eb!important}
@keyframes ariya-aurora-drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-8%,14%,0) scale(1.18)}}
@keyframes ariya-signal-pulse{0%,100%{opacity:.58;box-shadow:0 0 6px #6bdfff}50%{opacity:1;box-shadow:0 0 14px #6bdfff}}
@keyframes ariya-title-light{from{background-position:0 50%}to{background-position:100% 50%}}
@keyframes ariya-border-shine{0%,100%{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}
body.ariya-motion-still .ariya-atmosphere:before,body.ariya-motion-still .ariya-atmosphere:after,body.ariya-motion-still .ariya-shine-edge,body.ariya-motion-still .home-hero-eyebrow:before,body.ariya-motion-still .home-hero-title span{animation-play-state:paused!important}
body.ariya-motion-still #panel-home .home-hero-art{translate:0 0!important}
body.studio-calm .ariya-interactive,body.studio-calm .p-nav-mod,body.studio-calm .home-hero-art{transition:none!important}
@media(max-width:900px){html body.ariya-workbench #panel-home .home-hero-art{translate:0 0!important}.ariya-atmosphere:before,.ariya-atmosphere:after{opacity:.55}}
@media(prefers-reduced-motion:reduce){.ariya-atmosphere:before,.ariya-atmosphere:after,.ariya-shine-edge,.home-hero-eyebrow:before,.home-hero-title span{animation:none!important}.ariya-interactive,.home-hero-art{transition:none!important}html body.ariya-workbench #panel-home .home-hero-art{translate:0 0!important}}

/* The login artwork is an open, transparent Remotion scene, across native and web. */
html body #authShell .motion-wrap,html body .web-motion-host,html body #login-motion,html body #login-motion iframe{border:0!important;outline:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
html body #authShell .motion-wrap{overflow:visible!important}

/* Explicit native playback remains available even when Windows disables animations. */
.ariya-motion-policy{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 0;color:#a5bfd8;font-size:12px}.ariya-motion-policy select{max-width:160px;background:#13263e;color:#cde5f5;border:1px solid #385773;border-radius:9px;padding:7px 10px;font:inherit;min-height:36px}
@media(prefers-reduced-motion:reduce){html[data-ariya-motion="full"] body .ariya-atmosphere:before{animation:ariya-aurora-drift 14s ease-in-out infinite alternate!important}html[data-ariya-motion="full"] body .ariya-atmosphere:after{animation:ariya-aurora-drift 18s ease-in-out infinite alternate-reverse!important}html[data-ariya-motion="full"] body .ariya-shine-edge{animation:ariya-border-shine 13s linear infinite!important}html[data-ariya-motion="full"] body .home-hero-eyebrow:before{animation:ariya-signal-pulse 3s ease-in-out infinite!important}html[data-ariya-motion="full"] body #panel-home .home-hero-title span{animation:ariya-title-light 9s ease-in-out infinite alternate!important}}

/* /ariya-device.css */
/* ARIA browser and touch surfaces. Desktop feature IDs and routes are preserved. */
.ariya-mobile-dock{display:none}
.ariya-web-settings .ariya-settings-note{font-size:12px;color:#93abc8;line-height:1.9}
.ariya-web-settings form{display:grid;gap:12px;margin-top:18px}
.ariya-web-settings input{width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px;background:#0b1728;border:1px solid #34516e;border-radius:10px;color:#edf6ff}
.ariya-web-settings .ariya-settings-result{color:#9bcadb;line-height:1.8;font-size:12px;min-height:24px;overflow-wrap:anywhere}
.ariya-web-settings .ariya-settings-result[data-error=true]{color:#f6a5b3}
.ariya-web-settings a{color:#b0c5fb;text-underline-offset:4px}
.ariya-web-settings dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px;border-radius:12px;background:#0e1c2e;margin:16px 0}
.ariya-web-settings dt{color:#91aac5}.ariya-web-settings dd{margin:0;text-align:right;color:#d6e9fc}
.ariya-web-settings [hidden]{display:none!important}
html body.ariya-workbench .ariya-web-settings{background:linear-gradient(125deg,#132338,#18233a)!important;border:1px solid #334c68!important;border-radius:15px!important}
@media(max-width:760px),(max-height:600px) and (pointer:coarse){
 html,html body.ariya-workbench{height:100dvh!important;overflow:hidden!important}
 html{--ariya-header:calc(64px + env(safe-area-inset-top,0px));--ariya-dock:calc(66px + env(safe-area-inset-bottom,0px));--ariya-height:100dvh}
 html body.ariya-workbench{font-size:13px;touch-action:pan-y}
 html body.ariya-workbench header.topbar,html body.ariya-workbench header.topbar.has-studio-toolbar{position:fixed!important;inset:0 0 auto!important;z-index:400!important;height:var(--ariya-header)!important;min-height:var(--ariya-header)!important;padding:calc(9px + env(safe-area-inset-top,0px)) 12px 9px!important;flex-wrap:nowrap!important;gap:9px!important;align-items:center!important}
 html body.ariya-workbench header.topbar .studio-nav-toolbar,html body.ariya-workbench header.topbar .hv-search,html body.ariya-workbench header.topbar .nav-toolbar,html body.ariya-workbench header.topbar .p-topbar-actions{display:none!important}
 html body.ariya-workbench header.topbar .brand{min-width:0!important;flex:1 1 auto!important;gap:8px!important}
 html body.ariya-workbench header.topbar .brand h1{font-size:15px!important;white-space:nowrap!important;letter-spacing:0!important;max-width:100%;overflow:hidden;text-overflow:ellipsis}
 html body.ariya-workbench header.topbar .brand-slogan{display:none!important}
 html body.ariya-workbench main{position:fixed!important;top:var(--ariya-header)!important;bottom:0!important;height:calc(var(--ariya-height) - var(--ariya-header))!important;max-height:calc(var(--ariya-height) - var(--ariya-header))!important;width:100%!important;margin:0!important;left:0!important;right:0!important;padding:16px 14px calc(var(--ariya-dock) + 24px)!important;scroll-padding-top:16px;scroll-padding-bottom:100px;overflow-x:hidden!important;overflow-y:auto!important;box-sizing:border-box!important}
 html body.ariya-workbench nav.tabs.sidebar{display:flex!important;position:fixed!important;left:0!important;width:min(292px,84vw)!important;top:var(--ariya-header)!important;bottom:0!important;height:calc(var(--ariya-height) - var(--ariya-header))!important;max-height:calc(var(--ariya-height) - var(--ariya-header))!important;padding-bottom:calc(var(--ariya-dock) + 14px)!important;background:#0d1728!important;z-index:310!important;transform:translateX(-104%)!important;visibility:hidden;pointer-events:none}
 html body.ariya-workbench.bw-nav-open nav.tabs.sidebar{transform:translateX(0)!important;visibility:visible;pointer-events:auto}
 html body.ariya-workbench.bw-nav-open .bw-nav-shade{display:block!important;position:fixed!important;inset:var(--ariya-header) 0 0!important;z-index:305!important;background:#0009;backdrop-filter:blur(2px)}
 html body.ariya-workbench .bw-nav-toggle{display:inline-flex!important;justify-content:center;align-items:center;width:40px;height:44px!important;min-width:40px;font-size:21px!important;border:1px solid #3e5878!important;border-radius:10px!important;background:#17253c!important;color:#a4c4e9!important}
 html body.ariya-workbench header.topbar :is(#topbarBalance,.acct-group,#hvBell){display:none!important}
 html body.ariya-workbench .panel{min-width:0!important;width:100%!important;max-width:100%!important}
 html body.ariya-workbench .panel h2{font-size:20px!important;line-height:1.6!important;letter-spacing:0!important}
 html body.ariya-workbench main .card,html body.ariya-workbench .settings-card,html body.ariya-workbench .studio-card,html body.ariya-workbench .copy-card,html body.ariya-workbench .platform-cover-card{padding:18px!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;border-radius:15px!important}
 html body.ariya-workbench main :is(.row,.field-row,.field-row2,.grid2,.grid-2,.two-col,.two-cols,.studio-grid,.studio-cols,.qh-grid,.qh-input-grid,.ref-grid,.ref-layout,.copy-grid,.ve-layout,.vs-layout,.platform-cover-grid,.op-layout,.op-grid,.vt-grid,.vt-columns,.library-layout,.batch-config,.batch-params,.batch-controls,.batch-filter-row){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;min-width:0!important}
 html body.ariya-workbench main :is(.row,.field-row,.studio-grid,.qh-grid,.ve-layout,.vs-layout,.copy-grid,.batch-config)>*{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
 html body.ariya-workbench main :is(.btn,.btn-primary,button.studio-flow-step){min-height:44px!important;white-space:normal!important;line-height:1.55!important;touch-action:manipulation}
 html body.ariya-workbench main :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea){font-size:16px!important;min-width:0!important;max-width:100%!important;width:100%;box-sizing:border-box!important}
 html body.ariya-workbench main :is(input[type=checkbox],input[type=radio]){min-width:18px;min-height:18px}
 html body.ariya-workbench main :is(video,audio,img,canvas){max-width:100%!important}
 html body.ariya-workbench main :is(pre,.status-line,.hint,.studio-note,.chip-name,.file-name){overflow-wrap:anywhere!important;white-space:normal!important}
 html body.ariya-workbench main :is(.dropzone,.fu-file-preview,.slot-file-pick,.upload-box,.ve-upload,.vs-upload){min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
 html body.ariya-workbench main :is(.record-grid,.records-grid,.library-grid,.material-grid,.module-grid,.directory-grid,.directory-items,.hv-cats){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 html body.ariya-workbench #panel-home .home-hero-stage{min-height:0!important;padding:24px 20px!important;display:flex!important;flex-direction:column!important;border-radius:19px!important;box-sizing:border-box!important}
 html body.ariya-workbench #panel-home .home-hero-copy{width:100%!important;max-width:100%!important;position:relative;z-index:2}
 html body.ariya-workbench #panel-home .home-hero-title{font-size:32px!important;line-height:1.3!important;letter-spacing:0!important;max-width:100%!important}
 html body.ariya-workbench #panel-home .home-hero-sub{font-size:12px!important;line-height:1.85!important;max-width:100%!important}
 html body.ariya-workbench #panel-home .home-hero-art{width:100%!important;height:238px!important;flex:0 0 238px!important;position:relative!important;inset:auto!important;opacity:.95;margin:18px 0 0!important;order:2}
 html body.ariya-workbench #panel-home .home-hero-robot-holder{width:186px!important;height:209px!important;inset:auto!important;left:50%!important;bottom:30px!important;transform:translateX(-50%)!important}
 html body.ariya-workbench #panel-home .home-hero-podium{width:235px!important;bottom:-6px!important}
 html body.ariya-workbench #panel-home .home-hero-tile{width:87px!important;height:42px!important;padding:7px!important;font-size:11px!important;gap:6px!important}
 html body.ariya-workbench #panel-home .home-hero-tile-copy{left:0!important;top:16px!important}
 html body.ariya-workbench #panel-home .home-hero-tile-image{left:0!important;top:124px!important}
 html body.ariya-workbench #panel-home .home-hero-tile-audio{right:-2px!important;top:69px!important}
 html body.ariya-workbench #panel-home .home-hero-tile-video{right:0!important;bottom:29px!important}
 html body.ariya-workbench #panel-home .home-hero-features{width:100%!important;order:3;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px 12px!important;margin-top:18px!important}
 html body.ariya-workbench #panel-home .home-hero-features small{font-size:11px!important}
 html body.ariya-workbench main #webContextStrip{padding:8px 10px!important;gap:3px 8px!important;min-height:0!important}
 html body.ariya-workbench main #webContextStrip #webSyncBar{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:8px!important;min-height:30px!important;padding:0!important;flex-basis:100%!important}
 html body.ariya-workbench main #webContextStrip #webSyncBar .ws-info{flex:1 1 auto!important;min-width:0!important}
 html body.ariya-workbench main #webContextStrip #webSyncBar .ws-status{font-size:10px!important;line-height:1.55!important}
 html body.ariya-workbench main #webContextStrip #webSyncBar .ws-actions{flex:0 0 auto!important;margin:0!important}
 html body.ariya-workbench main #webContextStrip #webSyncBar .ws-refresh{min-height:30px!important;padding:4px 8px!important;font-size:10px!important}
 html body.ariya-workbench #panel-home .home-hero-art img{object-fit:contain!important;width:100%!important;height:100%!important}
 html body.ariya-workbench #panel-home .home-hero-tags{flex-wrap:wrap!important;gap:7px!important}
 html body.ariya-workbench #panel-home .home-hero-actions{flex-wrap:wrap!important;gap:10px!important}
 html body.ariya-workbench #panel-home .home-hero-orb{opacity:.5}
 html body.ariya-workbench #panel-settings{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
 html body.ariya-workbench #panel-settings>*{grid-column:1!important;min-width:0!important;margin:0!important;box-sizing:border-box!important}
 html body.ariya-workbench #studioPersonal{padding:20px!important}
 html body.ariya-workbench .ariya-motion-prefs{flex-wrap:wrap!important;gap:12px!important}
 html body.ariya-workbench .studio-pref{min-height:72px!important;padding:14px 0!important}
 html body.ariya-workbench .bw-capability{padding:20px!important;margin:0!important;width:100%!important}
 html body.ariya-workbench main :is(.fu-toolbar,.batch-head,.batch-actions,.qh-batch-actions,.reference-actions,.records-head,.library-toolbar,.copy-actions,.studio-actions,.page-studio-head){flex-wrap:wrap!important;gap:10px!important}
 html body.ariya-workbench main :is(.batch-zone,#qhBatch,.cover-batch,.qh-batch-draft,.qh-batch-row,.cover-batch-row,.fu-task-card){max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
 html body.ariya-workbench main :is(.qh-batch-row,.cover-batch-row,.fu-task-card){grid-template-columns:minmax(0,1fr)!important}
 html body.ariya-workbench main :is(.batch-table,.table-wrap,.records-table-wrap,.orders-wrap){max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
 html body.ariya-workbench .ariya-mobile-dock{display:flex;position:fixed;left:10px;right:10px;bottom:calc(7px + env(safe-area-inset-bottom,0px));height:56px;padding:4px;box-sizing:border-box;gap:3px;z-index:300;background:#14223be8;backdrop-filter:blur(20px);border:1px solid #5a789b80;border-radius:18px;box-shadow:0 -8px 32px #0004}
 .ariya-mobile-dock button{border:0;background:transparent;color:#9bb2d0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;min-width:0;font-size:10px;border-radius:13px;touch-action:manipulation}
 .ariya-mobile-dock button svg{width:20px;height:20px;stroke-width:1.7}
 .ariya-mobile-dock button[aria-current=page]{background:linear-gradient(125deg,#284960,#373362);color:#d8f3ff}
 body.bw-nav-open .ariya-mobile-dock,body.ariya-keyboard-open .ariya-mobile-dock{visibility:hidden;pointer-events:none}
 html body.ariya-workbench .ariya-atmosphere{left:0!important;top:var(--ariya-header)!important;opacity:.7}
 html body.ariya-workbench .ariya-interactive:active{border-color:#7397d8!important;background-color:#1b3151!important}
 html body.ariya-workbench .zlw-account{height:40px!important;width:40px!important;min-width:40px!important}
 html body.ariya-workbench .zlw-menu{background:#14223bf5!important;border-color:#466181!important}
 body .along-recharge{padding:0!important}.along-recharge-card{width:100%!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;max-width:100%!important}
 html body.ariya-workbench .page-studio-head{padding:18px 16px!important}.page-studio-head .page-studio-icon{flex-shrink:0}
}
@media(max-width:375px){html body.ariya-workbench main :is(.module-grid,.directory-grid,.hv-cats){grid-template-columns:minmax(0,1fr)!important}}
@media(hover:none){.ariya-interactive{transform:none!important}.ariya-home-motion-control{min-width:44px!important;min-height:44px!important}}