/* Claude 风格外观层。
   最后加载，只覆盖颜色、字体、圆角、尺寸和对齐；不改结构、不改交互、不删功能。
   衬线体负责“说话”（欢迎语、回复正文、辩论发言），无衬线负责“操作”。
   输入框第二行的 +、模型、图像工具和发送键统一 34px 高、按中线对齐。 */

#ai-arena-app.arena-shell {
  --arena-bg: #262624;
  --arena-sidebar: #1f1e1d;
  --arena-surface: #30302e;
  --arena-hover: #393935;
  --arena-selected: #42413c;
  --arena-border: #4a4944;
  --arena-text: #faf9f5;
  --arena-muted: #a8a69e;
  --arena-faint: #85837c;
  --arena-accent: #d97757;
  --arena-user: #1a1918;
  --arena-reading-width: 768px;
  --claude-accent-2: #c6613f;
  --claude-accent-soft: rgba(217, 119, 87, .18);
  --claude-text-2: #d6d4cb;
  --claude-line: rgba(250, 249, 245, .1);
  --claude-line-2: rgba(250, 249, 245, .2);
  --claude-on: #6aaef0;
  --claude-shadow: 0 .25rem 1.25rem rgba(0, 0, 0, .2), 0 0 0 .5px rgba(250, 249, 245, .12);
  --claude-shadow-focus: 0 .25rem 1.25rem rgba(0, 0, 0, .28), 0 0 0 .5px rgba(250, 249, 245, .22);
  --claude-menu-shadow: 0 12px 32px rgba(0, 0, 0, .45), 0 0 0 .5px rgba(250, 249, 245, .12);
  --claude-serif: "Source Serif 4", "Noto Serif SC", "Songti SC", "STSong", Georgia, serif;
  --claude-h: 34px;
}
#ai-arena-app.arena-shell.light-mode {
  --arena-bg: #faf9f5;
  --arena-sidebar: #f5f4ed;
  --arena-surface: #ffffff;
  --arena-hover: #efede5;
  --arena-selected: #e8e6dc;
  --arena-border: #e3e0d6;
  --arena-text: #141413;
  --arena-muted: #73726c;
  --arena-faint: #a3a198;
  --arena-user: #f0eee6;
  --claude-accent-soft: rgba(217, 119, 87, .13);
  --claude-text-2: #3d3d3a;
  --claude-line: rgba(31, 30, 29, .12);
  --claude-line-2: rgba(31, 30, 29, .22);
  --claude-on: #2c84db;
  --claude-shadow: 0 .25rem 1.25rem rgba(0, 0, 0, .035), 0 0 0 .5px rgba(31, 30, 29, .16);
  --claude-shadow-focus: 0 .25rem 1.25rem rgba(0, 0, 0, .06), 0 0 0 .5px rgba(31, 30, 29, .26);
  --claude-menu-shadow: 0 10px 30px rgba(31, 30, 29, .12), 0 0 0 .5px rgba(31, 30, 29, .14);
}
#ai-arena-app.arena-shell :focus-visible { outline-color: var(--arena-accent); }

/* ---------- 侧边栏 ---------- */
#ai-arena-app.arena-shell .aa-history-panel { background: var(--arena-sidebar); border-right: .5px solid var(--claude-line); }
#ai-arena-app.arena-shell .arena-wordmark { display: inline-flex; align-items: center; gap: 9px; font: 500 20px/1 var(--claude-serif); letter-spacing: -.01em; }
#ai-arena-app.arena-shell .arena-wordmark::before { content: ""; width: 30px; height: 30px; flex: none; border-radius: 50%; background: var(--arena-user) url(/assets/kitten/motion/portrait.png) center / cover no-repeat; }
#ai-arena-app.arena-shell .arena-nav-item { font-size: 14.5px; color: var(--claude-text-2); border-radius: 8px; }
#ai-arena-app.arena-shell .arena-nav-item svg { color: var(--arena-muted); }
#ai-arena-app.arena-shell .arena-nav-item.active,
#ai-arena-app.arena-shell .arena-nav-item.active svg { color: var(--arena-text); }
#ai-arena-app.arena-shell #aaNewBtn { color: var(--arena-text); font-weight: 500; }
#ai-arena-app.arena-shell #aaNewBtn svg { width: 26px; height: 26px; margin-left: -4px; padding: 5px; border-radius: 50%; background: var(--arena-accent); color: #fff; stroke-width: 2.2; }
#ai-arena-app.arena-shell #aaSkillsBtn { color: var(--claude-text-2); font-size: 14.5px !important; }
#ai-arena-app.arena-shell #aaSkillsBtn.unlocked { color: var(--claude-accent-2) !important; }
#ai-arena-app.arena-shell .arena-skills-icon { color: var(--arena-muted); }
#ai-arena-app.arena-shell .arena-history-label { font-size: 12px; font-weight: 400; color: var(--arena-muted); }
#ai-arena-app.arena-shell .arena-history-search input { border: 0; border-radius: 8px; background: var(--arena-surface); box-shadow: var(--claude-shadow); }
#ai-arena-app.arena-shell .aa-history-item-title { font-size: 14px; color: var(--claude-text-2); }
#ai-arena-app.arena-shell .aa-history-item-open::before { display: none; }
#ai-arena-app.arena-shell .aa-history-item-pin[aria-pressed="true"] { color: var(--claude-accent-2); }
#ai-arena-app.arena-shell .arena-sidebar-footer { border-top: .5px solid var(--claude-line); }
#ai-arena-app.arena-shell .arena-avatar,
#ai-arena-app.arena-shell .arena-panel-avatar { background: var(--arena-text); color: var(--arena-bg); font-weight: 600; font-size: 13px; }
#ai-arena-app.arena-shell .arena-account-copy { font-size: 14px; }
#ai-arena-app.arena-shell .arena-account-sub { font-size: 12px; }

