/* ============================================================================
   aiact.324.css —— 「✨ AI 助手」里的执行卡片样式
   颜色全走站点已有变量（--bg/--panel/--line/--tx/--sub/--acc/--hov/--danger），
   深色主题自动跟着变；没写死任何颜色值。
   ========================================================================== */

/* 面板里多出来的一块，夹在消息区和输入框之间；有内容才占地方 */
.ax-box{flex:0 0 auto;max-height:46vh;overflow:auto;border-top:1px solid var(--line);background:var(--bg)}
.ax-box:empty{display:none}

/* ---- 空态：几颗能点的话术 ---- */
.ax-quick{padding:9px 12px 11px}
.ax-qtip{font-size:12px;color:var(--sub);margin-bottom:7px}
.ax-q{
  display:inline-block;font-size:12px;padding:5px 9px;margin:0 6px 6px 0;
  border:1px solid var(--line);border-radius:999px;background:var(--panel);
  color:var(--tx);cursor:pointer;white-space:nowrap;
}
.ax-q:hover{background:var(--hov);border-color:var(--acc);color:var(--acc)}

/* ---- 卡片 ---- */
.ax-card{margin:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden}
.ax-card.ok{border-color:var(--acc)}
.ax-hd{
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;
  padding:9px 11px;font-size:13px;color:var(--tx);
  border-bottom:1px solid var(--line);background:var(--hov);
}
.ax-hd b{color:var(--acc);font-size:15px;margin:0 1px}
.ax-tag{
  font-size:11px;font-weight:400;color:var(--sub);
  border:1px solid var(--line);border-radius:999px;padding:1px 7px;margin-left:auto;background:var(--bg);
}
.ax-say{padding:9px 11px;font-size:13px;line-height:1.65;color:var(--tx)}
.ax-say b{color:var(--acc)}

/* ---- 逐条改前改后 ---- */
.ax-det{max-height:260px;overflow:auto;border-top:1px dashed var(--line);padding:4px 0}
.ax-row{display:flex;gap:7px;padding:5px 11px;font-size:12px;line-height:1.55;align-items:flex-start}
.ax-row:hover{background:var(--hov)}
.ax-row>i{
  flex:0 0 auto;font-style:normal;font-size:10px;color:var(--sub);
  border:1px solid var(--line);border-radius:4px;padding:0 4px;margin-top:2px;
}
.ax-ba{flex:1;min-width:0;word-break:break-word}
.ax-b{color:var(--sub);text-decoration:line-through;text-decoration-color:var(--line)}
.ax-ar{color:var(--sub);margin:0 5px}
.ax-a{color:var(--tx)}
.ax-a s{color:var(--sub)}

/* ---- 按钮 ---- */
.ax-btns{display:flex;gap:6px;flex-wrap:wrap;padding:9px 11px;border-top:1px solid var(--line);background:var(--bg)}
.ax-btn{
  font-size:12px;padding:5px 11px;border-radius:8px;cursor:pointer;
  background:var(--acc);color:#fff;border:1px solid var(--acc);user-select:none;
}
.ax-btn:hover{filter:brightness(1.08)}
.ax-btn:active{transform:translateY(1px)}
.ax-btn.ghost{background:transparent;color:var(--tx);border-color:var(--line)}
.ax-btn.ghost:hover{background:var(--hov)}
.ax-btn.danger{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:600}

.ax-foot{padding:0 11px 10px;font-size:11px;color:var(--sub);line-height:1.5}
.ax-note{padding:9px 12px;font-size:12px;color:var(--sub);line-height:1.6}

/* 窄屏：卡片贴满，别把正文挤没了 */
@media (max-width:520px){
  .ax-box{max-height:40vh}
  .ax-card{margin:8px}
  .ax-det{max-height:180px}
}

/* 深色主题下按钮文字保持可读（站点用 data-theme 切） */
html[data-theme="dark"] .ax-btn{color:#fff}
html[data-theme="dark"] .ax-btn.ghost{color:var(--tx)}