我的青春恋爱物语果然有问题

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

/* 2. 纯白纸张质感主体（默认：极致紧贴文字，零留白） */
.bg-gray-100\/90.relative.inline-block {
    background-color: #FFFFFF !important; 
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E") !important;
    border: 1px solid #EBEBEB !important; 
    border-radius: 0px !important; 
    box-shadow: none !important; 
    
    /* 保持文字输出时的紧贴状态 */
    padding: 2px 4px !important; 
    
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important; 
}

/* 3. 日文元素点缀（右下角极简微弱水印） */
.bg-gray-100\/90.relative.inline-block::after {
    content: "文庫" !important; 
    position: absolute !important;
    bottom: 2px !important;
    right: 4px !important;
    font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif !important;
    font-size: 10px !important;
    color: rgba(0, 0, 0, 0.03) !important; 
    letter-spacing: 0.1em !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

/* 4. 极简纸面排版（纯净对比度） */
.markdown-body {
    color: #1A1A1A !important; 
    font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", "Noto Serif SC", serif !important; 
    font-size: 15px !important;
    line-height: 1.75 !important; 
    letter-spacing: 0.03em !important;
    background: transparent !important;
    z-index: 1 !important;
    position: relative !important;
    margin: 0 !important; 
}

.markdown-body strong {
    color: #000000 !important;
    font-weight: 900 !important;
}

/* 5. 底部附加元素 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: #CCCCCC !important; 
    font-family: inherit !important;
    transition: color 0.2s ease !important;
    margin-top: 8px !important; 
    margin-bottom: 2px !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    color: #1A1A1A !important;
}

/* 6. 【核心】加载动画（居中、留白框、保证大小与完整显示） */
.style_dot-flashing__8L91Q {
    display: none !important;
}

.flex.items-center.justify-center.w-6.h-5 {
    display: block !important;
    
    /* 保证大小：您指定的尺寸 */
    width: 540px !important;  
    height: 308px !important; 
    max-width: 100% !important; /* 防止屏幕较窄时动图超出边界 */
    
    /* 居中 + 有边：上下左右留出 16px 的边距，auto 保证水平绝对居中 */
    margin: 16px auto !important; 
    
    background-image: url("https://i.imgs.ovh/2026/04/13/Zd30vg.gif") !important;
    
    /* contain：保证动图完整显示在框内，绝不裁切 */
    background-size: contain !important; 
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* 7. 移动端适配（已修复原本多余标点导致的报错） */
@media (max-width: 480px) {
    .bg-gray-100\/90.relative.inline-block {
        padding: 0px 2px !important; 
    }
    .flex.items-center.justify-center.w-6.h-5 {
        /* 手机屏幕较窄，自动适应宽度，保持居中和留边 */
        width: 100% !important;
        height: 200px !important; 
        margin: 12px auto !important; 
    }
}

/* ==========================================
   8. 全局基础按钮：轻盈白底细黑框
   ========================================== */
button, 
[role="button"], 
a[role="button"],
[class*="MuiChip-root"] {
    background-color: #FFFFFF !important; 
    border: 1px solid #1A1A1A !important; 
    border-radius: 8px !important; 
    color: #1A1A1A !important; 
    padding: 6px 12px !important;
    margin: 4px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important; /* 防止边距撑爆容器 */
}

button svg, [role="button"] svg {
    color: #1A1A1A !important;
    fill: #1A1A1A !important;
}

button:hover { background-color: #F7F7F7 !important; }

/* ==========================================
   9. 对话操作小按钮：轻盈天蓝底白字 + 统一等大圆角矩形
   ========================================== */
div[class*="message"] button,
div[class*="chat"] button,
.group button,
.markdown-body ~ * button,
button[class*="text-gray-"],
button[class*="text-slate-"] {
    background-color: #0EA5E9 !important; /* 极其轻盈透亮的天蓝色 */
    border: 1px solid #0EA5E9 !important; /* 边框与底色融为一体，去除厚重感 */
    border-radius: 8px !important; /* 优雅的圆角矩形 */
    color: #FFFFFF !important; /* 纯白文字 */
    
    /* 核心：强制所有按钮等大对齐 */
    height: 32px !important; /* 统一高度 */
    min-width: 32px !important; /* 统一最小宽度，纯图标会变成正方形，带字会变成胶囊形 */
    padding: 0 6px !important; /* 靠高度支撑，左右留出适度呼吸感 */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    opacity: 1 !important; 
    visibility: visible !important;
    box-shadow: 0 2px 6px rgba(14, 165, 233, 0.25) !important; /* 匹配天蓝色的轻盈阴影 */
}

/* 强制内部的 Icon 变白且大小统一 */
div[class*="message"] button svg,
.group button svg,
.markdown-body ~ * button svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
    width: 16px !important; 
    height: 16px !important;
}

/* 悬浮时变得更亮 */
div[class*="message"] button:hover,
.group button:hover {
    background-color: #38BDF8 !important; /* 悬浮时提亮为更浅的天蓝 */
    border-color: #38BDF8 !important;
    box-shadow: 0 4px 10px rgba(14, 165, 233, 0.4) !important;
}

/* ==========================================
   10. 核心：输入栏“双层画框”凸起效果 + 动态黑框
   ========================================== */
/* 【外层底座】 */
form:has(textarea) > div,
div.relative:has(textarea),
div[class*="MuiInputBase-root"],
div[class*="MuiOutlinedInput-root"] {
    background-color: #FFFFFF !important;
    border-radius: 16px !important; 
    border: 1px solid #E5E5E5 !important; 
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04) !important;
    padding: 4px !important; 
    transition: all 0.3s ease !important;
    
    /* 核心修复：强制盒模型，保证内外框加起来不超过 100% 宽度 */
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important; 
}

/* 【内层输入区】 */
textarea,
fieldset[class*="MuiOutlinedInput-notchedOutline"] {
    border: 1.5px solid #CCCCCC !important; 
    border-radius: 12px !important; 
    background-color: #FAFAFA !important; 
    padding: 8px !important;
    transition: all 0.2s ease !important;
    
    /* 核心修复：保证文本域自身不越界 */
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 【动态交互】：点击输入时变黑框 */
textarea:focus {
    border: 2px solid #000000 !important; 
    background-color: #FFFFFF !important; 
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.05) !important; 
}

div[class*="Mui-focused"] fieldset[class*="MuiOutlinedInput-notchedOutline"] {
    border: 2px solid #000000 !important;
}

form:has(textarea:focus) > div,
div.relative:has(textarea:focus),
div[class*="MuiInputBase-root"]:focus-within {
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12), 0 4px 10px rgba(0, 0, 0, 0.06) !important;
    border-color: #D4D4D4 !important;
}

