我那个身材爆炸的拉丁裔同桌『全性向』

/* 1. 强制隐藏顶部的破坏氛围的颜色装饰条 */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* 2. 聊天框主体：深棕皮革质感与暗红渐变 */
.bg-gray-100\/90.relative.inline-block {
    background: linear-gradient(145deg, #2D1A15 0%, #4A2511 50%, #3E1F1C 100%) !important;
    border: 1px solid #5D4037 !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6), inset 0 1px 1px rgba(255, 255, 255, 0.05) !important;
    isolation: isolate !important; /* 建立层叠上下文，保护文字不被特效遮挡 */
    overflow: hidden !important;
}

/* 3. 背景动效：底层的暗红荷尔蒙脉动微光 */
.bg-gray-100\/90.relative.inline-block::before {
    content: "" !important;
    position: absolute !important;
    top: -50% !important; 
    left: -50% !important;
    width: 200% !important; 
    height: 200% !important;
    background: radial-gradient(circle at center, rgba(139, 20, 20, 0.15) 0%, transparent 60%) !important;
    z-index: -1 !important;
    animation: hormonePulse 6s infinite alternate ease-in-out !important;
    pointer-events: none !important;
}

@keyframes hormonePulse {
    0% { transform: scale(0.8); opacity: 0.4; }
    100% { transform: scale(1.2); opacity: 1; }
}

/* 4. 核心文本：绝对可读性！纯净暖白，无阴影 */
.markdown-body {
    color: #FDF5E6 !important; /* 极高对比度的暖白色 */
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
    font-weight: 500 !important;
    text-shadow: none !important; /* 绝对禁止文字发光导致模糊 */
    background: transparent !important;
    z-index: 1 !important;
}

/* 适配代码块等内部元素，防止在深色背景下看不清 */
.markdown-body pre, 
.markdown-body code {
    background-color: rgba(0, 0, 0, 0.4) !important;
    color: #FFCCBC !important; /* 浅铜色代码文字 */
    border: 1px solid rgba(141, 110, 99, 0.3) !important;
}

/* 5. 底部附加元素：浅棕灰高对比度，融入整体氛围 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: #D7CCC8 !important; 
    opacity: 0.85 !important;
    text-shadow: none !important;
}

/* 底部按钮悬停效果 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    color: #FFFFFF !important;
    background-color: rgba(141, 110, 99, 0.2) !important;
}

/* 6. 加载动画：替换为深棕色脉动圆点 (SMIL实现，防动画失效) */
.style-module__AtdJSq__dot-flashing.style-module__AtdJSq__text {
    display: none !important;
}

.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
}

.flex.items-center.justify-center.w-6.h-5::before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="20" viewBox="0 0 24 20"><circle cx="12" cy="10" r="4" fill="%23A1887F"><animate attributeName="r" values="3;6;3" dur="1.2s" repeatCount="indefinite" /><animate attributeName="opacity" values="0.4;1;0.4" dur="1.2s" repeatCount="indefinite" /></circle></svg>') !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