/* ---------- 顶栏 ---------- */
#ai-arena-app.arena-shell .arena-conversation-title { font-size: 14.5px; color: var(--claude-text-2); }
#ai-arena-app.arena-shell .arena-mode-caption { display: inline-flex; align-items: center; height: 20px; padding: 0 7px; border-radius: 6px; background: var(--arena-hover); color: var(--arena-muted); font-size: 11.5px; font-weight: 500; white-space: nowrap; }
#ai-arena-app.arena-shell .arena-mode-caption:empty { display: none; }
#ai-arena-app.arena-shell #aaIncognitoBtn { height: 32px; padding: 0 11px; border: .5px solid var(--claude-line-2) !important; border-radius: 8px; background: transparent !important; color: var(--claude-text-2) !important; font-size: 13px; box-shadow: none; }
#ai-arena-app.arena-shell #aaIncognitoBtn[aria-pressed="true"] { background: var(--arena-text) !important; color: var(--arena-bg) !important; border-color: transparent !important; }
/* 无痕状态由按钮和虚线输入框表示，不再弹说明横幅 */
#aaIncognitoBanner { display: none !important; }
#ai-arena-app.arena-shell:has(#aaIncognitoBtn[aria-pressed="true"]) .aa-input-row { background: transparent; box-shadow: none; border: 1px dashed var(--claude-line-2); }

/* ---------- 欢迎页 ---------- */
#ai-arena-app.arena-shell .aa-welcome h1 { font: 400 clamp(30px, 4.2vw, 40px)/1.2 var(--claude-serif); letter-spacing: -.015em; color: var(--claude-text-2); -webkit-text-fill-color: var(--claude-text-2); text-wrap: balance; }
#aaDebateWelcomeCopy { display: none !important; }

/* ---------- 消息 ---------- */
#ai-arena-app.arena-shell .aa-msg-body.ai-bubble { font-family: var(--claude-serif); font-size: 17px; line-height: 1.72; }
#ai-arena-app.arena-shell .aa-msg-body.ai-bubble :is(table, th, td, pre, code, button, input, select, textarea, .aa-code-wrap, .aa-md-table-wrap) { font-family: var(--arena-ui-font); }
#ai-arena-app.arena-shell .aa-msg-body.ai-bubble :is(pre, code, .aa-code-wrap) { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
#ai-arena-app.arena-shell .aa-msg-body.ai-bubble :is(h1, h2, h3, h4) { font-family: var(--claude-serif); font-weight: 600; letter-spacing: -.01em; }
#ai-arena-app.arena-shell .aa-msg-body.user { background: var(--arena-user); border-radius: 18px; padding: 10px 15px; font-size: 15.5px; line-height: 1.6; }
#ai-arena-app.arena-shell .aa-msg-name { font-size: 12.5px; }
#ai-arena-app.arena-shell .arena-message-action { width: 30px; height: 30px; border-radius: 7px; color: var(--arena-muted); }
#ai-arena-app.arena-shell .arena-operation-details > summary,
#ai-arena-app.arena-shell .arena-operation-details > .arena-operation-status { display: inline-flex; align-items: center; gap: 6px; min-height: 30px; padding: 0 10px; border: .5px solid var(--claude-line-2); border-radius: 8px; color: var(--arena-muted); font-size: 13px; }
#ai-arena-app.arena-shell .arena-operation-card { border: 0; border-radius: 10px; background: var(--arena-surface); box-shadow: var(--claude-shadow); }
#ai-arena-app.arena-shell .arena-jump-latest { border: 0; border-radius: 999px; background: var(--arena-surface); color: var(--claude-text-2); box-shadow: var(--claude-menu-shadow); }

