/* ================================
   Galgame Night UI - Pure CSS
   主题：邻居姐姐 / 夜紫 / 雾粉 / 视觉小说
================================ */

/* ---------- 全局变量 ---------- */
:root {
  --gal-bg-1: #1c1424;
  --gal-bg-2: #2c2036;
  --gal-bg-3: #49304a;

  --gal-cream: #fff8f4;
  --gal-text: #3b2734;
  --gal-muted: rgba(255, 248, 244, 0.68);

  --gal-rose: #e9a1bf;
  --gal-rose-deep: #b85f8f;
  --gal-violet: #9d85d6;
  --gal-gold: #d8b98c;

  --gal-glass: rgba(255, 248, 244, 0.72);
  --gal-glass-soft: rgba(255, 248, 244, 0.48);
  --gal-dark-glass: rgba(24, 14, 30, 0.52);

  --gal-border: rgba(255, 248, 244, 0.28);
  --gal-border-gold: rgba(216, 185, 140, 0.38);

  --gal-shadow: 0 18px 46px rgba(12, 6, 18, 0.34);
  --gal-soft-shadow: 0 10px 26px rgba(12, 6, 18, 0.22);

  --gal-radius-lg: 24px;
  --gal-radius-md: 18px;
  --gal-radius-sm: 14px;
}

/* ---------- 整体聊天背景 ---------- */
body {
  background:
    radial-gradient(circle at 18% 12%, rgba(233, 161, 191, 0.26), transparent 28%),
    radial-gradient(circle at 86% 18%, rgba(157, 133, 214, 0.28), transparent 30%),
    linear-gradient(145deg, var(--gal-bg-1), var(--gal-bg-2) 58%, var(--gal-bg-3)) !important;
  color: var(--gal-cream) !important;
}

/* 柔光网格氛围，不影响点击 */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 248, 244, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 248, 244, 0.035) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: radial-gradient(circle at center, black, transparent 82%);
}

/* 背景柔光 */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 18%, rgba(255, 248, 244, 0.08), transparent 28%),
    radial-gradient(circle at 50% 85%, rgba(233, 161, 191, 0.13), transparent 34%);
}

/* ---------- 顶部选择区 / 设置 ---------- */
#customized-model-selector,
#customized-opening-statement-selector {
  min-height: 38px !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  color: var(--gal-cream) !important;
  background:
    linear-gradient(135deg, rgba(255, 248, 244, 0.14), rgba(255, 248, 244, 0.06)) !important;
  border: 1px solid var(--gal-border) !important;
  box-shadow: var(--gal-soft-shadow) !important;
  backdrop-filter: blur(16px) !important;
  outline: none !important;
}

#customized-model-selector:hover,
#customized-opening-statement-selector:hover {
  border-color: rgba(216, 185, 140, 0.62) !important;
  box-shadow: 0 0 0 3px rgba(216, 185, 140, 0.12), var(--gal-soft-shadow) !important;
}

#header-setting-button {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  color: var(--gal-cream) !important;
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 248, 244, 0.32), transparent 28%),
    linear-gradient(135deg, var(--gal-rose-deep), var(--gal-violet)) !important;
  border: 1px solid rgba(255, 248, 244, 0.26) !important;
  box-shadow: var(--gal-soft-shadow) !important;
}

/* ---------- 头像 ---------- */
#customized-question-avatar,
#customized-answer-avatar {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  padding: 2px !important;
  background:
    linear-gradient(135deg, var(--gal-gold), var(--gal-rose), var(--gal-violet)) !important;
  box-shadow:
    0 0 0 3px rgba(255, 248, 244, 0.12),
    0 10px 24px rgba(12, 6, 18, 0.28) !important;
  overflow: hidden !important;
}

#customized-answer-avatar {
  background:
    linear-gradient(135deg, var(--gal-rose), var(--gal-violet), var(--gal-gold)) !important;
}