/* 7. 移动端与低动效兼容 */
@media (max-width: 480px) {
    .bg-gray-100\/90.relative.inline-block {
        border-radius: 8px !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    .bg-gray-100\/90.relative.inline-block::before {
        animation-duration: 15s !important; /* 极大降低频率 */
    }
}

/* 顶部栏美化：深邃棕黑背景与暗金高光 */
.sticky.w-full.top-0.flex.items-center { background: linear-gradient(180deg, #110905, #1a0f0a) !important; border-bottom: 2px solid #5c2e16 !important; box-shadow: 0 4px 15px rgba(0,0,0,0.9) !important; }
#ai-model-selector .truncate.text-\[13px\] { color: #ff8c00 !important; font-weight: bold !important; text-shadow: 1px 1px 2px #000 !important; letter-spacing: 1px !important; }
#header-setting-button svg, .sticky.w-full.top-0 svg.lucide-clock-8, .sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2 { color: #deb887 !important; filter: drop-shadow(0 0 2px #8b4513) !important; transition: all 0.3s ease !important; }
#header-setting-button:hover svg { color: #ff8c00 !important; transform: scale(1.1) !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: #24140d !important; border: 1px solid #5c2e16 !important; color: #deb887 !important; box-shadow: inset 0 0 8px rgba(0,0,0,0.8) !important; transition: border-color 0.3s !important; }
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover { border-color: #8b4513 !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: #ff8c00 !important; }
/* 底部栏与输入框美化：幽暗的交流域 */
.bg-gradient-to-t { background: linear-gradient(to top, #0a0502 60%, transparent) !important; }
#ai-chat-bottom-input { background-color: #1a0f0a !important; border: 1px solid #5c2e16 !important; box-shadow: 0 -2px 15px rgba(0,0,0,0.8) !important; border-radius: 8px !important; }
#ai-chat-input { color: #ffdead !important; background-color: transparent !important; font-family: 'Courier New', Courier, monospace !important; }
#ai-chat-input::placeholder { color: #733a1c !important; font-style: italic !important; }
#ai-chat-input::selection { background-color: #8b4513 !important; color: #fff !important; }
/* 分页栏美化 */
.MuiPaginationItem-root { color: #deb887 !important; border: 1px solid #3b1e0f !important; }
.MuiPaginationItem-root.Mui-selected { background-color: #5c2e16 !important; color: #ff8c00 !important; font-weight: bold !important; border: 1px solid #ff8c00 !important; box-shadow: 0 0 5px #ff8c00 !important; }
/* 评论区深度沉浸式覆盖 */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] { background: #0a0502 !important; border-top: 2px solid #5c2e16 !important; }
div.text-lg.font-bold { color: #ff8c00 !important; text-shadow: 2px 2px 4px rgba(0,0,0,0.8) !important; border-bottom: 1px dashed #5c2e16 !important; padding-bottom: 8px !important; margin-bottom: 5px !important; }
p.MuiTypography-body1.text-grey-600 { color: #a0522d !important; }
div.flex.flex-col.border-gray-200 { border: 1px solid #5c2e16 !important; background-color: #1a0f0a !important; border-radius: 6px !important; box-shadow: inset 0 0 10px #000 !important; }
textarea.rc-textarea { background-color: transparent !important; color: #ffdead !important; }
div.bg-gray-100.text-gray-500 { background-color: #24140d !important; color: #8b4513 !important; border-top: 1px solid #5c2e16 !important; }
div.cursor-pointer.group.flex.items-center.justify-center { background-color: #3b1e0f !important; border-left: 1px solid #5c2e16 !important; transition: all 0.2s !important; }
div.cursor-pointer.group.flex.items-center.justify-center:hover { background-color: #5c2e16 !important; box-shadow: inset 0 0 5px #ff8c00 !important; }
div[data-state="closed"] svg[data-icon="Send03"] { color: #ff8c00 !important; }
div.p-3.overflow-y-auto { background-color: #110905 !important; }
div.text-sm.text-grey-600 span.font-bold { color: #daa520 !important; font-size: 1.1em !important; text-shadow: 1px 1px 1px #000 !important; }
div.break-all { color: #deb887 !important; line-height: 1.6 !important; }
div.text-xs.text-grey-600 { color: #733a1c !important; }
div.style_divider__mW0YX { border-color: #3b1e0f !important; }
button.text-gray-400 { color: #8b4513 !important; transition: color 0.3s !important; }
button.text-gray-400:hover { color: #ff8c00 !important; filter: drop-shadow(0 0 2px #ff8c00) !important; }
span.cursor-pointer { color: #d2691e !important; text-decoration: underline dotted #8b4513 !important; }
span.cursor-pointer:hover { color: #ff8c00 !important; }
div.ml-8.border-l { border-color: #5c2e16 !important; }
button.MuiButton-containedPrimary { background: linear-gradient(145deg, #5c2e16, #3b1e0f) !important; color: #ff8c00 !important; border: 1px solid #8b4513 !important; box-shadow: 2px 2px 5px #000 !important; }
button.MuiButton-outlinedPrimary { border-color: #5c2e16 !important; color: #a0522d !important; background-color: #1a0f0a !important; }
span.MuiRating-iconEmpty svg { color: #24140d !important; stroke: #5c2e16 !important; stroke-width: 1px !important; }
span.MuiRating-iconFilled svg { color: #ff8c00 !important; filter: drop-shadow(0 0 3px #ff8c00) !important; }

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