/* ═══════════════════════════════════════════════════════════════
   能工智人 · Claude 暖米白主题 + 全屏 App 骨架
   通过覆盖语义 CSS 变量给 artisan.css/v2 的组件整体换肤，再加圆角/柔化
   ═══════════════════════════════════════════════════════════════ */

.ia-claude{
  --bg-0:#ffffff;
  --bg-1:#f6f5ef;
  --bg-2:#efede4;
  --bg-3:#e6e3d7;
  --bg-4:#dcd8ca;
  --line:rgba(40,36,28,.10);
  --line-2:rgba(40,36,28,.16);
  --line-3:rgba(40,36,28,.28);
  --ink-0:#2a2822;
  --ink-1:#56524a;
  --ink-2:#8b867a;
  --ink-3:#b6b1a3;
  --ink-rev:#ffffff;
  --rev:#c15f3c;            /* Claude 黏土橙红 */
  --rev-2:#a94e30;
  --rev-deep:#8a3f26;
  --rev-soft:rgba(193,95,60,.12);
  --rust:#b86a47;
  --rust-2:#b35e3b;
  --rust-3:#b05a37;
  --rust-soft:rgba(176,90,55,.10);
  --rust-edge:rgba(176,90,55,.30);
  --bone:#ffffff;
  --mustard:#c79a3a;
  --amber:#a9781d;
  --amber-soft:rgba(169,120,29,.14);
  --green:#3f8f5b;
  --green-soft:rgba(63,143,91,.14);
  --hover-fill:rgba(40,36,28,.05);
  --grid-line:rgba(40,36,28,.035);
  --chrome-bg:#faf9f5;
  --nav-bg:rgba(250,249,245,.85);
  background:var(--bg-0);
  color:var(--ink-0);
}

