穿越成古代落魄王爷？那我必须让他们看看现代的科技了💕高自由/古风/大世界/较低消耗

/* ═══════════════════════════════════════════
   古典修仙·宣纸风格 - 去重整合最终版
   ═══════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&family=Ma+Shan+Zheng&display=swap');

/* ═══════════════════════════════════════════
   一、顶部栏美化
   ═══════════════════════════════════════════ */

.sticky.w-full.top-0.flex.items-center {
  background: linear-gradient(
    135deg,
    #f5f0e1 0%,
    #ebe4d1 25%,
    #f7f2e3 50%,
    #e8e0c8 75%,
    #f3edd9 100%
  ) !important;
  border-bottom: 2px solid transparent !important;
  border-image: linear-gradient(
    90deg,
    transparent 0%,
    #8b7355 20%,
    #5c4a32 50%,
    #8b7355 80%,
    transparent 100%
  ) 1 !important;
  box-shadow:
    0 2px 8px rgba(92, 74, 50, 0.15),
    inset 0 -1px 0 rgba(139, 115, 85, 0.2) !important;
  position: relative !important;
}

.sticky.w-full.top-0.flex.items-center::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    radial-gradient(ellipse at 10% 50%, rgba(139, 115, 85, 0.05) 0%, transparent 50%),
    radial-gradient(ellipse at 90% 50%, rgba(139, 115, 85, 0.05) 0%, transparent 50%) !important;
  pointer-events: none !important;
}

/* 模型选择器 */
#ai-model-selector .group.flex.items-center {
  background: linear-gradient(145deg, #faf6eb 0%, #f0e9d8 100%) !important;
  border: 1px solid #c4b59d !important;
  border-radius: 4px !important;
  padding: 6px 12px !important;
  box-shadow:
    2px 2px 4px rgba(92, 74, 50, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  transition: all 0.3s ease !important;
}

#ai-model-selector .group.flex.items-center:hover {
  background: linear-gradient(145deg, #fff9ec 0%, #f5eedc 100%) !important;
  border-color: #a08060 !important;
  box-shadow:
    3px 3px 6px rgba(92, 74, 50, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}

#ai-model-selector .truncate.text-\[13px\] {
  font-family: 'ZCOOL XiaoWei', 'STKaiti', 'KaiTi', serif !important;
  color: #4a3c2a !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
}

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

#ai-model-selector .group.flex.items-center:hover svg {
  color: #5c4a32 !important;
  transform: translateY(2px) !important;
}

/* 设置按钮 */
#header-setting-button {
  background: linear-gradient(145deg, #f5f0e1 0%, #e8e0c8 100%) !important;
  border: 1px solid #c4b59d !important;
  border-radius: 50% !important;
  color: #6b5a45 !important;
  transition: all 0.3s ease !important;
  box-shadow: 2px 2px 4px rgba(92, 74, 50, 0.1) !important;
}

#header-setting-button:hover {
  background: linear-gradient(145deg, #fff9ec 0%, #f0e9d8 100%) !important;
  border-color: #a08060 !important;
  color: #4a3c2a !important;
  transform: rotate(30deg) !important;
}

/* ═══════════════════════════════════════════
   二、开场白选择器美化
   ═══════════════════════════════════════════ */

div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"],
div.h-9.rounded-md.cursor-pointer.group:has(svg[data-icon="SlidersH"]) {
  background: linear-gradient(145deg, #faf6eb 0%, #f0e9d8 100%) !important;
  border: 1px solid #c4b59d !important;
  box-shadow: 2px 2px 6px rgba(92, 74, 50, 0.12) !important;
  transition: all 0.3s ease !important;
}

div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover,
div.h-9.rounded-md.cursor-pointer.group:has(svg[data-icon="SlidersH"]):hover {
  background: linear-gradient(145deg, #fff9ec 0%, #f5eedc 100%) !important;
  border-color: #a08060 !important;
  box-shadow: 3px 3px 8px rgba(92, 74, 50, 0.18) !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: #8b7355 !important;
  transition: color 0.3s ease !important;
}

div.flex.items-center.h-9.cursor-pointer.group:hover svg {
  color: #5c4a32 !important;
}

/* ═══════════════════════════════════════════
   三、按钮栏美化
   ═══════════════════════════════════════════ */

#ai-mod-button2 {
  background: transparent !important;
}

#ai-mod-button2 button.MuiButton-root {
  background: linear-gradient(
    145deg,
    #f5f0e1 0%,
    #ebe4d1 50%,
    #e0d7c0 100%
  ) !important;
  border: 2px double #a08060 !important;
  border-radius: 6px !important;
  color: #5c4a32 !important;
  font-family: 'ZCOOL XiaoWei', 'STKaiti', 'KaiTi', serif !important;
  font-size: 13px !important;
  letter-spacing: 2px !important;
  padding: 6px 16px !important;
  box-shadow:
    2px 2px 4px rgba(92, 74, 50, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

#ai-mod-button2 button.MuiButton-root::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.3),
    transparent
  ) !important;
  transition: left 0.5s ease !important;
}

