/* ===== miniKey 设计系统（浅色主题 · 品牌浅紫） ===== */
:root{
  --bg:#f6f5fb; --panel:#ffffff; --panel2:#f8f7fd; --line:#e8e5f4; --line2:#efedf9;
  --ink:#221f33; --ink2:#5f5b78; --ink3:#9b96b3;
  --brand:#7c6ceb; --brand2:#9d8bf7; --brandbg:#f2effe;
  --red:#ff5b5b; --green:#19b36b; --amber:#f5a623;
  --shadow:0 2px 12px rgba(34,31,51,.06); --shadow2:0 8px 30px rgba(34,31,51,.12);
  --radius:12px;
  /* ⭐ 2026-09-23：工作台「舞台」底色单独一个变量 —— 日间纯白（用户要求），夜间随暗色主题自动变深。
     之前直接写死 background:#fff，导致夜间模式下一大片刺眼的白（用户反馈）。 */
  --stage:#ffffff;
  --stage-veil:rgba(255,255,255,0);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  background:var(--bg); color:var(--ink); font-size:14px; line-height:1.6; -webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.svg{width:18px;height:18px;display:inline-block;vertical-align:middle}
.pad{padding:24px}

/* 布局 */
.layout{display:flex;min-height:100vh}
/* ⭐ 2026-09-17 侧栏加宽 210 → 228px：子项里最长的一条「智影尊享版（官方线路）」
   用 Microsoft YaHei 12.5px 实测需要 174.5px，而 210px 宽时文字区只有 168px（210-10*2-22），
   差 6.5px → 末尾的「）」被 .sub-wrap 的 overflow:hidden 裁掉。228px 时文字区 186px，余量 11.5px。
   ⭐ 2026-09-19 再加宽 228 → 252px：新模型「智影参考生（官方线路）」用同字体实测 189px，
   而 228px 时文字区仅 186px → 又溢出 3px（末尾「）」被裁，用户反馈「最右边的字被挡住」）。
   252px 时文字区 210px，余量 21px。
   ⭐ 2026-09-22 再加宽 252 → 300px + 所有菜单项改「单行不换行」（用户要求「大类要一行显示完，左边菜单加宽一点」）：
   实测（Microsoft YaHei）最长小类「智影全能Pro · 三视图不卡脸 ⭐」12.5px = 228px → 含内边距/蓝点需 290px；
   最长大类「智影30图版（官方线路）」13.5px = 230.4px → 需 274px。取 300px（余量 10px）。
   副作用（正向）：不再换行 → 菜单变矮，一屏内可放下，滚动条基本不再出现。 */
/* ⭐ 2026-09-23 用户要求：侧栏右边框线隐藏（前台工作台；后台 body.adm 保留分隔线） */
.sidebar{width:116px;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;
  align-items:center;padding:12px 8px;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden}
body:not(.adm) .sidebar{border-right:0}
/* 后台（body.adm）保持原宽度与横向菜单，不受前台改版影响 */
body.adm .sidebar{width:252px;align-items:stretch;padding:14px 10px}
/* ⭐ 2026-09-21：侧栏是 flex 列容器，子项默认 flex-shrink:1 → 内容超一屏时子菜单会被「压扁」
   （实测 7 个模型被压到 202px，末尾两项被裁）。禁止收缩，改为侧栏整体滚动。 */
.sidebar > *{flex:0 0 auto}
.brand{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0 12px;color:inherit;text-decoration:none;cursor:pointer}
.brand-ic{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}
.brand-tx{text-align:center}
.brand-tx b{font-size:16px;font-weight:800;display:block;line-height:1.2;letter-spacing:.2px}
/* ⭐ 用户要求：mini 保持深色、key 用品牌紫，两部分都加粗 */
.brand-tx b .bk-mini{color:var(--ink);font-weight:800}
.brand-tx b .bk-key{color:var(--brand);font-weight:800}
.brand-tx i{font-size:10px;color:var(--ink3);font-style:normal;display:block;line-height:1.4;white-space:nowrap;transform:scale(.92)}
/* ⭐ 2026-09-23 客人正式 LOGO 整图版（紫渐变钥匙方块 +「秘钥AI」字样，竖构图原样使用，不裁不拆） */
.brand-full img{width:82px;height:auto;display:block;border-radius:14px;user-select:none}
body.adm .brand-full{flex-direction:column}   /* 后台侧栏若有此品牌区，保持与前台一致（正常不渲染） */
body.adm .brand{flex-direction:row;gap:10px;padding:6px 8px 14px}
body.adm .brand-ic{width:34px;height:34px}
body.adm .brand-tx{text-align:left}
body.adm .brand-tx b{font-size:15px}
body.adm .brand-tx i{font-size:11px;transform:none}
/* ⭐ 菜单项：竖排（上图标 下名称）；圆角方块高亮，hover 浅紫底 */
.mi{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  width:98px;padding:11px 4px 10px;border-radius:13px;color:var(--ink2);font-size:13px;margin:2px 0;transition:.15s;
  text-align:center;line-height:1.25}
.mi-ic{display:flex;align-items:center;justify-content:center;width:25px;height:25px;color:var(--ink3);transition:.15s}
.mi-ic svg{width:24px;height:24px;display:block}
.mi-tx{font-size:13px;white-space:nowrap;letter-spacing:.2px}
.mi:hover{background:var(--line2);color:var(--ink)}
.mi:hover .mi-ic{color:var(--ink2)}
.mi.on{background:var(--brandbg);color:var(--brand);font-weight:700}
.mi.on .mi-ic{color:var(--brand)}
/* ⭐ 用户要求：点开后右侧正显示模型框的那个分组，左侧菜单项保持高亮，形成「已展开」反馈 */
.mi.mi-vgrp.fly-on{background:var(--brandbg);color:var(--brand)}
.mi.mi-vgrp.fly-on .mi-ic{color:var(--brand)}
/* 后台（body.adm）沿用横向菜单版式 —— 必须覆盖上面所有竖排规则（后台 markup 是 裸 svg + span，无 .mi-ic） */
body.adm .mi{flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;width:auto;
  padding:10px 12px;border-radius:10px;font-size:14px;text-align:left;line-height:1.5}
body.adm .mi > svg{width:18px;height:18px;flex:none;color:var(--ink3)}
body.adm .mi.on > svg{color:var(--brand)}
body.adm .mi > span{white-space:normal}
body.adm .mi-ic{width:18px;height:18px}
body.adm .mi-ic svg{width:18px;height:18px}
.side-foot{margin-top:auto;padding:14px 0 4px;color:var(--ink3);font-size:10px;text-align:center;white-space:nowrap;transform:scale(.95)}
/* 「管理后台」入口：分隔线 + 高亮描边，只对管理员显示 */
.side-sep{width:64px;height:1px;background:var(--line);margin:10px 0 8px}
.mi.mi-admin{color:var(--brand)}
.mi.mi-admin .mi-ic{color:var(--brand)}
.mi.mi-admin:hover{background:var(--brandbg)}
body.adm .side-sep{width:auto;margin:10px 6px 6px}
body.adm .mi.mi-admin{border:1px dashed rgba(14,116,144,.35);background:var(--brandbg);font-weight:600}
body.adm .mi.mi-admin:hover{background:rgba(14,116,144,.14);border-color:rgba(14,116,144,.6)}

.main{flex:1;display:flex;flex-direction:column;min-width:0}
.topbar{height:58px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 20px;position:sticky;top:0;z-index:20}
/* ⭐ 2026-09-23 用户要求：顶栏下边框线隐藏（前台；后台 body.adm 保留） */
body:not(.adm) .topbar{border-bottom:0}
.tb-title{font-size:16px;font-weight:700;flex:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-right{margin-left:auto;display:flex;align-items:center;gap:16px;flex:1 1 auto;min-width:0;justify-content:flex-end}
.tb-right>*{flex:none}   /* 除滚动公告外，右侧控件一律不压缩（避免把「标题」挤成两行/裁切） */
.tb-credit{color:var(--ink2);font-size:13px}
.tb-credit b{color:var(--brand);font-size:15px}
/* 顶栏「充值」入口（在积分左侧） */
.tb-recharge{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;
  border:0;border-radius:9px;padding:7px 13px;font-size:13px;font-weight:600;font-family:inherit;line-height:1.4;
  text-decoration:none;cursor:pointer;transition:.15s;white-space:nowrap}
.tb-recharge:hover{filter:brightness(1.06);transform:translateY(-1px)}
.tb-recharge svg{color:#fff}
/* ⭐ 2026-09-23 用户要求：「资费」入口放在「充值」旁边（顶栏），做成浅紫描边按钮与充值的实心紫区分开 */
.tb-pricing{display:inline-flex;align-items:center;gap:5px;background:var(--brandbg);color:var(--brand);
  border:1px solid rgba(124,108,235,.28);border-radius:9px;padding:6px 12px;font-size:13px;font-weight:600;
  line-height:1.4;text-decoration:none;cursor:pointer;transition:.15s;white-space:nowrap}
.tb-pricing:hover{background:rgba(124,108,235,.16);border-color:rgba(124,108,235,.5)}
.tb-pricing svg{color:var(--brand)}
.tb-user{display:flex;align-items:center;gap:8px;cursor:pointer;position:relative;padding:6px 4px}
.tb-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand2))}
.tb-uname{font-size:13px;color:var(--ink2)}
.tb-caret{width:16px;height:16px;color:var(--ink3)}
.tb-menu{position:absolute;top:44px;right:0;background:var(--panel);border:1px solid var(--line);border-radius:10px;
  box-shadow:var(--shadow2);padding:6px;min-width:132px;display:none;z-index:70}
.tb-user.open .tb-menu{display:block}
.tb-menu a{display:block;padding:9px 13px;border-radius:7px;color:var(--ink2);font-size:13px;white-space:nowrap}
.tb-menu a:hover{background:var(--brandbg);color:var(--brand)}
.tb-cs{background:var(--brandbg);color:var(--brand);border:none;border-radius:9px;padding:8px 14px;font-size:13px;cursor:pointer;font-weight:600}

.content{padding:0;min-width:0;flex:1;min-height:0;display:flex;flex-direction:column}

/* 通用卡片/面板 */
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.card-pad{padding:18px}
.sec-t{font-size:17px;font-weight:700;margin:0}
.sec-d{color:var(--ink3);font-size:13px;margin:4px 0 0}

/* 工作台双栏 */
.wb{display:grid;grid-template-columns:380px 1fr;gap:18px;align-items:start}
.wb-left{position:sticky;top:78px}
.wb-right{min-width:0}
@media(max-width:980px){.wb{grid-template-columns:1fr}}

/* 表单块 */
.field{margin-bottom:16px}
.field-h{display:flex;align-items:center;justify-content:space-between;font-weight:600;margin-bottom:8px}
.field-h .tag{font-size:12px;color:var(--ink3);font-weight:400}
.opt-row{display:flex;flex-wrap:wrap;gap:8px}
.opt{border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:9px 14px;cursor:pointer;font-size:13px;color:var(--ink2);transition:.15s;user-select:none}
.opt:hover{border-color:var(--brand2)}
.opt.on{background:var(--brandbg);border-color:var(--brand);color:var(--brand);font-weight:600}
.opt small{display:block;color:var(--ink3);font-weight:400;font-size:11px}
.opt.on small{color:var(--brand2)}
.cost-line{display:flex;align-items:baseline;gap:8px;font-size:13px;color:var(--ink2)}
.cost-line b{font-size:20px;color:var(--brand)}
.cost-line .old{color:var(--ink3);text-decoration:line-through}
.cost-line .vip{color:var(--amber);font-size:12px;font-weight:600}
.divider{height:1px;background:var(--line);margin:16px 0}

/* 上传区 */
.drop{border:1.5px dashed var(--line);border-radius:10px;padding:18px;background:var(--panel2);cursor:pointer;text-align:center;color:var(--ink3);font-size:13px;transition:.15s}
.drop:hover,.drop.over{border-color:var(--brand2);background:var(--brandbg)}
.drop b{color:var(--ink2)}
.thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.thumb{position:relative;width:74px;height:74px;border-radius:9px;overflow:hidden;border:1px solid var(--line);background:#000}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb .x{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer}

textarea.inp,.inp{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px 13px;font-size:14px;font-family:inherit;color:var(--ink);background:var(--panel);outline:none;transition:.15s}
.inp:focus,textarea.inp:focus{border-color:var(--brand)}
textarea.inp{min-height:96px;resize:vertical}

.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border:none;border-radius:10px;padding:12px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:.15s}
.btn-primary:hover{filter:brightness(1.05)}
.btn-primary:disabled{opacity:.5;cursor:not-allowed}
.btn-ghost{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 16px;font-size:13px;cursor:pointer;color:var(--ink2)}
.btn-ghost:hover{border-color:var(--brand2)}

/* 生成按钮大块 */
.gen-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;flex-wrap:wrap}
.gen-info{font-size:13px;color:var(--ink2)}
.gen-info b{color:var(--brand)}