/* ---------- 输入框 ---------- */
#ai-arena-app.arena-shell .aa-input-area,
#ai-arena-app.arena-shell .aa-chat.empty-state.image-composer-state .aa-input-area { padding-bottom: max(16px, env(safe-area-inset-bottom)); }
#ai-arena-app.arena-shell .aa-input-row,
#ai-arena-app.arena-shell .aa-input-row.image-mode-layout,
#ai-arena-app.arena-shell .aa-chat:not(.empty-state) .aa-input-row { align-items: center; gap: 6px; padding: 10px; border: 0; border-radius: 20px; background: var(--arena-surface); box-shadow: var(--claude-shadow); }
#ai-arena-app.arena-shell .aa-input-row:focus-within { border: 0; box-shadow: var(--claude-shadow-focus); }
#ai-arena-app.arena-shell .aa-input-row { grid-template-rows: auto var(--claude-h); }
#ai-arena-app.arena-shell .aa-topic { align-self: stretch; padding: 6px 8px; font-size: 16px; line-height: 24px; }
#ai-arena-app.arena-shell .arena-attachment-wrap { height: var(--claude-h); align-self: center; }
#ai-arena-app.arena-shell .aa-plus-btn { width: var(--claude-h); height: var(--claude-h); display: grid; place-items: center; border: .5px solid var(--claude-line-2); border-radius: 10px; color: var(--claude-text-2); }
#ai-arena-app.arena-shell .aa-plus-btn svg { width: 18px; height: 18px; }
#ai-arena-app.arena-shell .arena-composer-model { align-self: center; }
#ai-arena-app.arena-shell .arena-model-trigger { height: var(--claude-h); min-height: var(--claude-h); padding: 0 8px 0 10px; gap: 6px; border-radius: 10px; color: var(--claude-text-2); font-size: 14px; font-weight: 400; }
#ai-arena-app.arena-shell .arena-model-trigger .arena-current-effort { color: var(--arena-muted); }
#ai-arena-app.arena-shell .aa-send { width: var(--claude-h); height: var(--claude-h); display: grid; place-items: center; align-self: center; justify-self: end; border-radius: 10px; }
#ai-arena-app.arena-shell .aa-send svg { width: 18px; height: 18px; stroke-width: 2.2; }
#ai-arena-app.arena-shell .aa-send:disabled { background: var(--arena-accent) !important; color: #fff !important; opacity: .4; }
#ai-arena-app.arena-shell .aa-send:not(:disabled):not(.stop):hover { background: var(--claude-accent-2) !important; }
/* arena.css 里用 `.aa-input-row #aaSendBtn` 把按钮压成 32px 透明图标，这里用同样具体的选择器统一成 34px 实心 */
#ai-arena-app.arena-shell .aa-input-row #aaPlusBtn,
#ai-arena-app.arena-shell .aa-input-row #aaSendBtn,
#ai-arena-app.arena-shell .aa-input-row .arena-attachment-wrap { width: var(--claude-h); height: var(--claude-h); min-width: var(--claude-h); border-radius: 10px; }
#ai-arena-app.arena-shell .aa-input-row #aaPlusBtn { border: .5px solid var(--claude-line-2); color: var(--claude-text-2); }
#ai-arena-app.arena-shell .aa-input-row #aaPlusBtn svg,
#ai-arena-app.arena-shell .aa-input-row #aaSendBtn svg { width: 18px; height: 18px; }
#ai-arena-app.arena-shell .aa-input-row #aaSendBtn svg { stroke-width: 2.2; }
#ai-arena-app.arena-shell .aa-input-row #aaSendBtn { background: var(--arena-accent) !important; color: #fff !important; opacity: 1; }
#ai-arena-app.arena-shell .aa-input-row #aaSendBtn:disabled { background: var(--arena-accent) !important; color: #fff !important; opacity: .4; }
#ai-arena-app.arena-shell .aa-input-row #aaSendBtn:not(:disabled):hover,
#ai-arena-app.arena-shell .aa-input-row #aaSendBtn.stop { background: var(--claude-accent-2) !important; color: #fff !important; }
@media (pointer: coarse) {
  #ai-arena-app.arena-shell { --claude-h: 38px; }
  #ai-arena-app.arena-shell .aa-input-row #aaPlusBtn,
  #ai-arena-app.arena-shell .aa-input-row #aaSendBtn,
  #ai-arena-app.arena-shell .aa-input-row .arena-attachment-wrap { width: var(--claude-h); height: var(--claude-h); min-width: var(--claude-h); }
}
/* 输入框网格的最终尺寸：arena.css 里有几层同名规则（含 :not(.arena-image-mode) 和触屏版），这里用同样的选择器统一 */
#ai-arena-app.arena-shell .aa-input-row,
#ai-arena-app.arena-shell .aa-input-row.image-mode-layout,
#ai-arena-app.arena-shell:not(.arena-image-mode) .aa-input-row { grid-template-columns: var(--claude-h) minmax(0, 1fr) auto var(--claude-h); grid-template-rows: auto var(--claude-h); align-items: center; gap: 6px; padding: 10px; border-radius: 20px; }
#ai-arena-app.arena-shell:not(.arena-image-mode) .aa-input-row .aa-topic { min-height: 36px; padding: 6px 8px; font-size: 16px; line-height: 24px; }
#ai-arena-app.arena-shell .aa-input-row .arena-model-trigger { min-height: var(--claude-h); height: var(--claude-h); padding: 0 8px 0 10px; gap: 6px; border-radius: 10px; font-size: 14px; }
/* 不放提示语：原来输入框下方的“AI 可能会出错”说明 */
#ai-arena-app.arena-shell .arena-composer-note { display: none; }
#ai-arena-app.arena-shell .aa-image-dock { height: var(--claude-h); gap: 6px; align-self: center; }
#ai-arena-app.arena-shell .aa-image-tool { height: var(--claude-h); min-height: var(--claude-h); padding: 0 10px; gap: 6px; border: .5px solid var(--claude-line-2); border-radius: 10px; color: var(--claude-text-2); font-size: 13px; }
#ai-arena-app.arena-shell .aa-image-tool.model { color: var(--arena-text); }
#ai-arena-app.arena-shell .aa-image-tool svg { width: 16px; height: 16px; }
#ai-arena-app.arena-shell .aa-image-tool .new { align-items: center; height: 16px; padding: 0 5px; border-radius: 4px; background: var(--claude-accent-soft); color: var(--claude-accent-2); font-size: 10px; font-weight: 600; letter-spacing: .04em; }

/* 浮层与菜单 */
#ai-arena-app.arena-shell .arena-model-popover,
#ai-arena-app.arena-shell .aa-card-dropdown,
#ai-arena-app.arena-shell .aa-image-popover,
#ai-arena-app.arena-shell .aa-plus-menu,
#ai-arena-app.arena-shell .arena-select-popover,
#ai-arena-app.arena-shell .aa-pass-popup { border: 0; border-radius: 14px; background: var(--arena-surface); box-shadow: var(--claude-menu-shadow); }
#ai-arena-app.arena-shell .aa-plus-item { min-height: 38px; padding: 8px 10px; border-radius: 8px; font-size: 14px; }
#ai-arena-app.arena-shell #aaPlusSearch[aria-checked="true"] .arena-search-switch { background: var(--claude-on); }
#ai-arena-app.arena-shell .arena-search-switch { width: 32px; height: 18px; }
#ai-arena-app.arena-shell .arena-search-switch i { width: 14px; height: 14px; }
#ai-arena-app.arena-shell #aaPlusSearch[aria-checked="true"] .arena-search-switch i { transform: translateX(14px); }