/* ---------- 用户提问 / 作品回答内容 ---------- */
#customized-question-content,
#customized-answer-content {
  position: relative !important;
  max-width: min(86%, 780px) !important;
  padding: 14px 16px !important;
  border-radius: var(--gal-radius-lg) !important;
  line-height: 1.78 !important;
  font-size: 15px !important;
  box-shadow: var(--gal-soft-shadow) !important;
  backdrop-filter: blur(18px) !important;
  overflow-wrap: anywhere !important;
}

/* 用户气泡：偏紫 */
#customized-question-content {
  margin-left: auto !important;
  color: var(--gal-cream) !important;
  background:
    linear-gradient(135deg, rgba(157, 133, 214, 0.62), rgba(92, 61, 112, 0.58)) !important;
  border: 1px solid rgba(255, 248, 244, 0.22) !important;
}

/* AI气泡：像视觉小说对白框 */
#customized-answer-content {
  margin-right: auto !important;
  color: var(--gal-text) !important;
  background:
    linear-gradient(180deg, rgba(255, 248, 244, 0.9), rgba(255, 248, 244, 0.76)) !important;
  border: 1px solid rgba(216, 185, 140, 0.34) !important;
}

/* AI 气泡上边缘高光 */
#customized-answer-content::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(216, 185, 140, 0.7), transparent);
}

/* 用户气泡小尾巴 */
#customized-question-content::after {
  content: "";
  position: absolute;
  right: -5px;
  top: 18px;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  background: rgba(120, 88, 172, 0.62);
  border-radius: 3px;
}

/* AI 气泡小尾巴 */
#customized-answer-content::after {
  content: "";
  position: absolute;
  left: -5px;
  top: 18px;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  background: rgba(255, 248, 244, 0.84);
  border-radius: 3px;
}

/* ---------- 消息内图片 / markdown 图片适配 ---------- */
#customized-question-content img,
#customized-answer-content img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 18px !important;
  box-shadow: var(--gal-soft-shadow) !important;
  border: 1px solid rgba(216, 185, 140, 0.28) !important;
}

/* ---------- 通用操作按钮 ---------- */
#customized-reload-button,
#customized-edit-button,
#customized-resend-button,
#customized-delete-button,
#customized-create-image-button,
#customized-create-audio-button,
#customized-branch-and-share-button,
#customized-prompt-log-button,
#customized-ai-summary-button,
#customized-flow-button,
#customized-comment-button,
#customized-scroll-to-bottom-button,
#toggle-sub-buttons,
#ai-mod-button,
#customized-shortcut-command-button-0,
#customized-shortcut-command-button-1,
#customized-shortcut-command-button-2,
#customized-shortcut-command-button-3,
#customized-shortcut-command-button-4,
#customized-shortcut-command-button-5,
#customized-shortcut-command-button-6,
#customized-shortcut-command-button-7,
#customized-shortcut-command-button-8,
#customized-shortcut-command-button-9 {
  min-height: 34px !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  color: var(--gal-cream) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  background:
    linear-gradient(135deg, rgba(184, 95, 143, 0.86), rgba(157, 133, 214, 0.86)) !important;
  border: 1px solid rgba(255, 248, 244, 0.22) !important;
  box-shadow: 0 8px 20px rgba(12, 6, 18, 0.2) !important;
  transition:
    transform 0.16s ease,
    box-shadow 0.16s ease,
    filter 0.16s ease !important;
}

#customized-reload-button:hover,
#customized-edit-button:hover,
#customized-resend-button:hover,
#customized-create-image-button:hover,
#customized-create-audio-button:hover,
#customized-branch-and-share-button:hover,
#customized-prompt-log-button:hover,
#customized-ai-summary-button:hover,
#customized-flow-button:hover,
#customized-comment-button:hover,
#customized-scroll-to-bottom-button:hover,
#toggle-sub-buttons:hover,
#ai-mod-button:hover,
#customized-shortcut-command-button-0:hover,
#customized-shortcut-command-button-1:hover,
#customized-shortcut-command-button-2:hover,
#customized-shortcut-command-button-3:hover,
#customized-shortcut-command-button-4:hover,
#customized-shortcut-command-button-5:hover,
#customized-shortcut-command-button-6:hover,
#customized-shortcut-command-button-7:hover,
#customized-shortcut-command-button-8:hover,
#customized-shortcut-command-button-9:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.06) !important;
  box-shadow:
    0 0 0 3px rgba(233, 161, 191, 0.12),
    0 10px 24px rgba(12, 6, 18, 0.24) !important;
}

