/* ===========================================================
   智能问答 · 前端样式 v2
   设计目标：与 tpure 主题（#9e2b25 朱红 / 金 #c9a24b / 宣纸）协调统一，
            同时保留「墨韵」传统文化气质，做到 美观 · 大气 · 精致。
   -----------------------------------------------------------
   配色与尺度对齐 tpure 设计令牌：
     主色   朱红   #9e2b25  →  深朱红 #82211c（渐变）
     点缀   金     #c9a24b  →  浅金   #f3d9a0 / #f6e7cf
     宣纸   底     #fcfaf4 / #fbf6ea
     墨字   文     #2b2419（暖墨） / #333（主题正文）
     边框   冷灰   #e4e8eb（主题） · 暖边 #ecdfca（本组件，桥接冷暖）
     圆角   卡片 12px（主题卡片 3px，本组件作"特色版块"略放大更显大气）
     阴影   0 1px 5px rgba(0,0,0,.05)（主题卡片） · 叠加 0 8px 24px rgba(95,35,20,.08) 暖调微投影
   =========================================================== */
.aiqa-bar{
  /* 居中 1200px 容器：≤1240 满宽留 20px 左右，>1240 固定 1200 居中；与 tpure 导航条/banner 同宽对齐 */
  position:static;
  width:calc(100% - 40px);
  max-width:1200px;
  margin:22px auto;
  box-sizing:border-box;
  background:#fff;
  border:1px solid #ecdfca;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(95,35,20,.08), 0 1px 3px rgba(0,0,0,.04);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  color:#333;
  animation:aiqaFadeUp .5s ease both;
}
@keyframes aiqaFadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (min-width:1201px){ .aiqa-bar{margin:22px auto;} }
@media (min-width:1921px){ .aiqa-bar{width:70%;max-width:none;} }