/* ==========================================
   11. 移动端终极适配 (彻底解决撑爆屏幕、按钮挤压问题)
   ========================================== */
@media (max-width: 768px) {
    /* 1. 顶部按钮区：允许换行，防止横向撑爆屏幕 */
    header, nav, div[class*="fixed"][class*="top-"] {
        display: flex !important;
        flex-wrap: wrap !important; /* 改为允许换行 */
        justify-content: flex-start !important;
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 4px !important;
    }
    
    /* 2. 缩小全局按钮尺寸 */
    button, [role="button"], [class*="MuiChip-root"] {
        padding: 4px 8px !important;
        font-size: 12px !important;
        margin: 2px !important;
        border-radius: 6px !important;
        height: auto !important;
    }

    /* 3. 极致压缩蓝色小按钮，防止在消息下方占太多空间 */
    div[class*="message"] button,
    .group button,
    .markdown-body ~ * button {
        padding: 4px 6px !important;
        margin: 2px !important;
    }
    
    div[class*="message"] button svg,
    .group button svg {
        width: 14px !important;
        height: 14px !important;
    }
    
    /* 4. 移动端输入框：收缩内外边距，减弱阴影，完美贴合小屏幕 */
    form:has(textarea) > div,
    div[class*="MuiInputBase-root"],
    div[class*="MuiOutlinedInput-root"] {
        padding: 2px !important; /* 外框厚度减半 */
        border-radius: 12px !important; /* 圆角改小 */
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 4px rgba(0, 0, 0, 0.04) !important; /* 阴影减弱，防止显得笨重 */
    }

    textarea,
    fieldset[class*="MuiOutlinedInput-notchedOutline"] {
        padding: 6px !important; /* 内框输入区留白减小 */
        border-radius: 8px !important;
        font-size: 14px !important; /* 字体适度调整 */
    }
}

