/* =============================================================
   首页右侧内容区 视觉重构（对齐 Figma：node 11963:73522 默认态 / 11966:13840 输入态）
   —— 纯视觉覆盖，作用域全部限定在 .chat-welcome 内，不改 DOM / JS / 文案。
   —— 本表最后加载，利用层叠优先级覆盖 style01.css / style02.css。
   ============================================================= */

.chat-welcome {
  /* Figma 主强调色（发送按钮 / 光标 / 激活态） */
  --home-accent: #495DFF;
  --home-accent-soft: rgba(73, 93, 255, 0.08);
  --home-border: rgba(0, 0, 0, 0.06);
  --home-text-strong: rgba(0, 0, 0, 0.94);
  --home-text: rgba(0, 0, 0, 0.82);
}

/* ---------- 标题（问候语）：Figma 32px / Semibold / 0.94 ---------- */
.chat-welcome .chat-greeting-text {
  font-weight: 600;
  color: var(--home-text-strong);
}

/* ---------- 功能胶囊行：Figma 白底 + 1px 描边 + 32px 药丸 ---------- */
.chat-welcome .chat-quick-tags {
  gap: 8px;
}
/* 默认态（非「二级推荐」）：两行布局，逐行居中 */
.chat-welcome .chat-quick-tags:not(.chat-quick-tags--rec) {
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 10px;
}
.chat-welcome .chat-quick-tags-row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 8px;
}
/* 两行标签：字号小一号 */
.chat-welcome .chat-quick-tags-row .chat-quick-tag {
  font-size: 14px;
}
.chat-welcome .chat-quick-tags-row .chat-quick-tag-lead {
  font-size: 14px;
}
/* 第一行图标放大，和文字更匹配 */
.chat-welcome .chat-quick-tags-row--1 .chat-quick-tag-lead svg {
  width: 17px;
  height: 17px;
}
/* 第二行（金钥财报 / 问道阳明）使用图形图标（图片） */
.chat-welcome .chat-quick-tags-row--2 .chat-quick-tag-lead img,
.chat-welcome .chat-quick-tag-img {
  width: 16px;
  height: 16px;
  display: block;
  object-fit: contain;
}
.chat-welcome .chat-quick-tag {
  gap: 4px;
  padding: 8px 16px;
  border-radius: 32px;
  border: 1px solid var(--home-border);
  background: #fff;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: var(--home-text);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
}
.chat-welcome .chat-quick-tag:hover {
  background: #fafafa;
  border-color: rgba(0, 0, 0, 0.12);
}
.chat-welcome .chat-quick-tag-lead,
.chat-welcome .chat-quick-tag-icon {
  color: rgba(0, 0, 0, 0.55);
}

/* ---------- 输入框容器：Figma 白底 / 28px 圆角 / 1px 描边 ---------- */
.chat-welcome .planb-composer,
.chat-welcome .planb-composer[data-lingee-enhanced="true"] {
  background: #fff;
  border: 1px solid var(--home-border);
  border-radius: 28px;
  padding: 16px 10px 10px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
}
/* 聚焦 / 输入态：Figma 边框加重（中性色，非蓝色光晕）+ 柔和阴影 */
.chat-welcome .planb-composer:focus-within,
.chat-welcome .planb-composer[data-lingee-enhanced="true"]:focus-within {
  border-color: rgba(0, 0, 0, 0.14);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.07);
}
/* 接上「选择文件夹」(lfp-wrap) 时：去掉输入框底部圆角，与下方 wrap 焊接成一张闭合卡片。
   （本表 border-radius:28px 会覆盖 style10.css 的焊接规则，此处在 .chat-welcome 作用域内重新闭合底部。）*/
.chat-welcome .planb-composer[data-lingee-folder-picker="true"],
.chat-welcome .planb-composer[data-lingee-folder-picker="true"][data-lingee-enhanced="true"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-color: rgba(0, 0, 0, 0.06);
  box-shadow: none;
}
.chat-welcome .planb-composer[data-lingee-folder-picker="true"]:focus-within,
.chat-welcome .planb-composer[data-lingee-folder-picker="true"][data-lingee-enhanced="true"]:focus-within {
  box-shadow: none;
}

/* ---------- 文本输入：蓝色光标 + Figma 占位符/正文色 ---------- */
.chat-welcome .planb-composer__input {
  color: var(--home-text);
  caret-color: var(--home-accent);
}
.chat-welcome .planb-composer__input::placeholder {
  color: rgba(0, 0, 0, 0.28);
}

/* ---------- 工具栏胶囊：Figma 32px 药丸 + 中性 hover ---------- */
.chat-welcome .planb-composer__tool {
  border-radius: 32px;
  color: var(--home-text);
}
.chat-welcome .planb-composer__tool:hover {
  background: rgba(0, 0, 0, 0.03);
}
.chat-welcome .planb-composer__tool--more {
  background: rgba(0, 0, 0, 0.03);
}
/* 激活态（图像生成 / 网页报告等）对齐 Figma 主强调色 */
.chat-welcome .planb-composer__tool--active,
.chat-welcome .planb-composer__icon-btn--active {
  color: var(--home-accent);
  background: var(--home-accent-soft);
}
.chat-welcome .planb-composer__tool--active svg {
  color: var(--home-accent);
}

/* ---------- 发送按钮：Figma 输入态实心蓝 #495DFF ---------- */
.chat-welcome .planb-composer__send:not(:disabled) {
  background: var(--home-accent);
  color: #fff;
}
.chat-welcome .planb-composer__send:not(:disabled):hover {
  background: #3a4de6;
}