/* 图像设置：去掉说明段落，选中项用主色描边 */
#ai-arena-app.arena-shell .arena-image-field-help { display: none; }

/* 连续编辑 / PPT 模板 / 引用：统一成浅底卡片，不放说明副标题 */
#aaNbEditBanner,
#aaPptTemplateBanner { background: var(--arena-bg) !important; border: .5px solid var(--claude-line-2) !important; border-radius: 12px !important; }
#aaNbEditBanner > div > div:first-child,
#aaPptTemplateLabel { color: var(--arena-text) !important; font-size: 13px !important; font-weight: 500 !important; }
#aaNbEditBanner > div > div:nth-child(2),
#aaPptTemplateSub { display: none !important; }
#aaNbEditBanner button,
#aaPptTemplateBanner button { height: 30px; padding: 0 11px !important; border: .5px solid var(--claude-line-2) !important; border-radius: 8px !important; background: transparent !important; color: var(--claude-text-2) !important; font: 13px var(--arena-ui-font) !important; }

#ai-arena-app.arena-shell .arena-skills-heading { padding: 10px 12px 4px; font-size: 12px; font-weight: 600; }
#ai-arena-app.arena-shell .arena-skills-hint { margin: 2px 12px 8px; color: #73726c; font-size: 12px; line-height: 1.5; }
#ai-arena-app .arena-skill-option { width: 100%; border: 0; background: transparent; text-align: left; font: inherit; cursor: pointer; white-space: normal; display: flex; flex-direction: column; align-items: flex-start; gap: 3px; }
#ai-arena-app .arena-skill-option[aria-pressed="true"] { background: var(--arena-hover); }
#ai-arena-app .arena-skill-option small { font-size: 11px; color: var(--arena-muted); line-height: 1.5; }
#ai-arena-app.arena-shell .arena-skill-files { display: flex; gap: 10px; flex-wrap: wrap; margin: 14px 0; }
#ai-arena-app.arena-shell .arena-skill-file { display: grid; grid-template-columns: 1fr auto; gap: 5px 14px; max-width: 100%; min-width: min(260px, 100%); font: 14px var(--arena-ui-font); padding: 12px 14px; border: 1px solid var(--arena-border); border-radius: 12px; background: var(--arena-surface); }
#ai-arena-app.arena-shell .arena-skill-file > span { overflow-wrap: anywhere; grid-column: 1 / -1; }
#ai-arena-app.arena-shell .arena-skill-file > small { color: var(--arena-muted); grid-column: 1 / -1; }
#ai-arena-app.arena-shell .arena-skill-file button, #ai-arena-app.arena-shell .arena-skill-file .arena-skill-save { justify-self: start; border: 0; border-radius: 6px; padding: 5px 9px; color: var(--arena-text); background: var(--arena-hover); cursor: pointer; text-decoration: none; }
#ai-arena-app.arena-shell .arena-skill-file .arena-skill-delete { justify-self: end; color: var(--arena-muted); background: transparent; font-size: 11px; }
/* ---------- 多 AI 辩论 ---------- */
#aaDebateHint { display: none !important; }
#ai-arena-app.arena-shell .arena-debate-modes { padding: 2px; border-radius: 9px; background: var(--arena-hover); }
#ai-arena-app.arena-shell .aa-ctrl-grp .aa-bar-btn,
#ai-arena-app.arena-shell .arena-debate-modes .aa-bar-btn { min-height: 28px; padding: 0 10px; border-radius: 7px; font-size: 13.5px; color: var(--claude-text-2) !important; }
#ai-arena-app.arena-shell .aa-ctrl-grp .aa-bar-btn.active,
#ai-arena-app.arena-shell .arena-debate-modes .aa-bar-btn.active { background: var(--arena-surface) !important; color: var(--arena-text) !important; box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 0 0 .5px var(--claude-line); }
#ai-arena-app.arena-shell .arena-debate-round-row { font-size: 12.5px; }
#ai-arena-app.arena-shell .arena-round-options { padding: 2px; border: 0; border-radius: 9px; background: var(--arena-hover); }
#ai-arena-app.arena-shell .arena-round-options button { min-height: 28px; padding: 0 10px; border-radius: 7px; font-size: 13px; color: var(--claude-text-2); }
#ai-arena-app.arena-shell .arena-round-options button[aria-pressed="true"] { background: var(--arena-surface); color: var(--arena-text); box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 0 0 .5px var(--claude-line); }
#ai-arena-app.arena-shell .arena-select-trigger,
#ai-arena-app.arena-shell .arena-debate-judge { min-height: 32px; border: .5px solid var(--claude-line-2); border-radius: 9px; background: transparent; font-size: 13.5px; }
#ai-arena-app.arena-shell .arena-persona-heading > span { font-size: 12.5px; color: var(--arena-muted); font-weight: 400; }
#ai-arena-app.arena-shell .aa-persona-slot { border: .5px solid var(--claude-line-2); border-radius: 12px; background: var(--arena-bg); }
#ai-arena-app.arena-shell .aa-persona-input { border: .5px solid var(--claude-line-2); border-radius: 8px; background: var(--arena-surface); }
#ai-arena-app.arena-shell .aa-persona-input:focus { border-color: var(--arena-accent); box-shadow: 0 0 0 3px var(--claude-accent-soft); }
#ai-arena-app.arena-shell .arena-debate-recovery { border: .5px solid var(--claude-line-2); border-radius: 12px; background: var(--arena-bg); }

