css
/* 容器核心样式：丝绸质感与金色滚边 */
ai {
    display: block;
    background: linear-gradient(135deg, #fff5ee 0%, #fcf0f5 100%);
    border: 1.5px solid #d4af37;
    border-radius: 18px;
    padding: 0;
    margin: 10px auto;
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
    color: #4a3a3a;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(94, 44, 82, 0.15);
    position: relative;
}

/* 顶部霓虹状态栏 */
hd {
    display: flex;
    justify-content: space-between;
    background: #5e2c52;
    padding: 8px 15px;
    color: #d4af37;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(212, 175, 55, 0.5);
    border-bottom: 2px solid #d4af37;
}

/* 正文区域 */
article {
    padding: 15px;
    line-height: 1.8;
    font-size: 15.5px;
    background: rgba(255, 255, 255, 0.4);
}
article p { margin-bottom: 12px; }

/* 视频/CG容器 */
cg {
    display: block;
    border-top: 1px solid #d4af37;
    border-bottom: 1px solid #d4af37;
    background: #000;
}

/* 折叠面板统一样式 */
details {
    margin: 5px 0px;
    border: 1px solid rgba(212, 175, 55, 0.3);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.6);
    overflow: hidden;
    transition: all 0.3s ease;
}
details[open] {
    box-shadow: 0 4px 12px rgba(94, 44, 82, 0.1);
    background: #fff;
}
summary {
    padding: 10px 15px;
    background: linear-gradient(90deg, #5e2c52 0%, #8e4a7d 100%);
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    list-style: none;
    outline: none;
}
summary::-webkit-details-marker { display: none; }

/* 信息排版标签 */
row {
    display: flex;
    padding: 6px 15px;
    border-bottom: 1px dashed rgba(94, 44, 82, 0.1);
    align-items: center;
    flex-wrap: wrap;
}
f { color: #8e4a7d; font-weight: bold; margin-right: 8px; font-size: 13px; min-width: 40px;}
v { color: #4a3a3a; font-size: 14px; flex: 1; }

/* 资金状况特殊高亮 */
row[t="money"] {
    background: rgba(212, 175, 55, 0.1);
    border: 1px solid #d4af37;
    border-radius: 5px;
    margin: 5px 15px;
}
row[t="money"] v { color: #b8860b; font-weight: bold; }

/* 网格排版（身体细节） */
grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    padding: 10px 15px;
}
d { display: block; background: rgba(94, 44, 82, 0.03); padding: 5px; border-radius: 4px; }

/* 好感度条 */
bar {
    display: block;
    height: 6px;
    background: #eee;
    border-radius: 3px;
    margin: 8px 15px;
    overflow: hidden;
}
bar i {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #ff9a9e 0%, #fecfef 100%);
    box-shadow: 0 0 5px rgba(255, 154, 158, 0.8);
}

/* 内心想法 */
p[t="think"] {
    padding: 10px 15px;
    font-style: italic;
    color: #6a5a6a;
    background: rgba(94, 44, 82, 0.05);
    border-left: 3px solid #8e4a7d;
}

/* 记忆表格 - 已优化为强制横向排列 */
.table {
    display: block;
    margin: 10px;
    border: 1px solid rgba(94, 44, 82, 0.2);
    border-radius: 6px;
    font-size: 12px;
    overflow-x: auto; /* 允许横向滚动 */
    background: rgba(255, 255, 255, 0.5);
}
.table row {
    display: flex; /* 强制横向弹性布局 */
    width: max-content; /* 宽度由内容决定，不自动收缩 */
    min-width: 100%;
    padding: 0;
    border-bottom: 1px solid rgba(94, 44, 82, 0.1);
}
.table row[t="h"] {
    background: #5e2c52;
    color: #fff;
    font-weight: bold;
}
.table span {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border-right: 1px solid rgba(94, 44, 82, 0.1);
    white-space: nowrap; /* 强制文字不换行 */
}
/* 设置各列基础宽度 */
.table span:nth-child(1) { width: 40px; justify-content: center; }
.table span:nth-child(2) { width: 130px; }
.table span:nth-child(3) { min-width: 200px; border-right: none; }

ai p[t="aff-item"] b {
    color: #ff4d6d !important;
    font-weight: bold;
}

/* 行动推荐按钮 */
.btns {
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.btns v {
    background: #fff;
    border: 1px solid #5e2c52;
    padding: 10px;
    border-radius: 25px;
    text-align: center;
    color: #5e2c52;
    font-weight: bold;
    transition: 0.3s;
}
.btns v:hover {
    background: #5e2c52;
    color: #d4af37;
}

/* 霓虹呼吸灯动效 */
@keyframes neon-pulse {
    0% { box-shadow: 0 0 5px rgba(212, 175, 55, 0.3); }
    50% { box-shadow: 0 0 15px rgba(212, 175, 55, 0.6); }
    100% { box-shadow: 0 0 5px rgba(212, 175, 55, 0.3); }
}
details[t="a"] summary {
    animation: neon-pulse 2s infinite ease-in-out;
}

/* --- 移除顶部默认颜色条 --- */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* --- 统一聊天框主体设计 (增强圆角版) --- */
.bg-gray-100\/90.relative.inline-block {
    background: linear-gradient(145deg, #1a0a1f 0%, #0d0d0d 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 略微加强金边质感 */
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.7), 0 0 20px rgba(255, 20, 147, 0.15) !important;
    /* 核心修改：极其圆润的边角 */
    border-radius: 28px !important; 
    backdrop-filter: blur(12px) !important;
    isolation: isolate !important;
    position: relative !important;
    overflow: hidden !important; /* 确保内部元素不超出圆角 */
}

/* --- 背景动效：霓虹流光 --- */
.bg-gray-100\/90.relative.inline-block::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: radial-gradient(circle at 10% 20%, rgba(255, 20, 147, 0.08) 0%, transparent 40%),
                radial-gradient(circle at 90% 80%, rgba(212, 175, 55, 0.08) 0%, transparent 40%) !important;
    opacity: 0.7 !important;
    pointer-events: none !important;
}

/* --- 核心文本可读性保障 --- */
.markdown-body {
    color: #F5F5F5 !important; /* 极高对比度的月白色 */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    line-height: 1.75 !important;
    padding: 4px 8px !important;
    z-index: 1 !important;
    background: transparent !important;
}

.markdown-body strong {
    color: #ffb7c5 !important; /* 关键文本呈现诱惑的粉色 */
    font-weight: bold !important;
}

/* --- 底部附加元素美化 --- */
/* 底部操作按钮 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    color: #d4af37 !important; /* 奢华金 */
    opacity: 0.85 !important;
    font-weight: 500 !important;
}

/* 模型名称与Token消耗 */
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: #c0c0c0 !important; 
    font-size: 0.8rem !important;
    opacity: 0.9 !important;
}

/* --- 加载动画 (SMIL SVG 方案) --- */
.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: "" !important;
    width: 22px !important;
    height: 22px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ff1493' d='M12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35Z'%3E%3Canimate attributeName='opacity' values='0.4;1;0.4' dur='2s' repeatCount='indefinite' /%3E%3CanimateTransform attributeName='transform' type='scale' values='0.9;1.1;0.9' dur='2s' repeatCount='indefinite' additive='sum' pivot='12 12' /%3E%3C/path%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: block !important;
}

/* --- 响应式微调 --- */
@media (max-width: 480px) {
    .bg-gray-100\/90.relative.inline-block {
        border-radius: 20px !important; /* 移动端圆角稍小以节省空间 */
        margin: 6px !important;
    }
}