/* 工作区任务卡片 */
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.task{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.task .media{aspect-ratio:9/16;background:#0f1115;position:relative;display:flex;align-items:center;justify-content:center}
.task .media img,.task .media video{width:100%;height:100%;object-fit:cover}
.task .badge{position:absolute;top:8px;left:8px;background:rgba(0,0,0,.55);color:#fff;font-size:11px;padding:3px 8px;border-radius:20px}
.task .body{padding:10px 12px}
.task .pk{font-size:11px;color:var(--ink3)}
.task .pt{font-size:12px;color:var(--ink);margin:4px 0 8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.task .acts{display:flex;gap:6px}
.task .acts a{flex:1;text-align:center;font-size:12px;padding:6px;border-radius:7px;background:var(--line2);color:var(--ink2)}
.task .acts a.dl{background:var(--brandbg);color:var(--brand)}
.spin{width:26px;height:26px;border:3px solid rgba(255,255,255,.25);border-top-color:var(--panel);border-radius:50%;animation:sp 1s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
.empty{text-align:center;color:var(--ink3);padding:50px 20px;font-size:13px}

/* 表格 */
table.tbl{width:100%;border-collapse:collapse;font-size:13px;background:var(--panel);border-radius:10px;overflow:hidden}
table.tbl th,table.tbl td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--line2)}
table.tbl th{background:var(--panel2);color:var(--ink2);font-weight:600;font-size:12px}
table.tbl tr:hover td{background:#fcfcff}
/* ⭐ 2026-09-17 我的记录页排版重做：原来 12 列硬挤一行 → 每个单元格都被压到换行（「工作台」竖排、时间断成两截）。
   现在：表格固定布局（列宽按表头 width 分配、多余空间按比例摊分），单元格默认一行不换行、超长省略号；
   「时间」「模型」允许折行（时间列上=开始、下=结束+耗时），「报错」悬停可看全文。 */
table.tbl.r-tbl{table-layout:fixed}
table.tbl.r-tbl th,table.tbl.r-tbl td{padding:10px 10px;vertical-align:top;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
table.tbl.r-tbl td.r-id{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:var(--ink3)}
table.tbl.r-tbl td.r-time{white-space:normal;line-height:1.5}
table.tbl.r-tbl td.r-time .r-sub{display:block;color:var(--ink3);font-size:11.5px;font-weight:400}
table.tbl.r-tbl td.r-model{white-space:normal;line-height:1.5;font-weight:600}
table.tbl.r-tbl td.r-err{color:var(--red)}
.st{font-size:12px;padding:2px 9px;border-radius:20px;font-weight:600}
.st.ok{background:#e7f9f0;color:var(--green)}
.st.fail{background:#fdeaea;color:var(--red)}
.st.run{background:#eef0ff;color:var(--brand)}
.st.wait{background:#fff6e6;color:var(--amber)}

/* 弹窗 */
.modal{position:fixed;inset:0;background:rgba(20,24,35,.45);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}
.modal[hidden]{display:none}
/* 弹窗内容超高时：整体不超出视口，正文区内部滚动，保证底部「保存」永远可见 */
.modal-box{background:var(--panel);border-radius:14px;width:440px;max-width:100%;box-shadow:var(--shadow2);display:flex;flex-direction:column;max-height:calc(100vh - 40px)}
.modal-h{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);font-weight:700;flex:none}
.modal-x{cursor:pointer;font-size:22px;color:var(--ink3);line-height:1}
.modal-b{padding:20px;overflow-y:auto;flex:1;min-height:0}
.modal-b .inp{margin:4px 0 14px}
.modal-b label{font-size:13px;color:var(--ink2)}
.hint{font-size:12px;color:var(--red);margin-top:8px;min-height:16px}

/* 列表块（积分/价格/记录头部） */
.row{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.kv{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 20px;min-width:160px}
.kv .k{color:var(--ink3);font-size:13px}
.kv .v{font-size:26px;font-weight:800;color:var(--brand);margin-top:4px}
.pill{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;background:var(--brandbg);color:var(--brand);font-weight:600}
.pill.gray{background:var(--line2);color:var(--ink3)}
.flow{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line2)}
.flow .fc{font-size:13px;color:var(--ink2)}
.flow .amt{margin-left:auto;font-weight:700}
.flow .amt.minus{color:var(--red)}
.flow .amt.plus{color:var(--green)}
.flow .bal{color:var(--ink3);font-size:12px;min-width:54px;text-align:right}
.flow .when{color:var(--ink3);font-size:12px;width:140px}
.flow .tk{color:var(--ink3);font-size:11px;width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* 筛选条 */
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
.filters .inp{width:auto;padding:8px 12px}
.filters select.inp{padding:8px 28px 8px 12px}
.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:14px}
.tab{padding:10px 14px;cursor:pointer;color:var(--ink2);font-weight:600;border-bottom:2px solid transparent}
.tab.on{color:var(--brand);border-color:var(--brand)}

/* 价格表 */
.price-tbl{margin-top:8px}
.price-tbl caption{text-align:left;font-weight:700;font-size:15px;padding:14px 0 8px;color:var(--ink)}
.price-tbl .disc{font-size:12px;color:var(--amber);font-weight:600}

/* 文档 */
.doc{max-width:920px}
.doc h3{margin:22px 0 8px;font-size:15px}
.doc h4{margin:16px 0 6px;font-weight:700;color:var(--ink)}
.doc pre{background:#0f1115;color:#e6e9f2;padding:14px 16px;border-radius:10px;overflow:auto;font-size:12.5px;line-height:1.6}
.doc code{background:var(--line2);padding:1px 6px;border-radius:5px;font-size:12.5px}
.doc pre code{background:none;padding:0;color:inherit}
.doc table.tbl{margin:8px 0}
.doc ul,.doc ol{margin:8px 0;padding-left:22px;color:var(--ink2);font-size:13px}
.doc li{margin:4px 0}
.doc-pane{padding-top:4px}
.doc .tabs{position:sticky;top:58px;background:var(--bg);z-index:5;margin-top:22px}

/* 登录/注册 */
.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#f5f6fa 0%,#eef0ff 100%)}
.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow2);width:420px;max-width:100%;padding:34px}
.auth-card h1{font-size:22px;margin:0;display:flex;align-items:center;gap:10px}
.auth-card .sub{color:var(--ink3);font-size:13px;margin:8px 0 20px}
.auth-card label{display:block;font-size:13px;color:var(--ink2);margin:14px 0 6px}
.auth-card .inp{margin-bottom:4px}
.auth-card .btn-primary{width:100%;margin-top:16px;padding:13px}
.auth-card .alt{text-align:center;color:var(--ink3);font-size:13px;margin-top:16px}
.auth-card .alt a{color:var(--brand);font-weight:600}
.tag-fail{background:#fdeaea;color:var(--red);border-radius:9px;padding:10px 12px;font-size:13px;margin-bottom:10px}

/* 人脸处理 */
.face-wrap{display:grid;grid-template-columns:530px 1fr;gap:18px;align-items:start;padding:20px}
@media(max-width:980px){.face-wrap{grid-template-columns:1fr}}
/* 三个 Tab 较长：允许换行、按钮不压缩文字（仅人脸处理页） */
#fSeg{flex-wrap:wrap;row-gap:4px;max-width:100%}
#fSeg button{white-space:nowrap}
.range-row{display:flex;align-items:center;gap:12px}
.range-row input[type=range]{flex:1}
.range-row .val{width:48px;text-align:right;font-weight:700;color:var(--brand)}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.seg button{border:none;background:var(--panel);padding:9px 18px;cursor:pointer;color:var(--ink2);font-size:13px}
.seg button.on{background:var(--brand);color:#fff}
.face-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.face-cell{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#000}
.face-cell img{width:100%;display:block}
.face-cell .dl{position:absolute;bottom:6px;right:6px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;padding:4px 10px;border-radius:7px;cursor:pointer}

/* ===================== 工作区 v3（1:1 照抄 原设计 排版） ===================== */
/* max-height 兜底：工作台是「固定视口高度」的应用式布局，内容再多也不许把底部输入条顶到屏幕外 */
/* ⭐ 2026-09-23 用户要求：工作台背景「日间纯白 / 夜间深色」—— 走 --stage 变量，不再写死 #fff */
.stage{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;max-height:calc(100vh - 58px);overflow:hidden;background:var(--stage)}
.mcol{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}
.mcol-h{padding:14px 14px 8px}
.msearch{position:relative}
.msearch svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--ink3)}
.msearch input{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px 12px 9px 33px;font-size:13px;outline:none;background:var(--panel2)}
.msearch input:focus{border-color:var(--brand)}
.mcol-list{flex:1;overflow-y:auto;padding:4px 10px 14px}
.mitem{position:relative;display:flex;gap:10px;padding:11px 10px;border-radius:12px;cursor:pointer;border:1.5px solid transparent;transition:.15s}
.mitem:hover{background:var(--panel2)}
.mitem.on{border-color:var(--brand);background:var(--brandbg)}
.micon{width:46px;height:46px;flex:none;border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2))}
.mitem.on .micon{background:linear-gradient(135deg,#5b4bd6,#7d6bf5)}
.minfo{min-width:0;flex:1}
.mrow{display:flex;align-items:center;gap:6px}
.mname{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mrate{font-size:10.5px;font-weight:700;color:var(--green);background:#e7f9f0;padding:1px 6px;border-radius:20px;flex:none}
.mdesc{font-size:11.5px;color:var(--ink3);line-height:1.5;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mtagnew{position:absolute;top:8px;left:44px;background:#ff5b5b;color:#fff;font-size:9px;padding:1px 5px;border-radius:6px;font-weight:700}

/* 中区 */
.stage-main{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--stage);position:relative}
.stage-top{display:flex;align-items:center;gap:10px;padding:12px 18px 6px}
.tl-btn{display:flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 14px;font-size:13px;color:var(--ink2);cursor:pointer}
.tl-btn:hover{border-color:var(--brand2);color:var(--brand)}
.tl-btn svg{width:15px;height:15px}
/* min-height:0 必须写：否则 flex 子项默认 min-height:auto，任务卡一高就把 .stage 撑破 */
/* 底部留白必须大于悬浮输入区总高（参考图框移到提示词框上方后约 280px），否则最新一条记录的操作行（重新编辑/再次生成/删除）会被输入区盖住 */
.stage-feed{flex:1;min-height:0;overflow-y:auto;padding:8px 18px 290px;scroll-behavior:smooth}
/* JS 会在 msAutoGrow / msSyncComposerPad 里把 padding-bottom 调成输入区实际高度（长提示词不遮记录） */
.feed-inner{max-width:780px;margin:0 auto}
.dlg{margin-bottom:22px}
.dlg-prompt{display:flex;gap:12px;align-items:flex-start}
.dlg-thumbs{display:flex;gap:6px;flex:none}
.dlg-thumb{width:56px;height:70px;border-radius:9px;overflow:hidden;border:1px solid var(--line);background:#000}
.dlg-thumb img{width:100%;height:100%;object-fit:cover}
.dlg-text{flex:1;min-width:0}
.dlg-prompt-txt{font-size:13.5px;color:var(--ink);line-height:1.65;cursor:default}
.dlg-prompt-txt.clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dlg-actions{display:flex;gap:10px;margin-top:6px}
.dlg-actions button{background:none;border:none;color:var(--brand);font-size:12px;cursor:pointer;display:flex;align-items:center;gap:4px;padding:0}
.dlg-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px;align-items:center}
.cchip{display:inline-flex;align-items:center;gap:5px;background:var(--line2);border-radius:8px;font-size:11.5px;padding:4px 9px;color:var(--ink2)}
.cchip b{font-weight:600;color:var(--ink)}
.cchip button{background:none;border:none;border:1px solid var(--line);border-radius:8px;font-size:11.5px;padding:4px 9px;color:var(--ink2);cursor:pointer}
.dlg-media{margin-top:12px}
.dlg-media .box{border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#000;max-width:400px;position:relative}
.dlg-media img,.dlg-media video{width:100%;display:block;max-height:460px;object-fit:contain}
/* 生成结果缩略图（约 200px）+ 操作按钮 */
.dlg-media .rbox{width:200px;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#000}
.dlg-media .rbox img,.dlg-media .rbox video{width:100%;display:block;max-height:200px;object-fit:cover}
.dlg-ractions{display:flex;gap:8px;margin-top:9px;flex-wrap:wrap}
.dlg-ractions button{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:7px 13px;font-size:12.5px;color:var(--ink2);cursor:pointer;font-family:inherit;transition:.15s}
.dlg-ractions button:hover{border-color:var(--brand);color:var(--brand);background:rgba(108,92,231,.05)}
.dlg-media .running{aspect-ratio:9/16;max-width:260px;background:#111520;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#fff;font-size:12px;border-radius:14px}
/* 假进度条：上游无进度反馈时按耗时模拟爬升（task_public 计算），完成即 100% */
.dlg-media .running .pbar{width:72%;max-width:200px;height:4px;border-radius:99px;background:rgba(255,255,255,.18);overflow:hidden}
.dlg-media .running .pbar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#00a1c2,#7dd3fc);transition:width 1.2s linear}
/* 提交中：不确定进度条（来回滑动），表示「正在等上游响应，还没拿到真实进度」 */
.dlg-media .running .pbar i.indet{width:40%!important;animation:indet 1.3s ease-in-out infinite}
@keyframes indet{0%{margin-left:-40%}100%{margin-left:100%}}
/* 提交中占位卡：用户明确要求「不要『正在提交到上游…』文案，只显示进度条」 → 百分比放大 + 加粗进度条 */
.dlg-media .running .plab{font-size:22px;font-weight:600;letter-spacing:.02em;color:#fff;font-variant-numeric:tabular-nums;line-height:1}
.dlg-media .running .pbar.big{height:8px;max-width:220px;width:84%;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.dlg-media .running .pbar.big i{background:linear-gradient(90deg,#f97316,#fbbf24)}
/* 9:16 的卡很高，进度条若垂直居中会被输入框盖住 → 提交中一律贴顶显示，保证看得见 */
.dlg-media .running.run-submit{justify-content:flex-start;padding-top:30px;gap:12px}
/* 提示词输入 @ 弹出参考图选择菜单（图片/视频工作台共用） */
.at-menu{position:absolute;z-index:80;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow2);padding:6px;display:flex;flex-direction:column;gap:4px;min-width:240px;max-height:220px;overflow:auto}
.at-menu .at-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;cursor:pointer;font-size:12.5px;color:var(--ink)}
.at-menu .at-item:hover{background:var(--line2)}
.at-menu .at-item img{width:34px;height:34px;object-fit:cover;border-radius:6px;border:1px solid var(--line);flex:none}
.at-menu .at-item .at-name{color:var(--ink2);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}
.at-menu .at-empty{padding:8px 10px;font-size:12px;color:var(--ink2);display:flex;align-items:center;justify-content:space-between;gap:8px}
.at-menu .at-empty button{border:none;background:var(--brand);color:#fff;border-radius:8px;padding:5px 10px;font-size:12px;cursor:pointer;font-family:inherit}
/* contenteditable 提示词输入区（替代 textarea）：自适应高度 + 空态占位 + 纯文本编辑 */
.cinput.at-input{overflow-y:auto;max-height:32vh;white-space:pre-wrap;word-break:break-word;outline:none;-webkit-user-modify:read-write-plaintext-only}
.cinput.at-input:empty:before{content:attr(data-placeholder);color:#9aa3ad;pointer-events:none}
/* 内联参考图芯片（@ 选择后插入）：浅蓝底圆角 + 迷你缩略图 + [图N]，1:1 照抄 原设计 */
.at-chip{display:inline-flex;align-items:center;gap:3px;background:#e3f2fd;color:#1976d2;border:1px solid #bbdefb;border-radius:6px;padding:1px 6px 1px 3px;font-size:12px;font-weight:600;line-height:18px;vertical-align:-3px;margin:0 2px;user-select:none}
.at-chip img{width:16px;height:16px;object-fit:cover;border-radius:3px;border:1px solid var(--panel);display:block}
/* @ 引用扩展（2026-09-14）：参考视频 / 参考音频同样可 @ 引用 —— 菜单缩略图 + 芯片类型图标 */
.at-menu .at-item video{width:34px;height:34px;object-fit:cover;border-radius:6px;border:1px solid var(--line);flex:none;background:#000}
.at-menu .at-item .at-ico{width:34px;height:34px;border-radius:6px;border:1px solid var(--line);flex:none;display:flex;align-items:center;justify-content:center;background:#eef7f1;color:#1f8a4c}
.at-menu .at-item .at-ico svg{width:17px;height:17px}
.at-chip.vid{background:#ede7ff;color:#5b3fd6;border-color:#d6c9ff}
.at-chip.aud{background:#e8f7ee;color:#1f8a4c;border-color:#c3e9d3}
.at-chip .at-play{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:3px;background:#5b3fd6;color:#fff;flex:none}
.at-chip .at-play svg{width:9px;height:9px;margin-left:1px}
.at-chip .at-ico{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:#1f8a4c;flex:none}
.at-chip .at-ico svg{width:12px;height:12px}
/* ⭐ 2026-09-19 悬停提示词芯片里的缩略图 → 弹出大图预览，鼠标移开即消失。
   纯显示层：preview 元素不参与提示词文本，promptGet() 取到的始终是「[图N]」纯文字引用。
   pointer-events:none 保证浮层永远不抢鼠标，鼠标一离开缩略图就触发 mouseout 隐藏。 */
.at-prev{position:absolute;z-index:90;display:none;padding:5px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow2);pointer-events:none}
.at-prev img{display:block;max-width:240px;max-height:240px;border-radius:8px;background:var(--line2)}
.at-prev .at-prev-cap{margin-top:4px;font-size:11px;line-height:1.4;color:var(--ink2);max-width:240px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 内联运镜标签（点选运镜后追加）：橙色边框圆角 + 摄像机小图标 + 短名称，可叠加 */
.move-chip{display:inline-flex;align-items:center;gap:4px;background:#fff5ed;color:#f56a00;border:1px solid #ffd4b3;border-radius:10px;padding:2px 8px 2px 5px;font-size:12.5px;font-weight:600;line-height:18px;vertical-align:-2px;margin:0 2px;user-select:none;cursor:default;box-shadow:0 1px 2px rgba(245,106,0,.08)}
.move-chip svg{width:13px;height:13px;flex:none;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
/* 参考图 + 参考视频 / 参考音频 同一行排列（照抄原设计 .ref-row + .uframes.vslots + .iframe） */
.ref-row{display:flex;align-items:flex-start;gap:2px;flex-wrap:wrap;width:100%}
.ref-row .cankaotu-container{width:auto;flex:1 1 auto;min-width:0}
.vslots{margin-bottom:0;flex-wrap:nowrap}
.iframe.audio{background:#fff7ed;border-color:#ffd9b8;color:#f56a00}
.iframe.audio svg{opacity:.92}
.dlg-func{display:flex;align-items:center;gap:16px;margin-top:10px;font-size:12.5px;color:var(--ink3);flex-wrap:wrap}
.dlg-func button{background:none;border:none;color:var(--ink2);cursor:pointer;font-size:12.5px;display:flex;align-items:center;gap:5px;padding:0}
.dlg-func button:hover{color:var(--brand)}
.dlg-func .time{color:var(--ink3)}
.dlg-func .exp-tip{margin-left:auto;color:#b06a00;background:rgba(249,115,22,.10);border:1px solid rgba(249,115,22,.25);border-radius:999px;padding:2px 9px;font-size:11.5px;white-space:nowrap}
.dlg-func .exp-tip:hover{background:rgba(249,115,22,.16)}
/* 「立即下载」大按钮与失效提示样式在 composer-ui.css（结果不落盘相关） */

/* 底部输入条 */
/* z-index 必须显式给：.composer 原先只有 position:absolute、z-index:auto，
   而任务卡里的 .dl-big（立即下载）/ .rthumb .x 等是 position:absolute + z-index:2~3，
   正数 z-index 的定位元素会画在 auto 定位元素之上 → 滚动记录时「立即下载」盖住输入框。
   45 高于任务卡内部所有层级（最大 3），又低于各类弹窗（>=100），不会挡住弹层。 */
.composer{position:absolute;left:0;right:0;bottom:0;padding:10px 18px 16px;background:linear-gradient(to top,var(--stage) 62%,var(--stage-veil));pointer-events:none;z-index:45}
.cbox{max-width:860px;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow2);padding:12px 14px 10px;pointer-events:auto;position:relative}
.urow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.uslot{width:66px;height:74px;border:1.5px dashed var(--line);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:var(--ink3);font-size:11px;background:var(--panel2);position:relative;overflow:hidden}
.uslot:hover,.uslot.over{border-color:var(--brand2);background:var(--brandbg)}
.uslot .plus{font-size:19px;line-height:1;margin-bottom:3px}
.uslot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.uslot .del{position:absolute;top:2px;right:2px;width:17px;height:17px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;z-index:2}
.uarrow{color:var(--ink3);font-size:15px}
.cinput{width:100%;border:none;outline:none;resize:none;min-height:58px;font-size:14px;font-family:inherit;color:var(--ink);line-height:1.6}
.cinput::placeholder{color:#b6bccd}
.crow{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:20px;padding:5px 12px;font-size:12.5px;color:var(--ink2);cursor:pointer;background:var(--panel);white-space:nowrap}
.pill:hover{border-color:var(--brand2)}
.pill[hidden]{display:none}
.pill.on{border-color:var(--brand);color:var(--brand);background:var(--brandbg);font-weight:600}
.pill .dot{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.5}
.sendbtn{margin-left:auto;width:40px;height:40px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;cursor:pointer;font-size:17px;display:flex;align-items:center;justify-content:center;flex:none}
.sendbtn:disabled{opacity:.45;cursor:not-allowed}
.costline{font-size:12px;color:var(--ink3);margin-left:auto;margin-right:4px}
.costline b{color:var(--brand);font-size:14px}

/* 下拉菜单（基础，具体定位见文末 .pop 覆盖） */
.pop{position:absolute;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow2);padding:6px;min-width:150px;z-index:60;display:none}
.pop.show{display:block}
.pop a{display:flex;justify-content:space-between;gap:14px;padding:8px 11px;border-radius:8px;font-size:13px;color:var(--ink2);cursor:pointer;white-space:nowrap}
.pop a:hover{background:var(--line2)}
.pop a.on{background:var(--brandbg);color:var(--brand);font-weight:600}
.pop a small{color:var(--ink3);font-weight:400}

/* 侧边栏子菜单 */
.mi .caret{margin-left:auto;transition:.2s;color:var(--ink3)}
.mi.open .caret{transform:rotate(90deg)}
.sub-wrap{overflow:hidden;max-height:0;transition:max-height .25s ease}
/* ⭐ 2026-09-21：260px 只够 7 个子项（每项≈35px），第 8 个模型（参考音频）被 overflow:hidden 裁掉
   → 放宽到 420px（约容纳 12 项，后续加模型也不再裁）；手机端另有 ≤860px 的 2000px 补丁。 */
/* ⭐ 2026-09-21：原写死 420px → 模型多 / 屏幕矮时末尾项被 overflow:hidden 裁掉一半。
   放开到 2000px（配合 .sidebar 自身滚动），移动端另有 !important 覆盖，行为不变。 */
.sub-wrap.open{max-height:2000px}
/* 二级子项（模型）：平铺在「大类」下；点击即进入该模型的提交工作台 */
.mi.sub2{padding:8px 10px 8px 22px;font-size:12.5px;color:var(--ink3);border-radius:9px;white-space:nowrap}
.mi.sub2.on{background:var(--brandbg);color:var(--brand);font-weight:600}
/* ⭐ 2026-09-22 菜单重设计·用户反馈：渠道小类（.sub-wrap 内）= 左侧蓝点 + 选中加粗变蓝。
   蓝 #00a1c2 与工作台「渠道选择器」图标 / 渠道 chevron 同色（站内通道色）。
   ⭐ 2026-09-22 再改：用户要求「一行显示完」→ 名称不再换行（white-space:nowrap），
   蓝点与文字改为垂直居中（原来换行才需要 flex-start + 蓝点上移）。 */
.sub-wrap .mi.sub2{white-space:nowrap;line-height:1.4;height:auto;align-items:center;gap:8px;padding:8px 10px 8px 18px}
.sub-wrap .mi.sub2 .cdot{flex:none;width:6px;height:6px;border-radius:50%;background:#00a1c2;margin-top:0}
.sub-wrap .mi.sub2.on{background:var(--brandbg);color:#00a1c2;font-weight:700}
.sub-wrap .mi.sub2.on .cdot{box-shadow:0 0 0 2px rgba(0,161,194,.25)}
/* ⭐ 二级分类（渠道分组）标题样式 —— 仅在 subcat 开关开启时由 studio.php 渲染；默认隐藏。 */
.mi.sub-cat{display:flex;align-items:center;gap:6px;padding:10px 10px 2px 22px;font-size:11px;font-weight:600;color:var(--ink3);letter-spacing:.3px;white-space:nowrap;cursor:default;margin:2px 0 0}
.mi.sub-cat:hover{background:transparent;color:var(--ink3)}
.mi.sub-cat i{flex:1;height:1px;background:var(--line2);min-width:10px}
.mi.sub-cat span{overflow:hidden;text-overflow:ellipsis;max-width:150px}

/* ⭐ 2026-09-22 菜单重设计（用户确认稿）：分组小标题（视频/图片工作台降级为不可点标题）+
   模型 = 大类（≥2 渠道才展开渠道小类，手风琴复用 data-toggle 机制）+ 小类 = 渠道。 */
.side-sec{padding:12px 12px 4px;font-size:11px;font-weight:600;color:var(--ink3);letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* ⭐ 用户反馈「所有大类字体要一样大」：单渠道模型与多渠道模型(含小类)统一用 .mi.mcat（13.5px）；
   名称过长改「换行」而非截断（原 max-width:172px + ellipsis 会截断长模型名）。 */
.mi.mcat{padding:9px 12px;font-size:13.5px;font-weight:500;color:var(--ink2);white-space:nowrap;line-height:1.4}
.mi.mcat span{white-space:nowrap}
.mi.mcat.on{background:var(--brandbg);color:var(--brand)}
.mi.mcat:hover{background:var(--brandbg)}
/* ⭐ 2026-09-22 用户反馈（第2轮）：分组标题（视频/图片工作台）= 可展开/折叠的菜单行（恢复旧版观感：图标 + 名称 + caret） */
.mi.grp{font-weight:600;color:var(--ink)}
.mi.grp svg{color:var(--ink2)}
.mi.grp.on{color:var(--brand)}
.mi.grp.on svg{color:var(--brand)}
.sub-wrap.grp-wrap{overflow:hidden}

/* ⭐ 2026-09-22 用户要求：左侧菜单滚动条「隐形」——平时不显示，滚动/悬停时才出现，细长圆角 */
.sidebar{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .25s ease}
.sidebar:hover,.sidebar.is-scrolling{scrollbar-color:rgba(15,23,42,.2) transparent}
.sidebar::-webkit-scrollbar{width:5px;height:5px}
.sidebar::-webkit-scrollbar-track{background:transparent}
.sidebar::-webkit-scrollbar-thumb{background:transparent;border-radius:999px;transition:background .25s ease}
.sidebar:hover::-webkit-scrollbar-thumb,.sidebar.is-scrolling::-webkit-scrollbar-thumb{background:rgba(15,23,42,.2)}
.sidebar::-webkit-scrollbar-thumb:hover{background:rgba(15,23,42,.36)}
html[data-theme="dark"] .sidebar:hover,html[data-theme="dark"] .sidebar.is-scrolling{scrollbar-color:rgba(255,255,255,.22) transparent}
html[data-theme="dark"] .sidebar:hover::-webkit-scrollbar-thumb,html[data-theme="dark"] .sidebar.is-scrolling::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22)}
html[data-theme="dark"] .sidebar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.36)}

/* 任务列表面板（1:1 照抄 原设计 .task-dialog-panel 浅色主题） */
.tpanel{position:absolute;top:70px;left:20px;width:min(368px,calc(100% - 40px));max-height:min(384px,calc(100% - 72px));background:#ffffffd9;border:1px solid rgba(15,23,42,.08);border-radius:12px;box-shadow:0 20px 48px rgba(15,23,42,.14),0 0 0 1px #ffffffc7;z-index:70;display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%)}
.tpanel[hidden]{display:none}
.tpanel-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 8px}
.tpanel-kicker{display:none}
.tpanel-title{margin:0;color:#a16207;font-size:14px;font-weight:700;width:100%;display:flex;align-items:center;justify-content:space-between}
.tpanel-x{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(15,23,42,.12);border-radius:10px;background:rgba(15,23,42,.04);color:rgba(15,23,42,.55);font-size:18px;line-height:1;cursor:pointer;transition:all .18s ease}
.tpanel-x:hover{background:#f59e0b1f;border-color:#c88c0059;color:#926000}
.tpanel-tools{display:flex;gap:8px;padding:0 14px 8px}
.tpanel-tools input{flex:1;min-width:0;height:32px;border:1px solid rgba(15,23,42,.08);border-radius:10px;background:#ffffffc7;padding:0 10px;font-size:12px;color:#0f172adb;outline:none;box-shadow:inset 0 1px #ffffffb3}
.tpanel-filters{display:flex;gap:6px;flex-wrap:wrap;padding:0 14px 10px}
.tpanel-filters select,.tpanel-filters input{border:1px solid rgba(15,23,42,.09);border-radius:8px;height:28px;padding:0 8px;font-size:12px;color:#323c50;outline:none;background:var(--panel)}
.tpanel-list{flex:1;min-height:0;overflow-y:auto;padding:2px 14px 14px;overscroll-behavior:contain}
.tp-item{display:flex;gap:10px;padding:9px;border-radius:10px;cursor:pointer}
.tp-item:hover{background:#0f172a08}
.tp-media{width:52px;height:52px;border-radius:8px;background:#0f1115;flex:none;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#8a90a5;font-size:10px}
.tp-media img,.tp-media video{width:100%;height:100%;object-fit:cover}
.tp-body{min-width:0;flex:1}
.tp-txt{font-size:12.5px;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tp-meta{font-size:11px;color:var(--ink3);margin-top:3px;display:flex;gap:8px;flex-wrap:wrap}

/* ===================== 工作区 v4（1:1 照抄 原设计 工作台排版） ===================== */
.s2-top{position:absolute;top:28px;left:64px;z-index:50;display:inline-flex;align-items:center;gap:8px}
.tl-entry{width:140px;min-width:140px;height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 16px;border:none;border-radius:18px;background:linear-gradient(135deg,#ffd666,#f59e0b);color:#260e01;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(217,119,6,.18),0 8px 20px rgba(15,23,42,.08),inset 0 1px rgba(255,255,255,.55);white-space:nowrap}
.tl-entry:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(217,119,6,.24),0 10px 24px rgba(15,23,42,.1),inset 0 1px rgba(255,255,255,.62)}
.tl-entry:active{transform:translateY(0) scale(.98)}
.tl-entry svg{width:16px;height:16px}
.wanfa-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:18px;background:linear-gradient(135deg,#fff5bef0,#ffe8b3f5);border:1px solid rgba(210,155,0,.28);color:#3d2600;cursor:pointer;box-shadow:0 2px 8px rgba(200,160,0,.16),inset 0 1px rgba(255,255,255,.45);transition:all .2s cubic-bezier(.4,0,.2,1)}
.wanfa-btn:hover{transform:translateY(-1px);background:linear-gradient(135deg,#ffefa6,#ffda8e);border-color:rgba(210,155,0,.42)}
.wanfa-btn:active{transform:translateY(0) scale(.98)}
.wanfa-btn svg{width:16px;height:16px}

/* 模型介绍 hero（居中大图标 + 说明卡） */
.hero{max-width:640px;margin:0 auto;padding:44px 16px 0;display:flex;flex-direction:column;align-items:center;gap:24px}
.hero-ic{width:112px;height:112px;border-radius:26px;background:linear-gradient(145deg,#282c34,#1c1f26);display:flex;align-items:center;justify-content:center;flex:none;box-shadow:0 4px 16px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.08)}
.hero-ic span{font-size:36px;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,#a78bfa,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-tx{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 20px;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.06);font-size:14px;line-height:1.8;color:var(--ink2)}

/* ⭐ 2026-09-23 空状态大字：没有任何记录时，「说明卡片」与「对话框」之间显示半透明大字。
   颜色走 var(--ink)+opacity —— 日夜双主题自动适配（勿写死色值，夜间会出白块）。
   .is-empty 让 feed-inner 至少撑满记录区高度 → 大字用 margin-top:auto 贴到对话框上方。 */
.feed-inner.is-empty{min-height:100%;display:flex;flex-direction:column}
.feed-empty{flex:1;display:flex;align-items:flex-end;justify-content:center;padding:0 24px 26px;pointer-events:none}
.feed-empty-tx{font-size:30px;font-weight:800;letter-spacing:3px;color:var(--ink);opacity:.13;text-align:center;user-select:none;line-height:1.4}

/* 计费提示（悬浮在输入框右上角） */
.bill-tip{position:absolute;top:-14px;right:14px;display:inline-flex;align-items:center;gap:4px;height:27px;padding:0 10px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 2px 8px rgba(29,35,48,.1);font-size:11.5px;color:#d97706;font-weight:600;z-index:6;white-space:nowrap}
.bill-tip .info{width:13px;height:13px;border-radius:50%;border:1px solid var(--ink3);color:var(--ink3);font-size:9px;line-height:1;display:inline-flex;align-items:center;justify-content:center;font-weight:700}

/* 上传槽（1:1 照抄 原设计 .initial-upload） */
.uframes{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px;min-height:0}
.uframes:empty{display:none}
.iframe{position:relative;width:55px;height:70px;background:rgba(15,23,42,.02);border:1px dashed rgba(15,23,42,.17);border-radius:3px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:all .3s ease;overflow:hidden;box-sizing:border-box}
.iframe:hover{border-color:rgba(15,23,42,.33)}
.iframe.rot-l{transform:rotate(-8deg)}
.iframe.rot-r{transform:rotate(8deg)}
.iframe.rot-l:hover{transform:rotate(-8deg) scale(1.08)}
.iframe.rot-r:hover{transform:rotate(8deg) scale(1.08)}
.iframe .plus{font-size:28px;color:rgba(106,114,122,.88);font-weight:300;line-height:1}
.iframe .flab{font-size:10px;color:rgba(106,114,122,.88);text-align:center;line-height:1.2;max-width:52px;word-break:keep-all}
.iframe img,.iframe video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.iframe .del{position:absolute;top:1px;right:1px;width:16px;height:16px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;z-index:2}
.iframe .cnt{position:absolute;bottom:2px;right:2px;background:rgba(0,0,0,.62);color:#fff;font-size:10px;padding:0 4px;border-radius:5px;z-index:2}
.ufarrow{display:flex;align-items:center;justify-content:center;width:20px;height:70px;opacity:.38;color:var(--ink2);transform:translateY(-8px);flex:none}
.ufarrow svg{width:20px;height:20px}

/* 参考图缩略图（可拖动排序 / 点击放大） */
.rthumb{position:relative;width:74px;height:74px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#000;cursor:grab;flex:none;box-sizing:border-box;transition:box-shadow .15s}
.rthumb img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.rthumb .x{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:12px;line-height:18px;text-align:center;cursor:pointer;z-index:2}
.rthumb .x:hover{background:rgba(220,38,38,.92)}
.rthumb.dragover{border-color:var(--brand);box-shadow:0 0 0 2px rgba(108,92,231,.32)}
.radd{width:74px;height:74px;border:1.5px dashed var(--line);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--ink3);font-size:26px;font-weight:300;cursor:pointer;background:var(--panel2);flex:none;transition:.15s}
.radd:hover{border-color:var(--brand);color:var(--brand);background:rgba(108,92,231,.04)}
.radd:active{transform:scale(.97)}

/* 输入行 + 右侧资源按钮列 */
.cinput-row{display:flex;align-items:flex-start;gap:8px}
.cinput-row .cinput{flex:1;min-width:0}
.asset-actions{flex:none;align-self:flex-start;display:flex;flex-direction:column;gap:4px;opacity:.55;transition:opacity .18s ease}
.cbox:hover .asset-actions,.cbox:focus-within .asset-actions{opacity:1}
.asset-btn{width:24px;height:24px;padding:0;border:1px solid rgba(15,23,42,.12);background:var(--panel);border-radius:5px;cursor:pointer;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;color:var(--ink2);transition:all .15s ease}
.asset-btn:hover{border-color:var(--brand);background:var(--panel);transform:translateY(-1px)}

/* ===== 输入框两侧胶囊工具栏（1:1 照抄 原设计 .bottom-left-mode-actions / .bottom-external-mode-actions） ===== */
.bl-actions,.be-actions{position:absolute;bottom:0;z-index:35;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 20px rgba(15,23,42,.1)}
.bl-actions{right:calc(100% + 10px)}
.be-actions{left:calc(100% + 10px)}
.matn{position:relative;width:30px;height:30px;padding:0;border:1px solid rgba(15,23,42,.08);border-radius:50%;background:var(--panel);color:var(--ink2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:none;line-height:1;transition:all .2s ease}
.matn:hover{border-color:rgba(15,23,42,.18);background:var(--panel2);color:var(--ink)}
.matn:active{transform:scale(.96)}
.matn svg{width:14px;height:14px;stroke-width:2.6}
.matn.on{background:linear-gradient(135deg,rgba(249,115,22,.3),rgba(234,88,12,.22));border-color:rgba(249,115,22,.8);color:#c2410c}
.matn.prim{border-color:rgba(0,161,194,.45);color:#0082a0}
.matn.prim:hover{border-color:#00a1c2;background:rgba(0,161,194,.1)}
.matn .cnt{position:absolute;top:-4px;right:-4px;min-width:14px;height:14px;padding:0 3px;border-radius:999px;background:#f97316;color:#fff;font-size:9px;font-weight:700;line-height:14px;text-align:center;box-shadow:0 0 0 2px var(--panel)}
.matn .tip{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--panel);color:#111;font-size:12px;font-weight:500;line-height:1.4;padding:6px 11px;border-radius:8px;border:1px solid rgba(15,23,42,.08);box-shadow:0 4px 16px rgba(15,23,42,.16);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:5}
.be-actions .matn .tip,.matn.tip-l .tip{left:auto;right:calc(100% + 8px)}
.matn:hover .tip{opacity:1}

/* AI 帮写提示词（照抄 原设计 .ai-bangxie-anchor / .ai-anniu）
   原站：absolute; right:14.06px; bottom:44.06px; 28.125×28.125; z-index:26 —— 紧贴选择框那一行的右端上方 */
/* AI 帮写按钮锚点：bottom 需明显高于发送按钮（发送按钮位于 .crow，其 top 距 .cbox 底边 47px），
   原 44px 会与发送按钮垂直重叠 2px；调到 58px 后两者留出约 11px 间隙。 */
.ai-anchor{position:absolute;right:14px;bottom:64px;z-index:37;pointer-events:auto}
.ai-anniu{position:relative;width:30px;height:30px;padding:0;border:none;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffb347,#f97316);color:#fff;font-size:11px;font-weight:800;letter-spacing:.02em;box-shadow:0 4px 14px rgba(249,115,22,.4);transition:all .25s cubic-bezier(.4,0,.2,1)}
.ai-anniu:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(249,115,22,.5)}
.ai-anniu:active{transform:translateY(0) scale(.96)}
.ai-anniu.busy{opacity:.75;pointer-events:none}
.ai-anniu-glow{position:absolute;inset:-4px;border-radius:50%;background:radial-gradient(circle,rgba(249,115,22,.35),transparent 70%);opacity:0;transition:opacity .25s}
.ai-anniu:hover .ai-anniu-glow{opacity:1}
.ai-anniu-text{position:relative;z-index:1}

/* AI 按钮 hover 气泡（1:1 照抄 原设计 .action-tip-card--left）
   原站尺寸：240×70；background rgba(27,28,33,.95)；radius 7.5px；padding 7.5px 9.375px；shadow 0 7.5px 18.75px rgba(0,0,0,.4) */
.aitip{position:fixed;top:auto;bottom:auto;width:240px;padding:8px 9px;background:rgba(27,28,33,.95);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 19px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);z-index:100020;pointer-events:none;display:none;box-sizing:border-box}
.aitip.show{display:block;animation:aitipIn .14s cubic-bezier(.4,0,.2,1)}
@keyframes aitipIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.aitip b{display:block;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.9);line-height:1.35}
.aitip i{display:block;font-style:normal;font-size:11.5px;font-weight:400;color:rgba(255,255,255,.6);line-height:1.5;margin-top:4px}

/* 全屏编辑提示词 */
.fe-overlay{position:fixed;inset:0;background:rgba(15,23,42,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:210;display:flex;align-items:center;justify-content:center;padding:24px}
.fe-overlay[hidden]{display:none}
.fe-panel{width:min(920px,94vw);height:min(72vh,720px);background:var(--panel);border-radius:18px;box-shadow:0 24px 60px rgba(15,23,42,.28);display:flex;flex-direction:column;overflow:hidden}
.fe-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line2)}
.fe-head h3{margin:0;font-size:15px}
.fe-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:16px 20px}
.fe-ta{flex:1;min-height:0;width:100%;border:none;outline:none;resize:none;font-family:inherit;font-size:14px;line-height:1.8;color:var(--ink)}
.fe-foot{display:flex;align-items:center;gap:10px;padding:12px 20px 16px;border-top:1px solid var(--line2)}
.fe-foot .mut{font-size:12px;color:var(--ink3);margin-right:auto}

/* 资产库弹层 */
.al-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;padding:6px 2px 4px;max-height:52vh;overflow-y:auto}
.al-item{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:10px;overflow:hidden;cursor:pointer;background:var(--panel2)}
.al-item img{width:100%;height:100%;object-fit:cover;display:block}
.al-item:hover{border-color:var(--brand)}
.al-item.sel{border-color:var(--brand);box-shadow:0 0 0 2px rgba(108,92,231,.28)}
.al-item .ck{position:absolute;top:5px;right:5px;width:17px;height:17px;border-radius:50%;background:var(--brand);color:#fff;font-size:11px;line-height:17px;text-align:center;display:none}
.al-item.sel .ck{display:block}
.al-item video{width:100%;height:100%;object-fit:cover;display:block}
.al-empty{padding:34px 10px;text-align:center;color:var(--ink3);font-size:13px}

/* 扫码上传 */
.qr-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;padding:8px 0 4px}
.qr-box{width:200px;height:200px;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center}
.qr-box img,.qr-box canvas{width:100%;height:100%;display:block}
.qr-url{display:flex;align-items:center;gap:8px;width:100%;background:var(--line2);border-radius:9px;padding:8px 10px}
.qr-url input{flex:1;min-width:0;border:none;background:transparent;font-size:12.5px;color:var(--ink2);outline:none;font-family:Consolas,monospace}
.qr-tip{font-size:12.5px;color:var(--ink3);text-align:center;line-height:1.7}

/* pill（1:1 照抄 原设计 .selector-btn 浅色主题） */
.crow{align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px;display:flex}
.crow .pill{height:30px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--panel);border:1px solid rgba(0,0,0,.1);border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.05);color:#323c50;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}
.crow .pill:hover{background:#fafcff;border-color:rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.08);color:#1e2332}
.crow .pill:active{transform:scale(.98)}
.crow .pill .pt{color:currentColor;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:144px}
.crow .pill .cv{width:10px;height:10px;flex:none;transition:transform .3s cubic-bezier(.4,0,.2,1)}
.crow .pill:hover .cv{transform:translateY(2px)}
.crow .pill .ic{width:12px;height:12px;flex:none;opacity:.85}
.crow .pill .dot{width:12px;height:12px;border-radius:50%;flex:none}
/* 固定档 pill：只展示不可选（如「高清 720p」「输出画质固定」） */
.crow .pill.fixed,.crow .pill.fixed:hover{cursor:default;color:#5b6478;background:#f6f7fa;border-color:rgba(0,0,0,.08);box-shadow:none}
.crow .pill.fixed:active{transform:none}
/* ⭐ 2026-09-16：底部这一栏（模型/渠道/条数/模式/画质/时长/比例 + 发送按钮）固定为「单行」。
   原先 flex-wrap:wrap 遇到长模型名/长渠道名（如 智影标准版 · 720P）会把发送按钮挤到第二行，
   整栏就离开输入框底边、下面多出一条空白（用户反馈「要固定在底部」）。
   改为不换行 + 胶囊可收缩（长名自动省略号），发送按钮 flex:none 始终留在同一行最右 —— 与其它模型表现一致。 */
.crow{flex-wrap:nowrap}
.crow .pill{flex:0 1 auto;min-width:0}
.crow .pill .pt{min-width:0;flex:0 1 auto}

/* 下拉菜单（1:1 照抄 原设计 .selector-popup 浅色主题）
   注意：必须显式 top/bottom/left/right:auto —— 上面那条 .pop 规则留下的 bottom:calc(100%+8px)
   会与 JS 写入的内联 top 同时生效，使元素被上下双向拉伸成 0 高度（表现为"点了没反应"）。 */
.pop{position:fixed;top:auto;right:auto;bottom:auto;left:auto;background:var(--panel);border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.04);padding:8px;min-width:200px;max-height:340px;overflow-y:auto;overflow-x:hidden;z-index:100060;display:none;box-sizing:border-box}
.pop.show{display:block}
/* 标题区（照抄 .popup-title-section / .popup-title / .popup-description） */
.pop-h{padding:4px 10px 9px;border-bottom:1px solid var(--line2);margin-bottom:6px;position:sticky;top:-8px;background:var(--panel);z-index:1}
.pop-h b{display:block;font-size:12.5px;font-weight:700;color:#1e2332;line-height:1.4}
.pop-h i{display:block;font-style:normal;font-size:11px;color:var(--ink3);margin-top:2px;line-height:1.45}
.pop a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 10px;margin:2px 0;border-radius:6px;font-size:12px;font-weight:500;color:#1e2332;background:rgba(0,0,0,.02);cursor:pointer;white-space:nowrap;transition:background .2s cubic-bezier(.4,0,.2,1)}
.pop a:hover{background:rgba(0,0,0,.06)}
.pop a.on{background:#0e749014}
.pop a.on:hover{background:#0e74901f}
.pop a small{color:var(--ink3);font-weight:400}
.pop a .ck{width:14px;height:14px;flex:none;color:#0e7490;opacity:0;transition:opacity .15s}
.pop a.on .ck{opacity:1}
.pop a em{font-style:normal}

/* 发送按钮（圆形） */
.sendbtn{margin-left:auto;width:36px;height:36px;border-radius:50%;border:none;background:linear-gradient(135deg,#ffb347,#f97316);color:#fff;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;flex:none;box-shadow:0 2px 10px rgba(249,115,22,.4)}
.sendbtn:hover{filter:brightness(1.06)}
.sendbtn:disabled{opacity:.45;cursor:not-allowed}
.costline{font-size:12px;color:var(--ink3);margin-left:auto;margin-right:4px}
.costline b{color:var(--brand);font-size:14px}

/* ===== 玩法说明弹窗（1:1 照抄 原设计「快速上手指南」premium modal） ===== */
.wf-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);display:flex;align-items:center;justify-content:center;z-index:200;overflow:hidden;padding:20px}
.wf-overlay[hidden]{display:none}
.wf-orb{position:absolute;border-radius:50%;opacity:.15;pointer-events:none}
.wf-orb1{width:40vw;height:40vw;background:radial-gradient(circle,rgba(0,202,224,.3) 0%,transparent 70%);top:-10%;right:-10%}
.wf-orb2{width:35vw;height:35vw;background:radial-gradient(circle,rgba(120,80,255,.25) 0%,transparent 70%);bottom:-15%;left:-10%}
.wf-orb3{width:25vw;height:25vw;background:radial-gradient(circle,rgba(0,150,200,.2) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%)}
.wf-panel{position:relative;width:92vw;max-width:960px;max-height:88vh;background:linear-gradient(180deg,#fff,#f3f7fc);border:1px solid rgba(0,0,0,.1);border-radius:1.25rem;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 0 1px rgba(0,138,170,.1),0 2rem 5rem rgba(0,0,0,.15),0 0 60px rgba(0,138,170,.08)}
.wf-topline{position:absolute;top:0;left:1.5rem;right:1.5rem;height:2px;border-radius:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,161,194,.5) 20%,rgba(120,80,255,.3) 50%,rgba(0,161,194,.5) 80%,transparent 100%)}
.wf-close{position:absolute;top:1.25rem;right:1.25rem;width:2.5rem;height:2.5rem;border:1px solid rgba(0,0,0,.08);background:rgba(0,0,0,.03);color:#788296;border-radius:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .25s cubic-bezier(.4,0,.2,1)}
.wf-close:hover{background:rgba(255,100,100,.1);border-color:rgba(255,100,100,.25);color:#dc5050;transform:scale(1.05)}
.wf-head{display:flex;align-items:center;gap:1rem;padding:2rem 2.5rem 1.5rem;flex-shrink:0}
.wf-hic{position:relative;width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;flex:none}
.wf-hic svg{width:2rem;height:2rem;color:#0082a0;position:relative;z-index:1}
.wf-ring{position:absolute;inset:0;border-radius:1rem;background:linear-gradient(135deg,rgba(0,161,194,.12),rgba(120,80,255,.08));border:1px solid rgba(0,161,194,.2)}
.wf-htx{display:flex;flex-direction:column;gap:.25rem;min-width:0}
.wf-title{font-size:1.5rem;font-weight:700;color:#191c28;margin:0;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wf-sub{font-size:.875rem;color:#0082a0;font-weight:500;letter-spacing:.02em}
.wf-body{flex:1;min-height:0;overflow-y:auto;padding:0 2.5rem 2rem;overscroll-behavior:contain}
.wf-body::-webkit-scrollbar{width:6px}
.wf-body::-webkit-scrollbar-track{background:rgba(0,0,0,.02);border-radius:3px}
.wf-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(0,161,194,.25),rgba(120,80,255,.15));border-radius:3px}
.wf-html{color:#282c37;font-size:.9375rem;line-height:1.85}
.wf-html h1{font-size:1.75rem;font-weight:700;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.08);color:#0f121e}
.wf-html h2{font-size:1.375rem;font-weight:700;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.08);color:#0f121e;display:flex;align-items:center;gap:.75rem}
.wf-html h2:before{content:"";width:4px;height:1.25rem;background:linear-gradient(180deg,#008caa,#643cdccc);border-radius:2px;flex:none}
.wf-html h3{font-size:1.125rem;color:#006e8c;font-weight:700;margin:1.5rem 0 .75rem}
.wf-html h4{font-size:1rem;font-weight:700;margin:1.25rem 0 .5rem;color:#0f121e}
.wf-html p{margin:1rem 0;color:#282c37}
.wf-html ul,.wf-html ol{margin:1rem 0;padding-left:1.5rem}
.wf-html li{margin:.625rem 0;color:#232834}
.wf-html ul li::marker{color:#006e8c}
.wf-html ol li::marker{color:#006e8c}
.wf-html strong,.wf-html b{color:#0f121e;font-weight:600}
.wf-html em,.wf-html i{color:#006e8c}
.wf-html code{background:#008caa1a;padding:.125rem .5rem;border-radius:.375rem;font-family:Consolas,"JetBrains Mono",monospace;font-size:.85em;color:#005f78;border:1px solid #008caa33;font-weight:500}
.wf-html pre{background:linear-gradient(135deg,#e8f0f8,#e1ebf5);padding:1.25rem;border-radius:.75rem;overflow-x:auto;margin:1.5rem 0;border:1px solid rgba(0,0,0,.08);box-shadow:inset 0 1px 3px rgba(0,0,0,.04);position:relative}
.wf-html pre:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#008caa,#643cdccc,#008caa);border-radius:.75rem .75rem 0 0}
.wf-html pre code{background:transparent;padding:0;border:none;color:#1e2332}
.wf-html blockquote{border-left:3px solid #008caa;margin:1.5rem 0;padding:.875rem 1.25rem;background:linear-gradient(90deg,#008caa14,#008caa05);border-radius:0 .5rem .5rem 0;color:#282d3c}
.wf-html blockquote p{margin:.25rem 0}
.wf-html blockquote ul{margin:.5rem 0}
.wf-html hr{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.12),transparent);margin:2.5rem 0}
.wf-html table{width:100%;border-collapse:collapse;margin:1.5rem 0;border:1px solid rgba(0,0,0,.1);border-radius:.75rem;overflow:hidden}
.wf-html th,.wf-html td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid rgba(0,0,0,.06);font-size:.875rem}
.wf-foot{display:flex;justify-content:center;padding:1.5rem 2.5rem 2rem;flex-shrink:0;border-top:1px solid rgba(0,0,0,.08);background:linear-gradient(180deg,rgba(240,245,250,.5),rgba(235,240,248,.8))}
.wf-go{position:relative;padding:.875rem 3rem;background:linear-gradient(135deg,#00cae0,#0095a8);border:none;border-radius:2rem;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}
.wf-go span{position:relative;z-index:1;font-size:.9375rem;font-weight:600;color:#fff;letter-spacing:.02em}
.wf-go i{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}
.wf-go:hover{transform:translateY(-2px);box-shadow:0 .5rem 2rem #00cae066,0 0 0 1px #00cae04d}
.wf-go:hover i{left:100%}
.wf-go:active{transform:translateY(0)}
@media(max-width:640px){.wf-body{padding:0 1.25rem 1.5rem}.wf-head{padding:1.5rem 1.25rem 1rem}.wf-title{font-size:1.25rem}.wf-foot{padding:1rem 1.25rem 1.25rem}}

/* 运镜入选标签（照抄 原设计 .rich-input .inline-tag.yunjing-ref） */
.mtag{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;margin:0 2px;background:rgba(249,115,22,.14);border:1px solid rgba(249,115,22,.45);border-radius:4px;font-size:12px;color:#c2410c;cursor:pointer;vertical-align:middle}
.mtag b{font-size:9px;font-weight:700;line-height:1;padding:1px 4px;border-radius:3px;background:rgba(249,115,22,.85);color:#fff}
.mtag:hover{background:rgba(249,115,22,.24);border-color:rgba(249,115,22,.7)}

/* 资产库/扫码/全屏编辑 —— 通用弹窗 */
.ms-modal{position:fixed;inset:0;background:rgba(15,23,42,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:205;display:flex;align-items:center;justify-content:center;padding:24px}
.ms-modal[hidden]{display:none}
.ms-panel{width:min(660px,94vw);max-height:86vh;background:var(--panel);border-radius:18px;box-shadow:0 24px 60px rgba(15,23,42,.28);display:flex;flex-direction:column;overflow:hidden}
.ms-panel-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line2)}
.ms-panel-h h3{margin:0;font-size:15px;display:flex;align-items:center;gap:8px}
.ms-panel-h .sub{font-size:12px;color:var(--ink3);font-weight:400}
.ms-panel-x{width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--ink3);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;flex:none}
.ms-panel-x:hover{background:rgba(255,100,100,.1);border-color:rgba(255,100,100,.28);color:#dc5050}
.ms-panel-b{padding:16px 20px;overflow-y:auto;flex:1;min-height:0}
.ms-panel-f{display:flex;align-items:center;gap:10px;justify-content:flex-end;padding:12px 20px 16px;border-top:1px solid var(--line2)}
@media(max-width:900px){.bl-actions,.be-actions{display:none}}

/* 从资产库导入文本弹层 */
.prompt-lib{position:absolute;right:14px;bottom:calc(100% - 34px);width:320px;max-height:300px;background:var(--panel);border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.14);z-index:90;display:flex;flex-direction:column;overflow:hidden}
.prompt-lib[hidden]{display:none}
.prompt-lib h4{margin:0;padding:12px 14px 8px;font-size:13px;color:#a16207}
.prompt-lib .pl-list{overflow-y:auto;padding:0 8px 10px}
.prompt-lib .pl-item{padding:8px 10px;border-radius:8px;font-size:12.5px;color:var(--ink);cursor:pointer;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.prompt-lib .pl-item:hover{background:var(--line2)}
.prompt-lib .pl-empty{padding:20px;text-align:center;color:var(--ink3);font-size:12.5px}

/* 已选运镜标签行 */
.mtags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.mtags:empty{display:none}

/* 输入区左右并排：左＝上传槽，右＝提示词（照抄 原设计 .left-section / .right-section） */
.cbody{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.cbody .cinput-row{flex:1;min-width:0}
.cbody .cinput{min-height:70px}
@media(max-width:900px){.cbody{gap:6px}.cbody .cinput{min-height:58px}.cankaotu-container{max-width:100%}}

/* ============================================================================
   提示词框下方的「选择框」——1:1 照抄 原页面布局（浅色主题）
   · .sel-scroll  ← .selectors-scroll-container
   · .chan-btn    ← .channel-selector-btn（渠道 / 综合最优）
   · .sel-btn     ← .selector-btn
   · .sel-btn.gold← .selector-btn.pill-shuliang（数量，金色）
   ============================================================================ */
.sel-scroll{flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;gap:.75rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-x}
.sel-scroll::-webkit-scrollbar{height:0;display:none}

/* 渠道选择器（照抄 .channel-selector-btn） */
.chan-btn{height:1.875rem;padding:0 .625rem;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);border-radius:.375rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box;position:relative;color:#323746;white-space:nowrap;flex:none;font-family:inherit}
.chan-btn:hover{background:rgba(0,0,0,.09);border-color:rgba(0,0,0,.15);color:#1e2332}
.chan-btn:active{background:rgba(0,0,0,.12);transform:scale(.98)}
.chan-btn .btn-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}
.chan-btn .btn-text{color:currentColor;font-size:.75rem;font-weight:500}
.chan-btn .chevron-down{flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}
.chan-btn:hover .chevron-down:not(.chevron-up){transform:translateY(.125rem)}

/* 参数选择器（照抄 .selector-btn） */
.sel-btn{height:1.875rem;padding:0 .625rem;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;background:var(--panel);border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.05);border-radius:.375rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box;position:relative;color:#323c50;white-space:nowrap;flex:none;font-family:inherit}
.sel-btn:hover{background:#fafcff;border-color:rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.08);color:#1e2332}
.sel-btn:active{background:#f5f8fc;box-shadow:0 1px 2px rgba(0,0,0,.06);color:#141928;transform:scale(.98)}
.sel-btn .sel-ic{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;line-height:0;color:#505a6e;filter:brightness(0) saturate(100%);opacity:.55;transition:all .3s cubic-bezier(.4,0,.2,1)}
.sel-btn:hover .sel-ic{color:#323746;opacity:.75;transform:scale(1.05)}
.sel-btn .sel-tx{color:currentColor;font-size:.75rem;font-weight:500;white-space:nowrap;max-width:9rem;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;transition:color .3s cubic-bezier(.4,0,.2,1)}
.sel-btn:hover .sel-tx{color:#1e2332}
.sel-btn .chevron-down{flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}
.sel-btn:hover .chevron-down:not(.chevron-up){transform:translateY(.125rem)}

/* 金色「数量」选择器（照抄 .selector-btn.pill-shuliang 浅色主题） */
.sel-btn.gold{color:#644100;background:linear-gradient(135deg,#ffc8006b,#ffb43261);border:1px solid rgba(180,130,0,.35);box-shadow:inset 0 1px #ffffff80}
.sel-btn.gold:hover{color:#462d00;background:linear-gradient(135deg,#ffc8008c,#ffb4327a);border-color:rgba(150,100,0,.45);box-shadow:inset 0 1px #ffffff80}
.sel-btn.gold:active{color:#3c2600;background:linear-gradient(135deg,#ffc8008c,#ffb4327a)}
.sel-btn.gold .sel-ic{filter:brightness(0) saturate(100%);opacity:.5}
.sel-btn.gold:hover .sel-ic{opacity:.7}
.sel-btn.gold:hover .sel-tx{color:#462d00}

/* ============================================================================
   参考图上传框 —— 1:1 照抄 原设计 .cankaotu-container / .initial-upload
   · .cankaotu-container ← .cankaotu-container
   · .ck-add             ← .initial-upload（倾斜 -8° 虚线小卡：大号「+」+「参考图」）
   · .ck-card            ← .image-upload-card.has-image（已选参考图，白描边 + 投影）
   ============================================================================ */
.cankaotu-container{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.5rem;width:100%;max-width:100%;overflow:visible;padding:.5rem .625rem;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}
.cankaotu-container::-webkit-scrollbar{height:0;display:none}
.ck-add{position:relative;width:3.4375rem;height:4.375rem;background-color:#fcfdfe;border:.0625rem dashed rgba(98,105,113,.6);border-radius:.1875rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;box-sizing:border-box;transform:rotate(-8deg) translateZ(0);transform-origin:center;flex:none;will-change:transform;-webkit-font-smoothing:antialiased}
.ck-add:hover{transform:rotate(-8deg) scale(1.08) translateZ(0)}
.ck-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem}
.ck-add .plus-icon{font-size:1.75rem;color:#626971;font-weight:300;line-height:1;-webkit-user-select:none;user-select:none}
.ck-add .frame-label{font-size:.6875rem;color:#626971;-webkit-user-select:none;user-select:none}
.ck-card{position:relative;width:3.4375rem;height:4.375rem;border-radius:.1875rem;overflow:hidden;border:.125rem solid var(--panel);box-shadow:0 .25rem .75rem rgba(0,0,0,.3);background:#000;cursor:grab;flex:none;box-sizing:border-box;transform:rotate(-8deg) translateZ(0);transform-origin:center;transition:transform .2s ease}
.ck-card:hover{transform:rotate(-8deg) scale(1.06) translateZ(0)}
.ck-card img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.ck-card .x{position:absolute;top:1px;right:1px;width:16px;height:16px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:11px;line-height:16px;text-align:center;cursor:pointer;z-index:2}
.ck-card .x:hover{background:rgba(220,38,38,.92)}
.ck-card.dragover{border-color:#00a1c2;box-shadow:0 0 0 2px rgba(0,161,194,.35)}

/* ===== 人脸处理页 v2（两 tab 内容不同） ===== */
.fh{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.fh .sec-t{margin:0}
.fh .sub{font-size:11.5px;color:var(--ink3)}
.fdesc{margin:6px 0 14px;font-size:12.5px;color:var(--ink2);line-height:1.7}
.seg{display:inline-flex;gap:4px;background:var(--line2);border:none;border-radius:12px;padding:4px;overflow:visible}
.seg button{border:none;background:transparent;border-radius:8px;padding:8px 16px;cursor:pointer;color:var(--ink2);font-size:12px;font-weight:700;font-family:inherit;transition:.18s}
.seg button:hover{color:var(--ink)}
.seg button.on{background:var(--brand);color:#fff}
.fnotice{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:11.5px;line-height:1.6;color:var(--ink2);background:rgba(16,185,129,.06);margin-top:10px}
.fnotice svg{width:14px;height:14px;flex:none;color:#10b981;margin-top:1px}
.fpanel{background:var(--panel2);border:1px solid var(--line2);border-radius:14px;padding:14px;margin-top:12px}
.sl{display:block;margin-bottom:14px}
.sl:last-of-type{margin-bottom:0}
.sl .sl-h{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:700;color:var(--ink);margin-bottom:8px}
.sl .sl-v{font-family:Consolas,"JetBrains Mono",monospace;color:var(--brand);font-weight:400}
.sl input[type=range]{width:100%;accent-color:var(--brand);cursor:pointer}
.fhint{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-top:14px}
.fhint p{margin:0;font-size:11px;line-height:1.6;color:var(--ink3)}
.fhint button{flex:none;border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:6px 12px;font-size:11.5px;color:var(--ink2);cursor:pointer;font-family:inherit;transition:.15s}
.fhint button:hover{border-color:var(--brand);color:var(--brand)}
.fbtns{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap;align-items:center}
.fbtns .btn-primary{flex:1;justify-content:center;display:inline-flex;align-items:center;gap:6px}
.fbtns .btn-ghost{display:inline-flex;align-items:center;gap:6px}
.fbtns .btn-icon{width:40px;height:40px;flex:none;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--panel);border-radius:10px;cursor:pointer;color:var(--ink2);transition:.15s}
.fbtns .btn-icon:hover{border-color:#e05252;color:#e05252}
.fbtns .btn-icon:disabled,.fbtns .btn-primary:disabled,.fbtns .btn-ghost:disabled{opacity:.45;cursor:not-allowed}
.fbtns svg,.fnotice svg{stroke-width:2}
.fres-h{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--ink2);margin-bottom:8px}
.prog{height:6px;border-radius:99px;background:var(--line);overflow:hidden;margin-bottom:12px}
.prog[hidden]{display:none}
.prog i{display:block;height:100%;width:0;background:var(--brand);transition:width .25s}
.face-cell{padding:0;border:none;background:transparent}
.face-cell .wrap{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#0f1115}
.face-cell canvas{width:100%;display:block}
.face-cell .nm{font-size:11px;color:var(--ink3);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ==================================================================
   AI 帮写 弹窗（1:1 照抄 原设计 .bxgzt-* / .scq-* / .zjlb-* / .zjkp-* / .jgq-* / .xlxz-*
   原站 html 基准 15px，这里直接沿用其物理像素值，保证同分辨率下像素级一致）
   ================================================================== */
.bxgzt-overlay{position:fixed;inset:0;background:rgba(0,0,0,.25);-webkit-backdrop-filter:blur(5.6px);backdrop-filter:blur(5.6px);z-index:10040;display:flex;align-items:center;justify-content:center;padding:30px 37px}
.bxgzt-overlay[hidden]{display:none}
.bxgzt-dialog{width:min(1260px,96vw);height:min(750px,90vh);background:var(--panel);border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 24px 64px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.03);display:flex;flex-direction:column;overflow:hidden}
.bxgzt-head{display:flex;align-items:center;gap:9px;padding:13px 19px;flex:none;border-bottom:1px solid rgba(0,0,0,.06)}
.bxgzt-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink)}
.bxgzt-title-ai{width:26px;height:26px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fb923c,#f97316);color:#fff;font-size:10.3px;font-weight:800;letter-spacing:.02em;box-shadow:0 4px 11px rgba(249,115,22,.35)}
.bxgzt-head-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.bxgzt-icon-btn{width:30px;height:30px;padding:0;border:none;border-radius:8px;background:rgba(0,0,0,.035);color:rgba(0,0,0,.55);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.bxgzt-icon-btn:hover{background:rgba(0,0,0,.08);color:rgba(0,0,0,.8)}
.bxgzt-close{height:30px;display:inline-flex;align-items:center;gap:5.6px;padding:0 8px 0 7px;border-radius:8px;background:#f3f4f6;border:1px solid rgba(0,0,0,.1);color:var(--ink2);cursor:pointer;font-size:13.3px;font-family:inherit;line-height:1}
.bxgzt-close:hover{background:#e9ebef}
.bxgzt-close-kbd{background:var(--panel);border-radius:4px;color:var(--ink3);font-size:9.4px;font-weight:600;padding:3px 4.7px;line-height:1}
.bxgzt-body{flex:1;min-height:0;display:grid;grid-template-columns:255px 479px 1fr;gap:15px;padding:15px 19px}
.bxgzt-col{display:flex;flex-direction:column;min-height:0;min-width:0}
.bxgzt-col-title{display:flex;align-items:center;gap:7.5px;font-size:11.3px;font-weight:600;color:var(--ink3);flex:none;margin:0 0 10px;padding:0;border:none}
.bxgzt-step{width:17px;height:17px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;background:rgba(249,115,22,.18);color:#fdba74;font-size:9.4px;font-weight:800}

/* ---- 第 1 栏：专家会看到的 ---- */
.scq{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:15px;padding-right:4px}
.scq::-webkit-scrollbar,.zjlb-scroll::-webkit-scrollbar,.jgq-scroll::-webkit-scrollbar{width:6px}
.scq::-webkit-scrollbar-thumb,.zjlb-scroll::-webkit-scrollbar-thumb,.jgq-scroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,.16);border-radius:3px}
.scq-block{background:var(--panel2);border:1px solid rgba(0,0,0,.06);border-radius:11px;padding:11px;flex:none}
.scq-head{display:flex;align-items:center;gap:7.5px;margin-bottom:9px}
.scq-title{font-size:11.3px;font-weight:600;color:var(--ink2)}
.scq-mode{background:rgba(249,115,22,.14);color:#c2410c;font-size:9.4px;padding:1px 6.6px;border-radius:999px;line-height:1.5}
.scq-limit{margin-left:auto;font-size:9.4px;color:rgba(0,0,0,.3)}
.scq-images{display:grid;grid-template-columns:repeat(3,1fr);gap:7.5px}
.scq-thumb{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid rgba(0,0,0,.08);background:var(--panel)}
.scq-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.scq-thumb .x{position:absolute;top:3px;right:3px;width:15px;height:15px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:10px;line-height:15px;text-align:center;cursor:pointer}
.scq-add{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3.8px;border:1px dashed rgba(0,0,0,.18);border-radius:8px;background:transparent;color:var(--ink3);font-size:9.4px;font-family:inherit;cursor:pointer;transition:all .2s}
.scq-add:hover{border-color:rgba(249,115,22,.5);color:#c2410c;background:rgba(249,115,22,.05)}
.scq-empty-hint{font-size:10.3px;color:rgba(0,0,0,.3);padding:4px 0 0}
.scq-idea{background:var(--panel2);border:1px solid rgba(0,0,0,.06);border-radius:11px;padding:11px;display:flex;flex-direction:column;flex:1;min-height:150px}
.scq-idea-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.scq-idea-h span:first-child{font-size:11.3px;font-weight:600;color:var(--ink2)}
.scq-count{font-size:9.4px;color:rgba(0,0,0,.3)}
.scq-textarea{flex:1;min-height:110px;width:100%;background:var(--panel);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:9.4px;font-size:12.2px;line-height:1.7;color:var(--ink);font-family:inherit;resize:none;outline:none;transition:box-shadow .2s,border-color .2s}
.scq-textarea:focus{border-color:rgba(249,115,22,.5);box-shadow:0 0 0 1.9px rgba(249,115,22,.15)}
.scq-textarea::placeholder{color:rgba(0,0,0,.3)}

/* ---- 第 2 栏：选一位专家 ---- */
.zjlb{flex:1;min-height:0;display:flex;flex-direction:column}
.zjlb-top{flex:none;display:flex;flex-direction:column;gap:7.5px;padding-bottom:9.4px}
.zjlb-search{height:32px;display:flex;align-items:center;gap:5.6px;background:var(--panel);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:0 9.4px;color:rgba(0,0,0,.35)}
.zjlb-search svg{flex:none;color:rgba(0,0,0,.35)}
.zjlb-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:12px;color:var(--ink);font-family:inherit}
.zjlb-search input::placeholder{color:rgba(0,0,0,.3)}
.zjlb-tabs{display:flex;align-items:center;gap:3.8px;height:28px}
.zjlb-tab{height:28px;display:inline-flex;align-items:center;gap:4.7px;padding:0 11.3px;border:none;border-radius:999px;background:transparent;color:var(--ink3);font-size:11.3px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}
.zjlb-tab:hover{background:rgba(0,0,0,.04)}
.zjlb-tab.active{background:rgba(249,115,22,.16);color:#c2410c}
.zjlb-tab-count{font-size:9.4px;font-weight:600;opacity:.85}
.zjlb-new{margin-left:auto;height:28px;display:inline-flex;align-items:center;gap:3.8px;padding:0 11.3px;border:1px dashed rgba(0,0,0,.18);border-radius:999px;background:transparent;color:var(--ink2);font-size:11.3px;font-family:inherit;cursor:pointer;transition:all .2s}
.zjlb-new:hover{border-color:rgba(249,115,22,.5);color:#c2410c}
.zjlb-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:4px}
.zjlb-group{margin-bottom:14px}
.zjlb-group-head{display:flex;align-items:center;gap:5.6px;margin-bottom:8px}
.zjlb-group-name{font-size:10.3px;font-weight:700;color:var(--ink3)}
.zjlb-group-count{font-size:9.4px;color:rgba(0,0,0,.23)}
.zjlb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9.4px}
.zjkp{position:relative;background:var(--panel);border:1px solid rgba(0,0,0,.08);border-radius:11px;overflow:hidden;cursor:pointer;transition:box-shadow .2s,transform .2s}
.zjkp:hover{box-shadow:0 6px 18px rgba(0,0,0,.09)}
.zjkp.is-selected{box-shadow:0 0 0 1.9px rgba(249,115,22,.55),0 6px 18px rgba(249,115,22,.15)}
.zjkp-cover{position:relative;height:71px;overflow:hidden;background:linear-gradient(135deg,#fdba74,#f97316)}
.zjkp-cover img{width:100%;height:100%;object-fit:cover;display:block}
.zjkp-cover-shade{position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,0) 30%,rgba(10,15,25,.55))}
.zjkp-check{position:absolute;top:6px;left:5px;width:19px;height:19px;border-radius:50%;background:#f97316;color:#fff;display:none;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.35);z-index:2}
.zjkp.is-selected .zjkp-check{display:flex}
.zjkp-actions{position:absolute;top:5px;right:5px;display:flex;gap:3.8px;z-index:2;opacity:0;transition:opacity .2s}
.zjkp:hover .zjkp-actions{opacity:1}
.zjkp-act{width:22.5px;height:22.5px;display:flex;align-items:center;justify-content:center;border:none;border-radius:5.6px;background:rgba(0,0,0,.6);color:rgba(255,255,255,.85);font-size:10px;cursor:pointer}
.zjkp-act:hover{background:rgba(0,0,0,.8)}
.zjkp-avatar{position:absolute;left:9.4px;top:71px;transform:translateY(-50%);width:37.5px;height:37.5px;border-radius:50%;border:1px solid var(--panel);background:linear-gradient(135deg,#fb923c,#f97316);color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 9px rgba(0,0,0,.35);z-index:2;overflow:hidden}
.zjkp-body{padding:16.9px 9.4px 9.4px}
.zjkp-name-row{display:flex;align-items:center;gap:5.6px;margin-bottom:3px}
.zjkp-name{font-size:12.2px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zjkp-intro{font-size:10.3px;line-height:1.5;color:var(--ink3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:31px}
.zjkp-tags{display:flex;flex-wrap:wrap;gap:3.8px;margin-top:6px}
.zjkp-tag{background:var(--panel2);color:var(--ink2);font-size:8.4px;padding:1px 5.6px;border-radius:999px;line-height:1.6;white-space:nowrap}
/* 自建专家：操作按钮常显，并给出删除入口 */
.zjkp.is-mine .zjkp-actions{opacity:1}
.zjkp-act.del:hover{background:#e5484d}
.zjlb-more{display:flex;justify-content:center;padding:11px 0 4px}
.zjlb-link{background:none;border:none;color:#c2410c;font-size:11.3px;font-family:inherit;cursor:pointer;padding:0}
.zjlb-link:hover{text-decoration:underline}

/* ---- 第 3 栏：写出来的提示词 ---- */
.jgq{flex:1;min-height:0;display:flex;flex-direction:column}
.jgq-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:11.3px;padding-right:4px}
.jgq-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:30px 22.5px;color:rgba(0,0,0,.35)}
.jgq-empty-icon{width:52.5px;height:52.5px;border-radius:15px;background:linear-gradient(135deg,rgba(249,115,22,.14),rgba(249,115,22,.05));color:#f97316;display:flex;align-items:center;justify-content:center}
.jgq-empty-title{font-size:12.2px;color:var(--ink2)}
.jgq-empty-hint{font-size:10.3px;color:rgba(0,0,0,.35)}
.jgq-card{background:var(--panel2);border:1px solid rgba(0,0,0,.06);border-radius:11px;padding:11px}
.jgq-card-h{display:flex;align-items:center;gap:7px;margin-bottom:7px}
.jgq-card-h b{font-size:11.3px;font-weight:600;color:#c2410c}
.jgq-card-h .done{margin-left:auto;font-size:9.4px;color:rgba(0,0,0,.3)}
.jgq-card-txt{font-size:12.2px;line-height:1.75;color:var(--ink);white-space:pre-wrap;word-break:break-word}
.jgq-card-f{display:flex;gap:14px;margin-top:9px}
.jgq-card-f button{background:none;border:none;color:var(--ink3);font-size:11.3px;font-family:inherit;cursor:pointer;padding:0}
.jgq-card-f button:hover{color:#c2410c}
.jgq-followup{flex:none;margin-top:11.3px;height:41px;display:flex;align-items:center;gap:5.6px;background:var(--panel);border:1px solid rgba(0,0,0,.1);border-radius:9.4px;padding:5.6px 5.6px 5.6px 9.4px;transition:border-color .2s,box-shadow .2s}
.jgq-followup:focus-within{border-color:rgba(249,115,22,.5);box-shadow:0 0 0 1.9px rgba(249,115,22,.13)}
.jgq-followup input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:11.3px;color:var(--ink);font-family:inherit}
.jgq-followup input::placeholder{color:rgba(0,0,0,.3)}
.jgq-followup-send{width:28.1px;height:28.1px;flex:none;border:none;border-radius:7.5px;background:rgba(249,115,22,.18);color:#fdba74;cursor:not-allowed;display:flex;align-items:center;justify-content:center;transition:all .2s}
.jgq-followup:not(.is-disabled) .jgq-followup-send{background:linear-gradient(135deg,#fb923c,#f97316);color:#fff;cursor:pointer}

/* ---- 底部条 ---- */
.bxgzt-foot{flex:none;display:flex;align-items:center;gap:7.5px;padding:11.3px 18.8px;background:#fafafa;border-top:1px solid rgba(0,0,0,.06)}
.xlxz-btn{height:32px;display:inline-flex;align-items:center;gap:5.6px;padding:0 9.4px;background:var(--panel2);border:1px solid rgba(0,0,0,.08);border-radius:7.5px;color:var(--ink);font-size:11.3px;font-family:inherit;cursor:pointer}
.xlxz-label{font-size:10.3px}
.xlxz-value{font-size:11.3px;font-weight:500;max-width:165px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.bxgzt-foot-spacer{flex:1}
.bxgzt-reason{font-size:10.3px;color:var(--ink3)}
.bxgzt-cancel{height:36px;padding:0 15px;border-radius:9.4px;background:var(--panel);border:1px solid rgba(0,0,0,.12);color:var(--ink2);font-size:13.1px;font-weight:600;font-family:inherit;cursor:pointer}
.bxgzt-cancel:hover{background:#f6f7f9}
.bxgzt-start{height:36px;display:inline-flex;align-items:center;gap:6.6px;padding:0 18.8px;border:none;border-radius:9.4px;background:linear-gradient(135deg,#fb923c,#f97316);color:#fff;font-size:13.1px;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 4px 12px rgba(249,115,22,.3);transition:filter .2s}
.bxgzt-start:hover{filter:brightness(1.06)}
.bxgzt-start:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
@media(max-width:1180px){.bxgzt-body{grid-template-columns:230px 1fr}}

/* 提示词框里的 AI 帮写：进入动画 */
.bxgzt-dialog{animation:bxgztIn .2s cubic-bezier(.4,0,.2,1)}
@keyframes bxgztIn{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}

/* ===== 「新建专家」弹窗（1:1 照抄 原设计 .zjbj-* 浅色主题）
   原站 html 基准字号为 15px，下方数值均由 rem 换算为物理 px（1rem = 15px），不要取整美化。
   z-index 10080 —— 必须高于「AI 帮写」弹窗（10040），因为它是在弹窗之上再开一层。 ===== */
.zjbj-overlay{position:fixed;inset:0;z-index:10080;background:rgba(0,0,0,.25);-webkit-backdrop-filter:blur(3.75px);backdrop-filter:blur(3.75px);display:flex;align-items:center;justify-content:center;padding:22.5px}
.zjbj-overlay[hidden]{display:none}
.zjbj-dialog{width:min(600px,100%);max-height:90vh;display:flex;flex-direction:column;background:var(--panel);border:1px solid rgba(0,0,0,.08);border-radius:15px;box-shadow:0 22.5px 52.5px rgba(0,0,0,.2);overflow:hidden;animation:zjbjIn .2s cubic-bezier(.4,0,.2,1)}
@keyframes zjbjIn{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}
.zjbj-head{flex:none;display:flex;align-items:center;justify-content:space-between;padding:13.125px 16.875px;border-bottom:1px solid rgba(0,0,0,.06)}
.zjbj-title{font-size:14.0625px;font-weight:600;color:var(--ink)}
.zjbj-close{width:30px;height:30px;border:none;border-radius:7.5px;background:rgba(0,0,0,.035);color:rgba(0,0,0,.55);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}
.zjbj-close:hover{background:rgba(0,0,0,.08);color:var(--ink)}
.zjbj-body{flex:1;overflow-y:auto;padding:15px 16.875px;display:flex;flex-direction:column;gap:13.125px;scrollbar-width:thin}
.zjbj-body::-webkit-scrollbar{width:3.75px}
.zjbj-body::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:1.875px}
.zjbj-row{display:flex;gap:15px}
.zjbj-media{display:flex;flex-direction:column;gap:5.625px;align-items:flex-start}
.zjbj-media-cover{flex:1}
.zjbj-label{font-size:11.25px;color:var(--ink2)}
.zjbj-label i{color:#f87171;font-style:normal}
.zjbj-avatar,.zjbj-cover{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5.625px;overflow:hidden;cursor:pointer;border:1px dashed rgba(0,0,0,.18);background:var(--panel2);color:var(--ink3);font-size:10.3125px;transition:all .15s ease}
.zjbj-avatar{width:63.75px;height:63.75px;border-radius:50%}
.zjbj-cover{width:100%;height:63.75px;border-radius:9.375px}
.zjbj-avatar:hover,.zjbj-cover:hover{border-color:rgba(249,115,22,.7);color:#fb923c}
.zjbj-avatar img,.zjbj-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.zjbj-field{display:flex;flex-direction:column;gap:5.625px}
.zjbj-field input[type=text],.zjbj-field textarea,.zjbj-req-item input{border:1px solid rgba(0,0,0,.1);border-radius:7.5px;background:var(--panel);color:var(--ink);font-size:12.1875px;padding:7.5px 9.375px;outline:none;font-family:inherit;box-sizing:border-box}
.zjbj-field input[type=text]:focus,.zjbj-field textarea:focus,.zjbj-req-item input:focus{border-color:rgba(249,115,22,.6)}
.zjbj-field textarea{resize:vertical;line-height:1.55;min-height:135px;scrollbar-width:thin}
.zjbj-field textarea::-webkit-scrollbar{width:3.75px}
.zjbj-field textarea::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:1.875px}
.zjbj-field ::placeholder{color:rgba(0,0,0,.35)}
.zjbj-label-row{display:flex;align-items:center;justify-content:space-between}
.zjbj-hint{margin:0;font-size:10.3125px;line-height:1.45;color:rgba(0,0,0,.35)}
.zjbj-count{align-self:flex-end;font-size:9.375px;color:rgba(0,0,0,.23)}
.zjbj-optimize{display:inline-flex;align-items:center;gap:4.6875px;height:26.25px;padding:0 9.375px;border-radius:999px;border:1px solid rgba(249,115,22,.45);background:rgba(249,115,22,.12);color:#fdba74;font-size:10.3125px;font-family:inherit;cursor:pointer}
.zjbj-optimize:hover:not(:disabled){background:rgba(249,115,22,.22)}
.zjbj-optimize:disabled{opacity:.5;cursor:not-allowed}
.zjbj-tags{display:flex;flex-wrap:wrap;align-items:center;gap:5.625px;padding:5.625px 7.5px;border:1px solid rgba(0,0,0,.1);border-radius:7.5px;background:var(--panel);min-height:32px;box-sizing:border-box}
.zjbj-tags input{flex:1;min-width:120px;border:none;background:transparent;outline:none;color:var(--ink);font-size:12.1875px;font-family:inherit;padding:0}
.zjbj-tag{display:inline-flex;align-items:center;gap:3.75px;padding:1.875px 5.625px 1.875px 7.5px;border-radius:999px;font-size:10.3125px;background:var(--panel2);color:var(--ink2)}
.zjbj-tag button{border:none;background:transparent;color:inherit;cursor:pointer;display:inline-flex;padding:0;opacity:.7;font-family:inherit}
.zjbj-tag button:hover{opacity:1}
.zjbj-details{border:1px solid rgba(0,0,0,.08);border-radius:9.375px;padding:9.375px 11.25px}
.zjbj-details summary{cursor:pointer;font-size:11.25px;color:var(--ink2);display:flex;flex-direction:column;gap:1.875px}
.zjbj-details summary small{font-size:9.375px;color:rgba(0,0,0,.3)}
.zjbj-req-grid{display:grid;grid-template-columns:1fr 1fr;gap:7.5px 15px;margin:11.25px 0}
.zjbj-req-item{display:flex;align-items:center;justify-content:space-between;gap:7.5px;font-size:11.25px;color:var(--ink2)}
.zjbj-req-item input{width:67.5px;text-align:center}
.zjbj-req-check{display:flex;align-items:center;gap:7.5px;font-size:11.25px;color:var(--ink2);cursor:pointer}
.zjbj-req-check input{accent-color:#f97316}
.zjbj-foot{flex:none;display:flex;justify-content:flex-end;gap:7.5px;padding:11.25px 16.875px;border-top:1px solid rgba(0,0,0,.06)}
.zjbj-btn{height:31.875px;padding:0 15px;border-radius:7.5px;border:none;font-size:12.1875px;font-weight:500;font-family:inherit;cursor:pointer}
.zjbj-btn:disabled{opacity:.5;cursor:not-allowed}
.zjbj-btn-ghost{background:var(--panel2);color:var(--ink2)}
.zjbj-btn-ghost:hover{background:#e8edf3}
.zjbj-btn-primary{background:linear-gradient(135deg,#fb923c,#ea580c);color:#fff;box-shadow:0 3.75px 11.25px rgba(249,115,22,.3)}
.zjbj-btn-primary:hover{filter:brightness(1.05)}
.zjbj-spinner{width:16.875px;height:16.875px;border-radius:50%;border:1.875px solid rgba(0,0,0,.15);border-top-color:#f97316;animation:zjbjSpin .8s linear infinite;display:inline-block}
@keyframes zjbjSpin{to{transform:rotate(360deg)}}

/* ---------- 「AI 帮写」收费标准（弹窗内） ---------- */
.bxgzt-price{font-size:10.3px;color:#b45309;background:rgba(249,115,22,.1);border:1px solid rgba(249,115,22,.28);border-radius:999px;padding:2px 8px;white-space:nowrap}
.bjsfb{display:flex;flex-direction:column;gap:13.125px}
.bjsfb-note{font-size:11.25px;line-height:1.6;color:var(--ink2);background:var(--panel2);border:1px solid rgba(0,0,0,.07);border-radius:9.375px;padding:9.375px 11.25px}
.bjsfb-note b{color:#ea580c}
.bjsfb-models{display:grid;grid-template-columns:1fr 1fr;gap:9.375px}
.bjsfb-m{border:1px solid rgba(0,0,0,.08);border-radius:9.375px;padding:9.375px 11.25px;background:var(--panel)}
.bjsfb-m.is-vision{border-color:rgba(249,115,22,.4);background:rgba(249,115,22,.05)}
.bjsfb-tag{display:inline-block;font-size:9.375px;padding:1px 6px;border-radius:999px;background:#eef2f7;color:#475569;margin-bottom:5.625px}
.bjsfb-m.is-vision .bjsfb-tag{background:rgba(249,115,22,.16);color:#c2410c}
.bjsfb-m b{display:block;font-size:12.1875px;color:var(--ink)}
.bjsfb-when{margin-top:3.75px;font-size:10.3125px;color:rgba(0,0,0,.45);line-height:1.45}
.bjsfb-head{font-size:12.1875px;font-weight:600;color:var(--ink)}
.bjsfb-rate{display:flex;flex-direction:column;gap:2px;margin-top:7.5px;padding-top:7.5px;border-top:1px dashed rgba(0,0,0,.1);font-size:10.3125px;color:var(--ink3)}
.bjsfb-rate i{font-style:normal;font-weight:700;color:#ea580c;font-size:11.25px}
.bjsfb-tip{font-size:10.3125px;line-height:1.6;color:var(--ink3);background:var(--panel2);border-radius:7.5px;padding:7.5px 9.375px}
.bjsfb-tip b{color:#ea580c}
.bjsfb-bal{font-size:11.25px;color:var(--ink2)}
.bjsfb-bal b{color:#ea580c;font-size:13.125px}

/* ---------- 纯文本模型下：素材（参考图）区置灰不可用 ---------- */
.scq-block.is-off{background:#f1f2f5;filter:grayscale(1);opacity:.6}
.scq-block.is-off .scq-images,.scq-block.is-off .scq-head{pointer-events:none}
.scq-block.is-off .scq-mode{background:rgba(0,0,0,.08);color:var(--ink3)}
.scq-block.is-off .scq-empty-hint{color:rgba(0,0,0,.5);font-weight:600}

/* ==================================================================
   管理后台通用小件（admin/index.php 使用）
   注：登录页的「错误横幅」单独用 .tag-fail；这里的徽章一律要求 .tag 前缀，
   靠 .tag.tag-fail 提高优先级，两者互不影响。
   ================================================================== */
.mut{color:var(--ink3);font-size:12.5px}
.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-weight:600;color:var(--ink)}

.tag{display:inline-block;padding:2px 9px;border-radius:20px;font-size:11.5px;font-weight:600;line-height:1.7;background:var(--line2);color:var(--ink2);white-space:nowrap}
.tag.tag-ok{background:#e7f7ef;color:var(--green)}
.tag.tag-fail{background:#fdeaea;color:var(--red);border-radius:20px;padding:2px 9px;font-size:11.5px;margin-bottom:0}
.tag.tag-run{background:#fff6e8;color:var(--amber)}
.tag.tag-src{background:var(--brandbg);color:var(--brand)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:9px;padding:9px 16px;font-size:13px;font-family:inherit;font-weight:600;cursor:pointer;border:1px solid transparent;transition:.15s;line-height:1.4}
.btn-p{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff}
.btn-p:hover{filter:brightness(1.05)}
.btn-g{background:var(--panel);border-color:var(--line);color:var(--ink2)}
.btn-g:hover{border-color:var(--brand2);color:var(--brand);background:var(--panel)}

.note-strip{background:var(--brandbg);border:1px solid rgba(108,92,231,.18);color:var(--brand);border-radius:10px;padding:11px 14px;font-size:13px;line-height:1.75}
.note-strip code{background:var(--panel);color:var(--brand)}

/* 卡片头（.card 的第一层标题条） */
.ch{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--line2);font-weight:700;font-size:14.5px;color:var(--ink)}
.card>.ch:only-child{border-bottom:none}

/* ===== 后台专属 ===== */
body.adm .content{padding:22px 22px 64px;overflow:auto}
body.adm .card+.card{margin-top:12px}
body.adm code{background:var(--line2);padding:3px 7px;border-radius:6px;font-size:12px;color:var(--brand)}
body.adm .ch .mut{font-weight:400}
/* 表单控件统一走设计系统（各字段只保留自己需要的 width / font-family 内联值） */
body.adm input:not([type=hidden]):not([type=checkbox]):not([type=radio]),
body.adm textarea,body.adm select{
  border:1px solid var(--line);border-radius:9px;padding:8px 11px;font-size:13px;font-family:inherit;
  color:var(--ink);background:var(--panel);outline:none;transition:.15s;box-sizing:border-box;max-width:100%}
body.adm input:focus,body.adm textarea:focus,body.adm select:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(108,92,231,.10)}
body.adm textarea{line-height:1.6;resize:vertical}
body.adm label{cursor:pointer}
body.adm table.tbl input{padding:6px 9px;font-size:12.5px;font-family:Consolas,monospace;border-radius:7px}
/* ===== 上游接口页（聊天 / 图片 / 视频 + 添加弹窗 + 填写教程） ===== */
body.adm .adm-f{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--ink2);margin:0 0 12px}
body.adm .adm-f input{width:100%}
body.adm .adm-f-t{font-size:12.5px;color:var(--ink2)}
body.adm .up-tbl{margin-top:4px}
/* ⭐ 2026-09-21 视频表列多、模型映射芯片是 nowrap，auto 布局会把 Base URL 挤成每行几个字符。
   分组后 Base URL 已在分组标题里，行内只显示路径尾巴 → 用 table-layout:fixed，
   列按 <th> 指定的 px 走、不再互相挤压；模型映射列吃剩余宽度。
   ⚠️ 只给视频表（up-tbl-wide）用 fixed —— 图片表的映射列要塞下全部图片模型芯片，
      固定列宽会溢出盖住「操作」列，必须保留 auto 布局。 */
body.adm .up-tbl.up-tbl-wide{table-layout:fixed;width:100%;min-width:940px}
body.adm .up-tbl.up-tbl-wide td:first-child{width:180px}
body.adm .up-tbl td{vertical-align:top}
body.adm .up-tbl td.up-path{white-space:nowrap;font-size:12.5px;overflow:hidden;text-overflow:ellipsis}
/* ⚠️ 芯片默认 nowrap；固定列宽下超长的上游模型代号会横向溢出并盖住右侧「操作」列按钮
   （实测 canvas 组按钮被截断）→ 视频表内允许芯片换行。 */
body.adm .up-tbl.up-tbl-wide .up-map span{white-space:normal;overflow-wrap:anywhere;max-width:100%}
body.adm .up-tbl tbody tr.on{background:#f6f8ff}
body.adm .up-tbl tbody tr.on td:first-child{box-shadow:inset 3px 0 0 var(--brand)}
body.adm .up-on{display:block;color:var(--green);font-size:12px;font-weight:700;line-height:1.5}
body.adm .up-off{display:block;color:var(--ink3);font-size:12px;line-height:1.5}
body.adm .up-ban{display:block;color:var(--red);font-size:12px;font-weight:700;line-height:1.5}
body.adm .tbl.up-tbl tr.ban{opacity:.55}
body.adm .tbl.up-tbl tr.ban td b{text-decoration:line-through}
body.adm .up-proto{display:inline-block;font-size:12px;color:var(--brand);background:var(--brandbg);border-radius:6px;padding:2px 9px;font-family:Consolas,monospace}
body.adm .up-map span{display:inline-block;font-size:12px;color:var(--ink2);background:var(--line2);border-radius:6px;padding:2px 8px;margin:2px 4px 2px 0;white-space:nowrap}
body.adm .up-map span.set{background:var(--brandbg);color:var(--brand);font-weight:600}

body.adm .up-maptbl input{width:100%}
body.adm .up-active{display:flex;align-items:flex-start;gap:8px;font-size:13px;cursor:pointer;color:var(--ink)}
body.adm .up-active input{margin-top:3px;flex:none}
body.adm .up-guide{border:1px solid var(--line);border-radius:12px;background:#fbfcff;padding:13px 16px;font-size:12.5px;line-height:1.9;color:var(--ink2);margin:0 0 16px}
body.adm .up-guide h4{margin:0 0 8px;font-size:13px;color:var(--ink)}
body.adm .up-guide b{color:var(--ink)}
body.adm .up-guide code{font-size:11.5px}
/* ⭐ 2026-09-21 上游接口页：视频接口按「上游」分组 —— 分组标题行
   （同一 Base URL 域名+端口 = 同一家上游；一眼看清这家上游挂了几条渠道、几条启用、几条被禁）
   ⚠️ 不能直接给 <td> 加 display:flex —— 会让它脱离表格布局、整张表列宽塌陷
   （实测把 Base URL 挤成每行 4 个字符）。改成 td 保持 table-cell，内层 div 做 flex。 */
body.adm .up-tbl tr.up-grp-tr > td{
  background:var(--brandbg);border-top:2px solid var(--brand);padding:0;vertical-align:middle;
}
body.adm .up-tbl tr.up-grp-tr:first-child > td{border-top:none}
body.adm .up-grp-in{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 12px;font-size:13px}
body.adm .up-grp-ic{font-size:14px;line-height:1}
body.adm .up-grp-host{font-family:Consolas,monospace;font-size:13.5px;color:var(--ink);letter-spacing:.2px}
body.adm .up-grp-in .up-add{margin-left:auto}
body.adm .up-tag{display:inline-block;font-size:11.5px;line-height:1;padding:4px 8px;border-radius:999px;
  background:var(--panel);border:1px solid var(--line);color:var(--ink2);white-space:nowrap}
body.adm .up-tag.ok{color:var(--green);border-color:#cdebd6}
body.adm .up-tag.bad{color:var(--red);border-color:#f6d3d3}
body.adm .up-tag.proto{font-family:Consolas,monospace;color:var(--brand)}
body.adm .up-tag.dft{color:#b26a00;border-color:#f0dcb4}
/* ⭐ 2026-09-21 财务管理页：页面太长 → 拆成子标签页（?ft=）。
   标签条贴在页头卡片底部；「实收待补录」这类待办用小红点数字引导。 */
body.adm .fin-tabs{display:flex;gap:4px;flex-wrap:wrap;padding:10px 12px 11px}
body.adm .fin-tab{position:relative;display:inline-flex;align-items:center;gap:6px;font-size:13px;
  padding:8px 14px;border-radius:9px;color:var(--ink2);text-decoration:none;border:1px solid transparent;line-height:1}
body.adm .fin-tab:hover{background:var(--line2);color:var(--ink)}
body.adm .fin-tab.on{background:var(--brandbg);color:var(--brand);border-color:var(--brand);font-weight:700}
body.adm .fin-tab-bd{font-style:normal;font-size:11px;line-height:1;background:var(--red);color:#fff;
  border-radius:999px;padding:3px 6px;font-weight:700}
body.adm .fin-tip{margin-top:14px;border:1px solid var(--line);border-radius:10px;background:#fbfcfe;font-size:12.5px}
body.adm .fin-tip > summary{cursor:pointer;padding:10px 14px;color:var(--ink2);font-weight:600;list-style:none;border-radius:10px}
body.adm .fin-tip > summary::-webkit-details-marker{display:none}
body.adm .fin-tip > summary::before{content:'▸ ';color:var(--brand)}
body.adm .fin-tip[open] > summary::before{content:'▾ '}
body.adm .fin-tip > div{padding:0 14px 12px;line-height:1.95;color:var(--ink2)}
@media(max-width:900px){body.adm .sidebar{display:none}body.adm .content{padding:14px}}

/* 底栏 chip 用 display:inline-flex，会盖掉浏览器默认的 [hidden]{display:none}，这里补回来 */
.xlxz-btn[hidden],.bxgzt-foot [hidden]{display:none !important}

/* ==================================================================
   AI 帮写 · 第 1 栏「视频工作台专属」：短视频时长 + 比例
   （只在从视频工作台打开 AI 帮写时出现，图片工作台没有）
   ================================================================== */
.scq-vid{background:var(--panel2);border:1px solid rgba(0,0,0,.06);border-radius:11px;padding:11px;flex:none}
.scq-vid[hidden]{display:none}
.scq-subh{font-size:10.3px;font-weight:600;color:var(--ink3);margin:9.4px 0 5.6px}
.scq-chips{display:flex;flex-wrap:wrap;gap:5.6px}
.scq-chip{height:25.4px;min-width:30px;padding:0 7.5px;border:1px solid rgba(0,0,0,.1);border-radius:7.5px;background:var(--panel);color:var(--ink2);font-size:10.3px;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .18s}
.scq-chip:hover{border-color:rgba(249,115,22,.45);color:#c2410c}
.scq-chip.on{background:linear-gradient(135deg,#fb923c,#f97316);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 3px 8px rgba(249,115,22,.28)}
.scq-check{display:flex;align-items:center;gap:7px;font-size:11.3px;color:var(--ink2);cursor:pointer;margin-top:2px}
.scq-check input{accent-color:#f97316;width:14px;height:14px;margin:0;cursor:pointer}
.scq-note{font-size:9.4px;line-height:1.5;color:rgba(0,0,0,.38);margin-top:4px}

/* ==================================================================
   专家「详情」弹窗
   z-index 10080 —— 必须高于「AI 帮写」弹窗（10040），否则会被盖住看不见
   ================================================================== */
.zjxq-overlay{position:fixed;inset:0;background:rgba(0,0,0,.32);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10080;display:flex;align-items:center;justify-content:center;padding:24px}
.zjxq-overlay[hidden]{display:none}
.zjxq-dialog{width:min(460px,100%);max-height:86vh;background:var(--panel);border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 24px 64px rgba(0,0,0,.2);display:flex;flex-direction:column;overflow:hidden}
.zjxq-head{flex:none;display:flex;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(0,0,0,.06)}
.zjxq-title{font-size:14px;font-weight:600;color:var(--ink)}
.zjxq-close{margin-left:auto;width:30px;height:30px;border:none;border-radius:8px;background:#f3f4f6;color:var(--ink2);cursor:pointer;display:flex;align-items:center;justify-content:center}
.zjxq-close:hover{background:#e9ebef}
.zjxq-body{flex:1;min-height:0;overflow-y:auto}
.zjxq-hero{position:relative;height:126px;background:linear-gradient(135deg,#fdba74,#f97316);display:flex;align-items:flex-end;padding:12px 16px}
.zjxq-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.zjxq-hero-shade{position:absolute;inset:0;background:linear-gradient(rgba(10,15,25,.05) 20%,rgba(10,15,25,.72))}
.zjxq-hero-tx{position:relative;display:flex;align-items:center;gap:10px}
.zjxq-avatar{width:44px;height:44px;border-radius:50%;flex:none;border:2px solid var(--panel);background:linear-gradient(135deg,#fb923c,#f97316);color:#fff;font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden}
.zjxq-name{font-size:15px;font-weight:700;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.zjxq-group{font-size:11px;color:rgba(255,255,255,.85);margin-top:1px}
.zjxq-sec{padding:13px 18px 0}
.zjxq-sec:last-child{padding-bottom:16px}
.zjxq-k{font-size:11.5px;font-weight:700;color:var(--ink3);margin-bottom:5px}
.zjxq-v{margin:0;font-size:13px;line-height:1.75;color:var(--ink2)}
.zjxq-tags{display:flex;flex-wrap:wrap;gap:6px}
.zjxq-tag{background:var(--panel2);color:#475569;font-size:11px;padding:2px 9px;border-radius:999px;line-height:1.6}
.zjxq-pre{margin:0;background:var(--panel2);border:1px solid rgba(0,0,0,.06);border-radius:9px;padding:10px 12px;font-size:12px;line-height:1.7;color:var(--ink2);font-family:inherit;white-space:pre-wrap;word-break:break-word}
.zjxq-foot{flex:none;display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid rgba(0,0,0,.06);background:#fafafa}
.zjxq-btn{height:34px;padding:0 16px;border-radius:9px;border:none;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;background:var(--panel2);color:var(--ink2)}
.zjxq-btn:hover{background:#e8edf3}
.zjxq-btn-p{background:linear-gradient(135deg,#fb923c,#ea580c);color:#fff;box-shadow:0 4px 12px rgba(249,115,22,.3)}
.zjxq-btn-p:hover{filter:brightness(1.05)}

/* ==================================================================
   前端「在线客服」弹窗内容（内容全部来自后台设置）
   ================================================================== */
.cs-card{display:flex;flex-direction:column;gap:0}
.cs-intro{font-size:13px;line-height:1.75;color:var(--ink2);background:var(--line2);border-radius:10px;padding:10px 12px;margin-bottom:10px;white-space:pre-wrap}
.cs-row{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-bottom:1px dashed var(--line)}
.cs-row:last-child{border-bottom:none}
.cs-k{width:70px;flex:none;color:var(--ink3);font-size:12.5px;padding-top:1px}
.cs-v{flex:1;min-width:0;font-weight:600;color:var(--ink);font-size:13.5px;word-break:break-all;line-height:1.6}
.cs-v small{display:block;font-weight:400;color:var(--ink3);font-size:11.5px;margin-top:2px}
.cs-copy{flex:none;border:1px solid var(--line);background:var(--panel);color:var(--brand);border-radius:8px;padding:4px 10px;font-size:12px;font-family:inherit;font-weight:600;cursor:pointer}
.cs-copy:hover{background:var(--brandbg);border-color:var(--brand2)}
.cs-qr{display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 0 4px}
.cs-qr img{width:190px;height:190px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:6px;cursor:zoom-in;transition:.15s}
.cs-qr img:hover{border-color:var(--brand2);box-shadow:var(--shadow);transform:translateY(-1px)}
.cs-qr span{font-size:12px;color:var(--ink3)}
.cs-miss{font-size:12.5px;color:var(--ink3);padding:14px 0;text-align:center}

/* ===== 后台「积分管理」 ===== */
.pmg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.pmg-it{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--panel)}
.pmg-it b{font-size:13px}
.pmg-it .mut{font-size:11.5px}
.pmg-rate{display:flex;align-items:center;gap:8px;margin-top:7px}
.pmg-rate span{font-size:12px;color:var(--ink2);min-width:26px}
.pmg-rate input{width:100% !important}
.pmg-sug{font-size:11.5px;color:var(--ink3);margin-top:5px}
.pmg-sug b{color:var(--green)}

/* ===== 后台分页条 ===== */
.pager{display:flex;align-items:center;gap:6px;padding:12px 16px;border-top:1px solid var(--line2);flex-wrap:wrap}
.pager-i{min-width:31px;height:31px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;font-size:12.5px;font-weight:600;color:var(--ink2);background:var(--panel);text-decoration:none;transition:.15s}
.pager-i:hover{border-color:var(--brand2);color:var(--brand)}
.pager-i.on{background:linear-gradient(135deg,var(--brand),var(--brand2));border-color:transparent;color:#fff}
.pager-i.is-dis{opacity:.38;cursor:not-allowed}
.pager-gap{color:var(--ink3);padding:0 2px;font-size:12.5px}
.pager-info{margin-left:auto;color:var(--ink3);font-size:12px;font-weight:400}
/* 分页条（新版：共N条 + 条数选择 + 页码 + 前往页） */
.pg-total{color:var(--ink3);font-size:12.5px;margin-right:4px}
.pg-sel{padding:6px 10px;height:auto;line-height:1.2;border:1px solid var(--line2);border-radius:8px;background:var(--panel);color:var(--ink);font-size:12.5px;cursor:pointer}
.pg-sel:focus{outline:none;border-color:var(--brand)}
.pg-jump{margin-left:auto;color:var(--ink3);font-size:12.5px;display:inline-flex;align-items:center;gap:6px}
.pg-in{width:52px;padding:6px 8px;height:auto;line-height:1.2;border:1px solid var(--line2);border-radius:8px;text-align:center;color:var(--ink);font-size:12.5px}
.pg-in:focus{outline:none;border-color:var(--brand)}

/* ===== 图片 / 视频灯箱（msLightbox）===== */
.ms-lb{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center}
.ms-lb[hidden]{display:none}
.ms-lb-bg{position:absolute;inset:0;background:rgba(8,9,14,.86);backdrop-filter:blur(3px);cursor:zoom-out}
.ms-lb-bar{position:absolute;top:16px;right:18px;display:flex;align-items:center;gap:10px;z-index:3}
.ms-lb-bar button,.ms-lb-o{background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.24);border-radius:9px;padding:8px 13px;font-size:12.5px;font-family:inherit;cursor:pointer;transition:.15s;line-height:1;white-space:nowrap}
.ms-lb-bar button:hover,.ms-lb-o:hover{background:rgba(255,255,255,.24)}
.ms-lb-o{display:inline-flex;align-items:center;gap:7px;cursor:pointer;user-select:none}
.ms-lb-o input{accent-color:#fff;cursor:pointer;margin:0;width:14px;height:14px}
.ms-lb-x{padding:8px 12px !important;font-size:13px !important;line-height:1 !important}
.ms-lb-stage{position:relative;z-index:2;max-width:92vw;max-height:88vh;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden}
.ms-lb-stage[data-fit="contain"] img,.ms-lb-stage[data-fit="contain"] video{max-width:92vw;max-height:88vh;object-fit:contain;display:block}
.ms-lb-stage[data-fit="cover"] img,.ms-lb-stage[data-fit="cover"] video{width:92vw;height:88vh;object-fit:cover;display:block}
.ms-lb-stage.opaque{background:var(--panel)}
.ms-lb-stage.opaque video{background:#000}

/* 参考图缩略图中的「引用到参考图」快捷提示 */
.dlg-ractions [data-qt]{border-color:rgba(108,92,231,.35);color:var(--brand)}


/* ===== 充值中心（兑换码充值） ===== */
.rc-box{max-width:780px;margin-top:18px}
.rc-row{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.rc-inp{flex:1;min-width:260px;font-size:14px;letter-spacing:.5px}
.rc-note{color:var(--ink3);font-size:12.5px;line-height:1.8;margin-top:12px}
.rc-note code{background:var(--line2);border-radius:5px;padding:1px 6px;font-size:12px;color:var(--ink2)}
.rc-faces{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin-top:14px}
.rc-face{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 8px;text-align:center;transition:.15s}
.rc-face:hover{border-color:var(--brand2);box-shadow:var(--shadow)}
.rc-face .n{font-size:20px;font-weight:800;color:var(--brand);line-height:1.2}
.rc-face .u{color:var(--ink3);font-size:12px;margin-top:2px}
/* 充值流程四步 */
.rc-steps{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;margin-top:14px}
.rc-step{flex:1;min-width:150px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px}
.rc-step .i{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.rc-step b{font-size:13px}
.rc-step .d{color:var(--ink3);font-size:12px;line-height:1.6}
.rc-arrow{align-self:center;color:var(--ink3);font-size:16px;font-weight:700}
/* 购买兑换码弹窗：白底紧凑面值列表（2 列，目标一屏放下不出现滚动条） */
.rc-shop-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.rc-shop-item{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);transition:.15s;text-decoration:none;color:var(--ink)}
.rc-shop-item:hover{border-color:var(--brand2);background:var(--brandbg);box-shadow:var(--shadow)}
.rc-shop-item .amt{flex:1;font-size:11px;color:var(--ink3);white-space:nowrap}
.rc-shop-item .amt b{font-size:14.5px;font-weight:800;color:var(--brand);margin-right:1px}
.rc-shop-item .price{flex:none;text-align:right;font-size:12.5px;font-weight:700;color:var(--ink);white-space:nowrap}
.rc-shop-item .go{flex:none;text-align:center;font-size:11px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2));border-radius:7px;padding:4px 8px;white-space:nowrap}
.rc-shop-item.off{opacity:.5;cursor:not-allowed}
.rc-shop-item.off .go{background:var(--line);color:var(--ink3)}
.rc-shop-item.off:hover{border-color:var(--line);background:var(--panel);box-shadow:none}

/* 充值小弹窗顶部固定区：用户名 + 积分 + 说明文案（不随列表滚动） */
#rcShop .ms-panel{max-height:94vh}
#rcShop .ms-panel-h{padding:12px 16px}
#rcShop .ms-panel-b{padding:12px 16px 14px}
.rc-fixed{flex:none;padding:10px 16px;background:#fbfbff;border-bottom:1px solid var(--line2)}
.rc-head{display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:linear-gradient(135deg,rgba(124,92,255,.09),rgba(80,160,255,.09));
  border:1px solid var(--line);border-radius:12px;padding:8px 11px}
.rc-head-u{display:flex;align-items:center;gap:8px;min-width:0}
.rc-av{width:28px;height:28px;border-radius:50%;flex:none;background:linear-gradient(135deg,var(--brand),var(--brand2))}
.rc-head-tx{display:flex;flex-direction:column;min-width:0}
.rc-head-tx b{font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}
.rc-head-tx i{font-size:11px;color:var(--ink3);font-style:normal}
.rc-head-bal{text-align:right;flex:none}
.rc-head-bal span{display:block;font-size:11px;color:var(--ink3)}
.rc-head-bal b{font-size:17px;font-weight:800;color:var(--brand);line-height:1.25}
.rc-head-bal b em{font-style:normal}
.rc-note{margin-top:6px;font-size:11.5px;line-height:1.5;color:var(--ink3);
  background:#fff8ef;border:1px solid #ffe2bd;border-radius:10px;padding:6px 10px}
/* 弹窗内「兑换码兑换」分隔标题 + 输入行 */
.rcq-sep{display:flex;align-items:center;gap:10px;margin:10px 0 7px;color:var(--ink3);font-size:11.5px;font-weight:600}
.rcq-sep::before,.rcq-sep::after{content:"";flex:1;height:1px;background:var(--line2)}
.rcq-sep span{flex:none}
.rcq-row{display:flex;gap:8px;align-items:stretch}
.rcq-row .inp{flex:1;min-width:0}
.rcq-row .btn-primary{flex:none;min-width:104px}
#rcShop .hint{min-height:18px;font-size:12.5px;margin-top:6px}
@media(max-width:520px){.rcq-row{flex-direction:column}.rcq-row .btn-primary{width:100%}.rc-shop-list{grid-template-columns:1fr}}

/* ===== 后台「充值管理」面值选择 ===== */
.rd-faces{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;max-width:820px}
.rd-face{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
  border:1px solid var(--line);border-radius:12px;padding:11px 6px;background:var(--panel);cursor:pointer;transition:.15s;text-align:center}
.rd-face input{position:absolute;opacity:0;pointer-events:none}
.rd-face .n{font-size:19px;font-weight:800;color:var(--ink2);line-height:1.2}
.rd-face .u{font-size:12px;color:var(--ink3)}
.rd-face:hover{border-color:var(--brand2)}
.rd-face:has(input:checked){border-color:var(--brand);background:var(--brandbg);box-shadow:0 0 0 1px var(--brand) inset}
.rd-face:has(input:checked) .n{color:var(--brand)}
/* 兼容不支持 :has() 的浏览器：由 JS 加 .on */
.rd-face.on{border-color:var(--brand);background:var(--brandbg);box-shadow:0 0 0 1px var(--brand) inset}
.rd-face.on .n{color:var(--brand)}

/* 充值中心：兑换记录里的码要完整显示（flow 默认 .tk 只有 120px） */
#rcList .flow .tk{width:auto;max-width:300px;font-family:ui-monospace,Consolas,monospace;font-size:12px}

/* 选项双行排版（运镜等：上行主描述 + 下行适用场景）—— 2026-09-14 */
.pop a em.pb{font-weight:700;flex:none}
.pop a .pi-body{display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:left;white-space:normal;min-width:0;flex:1}
.pop a .pi-body .pi-desc{color:#1e2332;font-size:12.5px;line-height:1.45;font-weight:500}
.pop a .pi-body .pi-use{color:var(--ink3);font-size:11px;line-height:1.4;font-weight:400}

/* ==================================================================
   存入资产库（手动保存模式）
   ================================================================== */

/* 资产库弹窗里的分类过滤 tab（全部 / 角色 / 场景 / 道具） */
.al-tabs{display:flex;gap:6px;padding:10px 12px 4px;flex-wrap:wrap;border-bottom:1px solid var(--line2)}
.al-tab{border:1px solid var(--line);background:var(--panel);color:var(--ink2);border-radius:18px;padding:5px 14px;
  font-size:12.5px;font-family:inherit;cursor:pointer;transition:.15s;line-height:1}
.al-tab:hover{border-color:var(--brand2);color:var(--brand)}
.al-tab.on{background:var(--brand);border-color:var(--brand);color:#fff}

/* 结果卡片 / 参考框上的「存入资产库」图标按钮 */
[data-save-asset], .save-asset {
  background: none; border: none; cursor: pointer; padding: 4px; border-radius: 4px;
  color: var(--ink3); font-size: 15px; line-height: 1;
  display: inline-flex; align-items: center; justify-content: center;
  transition: color .15s, background .15s;
}
[data-save-asset]:hover, .save-asset:hover {
  color: var(--brand); background: rgba(108,92,231,.08);
}

/* 存入资产库弹窗 */
.asset-save-pop {
  position: fixed; z-index: 10000; top: 50%; left: 50%; transform: translate(-50%,-50%);
  background: var(--bg); border: 1px solid var(--line); border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0,0,0,.18); width: 320px; font-size: 14px;
}
.asp-head { display: flex; justify-content: space-between; align-items: center;
  padding: 12px 16px; border-bottom: 1px solid var(--line); font-weight: 600; color: var(--ink); }
.asp-x { cursor: pointer; font-size: 18px; color: var(--ink3); padding: 2px 6px; border-radius: 4px; line-height: 1; }
.asp-x:hover { color: var(--red); background: rgba(255,91,91,.08); }
.asp-body { padding: 14px 16px; }
.asp-body label { display: block; font-weight: 600; margin-bottom: 6px; font-size: 13px; color: var(--ink); }
.asp-body label small { font-weight: 400; color: var(--ink3); }
.asp-cats { display: flex; gap: 6px; margin-bottom: 12px; flex-wrap: wrap; }
.asp-cat {
  padding: 5px 12px; border: 1px solid var(--line); border-radius: 20px; background: none;
  cursor: pointer; font-size: 13px; transition: all .15s; color: var(--ink); font-family: inherit;
}
.asp-cat:hover { border-color: var(--brand); color: var(--brand); }
.asp-cat.sel { background: var(--brand); border-color: var(--brand); color: #fff; }
.asp-name {
  width: 100%; box-sizing: border-box; padding: 8px 10px; border: 1px solid var(--line);
  border-radius: 8px; font-size: 13px; margin-bottom: 12px; outline: none;
  transition: border-color .15s; background: var(--bg); color: var(--ink); font-family: inherit;
}
.asp-name:focus { border-color: var(--brand); }
.asp-tip { margin: 0 0 4px; font-size: 11.5px; color: var(--ink3); line-height: 1.5; }
.al-exp {
  position: absolute; top: 6px; left: 6px; z-index: 2;
  padding: 1px 7px; border-radius: 10px; font-size: 10.5px; line-height: 1.6;
  background: rgba(15,23,42,.62); color: #fff; pointer-events: none;
  font-family: inherit;
}
.asp-foot {
  display: flex; justify-content: flex-end; gap: 8px;
  padding: 10px 16px; border-top: 1px solid var(--line);
}
.asp-cancel {
  padding: 7px 16px; border: 1px solid var(--line); border-radius: 8px;
  background: none; cursor: pointer; font-size: 13px; color: var(--ink); font-family: inherit;
}
.asp-cancel:hover { background: rgba(0,0,0,.03); }
.asp-ok {
  padding: 7px 20px; border: none; border-radius: 8px;
  background: var(--brand); color: #fff; cursor: pointer; font-size: 13px; font-weight: 600; font-family: inherit;
}
.asp-ok:hover { opacity: .9; }

/* 参考框上的存入图标（参考图 / 参考视频 / 参考音频） */
.ck-card .save-asset { position: absolute; bottom: 4px; right: 22px;
  width: 22px; height: 22px; border-radius: 50%; background: rgba(0,0,0,.45);
  color: #fff; font-size: 12px; z-index: 2; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  opacity: 0; transition: opacity .2s; }
.ck-card:hover .save-asset { opacity: 1; }
.iframe .save-asset { bottom: 4px; right: 22px; }
.iframe.audio .save-asset { bottom: 4px; right: 22px; }

/* 模型推荐标记（侧栏 智影全能Pro 后的红色小标签） */
.sub2 .rec-tag { color: var(--red, #e34d4d); font-size: 13px; margin-left: -5px; letter-spacing: -.5px; white-space: nowrap; vertical-align: middle; line-height: 1; }
/* 资产库弹窗：标题栏「＋ 上传」按钮 */
.ms-panel-h .al-up { margin-left: auto; margin-right: 10px; padding: 4px 12px; font-size: 12.5px; border-radius: 8px; border: 1px solid var(--brand, #0e7490); color: var(--brand, #0e7490); background:var(--panel); cursor: pointer; }
.ms-panel-h .al-up:hover { background: var(--brandbg, rgba(14,116,144,.08)); }
/* 上传图片资产弹窗 */
.au-drop { border: 1.5px dashed var(--line, #d7dde3); border-radius: 10px; padding: 22px 10px; text-align: center; font-size: 13px; color: var(--ink2, #475569); cursor: pointer; line-height: 1.9; transition: .15s; }
.au-drop:hover, .au-drop:focus { border-color: var(--brand, #0e7490); background: var(--brandbg, rgba(14,116,144,.05)); }
.au-drop small { color: var(--ink3, #94a3b8); font-size: 11.5px; }
.au-lb { display: block; margin: 12px 0 6px; font-size: 12.5px; color: var(--ink2, #475569); }
.au-lb small { color: var(--ink3, #94a3b8); }
.au-desc { width: 100%; box-sizing: border-box; border: 1px solid var(--line, #d7dde3); border-radius: 8px; padding: 8px 10px; font-size: 13px; font-family: inherit; resize: vertical; }
.au-desc:focus { outline: none; border-color: var(--brand, #0e7490); }

/* ===== 日夜切换（2026-09-15）：html[data-theme="dark"] 整站暗色 ===== */
html[data-theme="dark"]{
  --bg:#0e1014; --panel:#171a21; --panel2:#1e222b; --line:#2b303c; --line2:#242938;
  --ink:#e7eaf3; --ink2:#a9b1c4; --ink3:#7a829a;
  --brand:#8b7bff; --brand2:#a394ff; --brandbg:#272045;
  --red:#ff6b6b; --green:#2ec77f; --amber:#f7b155;
  --shadow:0 2px 12px rgba(0,0,0,.45); --shadow2:0 8px 30px rgba(0,0,0,.55);
  /* ⭐ 夜间：工作台底色跟随暗面板（原来是写死的 #fff → 夜间大片白） */
  --stage:#12151b;
  --stage-veil:rgba(18,21,27,0);
}
html[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
html[data-theme="dark"] .drop{background:var(--panel2)}
html[data-theme="dark"] .kv{background:var(--panel2)}
html[data-theme="dark"] .thumb{border-color:var(--line2)}
html[data-theme="dark"] img{filter:brightness(.96)}
/* ⭐ 2026-09-23 夜间补齐：以下元素原来写死白色/浅色，暗色主题下会闪出刺眼的白块 */
html[data-theme="dark"] .tpanel{background:rgba(23,26,33,.92);border-color:var(--line);
  box-shadow:0 20px 48px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.06)}
html[data-theme="dark"] .tpanel-tools input{background:var(--panel2);border-color:var(--line);color:var(--ink);box-shadow:none}
html[data-theme="dark"] .pg-key .kv-code{background:var(--panel2)}
html[data-theme="dark"] .pg-mcard-i .pr{background:var(--panel2)}
html[data-theme="dark"] .pg-filter .inp{background:var(--panel2)}
html[data-theme="dark"] .tag.tag-run{background:rgba(247,177,85,.16)}
html[data-theme="dark"] .st.wait{background:rgba(247,177,85,.16)}
html[data-theme="dark"] .move-chip{background:rgba(245,106,0,.16);border-color:rgba(245,106,0,.42);color:#ffab63}
html[data-theme="dark"] .iframe.audio{background:rgba(245,106,0,.14);border-color:rgba(245,106,0,.4);color:#ffab63}
html[data-theme="dark"] .banner-warn{background:rgba(255,214,102,.10);border-color:rgba(255,214,102,.3)}

/* ===== 顶栏图标按钮（日夜切换 / 公告）===== */
/* ⭐ 2026-09-18 顶部滚动公告（喇叭图标左侧；后台「系统设置」可配内容/颜色/加粗，留空不显示） */
/* ⭐ 2026-09-18 用户要求：电脑端滚动公告加长到 2 倍以上（300px→640px），跑马时能一次看到更多文字；
   flex:0 1 auto 保持可收缩，窄窗口下自动让位给标题/积分等，不会挤爆顶栏 */
.notice-bar{flex:1 1 auto;min-width:110px;max-width:640px;height:34px;display:flex;align-items:center;overflow:hidden;
  border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:0 10px;cursor:default;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.notice-bar .nb-track{display:flex;white-space:nowrap;animation:nb-scroll 16s linear infinite;will-change:transform}
.notice-bar:hover .nb-track{animation-play-state:paused}   /* 悬停暂停，方便看清/选中 */
.notice-bar span{font-size:12.5px;line-height:34px;padding-right:56px}
@keyframes nb-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* ⭐ 2026-09-19 用户报「顶部的滚动条不动了」→ 原来这里有一条
   `@media (prefers-reduced-motion: reduce){.notice-bar .nb-track{animation:none}}`：
   系统把「动画效果」关掉时（本机 Chrome 实测 prefers-reduced-motion = reduce），滚动公告就完全静止。
   用户要的是一直播报 → 去掉该覆盖，公告条**任何系统设置下都滚动**（仍是纯 CSS 动画，不影响性能）。 */
@media (max-width: 900px){.notice-bar{max-width:170px}}
.tb-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;
  border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--ink2);cursor:pointer;transition:.15s;padding:0}
.tb-icon:hover{border-color:var(--brand2);color:var(--brand)}
.tb-icon svg{width:17px;height:17px}
.tb-icon .ic-sun{display:none}
html[data-theme="dark"] .tb-icon .ic-sun{display:block}
html[data-theme="dark"] .tb-icon .ic-moon{display:none}
.tb-icon .dot{position:absolute;top:-3px;right:-3px;width:9px;height:9px;border-radius:50%;background:var(--red);
  border:1.5px solid var(--panel);display:none}
.tb-icon.has-dot .dot{display:block}
/* ⭐ 2026-09-23 用户要求：「积分」右侧加一个「充值的按钮图标」—— 顶栏原「充值」文字按钮已删。
   做成品牌紫圆形实心按钮（币/加号），16px 字号层级与积分数字呼应，hover 微亮。 */
.tb-icon.tb-add{width:30px;height:30px;border:0;border-radius:50%;color:#fff;
  background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 3px 10px rgba(124,108,235,.34)}
.tb-icon.tb-add:hover{filter:brightness(1.08);transform:translateY(-1px);color:#fff}
.tb-icon.tb-add svg{width:17px;height:17px;stroke-width:2.2}
/* 公告弹窗正文 */
.ann-body{font-size:14px;line-height:1.9;color:var(--ink);word-break:break-word}
.ann-body .ann-empty{text-align:center;color:var(--ink3);padding:26px 0}

/* ============================================================
   H5 移动端适配（2026-09-18 用户要求：手机可浏览操作，桌面端像素级不变）
   原则：所有规则都包在 @media 里；桌面断点(>860px)完全不受影响。
   ============================================================ */

/* 汉堡按钮：桌面隐藏 */
.nav-btn{display:none;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;
  border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--ink2);cursor:pointer;padding:0;transition:.15s}
.nav-btn:hover{border-color:var(--brand2);color:var(--brand)}
.nav-btn svg{width:18px;height:18px}

/* 抽屉遮罩：桌面隐藏 */
.nav-mask{display:none;position:fixed;inset:0;background:rgba(15,18,34,.45);z-index:64;backdrop-filter:blur(1px)}

@media (max-width: 860px){
  /* —— 顶栏 —— */
  .topbar{padding:0 10px;gap:8px}
  .nav-btn{display:inline-flex}
  .tb-title{font-size:15px;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .tb-right{gap:8px;flex:0 0 auto}
  .tb-uname{display:none}                       /* 用户名收进头像菜单，省空间 */
  .tb-credit{font-size:12px}
  .tb-credit b{font-size:13px}
  .tb-recharge{padding:6px 9px;font-size:12px}
  /* ⭐ 2026-09-18 用户要求 4：手机端不显示顶部滚动公告（电脑端才显示） */
  .notice-bar{display:none}
  /* ⭐ 用户追加：手机端连公告喇叭图标也去掉（保留电脑端） */
  .tb-icon#annBtn{display:none}
  /* ⭐ 2026-09-23 用户要求 3：手机端简化顶栏——隐藏主题切换（桌面端保留） */
  .tb-icon#themeBtn{display:none}
  /* ⭐ 2026-09-23：用户下拉不再放「资费一览」→ 手机端保留顶栏「资费」按钮作为唯一入口 */
  .tb-pricing{display:inline-flex}
  /* ⭐ 2026-09-22 用户要求 2：手机端顶栏固定吸顶（用户端 + 后台通用），下滑浏览时顶部始终可见 */
  .topbar{position:fixed;top:0;left:0;right:0;z-index:60}
  .main{padding-top:58px}

  /* —— 工作台（video/image 共用布局）—— */
  /* ⭐ 修正：.stage-feed 是生成结果「内容区」，不是任务列表面板（任务列表是顶部 tlBtn 侧滑，默认不显示）。
     上次误把内容区设成手机端隐藏 → 手机端内容空白。这里恢复显示。 */
  .content.no-pad{padding:0}                    /* 工作台满屏，composer 绝对定位贴底，不再悬空 */
  /* ⭐ 用户要求 2：打开工作台先看到对话框（输入框），而不是先看到顶部记录。
     根因：移动端 .stage 用 height:100% 依赖父级高度链，部分 webview 解析失败→高度塌陷、
     .composer(absolute bottom:0) 掉到首屏下方。改成显式视口高度减顶栏 58px，对话框贴底首屏恒可见。 */
  .stage{max-height:none;height:calc(100dvh - 58px)}
  /* 提交（生成）按钮：横滑选择胶囊时，始终钉在对话框右侧可见（不再需要向左拉动才看到） */
  .crow .sendbtn{position:sticky;right:0;margin-left:10px;flex:none}
  /* ⭐ 用户要求 3：手机端一页放下、不出横向滚动（内容区本身靠 feed 纵向滚动） */
  html,body{overflow-x:hidden}
  .s2-top{left:12px;top:12px}                   /* 任务列表/玩法按钮贴左上，别留 64px 空档 */
  .composer{padding:8px 10px 12px}
  .cbox{max-width:100%}
  /* 对话框下方选择胶囊：放不下时左右滑动（与图片工作台 .sel-scroll 一致） */
  .crow{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .crow::-webkit-scrollbar{display:none}
  .crow .pill{flex:0 0 auto}
  /* 工具栏圆钮（运镜/发送/清空…）原本浮在 cbox 两侧外，手机端会跑到屏外 → 收进 cbox 顶部横向两行。
     ⭐ 2026-09-18 用户反馈「对话框变形」真凶：上次只改了 position，没重置基类的
     flex-direction:column + border-radius:999px → 按钮竖着摞成两个大椭圆。这里全部重置。 */
  .bl-actions,.be-actions{display:flex;position:static;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;
    gap:6px;padding:6px 8px;border-radius:14px;margin:0 0 8px;box-shadow:0 2px 8px rgba(15,23,42,.08)}
  .bl-actions .matn,.be-actions .matn{flex:0 0 auto}

  /* ⭐ 2026-09-22 用户要求：视频工作台对话框上方那两排小工具 → 移到对话框下方、排成一排（仅视频工作台 .v-work） */
  .composer.v-work .cbox{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start}
  .composer.v-work .cbox .cbody,.composer.v-work .cbox .crow{flex:1 1 100%}
  .composer.v-work .cbox .bl-actions,.composer.v-work .cbox .be-actions{
    order:9;flex:0 0 auto;position:static;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;
    gap:6px;padding:6px 8px;border-radius:14px;margin:10px 0 0;box-shadow:0 2px 8px rgba(15,23,42,.08)}
  .composer.v-work .cbox .be-actions{margin-left:8px}
  .composer.v-work .cbox .bl-actions .matn,.composer.v-work .cbox .be-actions .matn{flex:0 0 auto}

  /* —— 侧栏 → 抽屉（2026-09-23：窄图标栏，抽屉同样保持窄宽度 + 图标竖排） —— */
  .sidebar{position:fixed;left:0;top:0;bottom:0;height:100dvh;width:124px;max-width:86vw;
    z-index:66;transform:translateX(-105%);transition:transform .25s ease;overflow-y:auto;
    box-shadow:none;border-right:1px solid var(--line);padding:12px 8px;align-items:center}
  body.nav-open .sidebar{transform:translateX(0);box-shadow:0 10px 40px rgba(0,0,0,.28)}
  body.nav-open{overflow:hidden}                /* 抽屉打开时锁背景滚动 */
  body.nav-open .nav-mask{display:block}

  /* —— 主区 —— */
  .main{min-width:0}
  .content{padding:12px}                        /* 若有 .content 容器则收窄留白 */

  /* —— 通用卡片 / 表格：窄屏适配（防撑破、排版不怪） —— */
  .pad{padding:14px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}  /* 水平留白交给 .content；表格过宽可横向滑动 */
  .card{max-width:100%}
  .card{overflow-x:auto}
  .card-pad{padding:14px}
  .row{gap:10px}
  .kv{flex:1 1 140px;min-width:0}
  table.tbl{min-width:520px}                    /* 表格内容保持可读，横向滑动查看 */
  .doc code{overflow-wrap:anywhere}             /* 文档内联长链接换行 */
  .rc-arrow{display:none}                        /* 充值步骤箭头在窄屏隐藏，步骤自动换行 */
  /* ⭐ 子菜单展开高度彻底放开（部分手机 webview 的 vh 计算/字体放大/缓存会让限高裁掉末项）
     → 用超大 px 上限（2000px 可过渡动画、免疫 vh 异常），抽屉自身 overflow-y:auto 滚动；桌面端 260px 不动 */
  .sidebar .sub-wrap.open{max-height:2000px !important}

  /* ⭐ 2026-09-18 用户反馈：人脸处理页手机端「添加的图 / 处理结果」看不全 → 改横向滑动条（左右移动） */
  .face-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:10px;padding:2px 2px 8px}
  .face-grid::-webkit-scrollbar{display:none}
  .face-cell{flex:0 0 62vw;max-width:240px;min-width:0}
  .face-cell canvas,.face-cell img{width:100%;max-width:100%}

  /* ⭐ 用户要求：手机端 AI 帮写弹窗「看不到全部、排版乱」→ 全屏单列、可纵向滚动、底部按钮换行 */
  .bxgzt-overlay{padding:0;align-items:stretch}
  .bxgzt-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0}
  .bxgzt-body{display:flex;flex-direction:column;grid-template-columns:none;gap:14px;padding:12px;overflow-y:auto}
  .bxgzt-col{flex:none}
  .bxgzt-foot{flex-wrap:wrap;gap:8px 10px}
  .bxgzt-foot-spacer{display:none}
  .bxgzt-foot .xlxz-btn,.bxgzt-foot .bxgzt-cancel,.bxgzt-foot .bxgzt-start{flex:1 1 auto;justify-content:center}
  .bxgzt-start{margin-left:0}

  /* ⭐ 2026-09-22 用户反馈 1：手机后台点汉堡不出菜单。
     根因：CSS 早段 ≤900 的 `body.adm .sidebar{display:none}`（特指度 0,2,0）盖过了移动端抽屉规则
     `.sidebar{...}`（0,1,0）→ 后台侧栏被强制 display:none，点汉堡切 body.nav-open 也没东西可滑出。
     修法：这里用同特指度的 `body.adm .sidebar`（排在更后）用 display:flex 复活成抽屉。 */
  body.adm .sidebar{display:flex;position:fixed;left:0;top:0;bottom:0;height:100dvh;width:252px;max-width:86vw;
    z-index:66;transform:translateX(-105%);transition:transform .25s ease;overflow-y:auto;box-shadow:none;border-right:1px solid var(--line)}
  body.adm.nav-open .sidebar{transform:translateX(0);box-shadow:0 10px 40px rgba(0,0,0,.28)}
  body.adm.nav-open{overflow:hidden}
  body.adm.nav-open .nav-mask{display:block}

  /* ⭐ 2026-09-22 用户要求 2：手机后台「数据看板」方框改小、排版更整齐（仅手机端；桌面不动） */
  .dashgrp{margin-bottom:12px !important}
  .dashgrp > div:first-child{font-size:11.5px !important;margin-bottom:6px !important}
  .dashgrid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr)) !important;gap:8px !important}
  body.adm .card.dstat{padding:9px 10px !important;border-radius:10px;min-height:56px;
    display:flex;flex-direction:column;justify-content:center}
  body.adm .card.dstat .mut{font-size:11px;line-height:1.3}
  body.adm .card.dstat .num{font-size:17px !important;margin-top:2px !important;overflow-wrap:anywhere}
}
/* 手机再小一档：进一步收紧 */
@media (max-width: 480px){
  .topbar{padding:0 8px}
  .tb-recharge span{display:none}               /* 只留图标，点图标也能充值 */
  .tb-recharge{padding:7px 8px}
}

/* ==================================================================
   ⭐ 2026-09-19 全局导航加载遮罩（逻辑见 assets/navload.js）
   前台 studio.php + 后台 admin/index.php 通用：点菜单立刻转圈；
   新页面外壳（左侧菜单+顶栏）先 flush 到浏览器，正文内容再流式加载，内容就绪后转圈消失。 */
/* 不遮不挡：只飘一个小胶囊转圈，静态内容保持干净（用户要求「先把静态内容显示出来」） */
.ms-navload{position:fixed;inset:0;z-index:55;display:none;align-items:center;justify-content:center;
  background:transparent;pointer-events:none}
.ms-navload.on{display:flex}
@media (min-width:861px){.ms-navload{left:116px}}   /* 桌面端保住左侧菜单可见（2026-09-23 侧栏 116px） */
.ms-navload-pill{display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--panel);
  border:1px solid var(--line);border-radius:14px;padding:16px 22px;box-shadow:var(--shadow2)}
.ms-navload-spin{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);
  border-top-color:var(--brand);animation:msNavSpin .8s linear infinite}
.ms-navload-tx{color:var(--ink2);font-size:13px;letter-spacing:.3px}
@keyframes msNavSpin{to{transform:rotate(360deg)}}

/* ⭐ 记录区(feed)就地加载转圈：动态内容在它自己的位置转圈，静态框架/对话框完全不受影响 */
.feed-load{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  min-height:160px;color:var(--ink3);font-size:13px}
.feed-spin{width:26px;height:26px;border-radius:50%;border:3px solid var(--line);
  border-top-color:var(--brand);animation:msNavSpin .8s linear infinite}

/* ⭐ 2026-09-19 记录区「滚动自动加载下一批」的哨兵（滚到它就自动加载；也复用给其它列表的「加载更多」按钮） */
.load-more{display:block;width:100%;margin:10px 0;padding:10px 0;border:0;background:transparent;
  color:var(--ink3);font-size:12.5px;text-align:center;letter-spacing:.3px;cursor:pointer}
.load-more:hover{color:var(--brand)}

/* ⭐ 2026-09-21 导航骨架屏：点左侧菜单的瞬间（服务器还没返回前）就地显示「静态骨架 + LOADING」，
   服务器响应后新页面外壳先 flush、数据库内容再流式填充（两段式，用户请求的观感：先静态后动态）。 */
.ms-skel{position:fixed;inset:0;z-index:56;display:none;background:var(--bg);padding:26px 34px;overflow:hidden}
.ms-skel.on{display:block}
@media (min-width:861px){.ms-skel{left:116px}}          /* 桌面端保住左侧菜单可见（2026-09-23 侧栏 116px） */
.ms-skel .sk-tt{height:22px;width:190px;border-radius:8px;margin:4px 0 20px}
.ms-skel .sk-card{border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:16px}
.ms-skel .sk-ln{height:13px;border-radius:6px;margin:12px 0}
.ms-skel .sk-ln.w80{width:80%}.ms-skel .sk-ln.w60{width:60%}.ms-skel .sk-ln.w40{width:40%}
.ms-skel .sk-row{display:flex;gap:14px;margin-bottom:16px}
.ms-skel .sk-row .sk-bx{flex:1;height:110px;border-radius:14px}
.ms-skel .sk-tt,.ms-skel .sk-ln,.ms-skel .sk-bx{position:relative;overflow:hidden;background:var(--line)}
.ms-skel .sk-tt::after,.ms-skel .sk-ln::after,.ms-skel .sk-bx::after{content:'';position:absolute;inset:0;
  transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);
  animation:skSweep 1.2s ease-in-out infinite}
[data-theme="dark"] .ms-skel .sk-tt::after,
[data-theme="dark"] .ms-skel .sk-ln::after,
[data-theme="dark"] .ms-skel .sk-bx::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent)}
@keyframes skSweep{to{transform:translateX(100%)}}
.ms-skel .sk-pill{position:fixed;left:50%;top:36%;transform:translate(-50%,-50%);display:flex;flex-direction:column;
  align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:14px;
  padding:16px 22px;box-shadow:var(--shadow2)}
.ms-skel .sk-spin{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);
  border-top-color:var(--brand);animation:msNavSpin .8s linear infinite}
.ms-skel .sk-tx{color:var(--ink2);font-size:13px;letter-spacing:.3px}
@media (prefers-reduced-motion: reduce){.ms-skel .sk-tt::after,.ms-skel .sk-ln::after,.ms-skel .sk-bx::after{animation:none}}

/* ==================== miniKey 专属样式 ==================== */

/* 左上角品牌：LOGO 图标（图片版圆角方块） */
.brand-ic.brand-img{background:none;overflow:hidden}
.brand-ic.brand-img img{width:100%;height:100%;object-fit:cover;display:block;border-radius:10px}

/* ⭐ 模型浮层（2026-09-23 改版）：悬停/点击左侧「视频 / 图片」→ 菜单右侧浮出模型面板。
   每行 = 左图标 + 右（上：模型名 / 下：模型描述）。 */
.mk-fly{position:fixed;left:124px;z-index:90;width:330px;max-width:86vw;max-height:calc(100vh - 24px);overflow-y:auto;
  background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 42px rgba(34,31,51,.16);
  padding:9px;display:flex;flex-direction:column;gap:3px}
.mk-fly[hidden]{display:none}
.mk-fly::before{content:"";position:absolute;left:-6px;top:26px;width:11px;height:11px;background:var(--panel);
  border-left:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}
.mk-fly-item{display:flex;align-items:flex-start;gap:11px;padding:10px 11px;border-radius:12px;color:var(--ink2);
  transition:.13s}
.mk-fi-ic{flex:none;width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;
  background:var(--brandbg);color:var(--brand);transition:.13s}
.mk-fi-ic svg{width:21px;height:21px}
.mk-fi-tr{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
.mk-fi-nm{font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.mk-fi-ds{font-size:11.5px;font-style:normal;color:var(--ink3);line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mk-fly-item:hover{background:var(--brandbg)}
.mk-fly-item:hover .mk-fi-ic{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff}
.mk-fly-item:hover .mk-fi-nm{color:var(--brand)}
/* 手机端：侧栏抽屉打开时浮层贴着抽屉右侧，宽度自适应 */
@media(max-width:860px){
  .mk-fly{left:124px;width:auto;right:12px;max-width:none}
}

/* ⭐ 充值弹窗「圆形」重设计（miniKey）：浅紫渐变正圆面板
   圆形会把四角裁掉，所以所有内容必须收进「内接方框」（正方形内接圆 ≈ 70.7% 直径）：
   面板 = flex 垂直居中容器，子元素统一 68% 宽；面值由 2 列改成 4×3 紧凑格子。
   —— 只有当「内容区宽高都 ≤ 68% 直径」时，圆形才不会裁到文字。 */
#rcShop .ms-panel.mk-round{
  width:min(560px,94vw);height:auto;aspect-ratio:1/1;max-height:none;
  border-radius:50%;padding:0;overflow:hidden;
  background:radial-gradient(120% 120% at 50% 0%,#ffffff 0%,var(--brandbg) 58%,#e7e0fb 100%);
  border:1px solid #ddd4f7;position:relative;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
}
#rcShop .ms-panel.mk-round>*{width:68%;max-width:68%;flex:none}
/* 头部：只留标题 + 一行副标题，居中 */
#rcShop .ms-panel.mk-round .ms-panel-h{padding:0;display:block;position:static;background:none;border:none}
#rcShop .ms-panel.mk-round .ms-panel-h h3{display:block;font-size:16px;color:var(--brand);letter-spacing:1px;text-align:center;margin:0}
#rcShop .ms-panel.mk-round .ms-panel-h .sub{display:block;font-size:11.5px;color:var(--ink3);font-weight:400;margin-top:2px}
/* 关闭按钮挪进圆内（圆形右上角内缩 18%） */
#rcShop .ms-panel.mk-round .ms-panel-x{
  position:absolute;right:18%;top:18%;margin:0;z-index:3;
  width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:rgba(124,108,235,.10);
}
#rcShop .ms-panel.mk-round .ms-panel-x:hover{background:rgba(124,108,235,.20)}
/* 账号信息：压成一行，去掉分隔背景 */
#rcShop .ms-panel.mk-round .rc-fixed{padding:0;background:none;border:none;margin-top:9px}
#rcShop .ms-panel.mk-round .rc-head{gap:6px;justify-content:center}
#rcShop .ms-panel.mk-round .rc-av{width:22px;height:22px}
#rcShop .ms-panel.mk-round .rc-head-tx b{font-size:12px;max-width:96px}
#rcShop .ms-panel.mk-round .rc-head-tx i{display:none}
#rcShop .ms-panel.mk-round .rc-head-bal{text-align:right}
#rcShop .ms-panel.mk-round .rc-head-bal span{display:none}
#rcShop .ms-panel.mk-round .rc-head-bal b{font-size:15px}
#rcShop .ms-panel.mk-round .rc-note{
  margin-top:7px;font-size:11px;line-height:1.4;text-align:center;color:var(--brand);
  background:rgba(124,108,235,.09);border-radius:999px;padding:4px 10px;
}
#rcShop .ms-panel.mk-round .ms-panel-b{padding:0;overflow:visible;flex:none;display:block}
/* 面值：4 列 × 3 行紧凑格子（12 档），整格可点 */
#rcShop .ms-panel.mk-round .rc-shop-list{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}
#rcShop .ms-panel.mk-round .rc-shop-item{
  flex-direction:column;gap:0;padding:6px 2px;border-radius:10px;text-align:center;justify-content:center;
}
#rcShop .ms-panel.mk-round .rc-shop-item .amt{flex:none;font-size:10px}
#rcShop .ms-panel.mk-round .rc-shop-item .amt b{font-size:12.5px;margin:0}
#rcShop .ms-panel.mk-round .rc-shop-item .price{flex:none;text-align:center;font-size:11.5px;font-weight:800;color:var(--brand)}
#rcShop .ms-panel.mk-round .rc-shop-item .go{display:none}
/* 兑换码行 */
#rcShop .ms-panel.mk-round .rcq-sep{margin:9px 0 6px;font-size:11px}
#rcShop .ms-panel.mk-round .rcq-row{gap:6px}
#rcShop .ms-panel.mk-round .rcq-row .inp{font-size:11.5px;padding:6px 8px}
#rcShop .ms-panel.mk-round .rcq-row .btn-primary{min-width:76px;font-size:12px;padding:6px 10px}
#rcShop .ms-panel.mk-round .hint{font-size:11.5px;margin-top:5px;min-height:15px;text-align:center}
@media(max-width:560px){
  /* 小屏：正圆放不下 → 改大圆角卡片（保持浅紫风格），内容回到 100% 宽 */
  #rcShop .ms-panel.mk-round{width:min(430px,94vw);aspect-ratio:auto;border-radius:28px;height:auto;overflow:visible;padding:4px 0 16px}
  #rcShop .ms-panel.mk-round>*{width:100%;max-width:100%}
  #rcShop .ms-panel.mk-round .ms-panel-h{padding:0 22px}
  #rcShop .ms-panel.mk-round .rc-fixed{padding:0 22px}
  #rcShop .ms-panel.mk-round .ms-panel-b{padding:0 22px}
  #rcShop .ms-panel.mk-round .ms-panel-x{right:16px;top:14px}
  #rcShop .ms-panel.mk-round .rc-head-tx b{max-width:150px}
  #rcShop .ms-panel.mk-round .rc-shop-list{grid-template-columns:repeat(3,1fr)}
  #rcShop .ms-panel.mk-round .rc-shop-item .amt{font-size:10.5px}
  #rcShop .ms-panel.mk-round .rc-shop-item .amt b{font-size:14px}
  #rcShop .ms-panel.mk-round .rc-shop-item .price{font-size:12px}
}

/* ==================== miniKey 用户页面版式（积分/资费/记录/密钥/API 接入） ==================== */
.pg{max-width:1180px;margin:0 auto;padding:20px 22px 30px}
.pg-hero{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:20px 24px;border-radius:18px;
  background:linear-gradient(115deg,var(--brandbg) 0%,#fdfdff 55%,#f4f0ff 100%);border:1px solid #e5dcfa}
.pg-hero h2{margin:0;font-size:21px;letter-spacing:.4px}
.pg-hero .d{margin:7px 0 0;color:var(--ink2);font-size:12.8px;line-height:1.75;max-width:820px}
.pg-hero .acts{margin-left:auto;display:flex;gap:10px;align-items:center;flex:none}
.pg-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:14px}
.pg-stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;position:relative;overflow:hidden}
.pg-stat::after{content:"";position:absolute;right:-24px;top:-24px;width:70px;height:70px;border-radius:50%;
  background:var(--brandbg);opacity:.75}
.pg-stat .lab{font-size:12px;color:var(--ink3);position:relative}
.pg-stat .num{font-size:25px;font-weight:800;color:var(--brand);line-height:1.35;position:relative}
.pg-stat .num small{font-size:12px;font-weight:600;color:var(--ink3);margin-left:4px}
.pg-stat .evi{font-size:11.5px;color:var(--ink3);position:relative}
.pg-sec{margin-top:20px}
.pg-sec-h{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:15px;font-weight:700}
.pg-sec-h .pill{margin-left:auto}
.pg-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:var(--shadow)}
.pg-chips{display:flex;flex-wrap:wrap;gap:8px}
.pg-chip{display:inline-flex;align-items:center;gap:6px;background:var(--panel2);border:1px solid var(--line2);
  border-radius:999px;padding:6px 12px;font-size:12.5px;color:var(--ink2)}
.pg-chip b{color:var(--ink);font-weight:700}
.pg-chip.hl{background:var(--brandbg);border-color:#e2d9fa;color:var(--brand)}
.pg-chip.hl b{color:var(--brand)}
/* 积分流水：时间线卡片 */
.pg-flow{display:flex;flex-direction:column;gap:8px}
.pg-flow-i{display:flex;align-items:center;gap:12px;background:var(--panel2);border:1px solid var(--line2);
  border-left:3px solid var(--brand2);border-radius:12px;padding:11px 14px}
.pg-flow-i.minus{border-left-color:var(--brand)}
.pg-flow-i.plus{border-left-color:var(--green)}
.pg-flow-i .ty{font-size:12.5px;font-weight:700;color:var(--ink);min-width:74px}
.pg-flow-i .am{font-size:15px;font-weight:800;min-width:86px}
.pg-flow-i .am.minus{color:var(--ink)}
.pg-flow-i .am.plus{color:var(--green)}
.pg-flow-i .ba{font-size:12px;color:var(--ink3)}
.pg-flow-i .wh{margin-left:auto;font-size:11.5px;color:var(--ink3);white-space:nowrap}
.pg-flow-i .tk{font-family:ui-monospace,Consolas,monospace;font-size:11px;color:var(--ink3)}
/* 密钥卡片 */
.pg-key{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--panel2);border:1px solid var(--line2);
  border-radius:14px;padding:13px 16px}
.pg-key .nm{font-size:13.5px;font-weight:700;min-width:110px}
.pg-key .kv-code{font-family:ui-monospace,Consolas,monospace;font-size:12.5px;background:#fff;border:1px solid var(--line);
  border-radius:8px;padding:5px 10px;word-break:break-all;flex:1 1 260px}
.pg-key .mt{font-size:11.5px;color:var(--ink3);white-space:nowrap}
.pg-key .cp{color:var(--brand);cursor:pointer;font-size:12.5px;font-weight:600}
.pg-key .cp:hover{text-decoration:underline}
.pg-key .dl{color:var(--red);cursor:pointer;font-size:12.5px}
/* 资费表：新的表头皮肤（浅紫 + 圆角） */
.pg .price-tbl{border-collapse:separate;border-spacing:0;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--panel)}
.pg .price-tbl caption{text-align:left;padding:0 0 10px;font-size:14px;font-weight:700;color:var(--ink)}
.pg .price-tbl thead th{background:linear-gradient(135deg,#f7f4ff,#efeaff);color:var(--brand);
  font-size:12.5px;font-weight:700;border:0;padding:11px 12px;white-space:nowrap;text-align:left}
.pg .price-tbl td{border:0;border-top:1px solid var(--line2);padding:11px 12px;font-size:13px;vertical-align:middle}
.pg .price-tbl tbody tr:nth-child(even) td{background:#fcfbff}
.pg .price-tbl tbody tr:hover td{background:var(--brandbg)}
/* 图片模型价卡 */
.pg-mcard{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.pg-mcard-i{background:var(--panel2);border:1px solid var(--line2);border-radius:14px;padding:14px 16px}
.pg-mcard-i .nm{font-weight:700;font-size:14px;margin-bottom:8px}
.pg-mcard-i .prices{display:flex;flex-wrap:wrap;gap:7px}
.pg-mcard-i .pr{background:#fff;border:1px solid var(--line);border-radius:9px;padding:5px 10px;font-size:12.5px}
.pg-mcard-i .pr b{color:var(--brand);font-size:14px}
/* 记录页筛选条 */
.pg-filter{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:var(--panel2);
  border:1px solid var(--line2);border-radius:14px;padding:12px 14px}
.pg-filter .inp{width:auto;min-width:120px;padding:8px 11px;font-size:12.8px;background:#fff}
.pg .r-tbl thead th{background:linear-gradient(135deg,#f7f4ff,#efeaff);color:var(--brand);font-size:12.5px;border:0;padding:11px 12px}
.pg .r-tbl td{border-top:1px solid var(--line2);padding:11px 12px;font-size:13px}
.pg .r-tbl tbody tr:hover td{background:var(--brandbg)}
@media(max-width:760px){
  .pg{padding:14px}
  .pg-hero{padding:16px}
  .pg-hero .acts{margin-left:0;width:100%}
  .pg-flow-i .wh{margin-left:0;width:100%}
}

/* ==================== miniKey API 接入文档页 ==================== */
.doc .pg-card{padding:16px 18px}
.doc h3{margin:22px 0 10px;font-size:16px;color:var(--ink)}
.doc h4{margin:16px 0 8px;font-size:14px;color:var(--ink2)}
.doc p{line-height:1.85;color:var(--ink2);font-size:13px}
.doc ul{margin:8px 0 8px 20px;padding:0;line-height:1.9;color:var(--ink2);font-size:13px}
.doc code{background:var(--brandbg);color:var(--brand);border-radius:6px;padding:2px 7px;font-size:12.5px;
  font-family:ui-monospace,Consolas,monospace}
.doc pre{background:#faf9ff;border:1px solid var(--line2);border-left:3px solid var(--brand2);border-radius:12px;
  padding:13px 16px;overflow:auto;font-size:12.5px;line-height:1.75;color:var(--ink2);
  font-family:ui-monospace,Consolas,monospace}
.doc .tbl{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel);width:100%}
.doc .tbl thead th{background:linear-gradient(135deg,#f7f4ff,#efeaff);color:var(--brand);font-size:12.5px;
  font-weight:700;border:0;padding:10px 12px;text-align:left;white-space:nowrap}
.doc .tbl td{border:0;border-top:1px solid var(--line2);padding:10px 12px;font-size:12.8px;vertical-align:top}
.doc .tbl tbody tr:nth-child(even) td{background:#fcfbff}
.doc .tbl tbody tr:hover td{background:var(--brandbg)}
.doc .tabs{margin-top:16px}
.doc .tabs .tab{border-radius:10px 10px 0 0}
@media(max-width:760px){ .doc pre{font-size:12px} }