/* ---------- 弹窗 ---------- */
#ai-arena-app.arena-shell .arena-workspace-dialog,
#ai-arena-app.arena-shell .arena-account-dialog { border: 0; border-radius: 18px; background: var(--arena-surface); box-shadow: var(--claude-menu-shadow); }
#ai-arena-app.arena-shell .arena-dialog-heading h2 { font: 400 22px/1.25 var(--claude-serif); letter-spacing: -.01em; }

/* ---------- 手机 ---------- */
@media (max-width: 600px) {
  #ai-arena-app.arena-shell .aa-input-row,
  #ai-arena-app.arena-shell .aa-input-row.image-mode-layout,
  #ai-arena-app.arena-shell .aa-chat:not(.empty-state) .aa-input-row { gap: 6px; padding: 10px; }
  #ai-arena-app.arena-shell .aa-welcome h1 { font-size: 28px; }
  #ai-arena-app.arena-shell .aa-msg-body.ai-bubble { font-size: 16.5px; }
  #ai-arena-app.arena-shell .aa-msg-body.user { font-size: 15px; }
  #ai-arena-app.arena-shell .arena-model-trigger { font-size: 13px; }
  #ai-arena-app.arena-shell #aaIncognitoBtn { font-size: 12px; padding: 0 9px; }
  /* 图像工具单独占一行；+ 和发送键固定在最下面一行，发送键位置和对话模式一致 */
  #ai-arena-app.arena-shell .aa-input-row.image-mode-layout { grid-template-rows: auto var(--claude-h) var(--claude-h); }
  #ai-arena-app.arena-shell .aa-input-row.image-mode-layout .aa-image-dock { grid-column: 1 / -1; grid-row: 2; height: var(--claude-h); overflow-x: auto; scrollbar-width: none; }
  #ai-arena-app.arena-shell .aa-input-row.image-mode-layout .aa-image-dock::-webkit-scrollbar { display: none; }
  #ai-arena-app.arena-shell .aa-input-row.image-mode-layout .arena-attachment-wrap,
  #ai-arena-app.arena-shell .aa-input-row.image-mode-layout .aa-send,
  #ai-arena-app.arena-shell .aa-input-row.image-mode-layout #aaSendBtn { grid-row: 3; }
  #ai-arena-app.arena-shell .aa-image-tool { height: var(--claude-h); min-height: var(--claude-h); padding: 0 9px; font-size: 12.5px; flex: none; }
  #ai-arena-app.arena-shell .aa-image-tool.model { width: auto; max-width: none; flex: none; flex-basis: auto; }
  /* 原设计在手机上把设置按钮做成纯图标，这里保留，只把它补成和其他按钮一样的方块 */
  #ai-arena-app.arena-shell .aa-image-tool.settings { width: var(--claude-h); max-width: var(--claude-h); flex: 0 0 var(--claude-h); padding: 0; justify-content: center; }
}

/* ================= 布局：按 Claude 原型 =================
   以下规则改的是摆放方式，不只是颜色：空白状态居中、整个输入区是一张卡片、回复去掉头像。 */

/* 空白状态：问候语 + 输入卡片 + 快捷按钮作为一组停在视觉中心 */
#ai-arena-app.arena-shell .aa-chat.empty-state { justify-content: safe center !important; padding-bottom: 8vh; }
#ai-arena-app.arena-shell.arena-project-scope .aa-chat.empty-state { padding-top: 44px; }
#ai-arena-app.arena-shell .aa-chat.empty-state .arena-project-bar { position: absolute; inset: 0 0 auto; }
#ai-arena-app.arena-shell .aa-chat.empty-state .aa-messages { flex: 0 0 auto; height: 0; min-height: 0; padding: 0; overflow: hidden; }
#ai-arena-app.arena-shell .aa-chat.empty-state .aa-welcome { position: static; inset: auto; transform: none; display: flex; align-items: center; justify-content: center; gap: 12px; margin: 0 16px 26px; pointer-events: auto; }
#ai-arena-app.arena-shell .aa-chat.empty-state .aa-kitten--welcome { width: 60px; height: 60px; }
#ai-arena-app.arena-shell .aa-chat.empty-state .aa-welcome h1 { margin: 0; text-align: left; }
#ai-arena-app.arena-shell.arena-debate-mode .aa-chat.empty-state .aa-welcome { display: flex !important; width: auto; column-gap: 12px; }
#ai-arena-app.arena-shell.arena-debate-mode .aa-chat.empty-state .arena-kitten-greeting,
#ai-arena-app.arena-shell.arena-debate-mode .aa-chat.empty-state .aa-kitten--welcome { width: 60px; height: 60px; }
#ai-arena-app.arena-shell.arena-debate-mode .aa-chat.empty-state .aa-welcome h1 { font: 400 clamp(26px, 3.4vw, 34px)/1.2 var(--claude-serif); }

/* 快捷按钮：只在对话模式的空白状态出现 */
#ai-arena-app.arena-shell .arena-starters { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; width: calc(100% - 32px); max-width: var(--arena-reading-width); margin: 14px auto 0; }
#ai-arena-app.arena-shell .arena-starters button { height: var(--claude-h); display: inline-flex; align-items: center; gap: 7px; padding: 0 12px; border: .5px solid var(--claude-line-2); border-radius: 10px; background: transparent; color: var(--claude-text-2); font: 14px var(--arena-ui-font); cursor: pointer; }
#ai-arena-app.arena-shell .arena-starters button:hover { background: var(--arena-hover); color: var(--arena-text); }
#ai-arena-app.arena-shell .arena-starters svg { width: 16px; height: 16px; color: var(--arena-muted); }
#ai-arena-app.arena-shell .aa-chat:not(.empty-state) .arena-starters,
#ai-arena-app.arena-shell.arena-debate-mode .arena-starters,
#ai-arena-app.arena-shell.arena-image-mode .arena-starters { display: none; }