#ai-mod-button2 button.MuiButton-root:hover::before {
  left: 100% !important;
}

#ai-mod-button2 button.MuiButton-root:hover {
  background: linear-gradient(
    145deg,
    #fff9ec 0%,
    #f5eedc 50%,
    #ebe4d1 100%
  ) !important;
  border-color: #a08060 !important;
  color: #3d2e1a !important;
  box-shadow:
    3px 3px 8px rgba(92, 74, 50, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  transform: translateY(-1px) !important;
}

#ai-mod-button2 button.MuiButton-root svg {
  color: #8b7355 !important;
  transition: color 0.3s ease !important;
}

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

/* ═══════════════════════════════════════════
   四、底部栏与输入框美化
   ═══════════════════════════════════════════ */

.bg-gradient-to-t {
  background: linear-gradient(
    to top,
    #f5f0e1 0%,
    #f8f4e8 60%,
    rgba(248, 244, 232, 0.95) 80%,
    transparent 100%
  ) !important;
}

#ai-chat-bottom-input {
  background: linear-gradient(
    145deg,
    #fdfaf2 0%,
    #f5f0e1 50%,
    #ebe4d1 100%
  ) !important;
  border: 2px solid #c4b59d !important;
  border-radius: 12px !important;
  box-shadow:
    inset 2px 2px 6px rgba(92, 74, 50, 0.08),
    4px 4px 12px rgba(92, 74, 50, 0.1) !important;
  position: relative !important;
}

#ai-chat-bottom-input::before,
#ai-chat-bottom-input::after {
  content: "◈" !important;
  position: absolute !important;
  top: -8px !important;
  font-size: 12px !important;
  color: #a08060 !important;
  background: #f5f0e1 !important;
  padding: 0 6px !important;
}

#ai-chat-bottom-input::before {
  left: 20px !important;
}

#ai-chat-bottom-input::after {
  right: 20px !important;
}

#ai-chat-input {
  background: transparent !important;
  color: #3d2e1a !important;
  font-family: 'ZCOOL XiaoWei', 'STKaiti', 'KaiTi', serif !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  letter-spacing: 1px !important;
}

#ai-chat-input::placeholder {
  color: #a09080 !important;
  font-family: 'ZCOOL XiaoWei', 'STKaiti', 'KaiTi', serif !important;
  font-style: italic !important;
}

#ai-chat-input::selection {
  background: rgba(139, 115, 85, 0.3) !important;
  color: #3d2e1a !important;
}

/* ═══════════════════════════════════════════
   五、分页栏美化
   ═══════════════════════════════════════════ */

