/* ============================================================
   req11 科技感「深度思考」面板（在 motion.css 之后加载覆盖）
   保留原类名与折叠 / 打字机逻辑，仅升级视觉
   ============================================================ */
.ai-think{
  position:relative;margin:2px 0 12px;border-radius:14px;overflow:hidden;
  font-size:13px;isolation:isolate;border:1px solid rgba(95,227,245,.22);
  background:
    linear-gradient(180deg,rgba(17,26,40,.92),rgba(11,17,28,.92)) padding-box,
    linear-gradient(135deg,rgba(95,227,245,.55),rgba(124,131,255,.25) 45%,rgba(95,227,245,.12)) border-box;
  box-shadow:0 6px 24px rgba(3,10,22,.45),inset 0 0 26px rgba(56,189,248,.06);
  backdrop-filter:blur(6px);
}
/* 左侧能量条 */
.ai-think::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;z-index:2;
  background:linear-gradient(180deg,#5fe3f5,#7c83ff,#5fe3f5);
  box-shadow:0 0 12px rgba(95,227,245,.8);opacity:.9;
}
/* 顶部流动扫描光带，思考中运行，折叠后停止 */
.ai-think::after{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;z-index:1;
  background:linear-gradient(90deg,transparent,rgba(95,227,245,.9),rgba(124,131,255,.9),transparent);
  background-size:200% 100%;animation:aiThinkScan 2.2s linear infinite;opacity:.85;
}
.ai-think.collapsed::after{animation:none;opacity:.25}
@keyframes aiThinkScan{0%{background-position:200% 0}100%{background-position:-200% 0}}
.ai-think-head{
  position:relative;z-index:3;width:100%;display:flex;align-items:center;gap:9px;
  padding:10px 14px 10px 15px;background:none;border:0;cursor:pointer;
  color:#bfeefb;font-weight:700;letter-spacing:.3px;
}
.ai-think-head:hover{color:#e8fbff}
.ai-think-head:hover .ai-think-title{text-shadow:0 0 10px rgba(95,227,245,.5)}
/* 双环霓虹 loader */
.ai-think-spin{
  width:15px;height:15px;border-radius:50%;flex:0 0 auto;position:relative;
  border:2px solid rgba(95,227,245,.18);border-top-color:#5fe3f5;border-right-color:#7c83ff;
  box-shadow:0 0 10px rgba(95,227,245,.45),inset 0 0 6px rgba(95,227,245,.25);
  animation:aiThinkSpin .8s linear infinite;
}
.ai-think-spin::after{
  content:"";position:absolute;inset:3px;border-radius:50%;
  background:radial-gradient(circle,#5fe3f5 0%,rgba(95,227,245,0) 70%);
  opacity:.7;animation:aiThinkCore 1.4s ease-in-out infinite;
}
@keyframes aiThinkCore{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:.85;transform:scale(1.15)}}
.ai-think.collapsed .ai-think-spin{display:none}
.ai-think-title{flex:1;text-align:left;display:inline-flex;align-items:center;gap:7px;transition:text-shadow .2s}
.ai-think-title::before{content:"";width:5px;height:5px;border-radius:50%;background:#5fe3f5;box-shadow:0 0 8px #5fe3f5;flex:0 0 auto}
.ai-think.collapsed .ai-think-title::before{background:#7c83ff;box-shadow:0 0 8px #7c83ff}
.ai-think-caret{transition:transform .25s;font-style:normal;color:#8fd9ea;opacity:.85}
.ai-think.collapsed .ai-think-caret{transform:rotate(-90deg)}
.ai-think-body{
  position:relative;z-index:3;padding:9px 14px 12px 15px;margin-left:3px;margin-top:1px;
  color:#9db6cc;line-height:1.7;white-space:pre-wrap;max-height:240px;overflow:auto;
  border-top:1px dashed rgba(95,227,245,.16);font-variant-numeric:tabular-nums;
}
.ai-think-body::-webkit-scrollbar{width:5px}
.ai-think-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#5fe3f5,#7c83ff);border-radius:99px}
.ai-think.collapsed .ai-think-body{display:none}
@keyframes aiThinkSpin{to{transform:rotate(360deg)}}
/* 浅色主题 */
html[data-theme=light] .ai-think{
  border-color:rgba(14,165,190,.28);
  background:
    linear-gradient(180deg,#f3f9ff,#eef4fb) padding-box,
    linear-gradient(135deg,rgba(14,165,190,.5),rgba(99,102,241,.28)) border-box;
  box-shadow:0 6px 20px rgba(15,23,42,.08),inset 0 0 22px rgba(14,165,190,.05);
}
html[data-theme=light] .ai-think-head{color:#0e7490}
html[data-theme=light] .ai-think-body{color:#516379;border-top-color:rgba(14,165,190,.18)}