人生重开|穿越·重生·文抄

/* ==========================================
   1. 全局星空背景
   ========================================== */
[class*="bg-[#F1CBCB]"],
[class*="bg-[#c9e1e9]"] { display: none !important; }

@keyframes starry-slow {
  0%   { background-position: 0 0, 0 0, 0 0; }
  100% { background-position: 1000px 1000px, 800px 800px, 600px 600px; }
}

body, #root, .h-screen {
  background-color: #05070a !important;
  background-image:
    radial-gradient(1.5px 1.5px at 15% 25%, #eee, transparent),
    radial-gradient(2px 2px at 70% 40%, #fff, transparent),
    radial-gradient(1px 1px at 30% 75%, #ddd, transparent) !important;
  background-size: 550px 550px, 700px 700px, 400px 400px !important;
  animation: starry-slow 200s linear infinite !important;
}

/* ==========================================
   2. 底部功能区& 输入框
   ========================================== */

/* 底部功能菜单容器 */
#ai-mod-button2 {
  padding-bottom: 0.5rem !important;
}

/* 快捷指令按钮（统一用属性前缀选择器覆盖所有序号） */
[id^="customized-shortcut-command-button"] {
  padding: 0.25rem 0.625rem !important;
  font-size: 0.8rem !important;
  height: 1.875rem !important;
  min-width: auto !important;
  border-radius: 0.7rem !important;
  border-width: 1px !important;
  transition: all 0.2s ease !important;
}

[id^="customized-shortcut-command-button"]:hover {
  background-color: #EBF5FF !important;
  border-color: #1E88E5 !important;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(30, 136, 229, 0.1) !important;
}

[id^="customized-shortcut-command-button"] svg {
  width: 0.875rem !important;
  height: 0.875rem !important;
  margin-right: 0.25rem !important;
}

/* 底部通用功能按钮（AI 总结、流式切换、评论、滚动到底部、分支分享等） */
#ai-mod-button,
#customized-ai-summary-button,
#customized-flow-button,
#customized-comment-button,
#customized-scroll-to-bottom-button,
#toggle-sub-buttons {
  padding: 0.25rem 0.625rem !important;
  font-size: 0.8rem !important;
  height: 1.875rem !important;
  min-width: auto !important;
  border-radius: 0.7rem !important;
  transition: all 0.2s ease !important;
}

#ai-mod-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 {
  background-color: #EBF5FF !important;
  border-color: #1E88E5 !important;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(30, 136, 229, 0.1) !important;
}

/* 输入框本体 */
#ai-chat-input {
  padding: 0.375rem 0.5rem !important;
  padding-right: 90px !important;
  line-height: 1.375 !important;
  font-size: 0.875rem !important;
  max-height: 120px !important;
}

/* 输入框容器聚焦效果（作用于输入框的父级） */
#ai-chat-input:focus,
#ai-chat-input:focus-within {
  outline: none !important;
}

/* 发送按钮 */
#ai-send-button {
  width: 1.75rem !important;
  height: 1.75rem !important;
  border-radius: 0.5rem !important;
  transition: all 0.2s ease !important;
}

#ai-send-button:hover {
  background-color: #EBF5FF !important;
  transform: scale(1.05);
}

#ai-send-button svg {
  font-size: 1.125rem !important;
}

/* 顶栏：模型选择、开场白、设置按钮 */
#customized-model-selector,
#customized-opening-statement-selector {
  border-radius: 0.5rem !important;
  transition: all 0.2s ease !important;
}

#header-setting-button {
  transition: all 0.2s ease !important;
}

#header-setting-button:hover {
  transform: rotate(30deg);
}

/* 聊天记录分页 */
#customized-pagination {
  margin: 0.5rem 0 !important;
}

/* 响应式 - 移动端 */
@media (max-width: 768px) {
  #ai-mod-button2 {
    padding-bottom: 0.375rem !important;
  }
  [id^="customized-shortcut-command-button"],
  #ai-mod-button,
  #customized-ai-summary-button,
  #customized-flow-button,
  #customized-comment-button,
  #customized-scroll-to-bottom-button,
  #toggle-sub-buttons {
    padding: 0.25rem 0.5rem !important;
    font-size: 0.75rem !important;
    height: 1.75rem !important;
  }
}