/* =========================================
《春物》V4.2 究极感官引擎 (流式全端自适应版)
========================================= */

/* 1. 全局折叠面板 (引入 Clamp 流体排版) */
.dark-to-light-paper { 
    background-color: #ffffff; color: #333333; border: 1px solid #e0e0e0; border-radius: 6px; 
    margin-bottom: clamp(10px, 2vw, 15px); 
    padding: 0 clamp(12px, 3vw, 18px) clamp(12px, 3vw, 18px) clamp(12px, 3vw, 18px); 
    box-shadow: 0 2px 8px rgba(0,0,0,0.03); transition: all 0.3s ease; overflow: hidden; 
    font-family: 'Noto Serif SC', 'Songti SC', serif; line-height: 1.8; 
    font-size: clamp(14px, 1.2vw + 10px, 15.5px); /* 流体字体：手机14px，PC最大15.5px */
}
.dark-to-light-paper summary { 
    background-color: #2c303a; color: #f0f2f5; 
    padding: clamp(12px, 2.5vw, 15px) clamp(12px, 3vw, 18px); 
    margin: 0 calc(clamp(12px, 3vw, 18px) * -1); /* 动态负边距拉满 */
    font-weight: bold; font-size: clamp(1.05em, 1.5vw + 0.8em, 1.1em); 
    cursor: pointer; list-style: none; outline: none; transition: background 0.3s ease; 
    display: flex; align-items: center; 
}
.dark-to-light-paper summary::-webkit-details-marker { display: none; }
.dark-to-light-paper summary:hover { background-color: #3a404d; }
.dark-to-light-paper[open] summary { border-bottom: 1px solid #eeeeee; margin-bottom: clamp(10px, 2.5vw, 15px); }
.dark-to-light-paper blockquote { font-size: 0.9em; color: #888; border-left: 3px solid #3b719f; padding-left: 12px; margin: 10px 0 15px 0; font-style: italic; background: #f8f9fa; padding: 8px 12px; border-radius: 0 4px 4px 0; }

/* 🌟 2. 动态状态机专属图标 (Icon 流体自适应) */
.dark-to-light-paper summary::before { margin-right: clamp(6px, 1.5vw, 10px); font-size: clamp(1.1em, 2vw + 0.9em, 1.25em); display: inline-block; transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
.summary-engine::before { content: '🌸'; color: #ffb7c5; text-shadow: none; filter: grayscale(30%); }
.dark-to-light-paper[open] .summary-engine::before { transform: rotate(360deg); filter: grayscale(0%); text-shadow: 0 0 10px #ffb7c5, 0 0 20px rgba(255,183,197,0.8); }
.summary-phone::before { content: '📱'; opacity: 0.6; filter: brightness(0.5); }
.dark-to-light-paper[open] .summary-phone::before { content: '📲'; opacity: 1; filter: brightness(1.2); }
.summary-user::before { content: '👤'; color: #888; }
.dark-to-light-paper[open] .summary-user::before { content: '🕵️‍♂️'; }
.summary-target::before { content: '📡'; opacity: 0.7; }
.dark-to-light-paper[open] .summary-target::before { content: '🎯'; transform: scale(1.1); }
.summary-offline::before { content: '🕸️'; opacity: 0.6; }
.dark-to-light-paper[open] .summary-offline::before { content: '✂️'; transform: rotate(-45deg); }
.summary-archive::before { content: '🗄️'; }
.dark-to-light-paper[open] .summary-archive::before { content: '📂'; }
.summary-choice::before { content: '🌫️'; }
.dark-to-light-paper[open] .summary-choice::before { content: '🧭'; transform: rotate(45deg); }

/* 🧠 3. 思维链高亮优化 */
.cot-step-title { background: linear-gradient(90deg, rgba(9, 132, 227, 0.1), transparent); border-left: 4px solid #0984e3; color: #0984e3; padding: 4px 10px; font-weight: 900; margin-top: 15px; margin-bottom: 8px; border-radius: 2px; display: inline-block; let

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

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