/* 人设卡云端版 · 主题（2026-10-17 用户：页面要能给客户看）。默认是卡通（2026-10-17 晚 用户：和本地 19090 的卡通风格一模一样）。
   只改颜色、字体、形状和间距；vendor 里复制来的页面不改，靠 vt.css 的主题令牌（--bg、--panel、--accent…）和这里的覆盖换装。
   A 简洁商务 body.cc-biz（底子 t-d）：白底、细线、克制的蓝色。
   B 暖色杂志 body.cc-mag（底子 t-b）：米色纸面、宋体标题、陶土色强调、留白多、直角。
   C 深色高级 body.cc-dark（底子 t-a）：深灰底、金色强调、高对比。 */

/* ---------- 卡通 body.cc-cartoon（底子 t-c，默认） ----------
   颜色、字体、描边、圆角、阴影、标签、按钮全用 vt.css 里 body.t-c 那套，和本地 19090 视频工具页同一份样式，这里不覆盖令牌；
   只给云端版自己的外壳和表单补上同样的卡通画法（粗墨线、硬投影、鸭黄高亮） */
/* 顶栏和 19090 一样不包大卡片：品牌一行、标签条直接放在天空渐变上，标签条自己是一条粗描边胶囊（.seg） */
body.cc-cartoon .cc-top{background:transparent;border:0;box-shadow:none;padding:0 2px}
body.cc-cartoon .cc-brand i{background:#ffd23f;color:var(--text);border:2.5px solid var(--line);box-shadow:0 2px 0 var(--line)}
body.cc-cartoon .cc-quota{background:#fff;border:2px solid var(--line);color:var(--text);font-weight:700}
body.cc-cartoon .cc-update,body.cc-cartoon .cc-link{border:2px solid var(--line);background:#fff1b8}
body.cc-cartoon .cc-in,body.cc-cartoon .cc-row input,body.cc-cartoon .cc-collect textarea,body.cc-cartoon .cc-collect input,body.cc-cartoon .cc-form input,body.cc-cartoon .cc-form select{border:2.5px solid var(--line);background:#fff}
body.cc-cartoon .cc-table th{color:var(--text);border-bottom:2.5px solid var(--line)}
body.cc-cartoon .cc-table td{border-bottom:1.5px dashed #3b2a1a55}
body.cc-cartoon .cc-dy-list li,body.cc-cartoon .cc-acct{border-color:#3b2a1a55;border-style:dashed}
body.cc-cartoon .cc-thumb img,body.cc-cartoon .cc-thumb .blank{border:2px solid var(--line)}
body.cc-cartoon .cc-dlg{border:2.5px solid var(--line);box-shadow:0 5px 0 var(--line)}
body.cc-cartoon .cc-auth .cc-box h1::before,body.cc-cartoon.cc-auth .cc-box h1::before{background:#ffd23f;color:var(--text);border:2.5px solid var(--line);box-shadow:0 2px 0 var(--line)}

/* ---------- A 简洁商务 ---------- */
body.cc-biz{--bg:#f6f7f9;--panel:#fff;--solid:#fff;--panel2:#f1f3f6;--line:rgba(15,23,42,.08);--line2:rgba(15,23,42,.16);
  --text:#0f172a;--muted:#64748b;--accent:#2f5bea;--ok:#15803d;--warn:#b45309;--bad:#dc2626;
  --r:14px;--r-s:8px;--bw:1px;--shadow:0 1px 2px rgba(15,23,42,.05);--lift:0 8px 24px -12px rgba(15,23,42,.25);
  --on-bg:#2f5bea;--on-ink:#fff;--go-bg:#2f5bea;--go-ink:#fff;--blur:none;
  --font:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif}
body.cc-biz .seg{background:var(--panel2);border:1px solid var(--line)}
/* 只改普通按钮；主按钮（.ink / .rec）保留品牌色 */
body.cc-biz .btn:not(.ink):not(.rec){border-color:var(--line2);background:var(--solid)}
body.cc-biz .btn:not(.ink):not(.rec):hover:not(:disabled){background:var(--panel2);border-color:var(--line2)}
body.cc-biz .btn.ink:hover:not(:disabled),body.cc-biz .btn.rec:hover:not(:disabled){background:#2448c4}
body.cc-biz .acct.on{background:#eef2ff;color:var(--text);box-shadow:inset 3px 0 0 var(--accent)}
body.cc-biz .acct.on small{color:var(--muted)}
body.cc-biz .tag{border-color:var(--line)}
body.cc-biz .surf{box-shadow:none}

/* ---------- B 暖色杂志 ---------- */
body.cc-mag{--bg:#f4ede1;--panel:#fbf7ef;--solid:#fffdf8;--panel2:#efe6d6;--line:rgba(70,48,24,.12);--line2:rgba(70,48,24,.26);
  --text:#2b2118;--muted:#7a6a58;--accent:#b4532a;--ok:#4d7c3a;--warn:#a8691b;--bad:#b42f2f;
  --r:4px;--r-s:3px;--bw:1px;--shadow:none;--lift:0 10px 24px -14px rgba(70,48,24,.4);
  --on-bg:#2b2118;--on-ink:#fbf7ef;--go-bg:#b4532a;--go-ink:#fffaf2;--blur:none;
  --font:-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --serif:"Songti SC","STSong","Noto Serif SC","Source Han Serif SC",Georgia,serif}
body.cc-mag h1,body.cc-mag h2,body.cc-mag h3,body.cc-mag h4,body.cc-mag .cc-brand b,body.cc-mag .ahead h2{font-family:var(--serif);font-weight:700;letter-spacing:.02em}
body.cc-mag.solo{padding:26px 34px 72px}
body.cc-mag .surf.pad{padding:22px 26px}
body.cc-mag .seg{background:transparent;border:0;border-bottom:1px solid var(--line2);border-radius:0;padding:0 0 2px;gap:6px}
body.cc-mag .seg button{border-radius:0;padding:6px 4px;margin:0 6px}
body.cc-mag .seg button.on{background:transparent;color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}
body.cc-mag .btn:not(.ink):not(.rec){background:transparent;border-color:var(--line2)}
body.cc-mag .btn.ink,body.cc-mag .btn.rec{box-shadow:none}
body.cc-mag .acct.on{background:var(--solid);box-shadow:inset 3px 0 0 var(--accent)}
body.cc-mag .tag{background:transparent}
body.cc-mag .cc-top{background:transparent;border:0;border-bottom:1px solid var(--line2);border-radius:0;box-shadow:none;padding:4px 0 10px}

/* ---------- C 深色高级 ---------- */
body.cc-dark{--bg:#111215;--panel:#1a1c21;--solid:#1f2127;--panel2:#262931;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.2);
  --text:#f3f4f6;--muted:#9ca3af;--accent:#f5c451;--ok:#4ade80;--warn:#fbbf24;--bad:#f87171;
  --r:14px;--r-s:9px;--bw:1px;--shadow:0 12px 32px -18px rgba(0,0,0,.8);--lift:0 0 0 1px rgba(245,196,81,.45),0 16px 32px -16px rgba(0,0,0,.9);
  --on-bg:#f5c451;--on-ink:#111215;--go-bg:#f5c451;--go-ink:#111215;--blur:none;
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif}
body.solo.cc-dark{background:var(--bg)}
body.cc-dark .surf{background:var(--panel)}
body.cc-dark .btn.ink:hover:not(:disabled),body.cc-dark .btn.rec:hover:not(:disabled){box-shadow:0 0 0 3px rgba(245,196,81,.25);filter:brightness(1.05)}
body.cc-dark .acct.on{box-shadow:inset 3px 0 0 var(--accent)}
body.cc-dark .mono-a{background:#2c2f37}
body.cc-dark input,body.cc-dark select,body.cc-dark textarea{color:var(--text);background:var(--solid);border-color:var(--line2)}

/* ---------- 共用：外壳 ---------- */
.cc-top{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:20px;padding:12px 16px;background:var(--panel);border:var(--bw) solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.cc-row1{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cc-brand{display:inline-flex;align-items:center;gap:9px}
.cc-brand i{width:26px;height:26px;border-radius:calc(var(--r-s) - 1px);background:var(--accent);color:var(--on-ink);display:grid;place-items:center;font-style:normal;font-weight:800;font-size:14px}
body.cc-biz .cc-brand i{color:#fff}
.cc-brand b{font-size:16px;letter-spacing:.01em}
.cc-brand small{font-size:12px;color:var(--muted);font-weight:500}
.cc-space{display:inline-flex;align-items:center;gap:6px;font-size:13px}
.cc-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%;align-self:flex-start}
.cc-tabs::-webkit-scrollbar{display:none}
.cc-tabs button{white-space:nowrap}
.cc-quota{font-size:12px;color:var(--muted);padding:3px 9px;border-radius:99px;background:var(--panel2);white-space:nowrap}
.cc-themes button{padding:3px 10px;font-size:12px}
.cc-userbtn{max-width:220px;overflow:hidden;text-overflow:ellipsis}
.cc-update{display:flex;align-items:center;gap:10px;margin:-8px 0 16px;padding:8px 12px;border-radius:var(--r-s);background:var(--panel2);font-size:13px}

/* vendor 页面里对客户没有意义的版面：动作组（没有动作素材库）、跳舞视频（视频生成没接）、对接工具、GitHub 抓取的提示词 */
[data-ch-tab="motions"],[data-ch-tab="dance"],[data-ch-tab="tools"],[data-pl-tab="github"]{display:none!important}

/* 抖音采集版面 */
.cc-collect{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:16px;align-items:start}
.cc-collect h3{font-size:16px;margin-bottom:6px}
.cc-collect form{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.cc-collect textarea,.cc-collect input{padding:8px 10px;border-radius:var(--r-s);border:1px solid var(--line2);background:var(--solid);font:inherit;color:inherit;width:100%}
.cc-collect .btn{align-self:flex-start}

/* 手机宽度 */
@media (max-width:760px){
  body.solo,body.cc-mag.solo{padding:10px 10px 48px}
  .cc-top{padding:10px 12px;border-radius:calc(var(--r) - 2px)}
  .cc-brand small,.cc-quota{display:none}
  .cc-row1{gap:8px}
  .cc-row1 .grow{display:none}
  .cc-collect{grid-template-columns:1fr}
  .ch-form{grid-template-columns:1fr!important}
  .surf.pad,body.cc-mag .surf.pad{padding:14px}
  .cc-table{display:block;overflow-x:auto}
}
.cc-status{margin-top:10px}

/* 养号版面（vendor 的 nurture.js，2026-10-17 搬进云端）：云端没有访达，“打开视频目录 / 产出目录”的按钮不显示 */
[data-nu-open]{display:none!important}
/* 账号头像：19090 写在 persona.css 里（云端不加载那份），这里补上那两条 */
.mono-a.pic{overflow:hidden;padding:0}
.mono-a.pic img{width:100%;height:100%;object-fit:cover;display:block}