/* ============================================================
   懂AI · AI搜索 样式
   思考框：淡琥珀/暖米色底（#fdf6e3 / rgba(251,191,36,.1)）
   答案框：深色毛玻璃底（rgba(255,255,255,0.04)）
   ============================================================ */

/* ── 思考链区域 ── */
#think-section {
  margin-bottom: 24px;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(251,191,36,0.35);
  background: rgba(251,191,36,0.07);   /* 淡琥珀底色 */
}

.think-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: rgba(251,191,36,0.13);
  cursor: pointer;
  user-select: none;
  transition: background 0.18s;
}
.think-header:hover {
  background: rgba(251,191,36,0.22);
}
.think-header-icon {
  font-size: 15px;
  line-height: 1;
}
#think-label {
  flex: 1;
  font-size: 0.82rem;
  font-weight: 700;
  color: #f59e0b;
  letter-spacing: 0.02em;
}
#think-toggle {
  font-size: 0.75rem;
  color: rgba(245,158,11,0.7);
  padding: 1px 4px;
  border-radius: 4px;
  border: 1px solid rgba(245,158,11,0.3);
  background: rgba(245,158,11,0.08);
  transition: background 0.15s;
}

/* 思考内容区：固定最大高度，内部滚动 */
#think-body {
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 14px 18px;
  font-size: 0.875rem;
  line-height: 1.8;
  color: rgba(255,255,255,0.55);   /* 比答案区颜色淡 */
  word-break: break-word;
  border-top: 1px solid rgba(251,191,36,0.2);
  transition: max-height 0.3s ease, padding 0.3s ease;
  scroll-behavior: smooth;
}
#think-body.think-collapsed {
  max-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
  border-top: none !important;
}
#think-body::-webkit-scrollbar {
  width: 4px;
}
#think-body::-webkit-scrollbar-thumb {
  background: rgba(245,158,11,0.5);
  border-radius: 4px;
  transition: background 0.2s, width 0.2s;
}
#think-body::-webkit-scrollbar-thumb:hover {
  background: rgba(245,158,11,0.7);
  width: 6px;
}

/* ── 答案区域（原有样式保持不变，由主题 page-ai-search.php 控制） ── */

/* ── 来源标签 ── */
.source-tag {
  font-size: 0.78rem;
  color: rgba(255,255,255,0.7);
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 20px;
  padding: 4px 12px;
  text-decoration: none;
  transition: background 0.18s;
  display: inline-block;
}
.source-tag:hover {
  background: rgba(6,182,212,0.2);
  color: #fff;
}

/* ── 流式光标 ── */
.stream-cursor {
  display: inline-block;
  width: 2px;
  height: 1em;
  background: #06b6d4;
  vertical-align: middle;
  margin-left: 2px;
  animation: search-blink 0.8s step-end infinite;
}
@keyframes search-blink {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0; }
}

/* 思考框内的流式光标用琥珀色 */
#aisearch-think .stream-cursor {
  background: #f59e0b;
}