/* =========================
   顶部栏：温暖花边状态栏
========================= */
.sticky.w-full.top-0.flex.items-center {
  background: linear-gradient(180deg, rgba(255, 248, 240, 0.98) 0%, rgba(255, 241, 228, 0.92) 100%) !important;
  border-bottom: 1px solid rgba(214, 178, 142, 0.35) !important;
  box-shadow: 0 6px 24px rgba(177, 128, 87, 0.10) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
}

.sticky.w-full.top-0.flex.items-center::before {
  content: "";
  position: absolute;
  inset: 6px 10px;
  border-radius: 16px;
  pointer-events: none;
  border: 1px solid rgba(214, 178, 142, 0.35);
  background:
    linear-gradient(135deg, rgba(255,255,255,0.65), rgba(255,248,240,0.15)),
    repeating-linear-gradient(
      90deg,
      rgba(198, 153, 112, 0.08) 0 10px,
      rgba(255, 255, 255, 0.00) 10px 20px
    );
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.75),
    inset 0 -1px 0 rgba(184, 143, 110, 0.10);
  mask: linear-gradient(#000, #000);
  opacity: 0.95;
}

.sticky.w-full.top-0.flex.items-center > * {
  position: relative;
}

.sticky.w-full.top-0.flex.items-center,
#ai-model-selector .group.flex.items-center,
#header-setting-button {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
}

/* 模型选择器：柔和卡片感 */
#ai-model-selector .group.flex.items-center {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 247, 239, 0.92)) !important;
  border: 1px solid rgba(208, 165, 128, 0.35) !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 14px rgba(182, 132, 94, 0.08) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

#ai-model-selector .group.flex.items-center:hover {
  transform: translateY(-1px);
  border-color: rgba(196, 142, 97, 0.52) !important;
  box-shadow: 0 8px 18px rgba(182, 132, 94, 0.14) !important;
}

#ai-model-selector .truncate.text-\[13px\] {
  color: #6d4c3d !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px;
}

#ai-model-selector .shrink-0.flex.items-center svg {
  color: #b77b52 !important;
  filter: drop-shadow(0 1px 0 rgba(255,255,255,0.5));
}

/* 顶部栏图标：温柔棕金 */
.sticky.w-full.top-0 svg.lucide-clock-8,
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]),
#header-setting-button svg,
.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2 {
  color: #b87a52 !important;
  opacity: 0.95 !important;
}

/* 设置按钮：更像状态牌 */
#header-setting-button {
  background: linear-gradient(180deg, rgba(255,255,255,0.72), rgba(255,244,234,0.95)) !important;
  border: 1px solid rgba(208, 165, 128, 0.34) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgba(182, 132, 94, 0.08) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
}

#header-setting-button:hover {
  transform: translateY(-1px);
  background: linear-gradient(180deg, rgba(255,255,255,0.86), rgba(255,242,228,0.98)) !important;
  box-shadow: 0 8px 18px rgba(182, 132, 94, 0.14) !important;
}

/* =========================
   输入栏：独立温暖奶油风
========================= */
#ai-chat-bottom-input {
  background: linear-gradient(180deg, rgba(255, 250, 245, 0.98), rgba(255, 242, 233, 0.96)) !important;
  border-top: 1px solid rgba(214, 178, 142, 0.22) !important;
  box-shadow: 0 -8px 28px rgba(177, 128, 87, 0.10) !important;
}

#ai-chat-input {
  background: rgba(255, 255, 255, 0.88) !important;
  color: #5e4639 !important;
  border: 1px solid rgba(212, 172, 136, 0.45) !important;
  border-radius: 18px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.85),
    0 6px 16px rgba(173, 122, 82, 0.08) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
}

#ai-chat-input:focus {
  outline: none !important;
  border-color: rgba(193, 133, 88, 0.72) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow:
    0 0 0 4px rgba(232, 189, 152, 0.18),
    0 8px 18px rgba(173, 122, 82, 0.10) !important;
}

#ai-chat-input::placeholder {
  color: rgba(120, 90, 72, 0.55) !important;
  font-weight: 500 !important;
}

#ai-chat-input::selection {
  background: rgba(232, 189, 152, 0.35) !important;
  color: #4d372c !important;
}

/* =========================
   底部按钮：温和温暖色
========================= */
#ai-mod-button2 button.MuiButton-root {
  background: linear-gradient(180deg, #fff6ef 0%, #f7dcc5 100%) !important;
  color: #6c4938 !important;
  border: 1px solid rgba(206, 158, 119, 0.45) !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 14px rgba(180, 126, 87, 0.10) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease !important;
  font-weight: 700 !important;
}

#ai-mod-button2 button.MuiButton-root:hover {
  transform: translateY(-1px);
  filter: saturate(1.02);
  box-shadow: 0 10px 20px rgba(180, 126, 87, 0.14) !important;
}

#ai-mod-button2 button.MuiButton-root svg {
  color: #b87a52 !important;
}

/* =========================
   可选：如果你也想让整个按钮区更“托盘化”
========================= */
#ai-mod-button2 {
  background: linear-gradient(180deg, rgba(255,255,255,0.35), rgba(255,244,235,0.5)) !important;
  border-top: 1px dashed rgba(208, 165, 128, 0.26) !important;
  border-radius: 18px 18px 0 0 !important;
}

/* =========================
   兜底：顶部栏其它元素统一柔化
========================= */
.sticky.w-full.top-0.flex.items-center button,
.sticky.w-full.top-0.flex.items-center svg {
  transition: transform 0.2s ease, opacity 0.2s ease, color 0.2s ease !important;
}

.sticky.w-full.top-0.flex.items-center button:hover svg,
.sticky.w-full.top-0.flex.items-center svg:hover {
  transform: scale(1.05);
}