第一部分：status-content 区域美化（校园·NTR·剧情）
   适用元素：<div class="status-content">
   特点：暖色羊皮纸背景，双层花边圆角，柔和阴影
---------------------------------------------- */
.status-content {
    background: #fef5e9;  /* 暖白底色，像旧书页 */
    border: 4px solid #e39b7a;  /* 主边框，肉粉色 */
    border-radius: 40px 20px 40px 20px;  /* 不规则圆角，增添俏皮感 */
    box-shadow: 0 12px 25px rgba(180, 80, 40, 0.25), inset 0 2px 10px rgba(255, 245, 215, 0.8);
    padding: 20px;  /* 根据实际内容可调整，此处仅示例 */
    position: relative;
    color: #442a1c;  /* 深褐色文字，保证对比度 */
    font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;
    transition: all 0.2s;
}
/* 外层花纹装饰——点状虚线花边，模拟蕾丝 */
.status-content::before {
    content: '';
    position: absolute;
    top: -12px;
    left: -12px;
    right: -12px;
    bottom: -12px;
    border: 3px dotted #d47352;  /* 砖红色点状花纹 */
    border-radius: 52px 32px 52px 32px;  /* 与内层圆角呼应 */
    pointer-events: none;
    z-index: 0;
}
/* 可选的内部装饰线条，增强层次 */
.status-content::after {
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    border: 2px dashed #f0ac8a;  /* 浅橙色虚线 */
    border-radius: 46px 26px 46px 26px;
    pointer-events: none;
    z-index: 0;
}
/* 确保内容在装饰层上方 */
.status-content > * {
    position: relative;
    z-index: 2;
}
/* 手机适配：减小外边距 */
@media (max-width: 640px) {
    .status-content {
        border-radius: 30px 15px 30px 15px;
        padding: 16px;
    }
    .status-content::before {
        border-radius: 42px 27px 42px 27px;
    }
}
/* ----------------------------------------------
   第二部分：已有模块 CSS 重构（校园·NTR风格）
   原模块包括：对话气泡、平台按钮、输入框等。
   原则：暖色调、花纹边框、文字强制可读（深底白字自动处理），不改变尺寸。
---------------------------------------------- */
/* ---------- 模块一：对话气泡美化（AI侧） ---------- */
.group .bg-gray-100\/90 {
    background: #fde9dc !important;      /* 暖米粉色，温柔 */
    border: 3px double #bf6f5a !important; /* 双线边框，形成朴素花边 */
    border-radius: 30px 15px 30px 15px !important; /* 柔和的不规则圆角 */
    box-shadow: 8px 8px 0 rgba(170, 85, 45, 0.25) !important; /* 暖色阴影，无纯黑硬边 */
    color: #3f2a1b !important;           /* 深褐色文字，清晰 */
    padding: 12px !important;             /* 保持原有内边距 */
    font-weight: 400;
    transition: 0.2s;
}
/* 可选：用户侧气泡保留对称风格，如需修改可类推，此处仅以AI侧示例 */
/* ---------- 模块二：平台按钮美化（mod、流式等） ---------- */
.flex.items-center.gap-2.pb-2 > button {
    background: #ffede1 !important;       /* 浅杏色 */
    color: #3f2a1b !important;            /* 深褐色文字 */
    border: 3px dotted #b3593a !important; /* 点状花纹边框 */
    border-radius: 30px 12px 30px 12px !important; /* 不规则圆角 */
    box-shadow: 4px 4px 0 #c27e5e !important; /* 暖色阴影，比边框稍浅 */
    font-weight: bold !important;
    text-transform: none !important;
    transition: all 0.1s ease-in-out !important;
    padding: 6px 16px !important;          /* 保持原有按钮尺寸 */
}
/* 按钮悬停效果——轻轻按下，阴影缩小，移动 */
.flex.items-center.gap-2.pb-2 > button:hover {
    background: #fadbc8 !important;
    color: #2b1c10 !important;
    transform: translate(3px, 3px) !important;
    box-shadow: 1px 1px 0 #b3593a !important;
    border-style: solid dashed !important; /* 悬停时花纹微变，增加趣味 */
}
/* ---------- 模块三：多余元素隐藏（保持原样，不做修改） ---------- */
.MuiButtonBase-root.MuiButton-root.MuiButton-default.css-w13mdt,
.absolute.z-40 .px-4.py-2.hover\:bg-indigo-100:nth-child(5),
.css-nkqe49 {
    /* 无改动，维持原样 */
}
/* ---------- 模块四：输入栏美化 ---------- */
#ai-chat-input {
    background-color: #fffaf2 !important;    /* 暖白 */
    border: 3px ridge #c48662 !important;    /* 脊状边框，有雕刻感 */
    border-radius: 40px 15px 40px 15px !important;
    color: #3f2a1b !important;                /* 深色文字 */
    box-shadow: inset 3px 3px 5px rgba(150, 70, 30, 0.1), 0 4px 8px rgba(200, 120, 70, 0.2) !important;
    padding: 10px 15px !important;            /* 保持原有内边距 */
    font-size: 1rem;
}
/* 输入框容器透明背景（保持原逻辑） */
#ai-chat-bottom-input {
    background: transparent !important;
    backdrop-filter: none !important;
}
/* ---------- 全局深色背景文字强制反白（安全措施） ---------- */
/* 如果某处意外出现深色背景，内部文字强制白色（不修改<details>和<p>原有颜色） */
body *:not(details):not(p) {
    color-scheme: light dark;  /* 允许浏览器智能调整，但以下规则确保强制 */
}
/* 针对可能深色背景的容器，确保文字白色（但我们的设计均为浅色背景，此规则备而不用） */
[style*="background"]:not([style*="background: #"], [style*="background: rgb"], [style*="background-color: #"], [style*="background-color: rgb"]) {
    color: #ffffff !important;
}