/* 滚动条优化（作用于底部功能区滚动） */
#ai-mod-button2 ::-webkit-scrollbar {
  height: 4px;
}
#ai-mod-button2 ::-webkit-scrollbar-track {
  background: transparent;
}
#ai-mod-button2 ::-webkit-scrollbar-thumb {
  background: #D1D5DB;
  border-radius: 2px;
}
#ai-mod-button2 ::-webkit-scrollbar-thumb:hover {
  background: #9CA3AF;
}

/* ==========================================
   3. 玩家提问气泡 (暗黑科技风)
   ========================================== */
@keyframes user-stars-chaos {
  0%   { background-position: 0% 0%; }
  100% { background-position: 100% 100%; }
}

#customized-question-content {
  background-color: #0f172a !important;
  background-image:
    radial-gradient(1px 1px at 15% 15%, #60a5fa, transparent),
    radial-gradient(1.5px 1.5px at 85% 45%, #fff, transparent) !important;
  background-size: 200px 200px !important;
  animation: user-stars-chaos 40s linear infinite alternate !important;
  border: 1px solid rgba(59, 130, 246, 0.4) !important;
  border-right: 4px solid #3b82f6 !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
}

#customized-question-content,
#customized-question-content * {
  color: #f8fafc !important;
}

#customized-question-content .markdown-body p,
#customized-question-content .markdown-body {
  color: #f8fafc !important;
  background: transparent !important;
}

/* 玩家提问头像 */
#customized-question-avatar {
  border: 2px solid rgba(59, 130, 246, 0.5) !important;
  box-shadow: 0 0 10px rgba(59, 130, 246, 0.3) !important;
  border-radius: 50% !important;
}

/* 玩家气泡下的操作按钮：编辑、重发、删除 */
#customized-edit-button,
#customized-resend-button,
#customized-delete-button {
  color: #94a3b8 !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  transition: all 0.2s !important;
}

#customized-edit-button:hover,
#customized-resend-button:hover,
#customized-delete-button:hover {
  color: #60a5fa !important;
  background: rgba(96, 165, 250, 0.1) !important;
  border-color: rgba(96, 165, 250, 0.3) !important;
}

/* ==========================================
   4. AI 回复气泡 (复古羊皮纸风)
   ========================================== */
#customized-answer-content {
  background-color: #f4eee0 !important;
  background-image:
    linear-gradient(90deg, rgba(0,0,0,0.02) 0%, transparent 2%, transparent 98%, rgba(0,0,0,0.02) 100%),
    radial-gradient(circle at center, transparent 0%, rgba(210, 190, 160, 0.15) 100%) !important;
  color: #2c2825 !important;
  padding: 20px !important;
  border-radius: 8px !important;
  box-shadow: 2px 5px 15px rgba(0,0,0,0.2), inset 0 0 30px rgba(180, 150, 100, 0.1) !important;
  border: 1px solid #e6dcc3 !important;
  font-family: 'Georgia', 'Times New Roman', serif !important;
}

/* 让内部元素继承文本色，同时清掉旧的深色底 */
#customized-answer-content *:not(button):not(svg):not(path) {
  color: inherit;
  background: transparent !important;
}

/* AI 正文文字：极高对比度 */
#customized-answer-content .nct,
#customized-answer-content .markdown-body {
  font-size: 1.15em !important;
  text-align: justify;
  line-height: 1.85 !important;
  color: #1a1816 !important;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.05) !important;
}

#customized-answer-content .nct p,
#customized-answer-content .markdown-body p {
  color: #1a1816 !important;
  text-indent: 2em;
  margin: 0.6em 0;
}

#customized-answer-content .nct div[style] {
  margin: 11px auto !important;
  text-indent: 0 !important;
}

/* AI 回答头像 */
#customized-answer-avatar {
  border: 2px solid #c5a880 !important;
  box-shadow: 0 0 10px rgba(197, 168, 128, 0.3) !important;
  border-radius: 50% !important;
}

/* AI 气泡下的操作按钮：刷新、生图、生成语音、分支分享、消耗详情 */
#customized-reload-button,
#customized-create-image-button,
#customized-create-audio-button,
#customized-branch-and-share-button,
#customized-prompt-log-button {
  color: #5c4d3c !important;
  background: #f4ecd8 !important;
  border: 1px solid #dcd3b6 !important;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.05) !important;
  font-family: 'Georgia', serif !important;
  transition: all 0.2s !important;
}

#customized-reload-button:hover,
#customized-create-image-button:hover,
#customized-create-audio-button:hover,
#customized-branch-and-share-button:hover,
#customized-prompt-log-button:hover {
  background: #e6dcc3 !important;
  color: #2c2825 !important;
  border-color: #b8a37e !important;
  transform: translateY(-1px) !important;
}

