/* model-key.css —— 「API · 魔芋」弹窗 / 「我的 Key」窗（assets/model-key.js）自己的样式。2026-10-29 API 按身份第 5 步。
   上半截是 auth-gate.css 1.0.7-c 那段 .jcw-* 白壳的同值拷贝，全部收在 #jcModelKey 下：指挥舱（index.html）不载 auth-gate.css
   也能用同一个弹窗；操作台两份都载，值相同，选择器只碰这个弹窗，不影响「待拍板」等别的 .jcw-* 盖层。
   下半截是第 5 步新加的：选服务商 / 开关的分段按钮、宽一点的行名、用量明细表。不放灰色小字和状态标签（业主 10-16），
   说明一律在悬停里。 */
/* 复查 2026-10-29：指挥舱 body{cursor:none}，自画的光标 #cursor 在 z-index 9999，压在这层底下看不见；不写 cursor:auto，
   「我的 Key」窗里除了按钮，鼠标整个看不见（输入框、文字上都没有指针）。操作台没有 cursor:none，auto 等于原样。 */
#jcModelKey.jcw-ovl{position:fixed;inset:0;z-index:2147482600;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(23,20,16,.28);backdrop-filter:blur(4px);font-family:Inter,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;color:#2A241C;font-size:13px;line-height:1.5;cursor:auto}
#jcModelKey.jcw-ovl[hidden],#jcModelKey [hidden]{display:none!important}
#jcModelKey .jcw-dlg{width:100%;max-width:620px;max-height:88vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 24px 60px rgba(23,20,16,.24),0 2px 6px rgba(23,20,16,.08);text-align:left}
#jcModelKey .jcw-head{display:flex;align-items:center;gap:10px;padding:18px 22px;border-bottom:1px solid #EDE7DC;position:sticky;top:0;background:#fff;z-index:1}
#jcModelKey .jcw-title{flex:1;font-size:17px;font-weight:800;color:#2A241C;line-height:1.3;margin:0}
#jcModelKey .jcw-x{width:30px;height:30px;border-radius:50%;border:0;background:transparent;color:#8A8073;font-size:19px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
#jcModelKey .jcw-x:hover{background:#F4F1EC;color:#2A241C}
#jcModelKey .jcw-body{padding:18px 22px 4px}
#jcModelKey .jcw-foot{display:flex;justify-content:flex-end;gap:10px;padding:12px 22px 18px}
#jcModelKey .jcw-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700;background:#F4F1EC;color:#6E6557;border:1px solid #E4DED2;white-space:nowrap;vertical-align:middle}
#jcModelKey .jcw-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8;flex:none}
#jcModelKey .jcw-chip.ok{background:#EEF5F0;color:#3F7A5A;border-color:#CFE3D6}
#jcModelKey .jcw-chip.warn{background:#FFF4E4;color:#A86D21;border-color:#E8C296}
#jcModelKey .jcw-chip.bad{background:#FFF1EC;color:#C0562B;border-color:#F0C9BC}
#jcModelKey .jcw-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff;border:1px solid #E4DED2;color:#2A241C;border-radius:10px;padding:8px 14px;min-height:36px;font-size:13px;font-weight:600;line-height:1.4;cursor:pointer;font-family:inherit}
#jcModelKey .jcw-btn:hover{background:#F7F2EA}
#jcModelKey .jcw-btn:disabled{opacity:.55;cursor:default}
#jcModelKey .jcw-btn.primary{background:#FCE9CC;color:#8A5716;border:1.5px solid #DCA95F}
#jcModelKey .jcw-btn.primary:hover{background:#F8DDB4}
#jcModelKey .jcw-inp{width:100%;height:38px;border-radius:10px;border:1px solid #E4DED2;background:#fff;padding:0 12px;font-size:13px;color:#2A241C;box-sizing:border-box;font-family:inherit}
#jcModelKey .jcw-inp::placeholder{color:#B0A697}
#jcModelKey .jcw-inp:focus{outline:0;border-color:#DCA95F;box-shadow:0 0 0 3px rgba(220,169,95,.18)}
#jcModelKey .jcw-hero{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:#FAF8F3;border-radius:14px;padding:16px 18px;margin:2px 0 8px}
#jcModelKey .jcw-hero .main{flex:1 1 260px;min-width:0}
#jcModelKey .jcw-hero .k{font-size:13px;color:#5C5348;margin-bottom:6px}
#jcModelKey .jcw-hero .v{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:16px;font-weight:700;color:#2A241C}
#jcModelKey .jcw-kpis{display:flex;gap:22px}
#jcModelKey .jcw-kpi .k{font-size:13px;color:#5C5348}
#jcModelKey .jcw-kpi .v{font:700 20px/1.2 Consolas,"SF Mono",Menlo,monospace;color:#2A241C;margin-top:4px}
#jcModelKey .jcw-sec{padding:16px 0 14px;border-top:1px solid #EFEAE0}
#jcModelKey .jcw-sec:first-of-type{border-top:0}
#jcModelKey .jcw-sec-h{display:flex;align-items:center;gap:10px;margin-bottom:12px}
#jcModelKey .jcw-sec-h .t{font-size:15px;font-weight:700;color:#2A241C;flex:1}
#jcModelKey .jcw-row{display:grid;grid-template-columns:132px 1fr;gap:10px;align-items:center;padding:7px 0;font-size:13px}
#jcModelKey .jcw-row .k{color:#4A4238;font-weight:600}
#jcModelKey .jcw-row .v{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#2A241C}
#jcModelKey .jcw-row .v .dim{color:#8A8073}
#jcModelKey .jcw-acts{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
#jcModelKey .jcw-msg{margin-top:10px;font-size:13px;color:#3F7A5A;min-height:0}
#jcModelKey .jcw-msg.bad{color:#C0562B}
#jcModelKey .jcw-msg:empty{display:none}
#jcModelKey .jcw-note{font-size:13px;color:#8A8073}