.MuiPaginationItem-root {
  background: linear-gradient(145deg, #f5f0e1 0%, #ebe4d1 100%) !important;
  border: 1px solid #c4b59d !important;
  color: #5c4a32 !important;
  font-family: 'ZCOOL XiaoWei', 'STKaiti', serif !important;
  transition: all 0.3s ease !important;
}

.MuiPaginationItem-root:hover {
  background: linear-gradient(145deg, #fff9ec 0%, #f5eedc 100%) !important;
  border-color: #a08060 !important;
  color: #3d2e1a !important;
  box-shadow: 2px 2px 6px rgba(92, 74, 50, 0.15) !important;
}

.MuiPaginationItem-root.Mui-selected {
  background: linear-gradient(145deg, #8b4513 0%, #a0522d 50%, #8b4513 100%) !important;
  border: 1px solid #5c3317 !important;
  color: #faf6eb !important;
  box-shadow:
    inset 1px 1px 2px rgba(0, 0, 0, 0.2),
    2px 2px 4px rgba(92, 74, 50, 0.2) !important;
}

.MuiPaginationItem-root.Mui-disabled {
  background: #e8e0c8 !important;
  border-color: #d4c9b0 !important;
  color: #b0a090 !important;
  opacity: 0.7 !important;
}

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

.MuiPaginationItem-root:hover .MuiPaginationItem-icon {
  color: #5c4a32 !important;
}

.MuiStack-root.css-1uwir8f {
  background: transparent !important;
}

.MuiStack-root.css-1uwir8f .MuiBox-root {
  color: #5c4a32 !important;
  font-family: 'ZCOOL XiaoWei', 'STKaiti', serif !important;
}

.MuiInputBase-input {
  background: #faf6eb !important;
  border: 1px solid #c4b59d !important;
  border-radius: 4px !important;
  color: #3d2e1a !important;
  font-family: 'ZCOOL XiaoWei', serif !important;
}

/* ═══════════════════════════════════════════
   六、评论区美化
   ═══════════════════════════════════════════ */

div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
  background:
    linear-gradient(
      135deg,
      #f8f4e8 0%,
      #f3edd9 25%,
      #f7f2e3 50%,
      #ebe4d1 75%,
      #f5f0e1 100%
    ) !important;
  border-top: 3px solid transparent !important;
  border-image: linear-gradient(
    90deg,
    transparent 0%,
    #c4b59d 15%,
    #8b7355 50%,
    #c4b59d 85%,
    transparent 100%
  ) 1 !important;
}

div[class*="w-full"][class*="bg-white"][class*="bottom-0"]::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M30 5 Q35 15 30 25 Q25 15 30 5' fill='none' stroke='%23c4b59d' stroke-width='0.5' opacity='0.3'/%3E%3C/svg%3E") !important;
  opacity: 0.15 !important;
  pointer-events: none !important;
}

div.text-lg.font-bold {
  font-family: 'Ma Shan Zheng', 'STXingkai', cursive !important;
  color: #3d2e1a !important;
  font-size: 20px !important;
  letter-spacing: 4px !important;
  position: relative !important;
}

div.text-lg.font-bold::before {
  content: "『" !important;
  color: #8b7355 !important;
  margin-right: 4px !important;
}

div.text-lg.font-bold::after {
  content: "』" !important;
  color: #8b7355 !important;
  margin-left: 4px !important;
}

p.MuiTypography-body1.text-grey-600 {
  font-family: 'ZCOOL XiaoWei', 'STKaiti', serif !important;
  color: #6b5a45 !important;
  letter-spacing: 2px !important;
}

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

span.MuiRating-iconFilled svg {
  color: #c9a227 !important;
  filter: drop-shadow(1px 1px 1px rgba(139, 115, 85, 0.3)) !important;
}

span.text-orange-500 {
  color: #b8860b !important;
  font-family: 'ZCOOL XiaoWei', serif !important;
  font-weight: bold !important;
}

div.flex.flex-col.border-gray-200 {
  border-color: #c4b59d !important;
  background: linear-gradient(145deg, #fdfaf2 0%, #f5f0e1 100%) !important;
  border-radius: 8px !important;
}

textarea.rc-textarea {
  background: transparent !important;
  color: #3d2e1a !important;
  font-family: 'ZCOOL XiaoWei', 'STKaiti', serif !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
}

textarea.rc-textarea::placeholder {
  color: #a09080 !important;
  font-family: 'ZCOOL XiaoWei', serif !important;
}

div.bg-gray-100.text-gray-500 {
  background: #ebe4d1 !important;
  color: #8b7355 !important;
  font-family: 'ZCOOL XiaoWei', serif !important;
}

div.cursor-pointer.group.flex.items-center.justify-center {
  background: linear-gradient(145deg, #8b4513 0%, #a0522d 100%) !important;
  border-radius: 6px !important;
  transition: all 0.3s ease !important;
}

div.cursor-point

/* 预览已截断；下载 CSS 可查看完整内容。 */

本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。