#customized-reload-button:active,
#customized-edit-button:active,
#customized-resend-button:active,
#customized-delete-button:active,
#customized-create-image-button:active,
#customized-create-audio-button:active,
#customized-branch-and-share-button:active,
#customized-prompt-log-button:active,
#customized-ai-summary-button:active,
#customized-flow-button:active,
#customized-comment-button:active,
#customized-scroll-to-bottom-button:active,
#toggle-sub-buttons:active,
#ai-mod-button:active {
  transform: scale(0.97) !important;
}

/* 删除按钮单独危险色，但仍保持统一 */
#customized-delete-button {
  background:
    linear-gradient(135deg, rgba(176, 65, 94, 0.9), rgba(116, 45, 78, 0.9)) !important;
}

/* ---------- 分页区域 ---------- */
#customized-pagination {
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 10px !important;
  margin: 10px auto !important;
  border-radius: 999px !important;
  width: fit-content !important;
  max-width: 92vw !important;
  background: rgba(255, 248, 244, 0.16) !important;
  border: 1px solid rgba(255, 248, 244, 0.18) !important;
  backdrop-filter: blur(14px) !important;
}

/* ---------- 底部功能菜单条 ---------- */
#ai-mod-button2 {
  position: relative !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px !important;
  margin: 8px auto !important;
  border-radius: 24px !important;
  background:
    linear-gradient(180deg, rgba(255, 248, 244, 0.24), rgba(255, 248, 244, 0.12)) !important;
  border: 1px solid rgba(255, 248, 244, 0.22) !important;
  box-shadow: var(--gal-soft-shadow) !important;
  backdrop-filter: blur(18px) !important;
}

/* ---------- 聊天输入框 ---------- */
#ai-chat-input {
  min-height: 46px !important;
  max-height: 160px !important;
  padding: 13px 15px !important;
  border-radius: 22px !important;
  color: var(--gal-text) !important;
  background:
    linear-gradient(180deg, rgba(255, 248, 244, 0.92), rgba(255, 248, 244, 0.78)) !important;
  border: 1px solid rgba(216, 185, 140, 0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.65),
    var(--gal-soft-shadow) !important;
  outline: none !important;
  backdrop-filter: blur(18px) !important;
}

#ai-chat-input:focus {
  border-color: rgba(216, 185, 140, 0.72) !important;
  box-shadow:
    0 0 0 4px rgba(216, 185, 140, 0.14),
    var(--gal-soft-shadow) !important;
}

/* ---------- 发送按钮 ---------- */
#ai-send-button {
  min-width: 52px !important;
  min-height: 46px !important;
  padding: 10px 16px !important;
  border-radius: 22px !important;
  color: var(--gal-cream) !important;
  font-weight: 900 !important;
  background:
    radial-gradient(circle at 32% 20%, rgba(255, 248, 244, 0.32), transparent 26%),
    linear-gradient(135deg, var(--gal-rose-deep), var(--gal-violet)) !important;
  border: 1px solid rgba(255, 248, 244, 0.26) !important;
  box-shadow:
    0 12px 28px rgba(12, 6, 18, 0.26),
    0 0 24px rgba(233, 161, 191, 0.18) !important;
}

#ai-send-button:active {
  transform: scale(0.96) !important;
}

/* ---------- 状态栏 / 状态栏背景美化 ---------- */
/* 如果状态栏在回答内容里，常见格式如【状态栏】会整体获得更好的可读性 */
#customized-answer-content pre,
#customized-answer-content code {
  border-radius: 16px !important;
  color: #fdf7ff !important;
  background:
    linear-gradient(145deg, rgba(33, 24, 39, 0.88), rgba(70, 47, 82, 0.78)) !important;
  border: 1px solid rgba(216, 185, 140, 0.28) !important;
  box-shadow: inset 0 1px 0 rgba(255, 248, 244, 0.08) !important;
}