/* 整个输入区是一张卡片：附件、引用、辩论设置、技能标签都在卡片里，输入行本身不再单独描边 */
#ai-arena-app.arena-shell .aa-input-area,
#ai-arena-app.arena-shell .aa-chat.empty-state.image-composer-state .aa-input-area { width: calc(100% - 32px); max-width: var(--arena-reading-width); margin: 0 auto max(16px, env(safe-area-inset-bottom)); padding: 10px; border-radius: 20px; background: var(--arena-surface); box-shadow: var(--claude-shadow); transition: box-shadow .15s; }
#ai-arena-app.arena-shell .aa-chat.empty-state .aa-input-area { margin-bottom: 0; }
#ai-arena-app.arena-shell .aa-input-area:focus-within { box-shadow: var(--claude-shadow-focus); }
#ai-arena-app.arena-shell .aa-input-row,
#ai-arena-app.arena-shell .aa-input-row.image-mode-layout,
#ai-arena-app.arena-shell .aa-input-row:focus-within,
#ai-arena-app.arena-shell:not(.arena-image-mode) .aa-input-row,
#ai-arena-app.arena-shell .aa-chat:not(.empty-state) .aa-input-row { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
#ai-arena-app.arena-shell .arena-composer-footer { display: none; }
#ai-arena-app.arena-shell:has(#aaIncognitoBtn[aria-pressed="true"]) .aa-input-area { background: transparent; box-shadow: none; outline: 1px dashed var(--claude-line-2); outline-offset: -1px; }
#ai-arena-app.arena-shell:has(#aaIncognitoBtn[aria-pressed="true"]) .aa-input-row { border: 0; }
#ai-arena-app.arena-shell.arena-debate-mode .aa-input-row { margin-top: 8px; padding-top: 8px; border-top: .5px solid var(--claude-line); }

/* 技能标签：选中 Skills 后出现在输入框里，点 ✕ 停用 */
#ai-arena-app.arena-shell .arena-skill-pill { display: inline-flex; align-items: center; gap: 6px; height: 32px; margin: 0 0 8px; padding: 0 3px 0 10px; border-radius: 9px; background: var(--claude-accent-soft); color: var(--claude-accent-2); font: 500 13.5px var(--arena-ui-font); }
#ai-arena-app.arena-shell .arena-skill-pill[hidden] { display: none; }
#ai-arena-app.arena-shell .arena-skill-pill svg { width: 15px; height: 15px; }
#ai-arena-app.arena-shell .arena-skill-pill button { width: 24px; height: 24px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 6px; background: transparent; color: inherit; cursor: pointer; }
#ai-arena-app.arena-shell .arena-skill-pill button svg { width: 14px; height: 14px; }
#ai-arena-app.arena-shell .arena-skill-pill button:hover { background: var(--claude-accent-soft); }