/* 亮色下需修正的组件（反色 hover、阴影等）*/
.ia-claude .ia-btn--primary:hover{background:var(--rev-2);color:#fff;border-color:var(--rev-2)}
.ia-claude .ia-send:hover{background:var(--rev-2);color:#fff;border-color:var(--rev-2)}
.ia-claude .ia-key-copy:hover{background:var(--rev-2);color:#fff}
.ia-claude .eo-ia-cta:hover{background:var(--rev-2);color:#fff}
.ia-claude .ia-btn--ghost:hover{background:var(--hover-fill)}

/* 圆角 + 柔化（Claude 风） */
.ia-claude .ia-btn,.ia-claude .ia-send,.ia-claude .ia-input,
.ia-claude .ia-card,.ia-claude .ia-msg-q,.ia-claude .ia-msg-a,
.ia-claude .ia-order,.ia-claude .ia-status,.ia-claude .ia-work-q,
.ia-claude .ia-notice,.ia-claude .ia-chip,.ia-claude .ia-eto-pill,
.ia-claude .ia-arsign,.ia-claude .ia-switch-track{border-radius:12px}
.ia-claude .ia-chip,.ia-claude .ia-eto-pill,.ia-claude .ia-arsign{border-radius:100px}
.ia-claude .ia-btn,.ia-claude .ia-send{border-radius:10px}
.ia-claude .ia-input{border-radius:14px;background:#fff}
.ia-claude .ia-msg-q{border-radius:16px 16px 4px 16px;border-left-width:1px}
.ia-claude .ia-msg-a{border-radius:16px 16px 16px 4px}

/* ═══════════ 滚动条 ═══════════ */
.ia-claude ::-webkit-scrollbar{width:6px;height:6px}
.ia-claude ::-webkit-scrollbar-track{background:transparent}
.ia-claude ::-webkit-scrollbar-thumb{background:rgba(40,36,28,.15);border-radius:100px}
.ia-claude ::-webkit-scrollbar-thumb:hover{background:rgba(40,36,28,.28)}
.ia-claude{scrollbar-color:rgba(40,36,28,.15) transparent;scrollbar-width:thin}

/* ═══════════ 全屏 App 骨架 ═══════════ */
.ia-app-body{overflow:hidden}
.ia-app{position:fixed;inset:0;display:flex;background:var(--bg-0);color:var(--ink-0)}

/* 左侧栏 */
.ia-side{flex:none;width:264px;background:var(--bg-1);border-right:1px solid var(--line);display:flex;flex-direction:column;height:100%}
.ia-side-top{padding:16px 14px 10px}
.ia-side-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink-0);font-family:var(--cn);font-weight:700;font-size:16px;padding:6px 8px}
.ia-side-brand img{border-radius:6px}
.ia-side-new{width:100%;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px;
  padding:11px;border:1px solid var(--line-2);background:#fff;border-radius:11px;cursor:pointer;
  font-family:var(--cn);font-weight:600;font-size:14px;color:var(--ink-0);transition:background .2s,border-color .2s}
.ia-side-new:hover{background:var(--hover-fill);border-color:var(--line-3)}

.ia-side-modes{padding:8px 12px 4px;display:flex;flex-direction:column;gap:6px}
.ia-side-mode{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid transparent;background:transparent;border-radius:11px;cursor:pointer;text-align:left;transition:background .2s,border-color .2s}
.ia-side-mode:hover{background:var(--hover-fill)}
.ia-side-mode.is-active{background:#fff;border-color:var(--line-2)}
.ia-side-mode-ic{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--bg-2);color:var(--ink-2);font-size:14px;transition:background .2s,color .2s}
.ia-side-mode.is-active .ia-side-mode-ic{background:var(--rev-soft);color:var(--rev)}
.ia-side-mode-tx{display:flex;flex-direction:column;line-height:1.25}
.ia-side-mode-tx b{font-family:var(--cn);font-weight:600;font-size:14px;color:var(--ink-0)}
.ia-side-mode-tx span{font-family:var(--mono);font-size:10px;color:var(--ink-2);margin-top:2px}
/* 智人模式在线小圆点 */
.ia-side-mode .ia-side-dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--ink-3);transition:background .2s}
.ia-side-mode.is-online .ia-side-dot{background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}

.ia-side-hist{flex:1;overflow:auto;padding:12px 12px 8px;border-top:1px solid var(--line);margin-top:8px}
.ia-side-hist-h{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding:4px 8px 8px}
.ia-hist-item{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:9px;padding:9px 10px;cursor:pointer;color:var(--ink-1);font-family:var(--cn);font-size:13px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s}
.ia-hist-item:hover{background:var(--hover-fill);color:var(--ink-0)}
.ia-hist-item .ia-hist-dot{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:7px;vertical-align:1px;background:var(--ink-3)}
.ia-hist-item .ia-hist-dot.done{background:var(--green)}
.ia-hist-empty{padding:14px 10px;font-family:var(--mono);font-size:11px;color:var(--ink-3)}

.ia-side-foot{padding:10px 12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.ia-side-link{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:9px;text-decoration:none;color:var(--ink-1);font-family:var(--cn);font-size:13px;transition:background .15s,color .15s}
.ia-side-link:hover{background:var(--hover-fill);color:var(--ink-0)}
.ia-side-user{display:flex;align-items:center;gap:9px;padding:9px 10px;margin-top:4px;border-top:1px solid var(--line);color:var(--ink-2);font-family:var(--mono);font-size:11px}
.ia-side-user-av{width:24px;height:24px;border-radius:50%;background:var(--rev);color:#fff;display:grid;place-items:center;font-weight:700;font-size:11px;overflow:hidden}
.ia-side-user-av img{width:100%;height:100%;object-fit:cover}

/* 主区 */
.ia-mainchat{flex:1;min-width:0;display:flex;flex-direction:column;height:100%;background:var(--bg-0)}
.ia-mainchat .ia-pane{display:none;flex:1;min-height:0;flex-direction:column}
.ia-mainchat .ia-pane.is-active{display:flex}

/* 用户模式：消息区 + 悬浮输入 */
.ia-mc-scroll{flex:1;min-height:0;overflow:auto}
.ia-mc-inner{max-width:760px;margin:0 auto;width:100%;padding:30px 24px 8px}
.ia-mc-empty{min-height:48vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.ia-mc-empty-logo{width:54px;height:54px;border-radius:14px;background:var(--rev);display:grid;place-items:center;margin-bottom:18px}
.ia-mc-empty-logo img{width:34px;height:34px}
.ia-mc-empty-logo--svg{width:72px;height:72px;border-radius:0;background:none}
.ia-mc-empty-logo--svg img{width:72px;height:72px}
.ia-hist-item.is-active{background:var(--rev-soft);color:var(--rev)}
.ia-hist-item.is-active .ia-hist-dot{background:var(--rev)}
.ia-mc-empty h2{font-family:var(--cn);font-weight:700;font-size:clamp(22px,3vw,28px);color:var(--ink-0);margin-bottom:10px}
.ia-mc-empty p{font-family:var(--cn);font-size:14px;color:var(--ink-1);line-height:1.7;max-width:460px;margin:0 auto 6px}
.ia-mc-empty .dim{color:var(--ink-2);font-size:12px}
.ia-mc-composer{flex:none;padding:14px 24px 22px;background:linear-gradient(180deg,transparent,var(--bg-0) 30%)}
.ia-mc-composer-in{max-width:760px;margin:0 auto;border:1px solid var(--line-2);border-radius:18px;background:#fff;padding:12px 14px;box-shadow:0 4px 18px -10px rgba(40,36,28,.2)}
.ia-mc-composer-in:focus-within{border-color:var(--rust-edge)}
.ia-mc-composer .ia-input{border:0;padding:6px 4px;background:transparent;box-shadow:none!important;max-height:200px}
.ia-mc-composer .ia-input:focus{border:0}
.ia-mc-row{display:flex;align-items:flex-end;gap:10px}
.ia-mc-tagrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed var(--line)}

/* 智人模式：撑满主区 */
.ia-mainchat #pane-artisan{overflow:auto;padding:0}
.ia-mainchat .ia-desk{max-width:900px;margin:0 auto;width:100%;padding:24px}

/* ═══════════ 协议子弹窗（叠在须知之上） ═══════════ */
.ia-submodal-mask{position:fixed;inset:0;z-index:400;background:rgba(40,36,28,.45);display:flex;align-items:center;justify-content:center;padding:24px;animation:iaFade .25s ease}
.ia-submodal{width:min(620px,94vw);max-height:86vh;background:#fff;border:1px solid var(--line-2);border-radius:16px;display:flex;flex-direction:column;animation:iaPanelIn .35s var(--ease-out-q) both;box-shadow:0 30px 80px -30px rgba(40,36,28,.5)}
.ia-submodal-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}
.ia-submodal-bar h3{font-family:var(--cn);font-weight:700;font-size:16px;color:var(--ink-0)}
.ia-submodal-x{cursor:pointer;color:var(--ink-2);font-size:20px;line-height:1;background:none;border:0}
.ia-submodal-x:hover{color:var(--rev)}
.ia-submodal-body{padding:22px 22px 24px;overflow:auto;font-family:var(--cn);font-size:13.5px;color:var(--ink-1);line-height:1.8}
.ia-submodal-body h4{font-family:var(--cn);font-weight:700;font-size:14px;color:var(--ink-0);margin:18px 0 8px}
.ia-submodal-body h4:first-child{margin-top:0}
.ia-submodal-body p{margin-bottom:10px}
.ia-submodal-body b{color:var(--ink-0)}

/* 须知弹窗在亮色下也好看 */
.ia-claude .ia-notice{background:#fff;border-radius:18px}
.ia-claude .ia-notice-bar{background:var(--bg-1);border-radius:18px 18px 0 0}
.ia-claude .ia-notice-check{border-radius:12px;background:var(--bg-1)}

/* 内联链接式按钮（协议/隐私） */
.ia-sublink{background:none;border:0;padding:0;cursor:pointer;color:var(--rust-3);text-decoration:underline;font:inherit}
.ia-sublink:hover{color:var(--rev)}

/* 模型目录：旗舰卡 + 节点网格 */
.ia-claude .ia-con-dir{display:block}
.ia-model-flag{border:1px solid var(--rev-soft);border-left:3px solid var(--rev);background:linear-gradient(180deg,var(--rev-soft),transparent 60%),var(--bg-1);border-radius:12px;padding:18px 20px;margin-bottom:16px}
.ia-model-flag-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.ia-model-id{font-family:var(--mono);font-size:15px;font-weight:600;color:var(--ink-0);background:var(--bg-0);border:1px solid var(--line);padding:4px 10px;border-radius:7px}
.ia-model-badge{display:inline-flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.12em;color:var(--rev);border:1px solid var(--rev-soft);padding:4px 9px;border-radius:100px}
.ia-model-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}
.ia-model-desc{font-family:var(--cn);font-size:13.5px;color:var(--ink-1);line-height:1.7;margin-bottom:14px}
.ia-model-desc b{color:var(--rev)}
.ia-model-stat{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--ink-2);padding-top:12px;border-top:1px solid var(--line)}
.ia-model-stat b{color:var(--ink-0);font-size:14px}
.ia-nodes-head{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:4px 0 12px}
.ia-nodes-grid{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:760px){.ia-nodes-grid{grid-template-columns:1fr 1fr}}

/* ──────── 多轮气泡线程 ──────── */
.ia-bub{max-width:80%;width:fit-content;margin:0 0 14px;animation:iaPanelIn .35s var(--ease-out-q) both;clear:both}
.ia-bub--me{margin-left:auto}
.ia-bub--other{margin-right:auto}
.ia-bub--me .ia-bub-foot{justify-content:flex-end}
.ia-bub-who{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ink-2);margin:0 0 5px 2px;letter-spacing:.02em}
.ia-bub-av{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:700;background:var(--rev);color:#fff;font-family:var(--cn)}
.ia-bub-body{padding:11px 15px;border-radius:16px;font-family:var(--cn);font-size:15px;line-height:1.7;word-break:break-word;white-space:pre-wrap}
.ia-bub--me .ia-bub-body{background:var(--rev);color:#fff;border-bottom-right-radius:5px}
.ia-bub--other .ia-bub-body{background:var(--bg-2);color:var(--ink-0);border-bottom-left-radius:5px}
.ia-bub-text{white-space:pre-wrap;word-break:break-word}
.ia-bub-host{min-height:1.2em}
.ia-bub .ia-caret{background:var(--rev)}
.ia-bub-foot{display:flex;align-items:center;gap:12px;margin:8px 2px 0;flex-wrap:wrap}
.ia-busy{display:block;color:var(--amber);font-weight:600;margin-bottom:4px}
.ia-sysnote{text-align:center;font-size:12px;color:var(--ink-2);margin:6px auto 16px;max-width:80%}
.ia-sysnote .dim{color:var(--ink-3)}

/* 接单台 idle 状态 */
.ia-desk-work-idle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:260px;color:var(--ink-3)}
.ia-desk-idle-ic{font-size:28px;opacity:.35}
.ia-desk-work-idle p{font-size:11px;letter-spacing:.14em;color:var(--ink-3);margin:0}

/* 接单台线程区 */
.ia-thread{max-height:48vh;overflow:auto;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--bg-1);margin-bottom:12px;display:flex;flex-direction:column}
.ia-thread .ia-bub{max-width:86%}
.ia-desk-end{margin-left:auto;background:none;border:1px solid var(--line-2);color:var(--ink-2);font-family:var(--mono);font-size:11px;padding:5px 11px;border-radius:8px;cursor:pointer;transition:color .2s,border-color .2s}
.ia-desk-end:hover{color:var(--rev);border-color:var(--rev-soft)}
.ia-col-head{display:flex;align-items:center}

/* 轻量顶栏（落地页/控制台用，替代站点 strip+nav） */
.ia-toplite{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px clamp(20px,4vw,40px);background:var(--nav-bg);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.ia-toplite-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink-0);font-family:var(--cn);font-weight:700;font-size:16px}
.ia-toplite-brand img{border-radius:6px}
.ia-toplite-brand .sub{font-family:var(--mono);font-size:11px;color:var(--ink-2);font-weight:400;letter-spacing:.04em}
.ia-toplite-nav{display:flex;align-items:center;gap:4px}
.ia-toplite-nav a{font-family:var(--cn);font-size:13px;color:var(--ink-1);text-decoration:none;padding:8px 12px;border-radius:8px;transition:background .15s,color .15s}
.ia-toplite-nav a:hover{background:var(--hover-fill);color:var(--ink-0)}
.ia-toplite-nav a.is-active{color:var(--rev)}

/* 移动端：侧栏抽屉 */
@media(max-width:820px){
  .ia-side{position:fixed;left:0;top:0;bottom:0;z-index:60;transform:translateX(-100%);transition:transform .3s var(--ease-out-q);box-shadow:0 0 50px rgba(40,36,28,.3)}
  .ia-app.side-open .ia-side{transform:none}
  .ia-side-toggle{position:fixed;left:12px;top:12px;z-index:55;width:40px;height:40px;border-radius:10px;border:1px solid var(--line-2);background:#fff;cursor:pointer;display:grid;place-items:center}
}
@media(min-width:821px){.ia-side-toggle{display:none}}
@media(min-width:821px){.ia-side-close{display:none}}

/* ───── 每条回答 有用/没用 + 举报（无 emoji） ───── */
.ia-fb{display:inline-flex;gap:6px;align-items:center;margin-left:4px}
.ia-fb-btn{
  font-family:var(--mono,monospace);font-size:11px;letter-spacing:.04em;
  padding:3px 10px;border:1px solid rgba(255,255,255,.16);background:transparent;
  color:rgba(255,255,255,.55);cursor:pointer;transition:.15s;border-radius:2px;
}
.ia-fb-btn:hover{color:#fff;border-color:rgba(255,255,255,.4)}
.ia-fb-btn.on{color:#7fd1a8;border-color:#7fd1a8}
.ia-fb-down.on{color:#e2706a;border-color:#e2706a}
/* 打赏按钮 + 预设浮条 */
.ia-tip-btn{
  font-family:var(--mono,monospace);font-size:11px;letter-spacing:.04em;
  padding:3px 10px;border:1px solid rgba(212,160,90,.45);background:rgba(212,160,90,.08);
  color:#d4a05a;cursor:pointer;transition:.15s;border-radius:2px;
}
.ia-tip-btn:hover:not(:disabled){color:#f0c486;border-color:#d4a05a}
.ia-tip-btn:disabled{opacity:.6;cursor:default}
.ia-tip-pop{display:inline-flex;gap:5px;margin-left:6px;vertical-align:middle}
.ia-tip-pop button{
  font-family:var(--mono,monospace);font-size:11px;padding:3px 9px;border:1px solid rgba(212,160,90,.4);
  background:transparent;color:#d4a05a;cursor:pointer;border-radius:2px;transition:.15s;
}
.ia-tip-pop button:hover{background:rgba(212,160,90,.16);color:#f0c486}
.ia-tip-pop .ia-tip-x{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.2)}
/* 举报浮层 */
.ia-report-mask{
  position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;
  padding:20px;background:rgba(0,0,0,.66);backdrop-filter:blur(6px);
  opacity:0;transition:opacity .14s ease;
}
.ia-report-mask.is-open{opacity:1}
.ia-report{
  width:min(420px,100%);background:#15151a;border:1px solid rgba(255,255,255,.16);
  padding:18px;display:flex;flex-direction:column;gap:10px;
  transform:translateY(6px);transition:transform .14s ease;
}
.ia-report-mask.is-open .ia-report{transform:translateY(0)}
.ia-report-h{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.ia-report-reason,.ia-report-detail{
  width:100%;background:#0d0d12;border:1px solid rgba(255,255,255,.16);
  color:#fff;padding:9px 11px;font-family:var(--cn,inherit);font-size:13px;outline:none;
}
.ia-report-detail{min-height:80px;resize:vertical;line-height:1.6}
.ia-report-reason:focus,.ia-report-detail:focus{border-color:rgba(255,255,255,.4)}
.ia-report-acts{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}

/* ───── 智人服务中：答题区铺满，变成和用户侧一样的大号对话窗 ───── */
.ia-mainchat #pane-artisan:has(.ia-desk.is-serving){overflow:hidden;padding:0}
.ia-desk.is-serving{max-width:none;width:100%;height:100%;padding:0;margin:0;display:flex;flex-direction:column}
.ia-desk.is-serving .ia-desk-bar{margin:0;border-radius:0;border-left:0;border-right:0;border-top:0}
.ia-desk.is-serving .ia-desk-cols{flex:1;min-height:0;display:block;gap:0}
.ia-desk.is-serving .ia-desk-inbox{display:none}
.ia-desk.is-serving .ia-desk-work{border:0;padding:0;height:100%;display:flex;flex-direction:column;background:var(--bg-0)}
.ia-desk.is-serving #desk-work-active{flex:1;min-height:0;display:flex;flex-direction:column}
.ia-desk.is-serving #desk-work-active>.ia-col-head{padding:14px 18px;margin:0;border-bottom:1px solid var(--line)}
.ia-desk.is-serving .ia-thread{flex:1;min-height:0;max-height:none;border:0;border-radius:0;margin:0;padding:22px;background:var(--bg-0)}
.ia-desk.is-serving .ia-thread .ia-bub{max-width:80%}
.ia-desk.is-serving #answer-input{flex:0 0 auto;height:auto;margin:0;border-radius:0;border-left:0;border-right:0;border-bottom:0;min-height:64px;max-height:160px;padding:14px 18px}
.ia-desk.is-serving .ia-work-foot{padding:12px 18px;border-top:1px solid var(--line);background:var(--bg-1)}
/* 自己发起的服务请求：只读（不可接），视觉弱化区分 */
.ia-order--own{border-style:dashed;opacity:.92}
.ia-order--own .ia-order-from{color:var(--rust-3)}
.ia-order-own-note{font-size:11px;letter-spacing:.04em;color:var(--ink-3);margin:6px 0 2px}