/* Markdown 分隔块、引用块也做成状态栏卡片感 */
#customized-answer-content blockquote {
  margin: 12px 0 !important;
  padding: 12px 14px !important;
  border-radius: 18px !important;
  color: #fff8f4 !important;
  background:
    linear-gradient(145deg, rgba(33, 24, 39, 0.82), rgba(87, 55, 88, 0.74)) !important;
  border-left: 3px solid var(--gal-gold) !important;
  box-shadow: var(--gal-soft-shadow) !important;
}

/* 状态栏关键词行的视觉增强：兼容大多数纯文本状态栏 */
#customized-answer-content strong,
#customized-answer-content b {
  color: #8b4f70 !important;
}

/* ---------- 快捷指令按钮增强 ---------- */
[id^="customized-shortcut-command-button-"] {
  white-space: nowrap !important;
  max-width: 180px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* ---------- 滚动到底部按钮 ---------- */
#customized-scroll-to-bottom-button {
  width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  box-shadow:
    0 10px 26px rgba(12, 6, 18, 0.28),
    0 0 22px rgba(233, 161, 191, 0.2) !important;
}

/* ---------- 移动端适配 ---------- */
@media (max-width: 768px) {
  :root {
    --gal-radius-lg: 20px;
    --gal-radius-md: 16px;
  }

  #customized-question-avatar,
  #customized-answer-avatar {
    width: 36px !important;
    height: 36px !important;
  }

  #customized-question-content,
  #customized-answer-content {
    max-width: 88vw !important;
    padding: 12px 13px !important;
    font-size: 14.5px !important;
    line-height: 1.72 !important;
    border-radius: 20px !important;
  }

  #customized-question-content::after,
  #customized-answer-content::after {
    top: 16px;
    width: 10px;
    height: 10px;
  }

  #ai-mod-button2 {
    gap: 6px !important;
    padding: 8px !important;
    border-radius: 20px !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    scrollbar-width: none !important;
  }

  #ai-mod-button2::-webkit-scrollbar {
    display: none !important;
  }

  #customized-reload-button,
  #customized-edit-button,
  #customized-resend-button,
  #customized-delete-button,
  #customized-create-image-button,
  #customized-create-audio-button,
  #customized-branch-and-share-button,
  #customized-prompt-log-button,
  #customized-ai-summary-button,
  #customized-flow-button,
  #customized-comment-button,
  #toggle-sub-buttons,
  #ai-mod-button,
  [id^="customized-shortcut-command-button-"] {
    min-height: 32px !important;
    padding: 7px 10px !important;
    font-size: 12px !important;
    flex: 0 0 auto !important;
  }

  #customized-model-selector,
  #customized-opening-statement-selector {
    max-width: 42vw !important;
    min-height: 34px !important;
    padding: 7px 10px !important;
    font-size: 12px !important;
  }

  #header-setting-button {
    width: 34px !important;
    height: 34px !important;
  }

  #ai-chat-input {
    min-height: 44px !important;
    max-height: 120px !important;
    padding: 12px 13px !important;
    border-radius: 20px !important;
    font-size: 14px !important;
  }

  #ai-send-button {
    min-width: 48px !important;
    min-height: 44px !important;
    border-radius: 20px !important;
    padding: 9px 13px !important;
  }

  #customized-pagination {
    max-width: 96vw !important;
    overflow-x: auto !important;
    justify-content: flex-start !important;
    scrollbar-width: none !important;
  }

  #customized-pagination::-webkit-scrollbar {
    display: none !important;
  }
}

/* ---------- 超小屏 ---------- */
@media (max-width: 420px) {
  #customized-question-content,
  #customized-answer-content {
    max-width: 90vw !important;
    font-size: 14px !important;
  }

  #customized-model-selector,
  #customized-opening-statement-selector {
    max-width: 38vw !important;
  }

  #ai-mod-button2 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }

  [id^="customized-shortcut-command-button-"] {
    max-width: 138px !important;
  }
}
/* ================================
   电脑端适配增强
   放在整段 CSS 最后
   解决：按钮拥挤、AI输出栏太小、输入区太窄
================================ */

