/* ========== 顶部栏 ========== */
.sticky.w-full.top-0.flex.items-center {
  background: #f5f0e8 !important;
  border-bottom: 1px solid #e0d8cc !important;
  box-shadow: 0 1px 6px rgba(180, 160, 130, 0.10) !important;
  transition: background 0.3s !important;
}

#ai-model-selector .group.flex.items-center {
  background: #ede8df !important;
  border: 1px solid #d6cfc3 !important;
  border-radius: 8px !important;
  padding: 4px 10px !important;
  transition: background 0.2s, box-shadow 0.2s !important;
}

#ai-model-selector .group.flex.items-center:hover {
  background: #e4ddd2 !important;
  box-shadow: 0 2px 8px rgba(160, 140, 110, 0.13) !important;
}

#ai-model-selector .truncate.text-\[13px\] {
  color: #5a5040 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  font-weight: 500 !important;
}

#ai-model-selector .shrink-0.flex.items-center svg {
  color: #8a7d6a !important;
  transition: transform 0.2s !important;
}

#header-setting-button {
  color: #7a6e5f !important;
  background: transparent !important;
  border-radius: 8px !important;
  transition: background 0.2s, color 0.2s !important;
}

#header-setting-button:hover {
  background: #e4ddd2 !important;
  color: #4a3f30 !important;
}

/* ========== 开场白 ========== */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
  background: #f0ebe1 !important;
  border: 1px solid #d6cfc3 !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 4px rgba(160, 140, 110, 0.08) !important;
  transition: background 0.2s, box-shadow 0.2s !important;
}

div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover {
  background: #e8e1d6 !important;
  box-shadow: 0 2px 8px rgba(160, 140, 110, 0.14) !important;
}

div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"],
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"] {
  color: #8a7d6a !important;
  transition: transform 0.2s !important;
}

div.flex.items-center.h-9.cursor-pointer.group:hover svg[data-icon="ChevronDown"] {
  transform: translateY(1px) !important;
}

/* ========== 按钮栏 ========== */
#ai-mod-button2 button.MuiButton-root {
  background: #ede8df !important;
  color: #5a5040 !important;
  border: 1px solid #d6cfc3 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  transition: background 0.2s, box-shadow 0.2s !important;
}

#ai-mod-button2 button.MuiButton-root:hover {
  background: #e0d8cc !important;
  box-shadow: 0 2px 8px rgba(160, 140, 110, 0.13) !important;
  color: #3d3020 !important;
}

#ai-mod-button2 button.MuiButton-root svg {
  color: #8a7d6a !important;
  transition: transform 0.2s !important;
}

#ai-mod-button2 button.MuiButton-root:hover svg {
  transform: scale(1.08) !important;
}

/* ========== 底部栏 ========== */
.bg-gradient-to-t {
  background: linear-gradient(to top, #f5f0e8 70%, transparent) !important;
}

#ai-chat-bottom-input {
  background: #f0ebe1 !important;
  border: 1px solid #d6cfc3 !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 10px rgba(160, 140, 110, 0.10) !important;
  transition: box-shadow 0.2s, border-color 0.2s !important;
}

#ai-chat-bottom-input:focus-within {
  border-color: #b8a990 !important;
  box-shadow: 0 3px 14px rgba(160, 140, 110, 0.18) !important;
}

#ai-chat-input {
  background: transparent !important;
  color: #3d3020 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  caret-color: #8a7d6a !important;
}

#ai-chat-input::placeholder {
  color: #b0a090 !important;
  font-style: italic !important;
}

#ai-chat-input::selection {
  background: #d6cfc3 !important;
  color: #3d3020 !important;
}

/* ========== 分页栏 ========== */
.MuiPaginationItem-root {
  color: #5a5040 !important;
  border-color: #d6cfc3 !important;
  background: #f0ebe1 !important;
  border-radius: 8px !important;
  transition: background 0.2s, color 0.2s !important;
  font-family: system-ui, -apple-system, sans-serif !important;
}

.MuiPaginationItem-root:hover {
  background: #e4ddd2 !important;
  color: #3d3020 !important;
}

.MuiPaginationItem-root.Mui-selected {
  background: #c8bfb0 !important;
  color: #2e2416 !important;
  border-color: #b8a990 !important;
  font-weight: 600 !important;
}

.MuiPaginationItem-root.Mui-disabled {
  background: #f5f0e8 !important;
  color: #c0b8ac !important;
  border-color: #e8e1d6 !important;
}

.MuiPaginationItem-icon {
  color: #8a7d6a !important;
}

.MuiStack-root.css-1uwir8f .MuiBox-root {
  color: #5a5040 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
}