/* ===== 标题栏：朱红渐变 + 金线分隔（呼应 rednav.css 的页头） ===== */
.aiqa-head{
  display:flex;align-items:center;justify-content:space-between;
  gap:10px;
  background:linear-gradient(100deg,#9e2b25 0%,#82211c 100%);
  color:#fff;
  padding:13px 18px;
  font-size:15px;font-weight:600;letter-spacing:.5px;
  cursor:pointer;position:relative;
  border-bottom:1px solid rgba(243,217,160,.35);
}
.aiqa-brand{display:flex;align-items:center;gap:9px;min-width:0;}
.aiqa-ico{
  width:24px;height:24px;border-radius:7px;flex:0 0 auto;
  background:#fff;padding:2px;box-sizing:border-box;
  box-shadow:0 0 0 1px rgba(243,217,160,.6);
  object-fit:contain;
}
.aiqa-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.aiqa-toggle{
  flex:0 0 auto;font-size:12px;color:#f3d9a0;
  border:1px solid rgba(243,217,160,.5);border-radius:999px;
  padding:2px 10px;cursor:pointer;transition:background .15s,color .15s;
  user-select:none;
}
.aiqa-toggle:hover{background:rgba(243,217,160,.16);color:#fff;}

.aiqa-body{display:none;}
.aiqa-body.open{display:block;}

/* ===== 对话区：宣纸暖白底，留白舒展 ===== */
.aiqa-log{
  min-height:200px;max-height:54vh;overflow-y:auto;
  padding:18px 16px;
  display:flex;flex-direction:column;gap:14px;
  background:radial-gradient(120% 80% at 50% 0%,#fffdf8 0%,#fbf6ec 100%);
  scrollbar-width:thin;scrollbar-color:#e4d8c2 transparent;
}
.aiqa-log::-webkit-scrollbar{width:8px;}
.aiqa-log::-webkit-scrollbar-thumb{background:#e4d8c2;border-radius:8px;}
.aiqa-log::-webkit-scrollbar-track{background:transparent;}

.aiqa-msg{display:flex;gap:10px;align-items:flex-start;max-width:92%;
  animation:aiqaPop .26s ease both;}
@keyframes aiqaPop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.aiqa-msg.bot{align-self:flex-start;}
.aiqa-msg.user{align-self:flex-end;flex-direction:row-reverse;}
.aiqa-ava{
  flex:0 0 auto;width:34px;height:34px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;
}
.aiqa-msg.bot .aiqa-ava{background:linear-gradient(135deg,#9e2b25,#82211c);box-shadow:0 0 0 2px rgba(201,162,75,.45);}
.aiqa-msg.user .aiqa-ava{background:linear-gradient(135deg,#c9a24b,#a8842f);box-shadow:0 0 0 2px rgba(158,43,37,.25);}
.aiqa-bubble{
  padding:11px 15px;border-radius:14px;font-size:14.5px;line-height:1.75;
  white-space:pre-wrap;word-break:break-word;
}
.aiqa-msg.bot .aiqa-bubble{
  background:#fbf6ea;border:1px solid #ece0c8;border-top-left-radius:5px;
  color:#2b2419;box-shadow:0 1px 2px rgba(120,90,40,.06);
}
.aiqa-msg.user .aiqa-bubble{
  background:linear-gradient(135deg,#9e2b25,#82211c);color:#fff;border-top-right-radius:5px;
  box-shadow:0 2px 8px rgba(130,33,28,.25);
}
.aiqa-bubble.loading{color:#9b8f78;}
.aiqa-bubble b{color:#7a1f1a;font-weight:600;}
.aiqa-bubble details{margin:6px 0;}
.aiqa-bubble summary{cursor:pointer;color:#9e2b25;font-weight:600;}
.aiqa-field{margin:6px 0;line-height:1.8;}
.aiqa-sub{margin:8px 0;line-height:1.8;}
.aiqa-sub b{color:#9e2b25;}
/* 回答来源标签：由 XX 模型 回答 */
.aiqa-src{
  display:inline-block;font-size:11px;color:#9e2b25;background:#fbf3e6;
  border:1px solid #ecdfca;border-radius:999px;padding:2px 10px;margin-bottom:8px;letter-spacing:.3px;
}
.aiqa-err{color:#c0392b;}
.aiqa-ok{display:inline-block;margin-top:4px;font-size:11px;color:#2e7d32;background:#eef7ee;border:1px solid #cfe6cf;border-radius:999px;padding:2px 10px;}

/* ===== 快捷提问：精致药丸按钮 ===== */
.aiqa-quick{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px 2px;}
.aiqa-chip{
  padding:7px 16px;border:1px solid #9e2b25;border-radius:999px;
  background:#fff;color:#9e2b25;font-size:13px;cursor:pointer;
  transition:all .18s;font-family:inherit;
}
.aiqa-chip:hover{background:linear-gradient(135deg,#9e2b25,#82211c);color:#fff;box-shadow:0 3px 10px rgba(130,33,28,.2);}
.aiqa-chip:active{transform:translateY(1px);}
.aiqa-chip.ghost{border-color:#d8c9ad;color:#8a7a5c;}
.aiqa-chip.ghost:hover{background:#f3ead7;color:#6b5b3e;box-shadow:none;}

/* ===== 输入区 ===== */
.aiqa-inputbar{display:flex;gap:8px;padding:12px 14px 4px;align-items:stretch;}
.aiqa-q{
  flex:1;resize:none;min-height:44px;max-height:130px;padding:11px 14px;
  border:1px solid #ddd2bd;border-radius:12px;font-size:14.5px;font-family:inherit;outline:none;
  background:#fffdf8;transition:border-color .15s,box-shadow .15s;
}
.aiqa-q:focus{border-color:#9e2b25;box-shadow:0 0 0 3px rgba(158,43,37,.12);}
.aiqa-btn{
  background:linear-gradient(135deg,#9e2b25,#82211c);color:#fff;border:none;border-radius:12px;padding:0 22px;
  font-size:14.5px;cursor:pointer;font-family:inherit;transition:filter .15s,box-shadow .15s,transform .1s;
  box-shadow:0 3px 10px rgba(130,33,28,.18);
}
.aiqa-btn:hover{filter:brightness(1.06);box-shadow:0 4px 14px rgba(130,33,28,.28);}
.aiqa-btn:active{transform:translateY(1px);}
.aiqa-btn:disabled{background:#c7a9a6;box-shadow:none;cursor:default;}
.aiqa-link{
  background:none;border:none;color:#9b8f78;font-size:12px;cursor:pointer;
  text-decoration:underline;font-family:inherit;align-self:center;
}
.aiqa-link:hover{color:#9e2b25;}
.aiqa-tip{font-size:11.5px;color:#9b8f78;padding:2px 16px 14px;line-height:1.6;}

/* ===== 自适应（与 tpure .wrap 断点对齐） ===== */
@media (max-width:1200px){
  .aiqa-bar{width:auto;margin:16px 20px;border-radius:10px;}
  .aiqa-log{max-height:60vh;}
}
@media (max-width:750px){
  .aiqa-bar{margin:14px;border-radius:8px;}
  .aiqa-head{padding:12px 14px;}
  .aiqa-log{padding:14px 12px;}
}