/* --- 核心修复：强制亮色模式 & 移动端重置 --- */
/* 1. 强制浏览器以亮色模式渲染，防止手机深色模式自动加黑边 */
:root {
    color-scheme: light !important;
}

/* 2. 全局移除移动端点击高亮（那个黑/灰块） */
* {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none !important;
}

/* 3. 终极移除聚焦轮廓（解决点击后的黑框） */
*:focus, *:active, *:focus-visible {
    outline: 0 !important;
    outline-color: transparent !important;
    outline-style: none !important;
    box-shadow: none !important; /* 先清除所有阴影，后面单独加 */
}

/* --- 容器美化 --- */
.bg-gray-100\/90.relative.inline-block {
    background: #FFD1DC !important; /* 纯色背景，避免渐变兼容性问题 */
    background: linear-gradient(135deg, #FFD1DC 0%, #FFB6C1 100%) !important;
    border: 3px solid #FFC0CB !important;
    border-radius: 25px !important;
    padding: 20px !important; /* 稍微减小padding以适应手机 */
    margin: 10px auto !important;
    max-width: 100% !important; /* 确保不溢出屏幕 */
    /* 使用简单的阴影，避免渲染错误 */
    box-shadow: 0 5px 15px rgba(255, 182, 193, 0.5) !important;
}

/* 文本内容区域 */
.markdown-body {
    background-color: #FFFFFF !important; /* 纯白背景 */
    color: #4A4A4A !important;
    border-radius: 18px !important;
    padding: 15px !important;
    line-height: 1.6 !important;
    font-family: sans-serif !important; /* 简化字体，防止加载延迟 */
    /* 移除内部阴影，防止被误渲染为黑边 */
    box-shadow: none !important;
    border: 1px solid #FFF0F5 !important; /* 极淡的边框代替阴影 */
}

/* 标题 */
.markdown-body h1, .markdown-body h2, .markdown-body h3 {
    color: #FF69B4 !important;
    margin-top: 1em !important;
    margin-bottom: 0.5em !important;
    text-shadow: none !important; /* 移除文字阴影，防止模糊变黑 */
}

/* --- 代码块终极修复 (针对手机端黑边) --- */
.markdown-body pre, .markdown-body code {
    background-color: #FFF0F5 !important; /* 浅粉背景 */
    color: #C71585 !important;
    
    /* 关键修复：使用不透明的实线边框 */
    border: 2px solid #FFB6C1 !important; 
    border-radius: 8px !important;
    
    /* 关键修复：移除所有可能导致黑边的属性 */
    box-shadow: none !important;
    outline: none !important;
    text-shadow: none !important;
    
    /* 确保背景裁剪正确 */
    background-clip: padding-box !important;
    
    /* 字体调整 */
    font-family: monospace !important;
    font-size: 0.9em !important;
    padding: 10px !important;
    margin: 10px 0 !important;
    white-space: pre-wrap !important;
    word-break: break-all !important;
}

/* --- 交互面板 (details) 终极修复 --- */
details {
    background-color: #FFFAF0 !important;
    /* 实线边框 */
    border: 2px solid #FFC0CB !important;
    border-radius: 12px !important;
    margin-bottom: 15px !important;
    padding: 10px !important;
    
    /* 移除阴影，防止手机端渲染异常 */
    box-shadow: none !important;
    
    /* 移除点击高亮 */
    -webkit-tap-highlight-color: transparent !important;
}

/* 摘要 (summary) 终极修复 */
summary {
    color: #FF1493 !important;
    font-weight: bold !important;
    cursor: pointer !important;
    padding: 5px !important;
    
    /* 核心：移除所有边框和轮廓 */
    outline: 0 !important;
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    
    list-style: none !important;
}

/* 隐藏原生三角 */
summary::-webkit-details-marker {
    display: none !important;
}

/* 自定义图标 */
summary::before {
    content: '🌸 ' !important;
    margin-right: 5px !important;
}

details[open] summary::before {
    content: '🌼 ' !important;
}

/* --- 输入框修复 --- */
textarea, input[type="text"] {
    background: #FFF !important;
    border: 1px solid #FFC0CB !important;
    border-radius: 8px !important;
    padding: 8px !important;
    color: #333 !important;
    /* 移除iOS默认样式 */
    -webkit-appearance: none !important;
    box-shadow: none !important;
}

textarea:focus, input[type="text"]:focus {
    border-color: #FF69B4 !important;
    outline: none !important;
}

/* --- 按钮修复 --- */
.MuiButtonBase-root.MuiButton-root {
    background-color: #FFC0CB !important;
    color: #8B0000 !important;
    border-radius: 12px !important;
    box-shadow: none !important; /* 移除按钮阴影 */
    border: 1px solid #FFB6C1 !important; /* 加个边框代替阴影 */
}

/* 隐藏多余元素 */
[class*="bg-[#F1CBCB]"], [class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* 链接 */
.markdown-body a {
    color: #FF1493 !important;
    text-decoration: none !important;
}