.MuiInputBase-input {
  background: #f0ebe1 !important;
  color: #3d3020 !important;
  border-radius: 6px !important;
  border: 1px solid #d6cfc3 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
}

/* ========== 评论区 ========== */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
  background: #f5f0e8 !important;
  border-top: 1px solid #e0d8cc !important;
}

div.text-lg.font-bold {
  color: #3d3020 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  letter-spacing: 0.02em !important;
}

p.MuiTypography-body1.text-grey-600 {
  color: #7a6e5f !important;
  font-family: system-ui, -apple-system, sans-serif !important;
}

span.MuiRating-root {
  color: #c8a96e !important;
}

span.MuiRating-iconEmpty svg {
  color: #d6cfc3 !important;
}

span.MuiRating-iconFilled svg {
  color: #c8a96e !important;
}

span.text-orange-500 {
  color: #c8a96e !important;
  font-weight: 600 !important;
}

div.flex.flex-col.border-gray-200 {
  border-color: #d6cfc3 !important;
  border-radius: 10px !important;
  background: #f0ebe1 !important;
  transition: box-shadow 0.2s !important;
}

div.flex.flex-col.border-gray-200:focus-within {
  box-shadow: 0 2px 10px rgba(160, 140, 110, 0.14) !important;
  border-color: #b8a990 !important;
}

textarea.rc-textarea {
  background: transparent !important;
  color: #3d3020 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  caret-color: #8a7d6a !important;
}

textarea.rc-textarea::placeholder {
  color: #b0a090 !important;
  font-style: italic !important;
}

div.bg-gray-100.text-gray-500 {
  background: #e8e1d6 !important;
  color: #9a8e80 !important;
  border-radius: 0 0 10px 10px !important;
  font-family: system-ui, -apple-system, sans-serif !important;
}

div.cursor-pointer.group.flex.items-center.justify-center {
  background: #c8bfb0 !important;
  border-radius: 8px !important;
  transition: background 0.2s, box-shadow 0.2s !important;
}

div.cursor-pointer.group.flex.items-center.justify-center:hover {
  background: #b8a990 !important;
  box-shadow: 0 2px 8px rgba(160, 140, 110, 0.18) !important;
}

div[data-state="closed"] svg[data-icon="Send03"] {
  color: #5a5040 !important;
  transition: transform 0.2s !important;
}

div.cursor-pointer.group.flex.items-center.justify-center:hover svg[data-icon="Send03"] {
  transform: translateX(2px) !important;
}

div.style_divider__mW0YX {
  border-color: #e0d8cc !important;
  opacity: 0.8 !important;
}

.MuiStack-root.css-1dmzxoz {
  gap: 6px !important;
}

button.MuiButton-containedPrimary {
  background: #c8bfb0 !important;
  color: #2e2416 !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  transition: background 0.2s !important;
}

button.MuiButton-containedPrimary:hover {
  background: #b8a990 !important;
}

button.MuiButton-outlinedPrimary {
  background: #f0ebe1 !important;
  color: #5a5040 !important;
  border: 1px solid #d6cfc3 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  transition: background 0.2s, border-color 0.2s !important;
}

button.MuiButton-outlinedPrimary:hover {
  background: #e4ddd2 !important;
  border-color: #b8a990 !important;
}

div.p-3.overflow-y-auto {
  background: transparent !important;
}

div.group.ml-0 {
  border-radius: 8px !important;
  transition: background 0.2s !important;
}

div.group.ml-0:hover {
  background: #ede8df !important;
}

div.group img.rounded-full {
  border: 2px solid #d6cfc3 !important;
  transition: border-color 0.2s !important;
}

div.group img.rounded-full:hover {
  border-color: #b8a990 !important;
}

div.text-sm.text-grey-600 span.font-bold {
  color: #3d3020 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
}

span.text-\[10px\] {
  color: #9a8e80 !important;
  background: #e8e1d6 !important;
  border-radius: 4px !important;
  padding: 1px 5px !important;
}

div.break-all {
  color: #4a3f30 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  line-height: 1.7 !important;
}

div.text-xs.text-grey-600 {
  color: #a09080 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
}

button.text-gray-400 {
  color: #b0a090 !important;
  transition: color 0.2s !important;
}

button.text-gray-400:hover {
  color: #7a6e5f !important;
}

button.text-gray-400 svg {
  transition: transform 0.2s !important;
}

button.text-gray-400:hover svg {
  transform: scale(1.12) !important;
}

span.cursor-pointer {
  color: #8a7d6a !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  transition: color 0.2s !important;
}

span.cursor-pointer:hover {
  color: #4a3f30 !important;
}

div.ml-8.border-l {
  border-color: #d6cfc3 !important;
}