/* 回复：不放头像，模型名放到操作按钮那一行的右边；生成中的状态小猫保留但缩小 */
#ai-arena-app.arena-shell .aa-msg:not(.user-msg) { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 8px; }
#ai-arena-app.arena-shell .aa-msg:not(.user-msg) > * { grid-column: 1 / -1; min-width: 0; }
#ai-arena-app.arena-shell .aa-msg:not(.user-msg) > .aa-msg-head { display: contents; }
#ai-arena-app.arena-shell .aa-msg .aa-kitten--reply { display: none; }
#ai-arena-app.arena-shell .aa-msg:not(.user-msg) > .arena-message-actions { grid-column: 1; order: 9; margin-top: 8px; }
#ai-arena-app.arena-shell .aa-msg:not(.user-msg) .aa-msg-name { grid-column: 2; order: 10; align-self: end; margin: 8px 0 4px; color: var(--arena-muted) !important; font-size: 12.5px; font-weight: 400; }
#ai-arena-app.arena-shell .aa-kitten--progress { width: 40px; height: 40px; }
#ai-arena-app.arena-shell .arena-progress:has(.aa-kitten) { min-height: 40px; gap: 8px; }
#ai-arena-app.arena-shell .aa-msg.user-msg .arena-user-actions { opacity: 0; transition: opacity .15s; }
#ai-arena-app.arena-shell .aa-msg.user-msg:hover .arena-user-actions,
#ai-arena-app.arena-shell .aa-msg.user-msg:focus-within .arena-user-actions { opacity: 1; }
@media (hover: none) { #ai-arena-app.arena-shell .aa-msg.user-msg .arena-user-actions { opacity: 1; } }

@media (max-width: 600px) {
  #ai-arena-app.arena-shell .aa-input-area,
  #ai-arena-app.arena-shell .aa-chat.empty-state.image-composer-state .aa-input-area { width: calc(100% - 20px); margin-bottom: max(10px, env(safe-area-inset-bottom)); max-height: 63%; }
  #ai-arena-app.arena-shell .aa-chat.empty-state .aa-welcome { flex-direction: column; gap: 8px; }
  #ai-arena-app.arena-shell .aa-chat.empty-state .aa-welcome h1 { text-align: center; }
  #ai-arena-app.arena-shell .aa-chat.empty-state .aa-kitten--welcome { width: 56px; height: 56px; }
  #ai-arena-app.arena-shell .arena-starters { width: calc(100% - 20px); }
}

/* 无痕按钮：图标 + “无痕模式”，按下状态表示开启；手机上只留图标 */
#ai-arena-app.arena-shell #aaIncognitoBtn { display: inline-flex; align-items: center; gap: 6px; }
#ai-arena-app.arena-shell #aaIncognitoBtn svg { width: 16px; height: 16px; }
@media (max-width: 600px) {
  #ai-arena-app.arena-shell #aaIncognitoBtn { width: 34px; padding: 0; justify-content: center; }
  #ai-arena-app.arena-shell #aaIncognitoBtn span { display: none; }
}

/* ---------- 辩论设置：方式 + 总结 / 轮数 + 调用次数 + 阶段 / 席位胶囊 ---------- */
#ai-arena-app.arena-shell #aaDebateControls { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
#ai-arena-app.arena-shell #aaDebateControls > .arena-debate-control-row { flex: 1 0 100%; justify-content: flex-start; gap: 8px; }
#ai-arena-app.arena-shell #aaDebateControls > .arena-debate-round-row { flex: 0 1 auto; margin-top: 0; }
#ai-arena-app.arena-shell #aaDebateControls > .arena-debate-round-row > span:first-child { color: var(--arena-muted); }
#ai-arena-app.arena-shell #aaDebateBudget { margin-left: 2px; color: var(--arena-muted); font-size: 12.5px; }
#ai-arena-app.arena-shell #aaDebateStageHelp { margin: 0 0 0 auto; font-size: 12.5px; color: var(--arena-muted); }
#ai-arena-app.arena-shell #aaDebateProgress { flex: 1 0 100%; margin: 0; }

/* 自由讨论：每个席位是一颗胶囊，“添加席位”跟在最后 */
#ai-arena-app.arena-shell .arena-free-participants { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 10px; }
#ai-arena-app.arena-shell .arena-free-participants > .arena-persona-heading { display: contents; }
#ai-arena-app.arena-shell .arena-free-participants > .arena-persona-heading > span { display: none; }
#ai-arena-app.arena-shell .arena-free-grid { display: contents; }
#ai-arena-app.arena-shell .arena-free-seat { display: inline-flex; align-items: center; height: 32px; padding-right: 3px; border: .5px solid var(--claude-line-2); border-radius: 999px; background: var(--arena-surface); }
#ai-arena-app.arena-shell .arena-free-seat .arena-seat-number { display: none; }
#ai-arena-app.arena-shell .arena-free-seat .arena-free-model { min-width: 0; }
#ai-arena-app.arena-shell .arena-free-seat .arena-select-trigger { width: auto; height: 30px; min-height: 30px; padding: 0 6px 0 12px; gap: 6px; border: 0; border-radius: 999px; background: transparent; font-size: 13.5px; }
#ai-arena-app.arena-shell .arena-free-seat .arena-role-remove,
#ai-arena-app.arena-shell .aa-persona-slot .arena-role-remove { width: 24px; height: 24px; min-width: 24px; padding: 0; border-radius: 6px; }
#ai-arena-app.arena-shell #aaAddParticipant,
#ai-arena-app.arena-shell #aaAddPersona { order: 2; height: 32px; display: inline-flex; align-items: center; gap: 5px; padding: 0 12px 0 10px; border: .5px dashed var(--claude-line-2); border-radius: 999px; background: transparent; color: var(--arena-muted); font: 13.5px var(--arena-ui-font); cursor: pointer; }
#ai-arena-app.arena-shell #aaAddParticipant::before,
#ai-arena-app.arena-shell #aaAddPersona::before { content: "+"; font-size: 16px; line-height: 1; }
#ai-arena-app.arena-shell #aaAddParticipant:hover,
#ai-arena-app.arena-shell #aaAddPersona:hover { color: var(--arena-text); background: var(--arena-hover); }

/* 角色讨论：每个角色一张小卡片，不放字段标签 */
/* 角色区靠行内 style.display 切换显示；只在显示（block）时改成纵向弹性布局，隐藏状态保持不变 */
#ai-arena-app.arena-shell #aaPersonaArea[style*="block"] { display: flex !important; flex-direction: column; align-items: flex-start; gap: 8px; margin-top: 10px; }
#ai-arena-app.arena-shell .aa-persona-area > .arena-persona-heading { display: contents; }
#ai-arena-app.arena-shell .aa-persona-area > .arena-persona-heading > span { display: none; }
#ai-arena-app.arena-shell .aa-persona-grid { align-self: stretch; display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 8px; }
#ai-arena-app.arena-shell .aa-persona-slot { display: flex; flex-direction: column; gap: 6px; padding: 8px; border: .5px solid var(--claude-line-2); border-radius: 12px; background: var(--arena-bg); }
#ai-arena-app.arena-shell .arena-role-heading { min-height: 24px; padding-left: 2px; font-size: 12.5px; font-weight: 400; color: var(--arena-muted); }
#ai-arena-app.arena-shell .arena-role-field { gap: 0; }
#ai-arena-app.arena-shell .arena-role-field > span { display: none; }
#ai-arena-app.arena-shell .aa-persona-model .arena-select-trigger { height: 32px; min-height: 32px; padding: 0 10px; border: .5px solid var(--claude-line-2); border-radius: 8px; background: var(--arena-surface); font-size: 13.5px; }
#ai-arena-app.arena-shell .aa-persona-input { height: 32px; padding: 6px 10px; font-size: 13.5px; }

/* 2v2：正方 / 反方各两颗胶囊，排成一行 */
#ai-arena-app.arena-shell .aa-seats-row { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 10px; }
#ai-arena-app.arena-shell .aa-seat-zone { display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; border-radius: 0; background: transparent; }
#ai-arena-app.arena-shell .aa-seat-title { margin: 0 2px 0 0; font-size: 12.5px; color: var(--arena-muted); }
#ai-arena-app.arena-shell .aa-seat-slots { display: flex; gap: 6px; }
#ai-arena-app.arena-shell .aa-seat-slots .arena-select-trigger { width: auto; height: 32px; min-height: 32px; padding: 0 10px 0 12px; border: .5px solid var(--claude-line-2); border-radius: 999px; background: var(--arena-surface); font-size: 13.5px; }
#ai-arena-app.arena-shell .aa-persona-grid { width: 100%; }
#ai-arena-app.arena-shell .aa-persona-slot { align-items: stretch; }
#ai-arena-app.arena-shell .aa-persona-slot .arena-role-heading { width: auto; }
#ai-arena-app.arena-shell .aa-seats-row { justify-content: flex-start; }
#ai-arena-app.arena-shell .aa-seat-zone { flex: 0 0 auto; }
#ai-arena-app.arena-shell .aa-seat-slots { flex-direction: row; }

/* ---------- 模型与思考强度菜单：左侧档位 + 恢复默认 / 整行模型 / 细轨道滑块 + 两端档位 ---------- */
#ai-arena-app.arena-shell .arena-effort-popover { --effort-accent: var(--arena-accent); width: 290px; padding: 6px; }
#ai-arena-app.arena-shell .arena-effort-heading { grid-template-columns: minmax(0, 1fr) 28px; min-height: 32px; padding: 2px 4px 2px 10px; }
#ai-arena-app.arena-shell .arena-effort-heading > span:first-child { display: none; }
#ai-arena-app.arena-shell .arena-effort-heading > output,
#ai-arena-app.arena-shell:not(.light-mode) .arena-effort-heading > output { text-align: left; color: var(--arena-text); font: 500 15px/1.4 var(--claude-serif); letter-spacing: 0; }
#ai-arena-app.arena-shell .arena-effort-model { justify-content: flex-start; gap: 9px; min-height: 40px; margin-top: 2px; padding: 0 10px; border-radius: 7px; background: transparent; color: var(--arena-text); font-size: 14px; }
#ai-arena-app.arena-shell .arena-effort-model > span { flex: 1; text-align: left; }
#ai-arena-app.arena-shell .arena-effort-model svg { color: var(--arena-muted); }
/* 滑块几何由 arena-effort.js 按 32px 圆点计算，这里只改外观：轨道变 4px 细线，圆点视觉 18px、外框仍是 32px */
#ai-arena-app.arena-shell .arena-effort-popover .arena-effort-scale { margin: 8px 6px 0; }
#ai-arena-app.arena-shell .arena-effort-popover .arena-effort-track { border-radius: 4px; }
#ai-arena-app.arena-shell .arena-effort-scale .arena-effort-thumb > span { width: 18px; height: 18px; margin: 7px; border: 2px solid var(--arena-accent); background: var(--arena-surface); box-shadow: 0 1px 4px rgba(0, 0, 0, .2); }
#ai-arena-app.arena-shell .arena-effort-scale .arena-effort-halo { box-shadow: 0 0 0 6px var(--claude-accent-soft); }
#ai-arena-app.arena-shell .arena-effort-scale .arena-effort-ticks > span { opacity: .6; }
#ai-arena-app.arena-shell .arena-effort-ends { display: flex; justify-content: space-between; margin: -6px 8px 4px; font-size: 11.5px; color: var(--arena-muted); }
#ai-arena-app.arena-shell .arena-model-picker .arena-model-option { min-height: 38px; padding: 8px 10px; border-radius: 8px; font-size: 14px; }
#ai-arena-app.arena-shell .arena-model-picker .arena-model-option[aria-pressed="true"] .arena-model-check { color: var(--claude-accent-2); }

/* ---------- 登录：大猫 + 衬线标题 + 两个独立输入框 + 整宽按钮，不包卡片 ---------- */
#ai-arena-app.arena-shell #aaLoginOverlay { background: var(--arena-bg) !important; }
#ai-arena-app.arena-shell #aaLoginOverlay > div { max-width: 360px !important; }
#ai-arena-app.arena-shell #aaLoginOverlay h2 { margin: 4px 0 22px !important; font: 400 36px/1.1 var(--claude-serif) !important; letter-spacing: -.01em; }
#ai-arena-app.arena-shell #aaLoginOverlay > div > p:empty { display: none; }
#ai-arena-app.arena-shell #aaLoginOverlay > div > div:nth-of-type(2) { padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
#ai-arena-app.arena-shell #aaLoginOverlay .aa-key-input { height: 46px; padding: 0 14px; border: .5px solid var(--claude-line-2) !important; border-radius: 12px !important; background: var(--arena-surface) !important; font-size: 15px; outline: 0; }
#ai-arena-app.arena-shell #aaLoginOverlay .aa-key-input:focus { border-color: var(--arena-accent) !important; box-shadow: 0 0 0 3px var(--claude-accent-soft); }
#ai-arena-app.arena-shell #aaLoginBtn { height: 46px !important; margin-top: 4px !important; border-radius: 12px !important; font-size: 15px !important; font-weight: 500 !important; }
#ai-arena-app.arena-shell #aaLoginBtn:hover { background: var(--claude-accent-2) !important; }

/* ---------- 图像结果：圆角卡片 ---------- */
#ai-arena-app.arena-shell .aa-generated-stage { border-radius: 14px; overflow: hidden; }
#ai-arena-app.arena-shell .aa-generated-image { border-radius: 14px; }