/* ---------- 平板横屏 / 小电脑 ---------- */
@media (min-width: 900px) {
  :root {
    --gal-radius-lg: 26px;
    --gal-radius-md: 20px;
    --gal-radius-sm: 16px;
  }

  /* AI 和用户气泡整体放大 */
  #customized-question-content,
  #customized-answer-content {
    max-width: min(78vw, 980px) !important;
    padding: 17px 21px !important;
    border-radius: 26px !important;
    font-size: 15.5px !important;
    line-height: 1.84 !important;
  }

  #customized-answer-content {
    min-width: min(520px, 72vw) !important;
  }

  #customized-question-content {
    min-width: min(360px, 58vw) !important;
  }

  #customized-question-content::after,
  #customized-answer-content::after {
    top: 22px !important;
    width: 14px !important;
    height: 14px !important;
  }

  /* 头像稍微放大 */
  #customized-question-avatar,
  #customized-answer-avatar {
    width: 46px !important;
    height: 46px !important;
  }

  /* 顶部选择器 */
  #customized-model-selector,
  #customized-opening-statement-selector {
    min-height: 40px !important;
    max-width: 340px !important;
    padding: 9px 16px !important;
    font-size: 14px !important;
  }

  #header-setting-button {
    width: 42px !important;
    height: 42px !important;
  }

  /* 底部功能按钮容器 */
  #ai-mod-button2 {
    width: min(1060px, calc(100vw - 72px)) !important;
    max-width: 1060px !important;
    margin: 12px auto !important;
    padding: 12px 14px !important;
    gap: 10px !important;
    border-radius: 28px !important;

    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;

    overflow-x: visible !important;
    overflow-y: visible !important;
  }

  /* 通用操作按钮桌面端尺寸 */
  #customized-reload-button,
  #customized-edit-button,
  #customized-resend-button,
  #customized-delete-button,
  #customized-create-image-button,
  #customized-create-audio-button,
  #customized-branch-and-share-button,
  #customized-prompt-log-button,
  #customized-ai-summary-button,
  #customized-flow-button,
  #customized-comment-button,
  #customized-scroll-to-bottom-button,
  #toggle-sub-buttons,
  #ai-mod-button,
  #customized-shortcut-command-button-0,
  #customized-shortcut-command-button-1,
  #customized-shortcut-command-button-2,
  #customized-shortcut-command-button-3,
  #customized-shortcut-command-button-4,
  #customized-shortcut-command-button-5,
  #customized-shortcut-command-button-6,
  #customized-shortcut-command-button-7,
  #customized-shortcut-command-button-8,
  #customized-shortcut-command-button-9,
  [id^="customized-shortcut-command-button-"] {
    min-height: 38px !important;
    padding: 8px 15px !important;
    font-size: 13.5px !important;
    flex: 0 0 auto !important;
    max-width: none !important;
  }

  /* 快捷指令按钮电脑端不再挤 */
  [id^="customized-shortcut-command-button-"] {
    max-width: 260px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  /* 滚动到底部按钮单独保持圆形 */
  #customized-scroll-to-bottom-button {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
  }

  /* 分页区桌面端 */
  #customized-pagination {
    max-width: min(920px, calc(100vw - 80px)) !important;
    padding: 12px 16px !important;
    gap: 10px !important;
    justify-content: center !important;
    overflow-x: visible !important;
  }

  /* 输入框桌面端 */
  #ai-chat-input {
    min-height: 52px !important;
    max-height: 220px !important;
    padding: 15px 18px !important;
    border-radius: 26px !important;
    font-size: 15.5px !important;
    line-height: 1.72 !important;
  }

  #ai-send-button {
    min-width: 70px !important;
    min-height: 52px !important;
    padding: 12px 20px !important;
    border-radius: 26px !important;
    font-size: 15px !important;
  }

  /* AI 回答内代码块 / 状态栏放大 */
  #customized-answer-content pre,
  #customized-answer-content code {
    font-size: 14px !important;
    line-height: 1.78 !important;
  }

  #customized-answer-content blockquote {
    padding: 14px 18px !important;
    border-radius: 20px !important;
    font-size: 15px !important;
    line-height: 1.78 !important;
  }

  /* 消息内图片电脑端不显得太小 */
  #customized-question-content img,
  #customized-answer-content img {
    max-width: min(100%, 860px) !important;
    border-radius: 22px !important;
  }
}