/* ==========================================
   5. 场景道具：地点、天气
   ========================================== */
/* 地点标签：火漆印章 / 铜牌风格（仅在 AI 回答区生效） */
#customized-answer-content loc {
  display: table !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  background: linear-gradient(135deg, #eae0c8, #dcd3b6) !important;
  border: 1px solid #b8a37e !important;
  border-left: 5px solid #8b2b2b !important;
  color: #4a3b22 !important;
  text-indent: 0 !important;
  padding: 4px 12px !important;
  border-radius: 50px !important;
  font-size: 0.9em !important;
  font-weight: 900 !important;
  letter-spacing: 1px !important;
  margin: 0 0 15px 0 !important;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1) !important;
}
#customized-answer-content loc::before {
  content: '📍 ';
  font-size: 1.1em;
  opacity: 0.8;
}

/* --- 天气动画帧 --- */
@keyframes sc-sunny-glow {
  0%, 100% { box-shadow: 0 0 0 0 hsl(45, 90%, 70%, 0); }
  50%      { box-shadow: 0 0 18px 4px hsl(45, 90%, 70%, 0.35); }
}
@keyframes sc-cloud-drift {
  0%   { background-position: 0% 0%, 50% 0%, 100% 0%; }
  100% { background-position: 100% 0%, 150% 0%, 200% 0%; }
}
@keyframes sc-rain-fall {
  0%   { background-position: 0 0, 5px -8px, 12px 0; }
  100% { background-position: -12px 36px, -7px 28px, 0 36px; }
}
@keyframes sc-heavy-rain-fall {
  0%   { background-position: 0 0, 8px -10px, 16px 0; }
  100% { background-position: -16px 36px, -12px 28px, -4px 36px; }
}
@keyframes sc-snow-fall {
  0%   { background-position: 0 -10px, 8px -20px, 16px -5px; }
  100% { background-position: -4px 40px, 12px 40px, 20px 40px; }
}
@keyframes sc-blizzard-fall {
  0%   { background-position: 0 -15px, 10px -25px, 20px -10px; }
  100% { background-position: -8px 40px, 16px 40px, 24px 40px; }
}
@keyframes sc-fog-haze {
  0%   { opacity: 0.55; transform: translateX(-6%); }
  50%  { opacity: 0.85; }
  100% { opacity: 0.55; transform: translateX(6%); }
}
@keyframes sc-flash {
  0%, 89%, 91%, 100% { opacity: 0; }
  90%                { opacity: 0.7; }
}

/* 天气容器基础 */
#customized-answer-content .sc {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: 32px !important;
  border-radius: 5px !important;
  overflow: hidden !important;
  margin: 0 0 10px 0 !important;
  font-size: 0 !important;
  padding: 0 !important;
  border: none !important;
  letter-spacing: 0 !important;
  transform: translateZ(0);
}

#customized-answer-content .sc::before,
#customized-answer-content .sc::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
}

/* sunny */
#customized-answer-content .sc[data-env="sunny"] {
  background: linear-gradient(90deg, hsl(42,52%,82%) 0%, hsl(46,60%,78%) 50%, hsl(42,52%,82%) 100%) !important;
  animation: sc-sunny-glow 3s ease-in-out infinite !important;
}
#customized-answer-content .sc[data-env="sunny"]::before {
  background:
    radial-gradient(circle 6px at 18% 50%, hsl(50,100%,90%,0.9) 0%, transparent 100%),
    radial-gradient(circle 4px at 80% 40%, hsl(50,100%,85%,0.6) 0%, transparent 100%) !important;
}

/* partly_cloudy */
#customized-answer-content .sc[data-env="partly_cloudy"] {
  background: linear-gradient(90deg, hsl(200,40%,85%) 0%, hsl(200,50%,90%) 50%, hsl(200,40%,85%) 100%) !important;
}
#customized-answer-content .sc[data-env="partly_cloudy"]::before {
  background:
    radial-gradient(ellipse 20px 10px at 20% 20%, hsl(0,0%,100%,0.7) 0%, transparent 100%),
    radial-gradient(ellipse 15px 8px at 70% 80%, hsl(0,0%,95%,0.6) 0%, transparent 100%) !important;
  background-size: 100px 32px, 100px 32px !important;
  background-repeat: no-repeat !important;
  animation: sc-cloud-drift 30s linear infinite !important;
  opacity: 0.7;
}

/* 

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

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