/* ── 第 5 步新加 ── */
/* 「谁的活花哪把 Key」「自动任务用我的 Key」的行名比别的行长，给宽一点，免得折成两行 */
#jcModelKey .jcw-row.wide{grid-template-columns:184px 1fr}
/* 选服务商 / 开关 / 用量怎么分：同一种分段按钮；按下的那颗是淡橙主按钮色；灰着的（DeepSeek 官方）是真实的「现在不能选」 */
#jcModelKey .jcmk-segs{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
#jcModelKey .jcmk-seg{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 14px;border-radius:999px;border:1px solid #E4DED2;background:#fff;color:#2A241C;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;cursor:pointer}
#jcModelKey .jcmk-seg:hover{background:#F7F2EA}
#jcModelKey .jcmk-seg.on{background:#FCE9CC;color:#8A5716;border:1.5px solid #DCA95F}
#jcModelKey .jcmk-seg:disabled{opacity:.55;cursor:not-allowed;background:#fff}
#jcModelKey #jcMkGroups{display:flex;margin:0 0 10px}
#jcModelKey #jcMkUsage{overflow-x:auto;font-size:13px;color:#2A241C}
/* 用量明细表：字号和行一样 13，表头用行名的暖深灰，不用浅灰 */
#jcModelKey .jcmk-tbl{width:100%;border-collapse:collapse;font-size:13px;color:#2A241C}
#jcModelKey .jcmk-tbl th{text-align:left;font-weight:600;color:#4A4238;padding:7px 8px;border-bottom:1px solid #EDE7DC;white-space:nowrap}
#jcModelKey .jcmk-tbl td{padding:7px 8px;border-bottom:1px solid #F4F1EC;vertical-align:top}
#jcModelKey .jcmk-tbl .n{text-align:right;font-family:Consolas,"SF Mono",Menlo,monospace;font-variant-numeric:tabular-nums;white-space:nowrap}
#jcModelKey .jcmk-tbl tr.sum td{font-weight:700;border-bottom:0;border-top:1px solid #EDE7DC}
@media (max-width:640px){
  #jcModelKey.jcw-ovl{padding:12px}
  #jcModelKey .jcw-body{padding:16px 16px 4px}
  #jcModelKey .jcw-row,#jcModelKey .jcw-row.wide{grid-template-columns:1fr;gap:4px}
  #jcModelKey .jcw-kpis{gap:16px}
}
