/* ============================================
   PART 1: 核心基础与世界观 (佩奇的手绘风)
   ============================================ */

/* 1. 全局字体：恢复默认字重，保持清晰 */
body, .markdown-body {
    font-family: "Nunito", "Varela Round", "Microsoft YaHei", sans-serif !important;
    /* 移除了强制加粗，保持默认字重 */
}

/* 2. 隐藏顶部多余装饰条 (保持原设定) */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"],
header {
    display: none !important;
}

/* 3. 聊天背景 - 模拟佩奇动画的蓝天 */
body, #__next, [class*="app-layout"] {
    background-color: #C9E1E9 !important; /* 动画里的天空蓝 */
    background-image: 
        radial-gradient(circle at 10% 20%, white 10%, transparent 12%),
        radial-gradient(circle at 90% 60%, white 8%, transparent 10%) !important; /* 简单的云朵暗示 */
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
}

/* ============================================
   PART 2: 聊天气泡 (手绘不规则圆角)
   ============================================ */

/* 通用气泡形态 */
.bg-gray-100\/90.relative.inline-block,
[class*="bubble"] {
    border: 3px solid #000000 !important; /* 黑色描边 */
    border-radius: 25px 15px 20px 28px / 20px 28px 15px 25px !important; /* 不规则圆角 */
    box-shadow: 4px 4px 0px rgba(0,0,0,0.1) !important;
    padding: 18px !important;
    transition: transform 0.2s ease !important;
}

/* 🐷 AI (佩奇) - 粉色系 */
.bg-gray-100\/90.relative.inline-block {
    background-color: #FFD1DC !important; /* 佩奇皮肤粉 */
    border-color: #E08E9D !important; /* 深粉描边 */
    color: #C71585 !important; /* 深紫红文字 */
}

/* 🦕 用户 (乔治) - 蓝色系 */
div[class*="flex-row-reverse"] .bg-gray-100\/90.relative.inline-block,
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container *) {
    background-color: #E0F7FA !important; /* 乔治恐龙蓝 */
    border-color: #00BCD4 !important;
    color: #006064 !important;
    border-radius: 15px 25px 28px 20px / 28px 20px 25px 15px !important; /* 形状微调 */
}

/* 文字颜色修正 - 移除强制加粗 */
.markdown-body p, .markdown-body li {
    color: inherit !important; 
    line-height: 1.7 !important;
    /* font-weight: 600 !important;  <-- 已删除此行 */
}

/* ============================================
   PART 3: 🎙️ 旁白/引用 (原始资本主义的凝视)
   ============================================ */

/* 触发条件：AI 输出内容必须以 "> " 开头 
   例如：> 🎙️旁白：这是黑暗的现实...
*/
.markdown-body blockquote {
    position: relative !important;
    background: #1a1a1a !important; /* 纯黑/深灰背景 */
    background-image: repeating-linear-gradient(
        45deg,
        #1a1a1a,
        #1a1a1a 10px,
        #222 10px,
        #222 20px
    ) !important; /* 工业警示条纹感 */
    border: none !important;
    border-left: 8px solid #FF3333 !important; /* 鲜血/警告红 */
    border-radius: 4px !important;
    margin: 25px 0 !important;
    padding: 20px 15px 20px 35px !important; 
    box-shadow: inset 0 0 20px #000 !important;
    transform: rotate(-1deg) !important; /* 微微倾斜，制造不适感 */
    max-width: 95% !important;
}

/* 旁白文字样式 - 打字机风格 */
.markdown-body blockquote p {
    font-family: "Courier New", "Courier", monospace !important;
    color: #dcdcdc !important; /* 惨白 */
    font-size: 0.9rem !important;
    font-weight: normal !important;
    letter-spacing: 0.5px !important;
    text-shadow: 0 0 2px black !important;
}

/* 装饰：REALITY 标签 */
.markdown-body blockquote::before {
    content: "⚠ REALITY";
    position: absolute !important;
    top: -10px !important;
    left: 0 !important;
    background: #FF3333 !important;
    color: white !important;
    font-size: 10px !important;
    padding: 2px 8px !important;
    font-family: Arial, sans-serif !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

/* ============================================
   PART 4: 太阳加载动画
   ============================================ */

/* 容器 */
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    width: 40px !important; 
    height: 40px !important;
    overflow: visible !important;
}

/* 隐藏原点 */
.style_dot-flashing__8L91Q, 
[class*="dot-flashing"] {
    display: none !important;
}

/* 太阳本体 */
.flex.items-center.justify-center.w-6.h-5::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important; 
    margin: auto !important; 
    width: 32px !important;
    height: 32px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F39C12' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='5' fill='%23F1C40F' stroke='none'/%3E%3Cline x1='12' y1='1' x2='12' y2='3'/%3E%3Cline x1='12' y1='21' x2='12' y2='23'/%3E%3Cline x1='4.22' y1='4.22' x2='5.64' y2='5.64'/%3E%3Cline x1='18.36' y1='18.36' x2='19.78' y2='19.78'/%3E%3Cline x1='1' y1='12' x2='3' y2='12'/%3E%3Cline x1='21' y1='12' x2='23' y2='12'/%3E%3Cline x1='4.22' y1='19.78' x2='5.64' y2='18.36'/%3E%3Cline x1='18.36' y1='5.64' x2='19.78' y2='4.22'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    animation: sun-spin 4s linear infinite !important;
}

@keyframes sun-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* ============================================
   PART 5: 功能区域 (已恢复原本的折叠框样式)
   ============================================ */

/* 底部按钮 */
.MuiButtonBase-root {
    color: #8D6E63 !important; 
}

/* 思考折叠框 - 恢复为白色虚线风格 */
.markdown-body details {
    background-color: #FFFFFF !important;
    border: 2px dashed #BDC3C7 !important; /* 虚线边框 */
    border-radius: 10px !important;
    padding: 8px !important;
    margin-bottom: 10px !important;
    box-shadow: none !important; /* 去掉阴影 */
}

.markdown-body summary {
    cursor: pointer !important;
    font-weight: bold !important;
    color: #7F8C8D !important;
}