/* ---------- 标准电脑端 ---------- */
@media (min-width: 1200px) {
  /* AI 输出栏进一步放大 */
  #customized-question-content,
  #customized-answer-content {
    max-width: min(76vw, 1160px) !important;
    padding: 19px 24px !important;
    font-size: 16px !important;
    line-height: 1.88 !important;
  }

  #customized-answer-content {
    min-width: min(620px, 72vw) !important;
  }

  #customized-question-content {
    min-width: min(420px, 58vw) !important;
  }

  /* 底部按钮区更宽 */
  #ai-mod-button2 {
    width: min(1180px, calc(100vw - 96px)) !important;
    max-width: 1180px !important;
    gap: 11px !important;
    padding: 13px 16px !important;
  }

  #customized-reload-button,
  #customized-edit-button,
  #customized-resend-button,
  #customized-delete-button,
  #customized-create-image-button,
  #customized-create-audio-button,
  #customized-branch-and-share-button,
  #customized-prompt-log-button,
  #customized-ai-summary-button,
  #customized-flow-button,
  #customized-comment-button,
  #toggle-sub-buttons,
  #ai-mod-button,
  [id^="customized-shortcut-command-button-"] {
    min-height: 40px !important;
    padding: 9px 17px !important;
    font-size: 14px !important;
  }

  [id^="customized-shortcut-command-button-"] {
    max-width: 300px !important;
  }

  #ai-chat-input {
    min-height: 54px !important;
    max-height: 240px !important;
    font-size: 16px !important;
  }

  #ai-send-button {
    min-width: 76px !important;
    min-height: 54px !important;
    font-size: 15.5px !important;
  }
}

/* ---------- 大屏电脑端 ---------- */
@media (min-width: 1440px) {
  /* AI 输出栏最大化，但仍保留边距 */
  #customized-question-content,
  #customized-answer-content {
    max-width: min(72vw, 1280px) !important;
    padding: 20px 26px !important;
    font-size: 16.5px !important;
  }

  #customized-answer-content {
    min-width: min(720px, 70vw) !important;
  }

  #ai-mod-button2 {
    width: min(1280px, calc(100vw - 120px)) !important;
    max-width: 1280px !important;
  }

  [id^="customized-shortcut-command-button-"] {
    max-width: 340px !important;
  }
}

/* ---------- 超宽屏：按钮过多时横向滚动，不再挤压 ---------- */
@media (min-width: 1280px) {
  #ai-mod-button2.too-many-buttons,
  #ai-mod-button2.force-scroll {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: thin !important;
  }
}

/* 如果平台按钮太多，但没有 too-many-buttons 类，仍然防止挤压 */
@media (min-width: 1280px) {
  #ai-mod-button2 {
    align-content: center !important;
  }

  #ai-mod-button2 > * {
    flex-shrink: 0 !important;
  }
}

/* ---------- 电脑端输入区视觉强化 ---------- */
@media (min-width: 1024px) {
  #ai-chat-input:focus {
    border-color: rgba(216, 185, 140, 0.78) !important;
    box-shadow:
      0 0 0 5px rgba(216, 185, 140, 0.14),
      0 14px 32px rgba(12, 6, 18, 0.24) !important;
  }

  #ai-send-button:hover {
    filter: brightness(1.08) !important;
    box-shadow:
      0 14px 34px rgba(12, 6, 18, 0.3),
      0 0 28px rgba(233, 161, 191, 0.24) !important;
  }
}