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

/* ===== 订阅卡主体 ===== */
.bg-gray-100\/90.relative.inline-block {
    background: #FBF7F2 !important;
    border: 1px solid #C9A96E !important;
    border-radius: 20px !important;
    box-shadow:
        0 0 20px rgba(255, 192, 203, 0.35),
        inset 0 0 0 1px #C9A96E !important;
    padding: 22px 22px 14px !important;
    position: relative !important;
    isolation: isolate !important;
    overflow: visible !important;
    font-family: "Baskerville", "Noto Serif SC", "Songti SC", serif !important;
}

/* 输入卡：奶油白 */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) {
    background: #FBF7F2 !important;
}

/* 输出卡：烟灰粉 */
.chat-answer-container .bg-gray-100\/90.relative.inline-block {
    background: #F3E4E1 !important;
}

/* ===== 右上角锁 · 输入（心形闭合 · 呼吸） ===== */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90)::after {
    content: '' !important;
    position: absolute !important;
    top: 10px !important;
    right: 14px !important;
    width: 24px !important;
    height: 28px !important;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-10 -12 20 22'><g><animateTransform attributeName='transform' type='scale' values='1;1.06;1' dur='2.6s' repeatCount='indefinite'/><path d='M-3 -3 V-7 a3 3 0 0 1 6 0 V-3' fill='none' stroke='%23C9A96E' stroke-width='1.4' stroke-linecap='round'/><path d='M0 8 C-8 2 -8 -6 -4 -6 C-2 -6 0 -4 0 -3 C0 -4 2 -6 4 -6 C8 -6 8 2 0 8 Z' fill='%23E8D5D2' stroke='%23C9A96E' stroke-width='1'/><circle cx='0' cy='0' r='1.2' fill='%23C9A96E'/><rect x='-0.4' y='0.5' width='0.8' height='2.6' fill='%23C9A96E'/></g></svg>") center/contain no-repeat !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

/* ===== 右上角锁 · 输出（心形开锁 · 锁扣咔哒弹开） ===== */
.chat-answer-container .bg-gray-100\/90.relative.inline-block::after {
    content: '' !important;
    position: absolute !important;
    top: 10px !important;
    right: 14px !important;
    width: 26px !important;
    height: 30px !important;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-12 -13 24 24'><path d='M-3 -3 V-7 a3 3 0 0 1 6 0 V-3' fill='none' stroke='%23C9A96E' stroke-width='1.4' stroke-linecap='round'><animateTransform attributeName='transform' type='rotate' values='0 -3 -3;-38 -3 -3;-30 -3 -3' keyTimes='0;0.7;1' dur='0.4s' fill='freeze'/></path><path d='M0 8 C-8 2 -8 -6 -4 -6 C-2 -6 0 -4 0 -3 C0 -4 2 -6 4 -6 C8 -6 8 2 0 8 Z' fill='%23FBF7F2' stroke='%23C9A96E' stroke-width='1'/><circle cx='0' cy='0' r='1.2' fill='%23C9A96E'/><rect x='-0.4' y='0.5' width='0.8' height='2.6' fill='%23C9A96E'/></svg>") center/contain no-repeat !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

/* ===== 主文本 ===== */
.markdown-body {
    color: #4A2E2A !important;
    font-family: "Baskerville", "Noto Serif SC", "Songti SC", serif !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    letter-spacing: 0.2px !important;
    position: relative !important;
    z-index: 1 !important;
    background: transparent !important;
}

.markdown-body strong,
.markdown-body b {
    font-weight: bold !important;
    color: #4A2E2A !important;
}

.markdown-body em,
.markdown-body i {
    font-style: italic !important;
    color: #6B3F3A !important;
}

/* ===== 底部胶囊按钮 (已移除锁图标) ===== */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    background: #FBF7F2 !important;
    color: #4A2E2A !important;
    border: 1px solid #C9A96E !important;
    border-radius: 999px !important;
    padding: 3px 14px !important;
    min-width: 0 !important;
    font-family: "Baskerville", "Noto Serif SC", serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-transform: none !important;
    letter-spacing: 0.4px !important;
    position: relative !important;
    margin: 2px 3px !important;
    transition: background 0.35s ease, color 0.35s ease, transform 0.2s ease !important;
    box-shadow: 0 1px 3px rgba(201, 169, 110, 0.2) !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    background: linear-gradient(135deg, #F3D9D5 0%, #E5C79A 100%) !important;
    color: #4A2E2A !important;
    border-color: #C9A96E !important;
    transform: translateY(-1px) !important;
}

/* ===== 模型名（前置空心❤） ===== */
.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
    color: #B8869C !important;
    font-family: "Baskerville", "Noto Serif SC", serif !important;
    font-size: 11px !important;
    font-style: italic !important;
    letter-spacing: 0.5px !important;
    position: relative !important;
    padding-left: 12px !important;
}

.MuiTypography-root.MuiTypography-body2.css-6c0gf2::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 8px !important;
    height: 8px !important;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'><path d='M5 8.5 C 1 6 1 3 2.5 2 C 3.8 1 5 2.2 5 3 C 5 2.2 6.2 1 7.5 2 C 9 3 9 6 5 8.5 Z' fill='none' stroke='%23D9A3B0' stroke-width='1' stroke-linejoin='round'/></svg>") center/contain no-repeat !important;
}

/* ===== Token 余额感 ===== */
.text-orange-500 {
    color: #C9A96E !important;
    font-family: "Baskerville", serif !important;
    font-size: 10px !important;
    font-style: italic !important;
    letter-spacing: 0.6px !important;
    opacity: 0.9 !important;
}

/* ===== 加载动画：迷你相机吐宝丽来 (带 SOLD 红章) ===== */
.style-module__AtdJSq__dot-flashing.style-module__AtdJSq__text {
    display: none !important;
}

.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    width: 46px !important;
    height: 42px !important;
    overflow: visible !important;
}

.flex.items-center.justify-center.w-6.h-5::before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 44px !important;
    height: 42px !important;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 42'><rect x='14' y='6' width='9' height='4' rx='0.5' fill='%23E8D5D2' stroke='%23C9A96E' stroke-width='0.8'/><rect x='6' y='10' width='32' height='16' rx='3' fill='%23FBF7F2' stroke='%23C9A96E' stroke-width='1.2'/><circle cx='22' cy='18' r='5' fill='%23F3E4E1' stroke='%23C9A96E' stroke-width='1'/><circle cx='22' cy='18' r='2.2' fill='%23C9A96E'/><circle cx='32' cy='14' r='0.9' fill='%23D9A3B0'/><rect x='11' y='26' width='22' height='0' fill='%23FBF7F2' stroke='%23C9A96E' stroke-width='0.8'><animate attributeName='height' values='0;12;12;0' keyTimes='0;0.45;0.85;1' dur='2.2s' repeatCount='indefinite'/></rect><g opacity='0' transform='rotate(-18 22 32)'><animate attributeName='opacity' values='0;0;0;0.85;0.85;0' keyTimes='0;0.5;0.6;0.68;0.88;1' dur='2.2s' repeatCount='indefinite'/><rect x='14' y='29' width='16' height='6.5' rx='0.6' fill='none' stroke='%23C94F4F' stroke-width='0.7'/><text x='22' y='33.9' text-anchor='middle' font-family='Georgia,serif' font-size='4.8' font-weight='bold' fill='%23C94F4F' letter-spacing='0.3'>SOLD</text></g></svg>") center/contain no-repeat !important;
}

/* ===== 移动端适配 ===== */
@media (max-width: 480px) {
    .bg-gray-100\/90.relative.inline-block {
        border-radius: 16px !important;
        padding: 18px 18px 12px !important;
    }
    .markdown-body {
        font-size: 14px !important;
        line-height: 1.7 !important;
    }
    /* 缩小移动端的心形锁尺寸 */
    .bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90)::after {
        top: 8px !important;
        right: 12px !important;
        width: 20px !important;
        height: 24px !important;
    }
    .chat-answer-container .bg-gray-100\/90.relative.inline-block::after {
        top: 8px !important;
        right: 12px !important;
        width: 22px !important;
        height: 26px !important;
    }
}

/* ===== 低动效偏好 ===== */
@media (prefers-reduced-motion: reduce) {
    .flex.items-center.justify-center.w-6.h-5::before {
        opacity: 0.75 !important;
    }
}

/* ==========================================
   一、 顶部栏 · 鎏金私密导航
========================================== */
/* 顶部栏主容器：奶油白半透明 + 玫瑰金微光阴影 */
.sticky.w-full.top-0.flex.items-center {
    background: rgba(251, 247, 242, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(201, 169, 110, 0.6) !important;
    box-shadow: 0 4px 20px rgba(255, 192, 203, 0.25) !important;
}

/* 模型选择器：烟灰粉底色 + 鎏金边框 */
#ai-model-selector .group.flex.items-center {
    background: #F3E4E1 !important;
    border: 1px solid #C9A96E !important;
    border-radius: 20px !important;
    padding: 4px 14px !important;
    color: #4A2E2A !important;
    font-family: "Baskerville", "Noto Serif SC", serif !important;
    box-shadow: inset 0 0 8px rgba(255, 192, 203, 0.3) !important;
    transition: all 0.3s ease !important;
}
#ai-model-selector .group.flex.items-center:hover {
    background: #FBF7F2 !important;
    box-shadow: 0 0 12px rgba(255, 192, 203, 0.4) !important;
}

/* 模型名称 */
#ai-model-selector .truncate.text-\[13px\] {
    font-weight: bold !important;
    letter-spacing: 0.5px !important;
}

/* 顶部各类图标：鎏金色调 */
#ai-model-selector .shrink-0.flex.items-center svg,
.sticky.w-full.top-0 svg.lucide-clock-8,
.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2,
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]),
#header-setting-button svg {
    color: #C9A96E !important;
    filter: drop-shadow(0 1px 2px rgba(201, 169, 110, 0.3)) !important;
}

/* 历史记录未读角标：暧昧粉紫 */
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
    background-color: #D9A3B0 !important;
    box-shadow: 0 0 6px #D9A3B0 !important;
}


/* ==========================================
   二、 底部栏 · 订阅解锁面板
========================================== */
/* 底部背景图：叠加烟灰粉渐变滤镜，确保前景可读 */
.bg-gradient-to-t, 
div[class="bottom-0"][class*="w-full"]:has(#ai-chat-input) {
    background-image:url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEXzQxqYv5HmgABBUmoq5yDzocM12jAUcEAAgokAAJq7xlX7uxs09yVOYk9BA.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    border-top: 1px solid rgba(201, 169, 110, 0.6) !important;
    box-shadow: 0 -4px 24px rgba(255, 192, 203, 0.35) !important;
    backdrop-filter: blur(4px) !important;
}

/* 主输入框：奶油白卡片质感 */
#ai-chat-input {
    background: rgba(251, 247, 242, 0.92) !important;
    color: #4A2E2A !important;
    font-family: "Baskerville", "Noto Serif SC", serif !important;
    font-size: 15px !important;
    border: 1px solid #C9A96E !important;
    border-radius: 14px !important;
    box-shadow: inset 0 0 12px rgba(201, 169, 110, 0.15) !important;
    caret-color: #D9A3B0 !important;
    transition: all 0.3s ease !important;
}
#ai-chat-input:focus {
    background: #FBF7F2 !important;
    border-color: #B8869C !important;
    box-shadow: 0 0 18px rgba(255, 192, 203, 0.45), inset 0 0 5px rgba(201, 169, 110, 0.2) !important;
}
#ai-chat-input::placeholder {
    color: rgba(74, 46, 42, 0.45) !important;
    font-style: italic !important;
}
#ai-chat-input::selection {
    background: rgba(217, 163, 176, 0.35) !important;
    color: #4A2E2A !important;
}

/* 底部功能按钮：与气泡底部的胶囊按钮完美统一 */
#ai-mod-button2 button.MuiButton-root {
    background: #FBF7F2 !important;
    color: #4A2E2A !important;
    border: 1px solid #C9A96E !important;
    border-radius: 999px !important;
    font-family: "Baskerville", "Noto Serif SC", serif !important;
    font-weight: bold !important;
    box-shadow: 0 2px 6px rgba(201, 169, 110, 0.2) !important;
    transition: all 0.35s ease !important;
}
#ai-mod-button2 button.MuiButton-root:hover {
    background: linear-gradient(135deg, #F3D9D5 0%, #E5C79A 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(201, 169, 110, 0.4) !important;
}
#ai-mod-button2 button.MuiButton-root svg {
    color: #C9A96E !important;
}


/* ==========================================
   三、 分页栏 · 鎏金数字
========================================== */
.MuiPaginationItem-root {
    background: #FBF7F2 !important;
    color: #4A2E2A !important;
    border: 1px solid rgba(201, 169, 110, 0.5) !important;
    font-family: "Baskerville", serif !important;
    border-radius: 8px !important;
    transition: all 0.3s !important;
}
.MuiPaginationItem-root:hover {
    background: #F3E4E1 !important;
    border-color: #C9A96E !important;
    box-shadow: 0 2px 8px rgba(201, 169, 110, 0.3) !important;
}
.MuiPaginationItem-root.Mui-selected {
    background: linear-gradient(135deg, #F3D9D5 0%, #E5C79A 100%) !important;
    color: #4A2E2A !important;
    border-color: #C9A96E !important;
    font-weight: bold !important;
    box-shadow: 0 0 10px rgba(201, 169, 110, 0.4) !important;
}
.MuiPaginationItem-root.Mui-disabled {
    opacity: 0.4 !important;
}
.MuiPaginationItem-icon {
    color: #C9A96E !important;
}
.MuiStack-root.css-1uwir8f .MuiBox-root {
    color: #4A2E2A !important;
    font-family: "Baskerville", serif !important;
    font-weight: bold !important;
}
.MuiStack-root.css-1uwir8f .MuiInputBase-input {
    color: #4A2E2A !important;
    background: #FBF7F2 !important;
    border: 1px solid #C9A96E !important;
    border-radius: 6px !important;
}


/* ==========================================
   四、 评论区 · 粉丝互动墙
========================================== */
/* 评论区全局背景：叠加深邃玫瑰金滤镜 */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"], 
div[class*="bottom-0"][class*="w-full"]:not([class*="bg-gradient"]):not([class*="gradient"]) { 
    background-color: transparent !important; 
    background-image: 
        linear-gradient(180deg, rgba(251, 247, 242, 0.75) 0%, rgba(243, 228, 225, 0.9) 100%), 
        url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEXzOBqYvyGb-ILOLNNirvPVQSH2248_QAC3SMAAmrvGVcfJgwqJbmXTj0E.jpg') !important; 
    background-size: cover !important; 
    background-position: center !important; 
    background-attachment: fixed !important; 
}

/* 顶部标题"评论(x)" */
div.text-lg.font-bold {
    color: #4A2E2A !important;
    font-family: "Baskerville", "Noto Serif SC", serif !important;
    text-shadow: 0 1px 4px rgba(255, 192, 203, 0.5) !important;
    border-bottom: 2px double #C9A96E !important;
    padding-bottom: 8px !important;
}

/* 个人评分文字 */
p.MuiTypography-body1.text-grey-600 {
    color: #B8869C !important;
    font-family: "Baskerville", serif !important;
    font-style: italic !important;
    font-weight: bold !important;
}

/* 鎏金星星 */
span.MuiRating-iconEmpty svg {
    color: rgba(201, 169, 110, 0.3) !important;
}
span.MuiRating-iconFilled svg {
    color: #C9A96E !important;
    filter: drop-shadow(0 0 4px rgba(201, 169, 110, 0.6)) !important;
}
span.text-orange-500 {
    color: #C9A96E !important;
    font-family: "Baskerville", serif !important;
    font-weight: bold !important;
}

/* 排序按钮 */
button.MuiButton-containedPrimary {
    background: linear-gradient(135deg, #F3D9D5 0%, #E5C79A 100%) !important;
    color: #4A2E2A !important;
    border: 1px solid #C9A96E !important;
    border-radius: 12px 4px 12px 4px !important;
    font-family: "Baskerville", "Noto Serif SC", serif !important;
    font-weight: bold !important;
    box-shadow: 0 3px 10px rgba(201, 169, 110, 0.3) !important;
}
button.MuiButton-outlinedPrimary {
    background: rgba(251, 247, 242, 0.8) !important;
    color: #6B3F3A !important;
    border: 1px solid rgba(201, 169, 110, 0.6) !important;
    border-radius: 12px 4px 12px 4px !important;
    font-family: "Baskerville", "Noto Serif SC", serif !important;
    transition: all 0.3s !important;
}
button.MuiButton-outlinedPrimary:hover {
    background: #F3E4E1 !important;
    color: #4A2E2A !important;
    border-color: #C9A96E !important;
}

/* 发送评论输入框容器 */
div.flex.flex-col.border-gray-200 {
    background: #FBF7F2 !important;
    border: 1px solid #C9A96E !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(255, 192, 203, 0.2) !important;
    transition: all 0.3s !important;
    overflow: hidden !important;
}
div.flex.flex-col.border-gray-200:focus-within {
    border-color: #B8869C !important;
    box-shadow: 0 6px 20px rgba(255, 192, 203, 0.4) !important;
}

/* 评论textarea */
textarea.rc-textarea {
    background: transparent !important;
    color: #4A2E2A !important;
    font-family: "Baskerville", "Noto Serif SC", serif !important;
    font-size: 14px !important;
    caret-color: #D9A3B0 !important;
}
textarea.rc-textarea::placeholder {
    color: rgba(74, 46, 42, 0.4) !important;
    font-style: italic !important;
}

/* 字数统计栏 */
div.bg-gray-100.text-gray-500 {
    background: #F3E4E1 !important;
    color: #6B3F3A !important;
    border-top: 1px dashed rgba(201, 169, 110, 0.5) !important;
    font-family: "Baskerville", serif !important;
}

/* 发送评论按钮 */
div.cursor-pointer.group.flex.items-center.justify-center {
    background: #E5C79A !important;
    border-left: 1px solid #C9A96E !important;
    transition: all 0.3s !important;
}
div.cursor-pointer.group.flex.items-center.justify-center:hover {
    background: #D9A3B0 !important;
}
div[data-state="closed"] svg[data-icon="Send03"] {
    color: #FBF7F2 !important;
    filter: drop-shadow(0 1px 2px rgba(74, 46, 42, 0.3)) !important;
}

/* 分割线 */
div.style_divider__mW0YX {
    background: linear-gradient(90deg, transparent 0%, rgba(201, 169, 110, 0.6) 50%, transparent 100%) !important;
    height: 1px !important;
    border: none !important;
}

/* ===== 粉丝评论卡片（高不透明度，确保阅读体验） ===== */
div.group.ml-0 {
    background: rgba(251, 247, 242, 0.96) !important;
    border: 1px solid rgba(201, 169, 110, 0.6) !important;
    border-left: 3px solid #C9A96E !important;
    border-radius: 4px 16px 4px 16px !important;
    padding: 14px 16px !important;
    margin-bottom: 14px !important;
    box-shadow: 0 4px 15px rgba(255, 192, 203, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.5) !important;
    transition: all 0.3s ease !important;
}
div.group.ml-0:hover {
    transform: translateY(-2px) !important;
    border-color: #C9A96E !important;
    box-shadow: 0 8px 25px rgba(255, 192, 203, 0.4), inset 0 0 8px rgba(201, 169, 110, 0.15) !important;
}

/* 头像 */
div.group img.rounded-full {
    border: 2px solid #C9A96E !important;
    padding: 2px !important;
    background: #FBF7F2 !important;
    box-shadow: 0 2px 8px rgba(201, 169, 110, 0.3) !important;
    transition: transform 0.3s !important;
}
div.group img.rounded-full:hover {
    transform: rotate(-5deg) scale(1.05) !important;
}

/* 用户名 */
div.text-sm.text-grey-600 span.font-bold {
    color: #4A2E2A !important;
    font-family: "Baskerville", "Noto Serif SC", serif !important;
    font-weight: bold !important;
}

/* "（你）" 标签 */
span.text-\[10px\] {
    background: #F3E4E1 !important;
    color: #6B3F3A !important;
    border: 1px solid #C9A96E !important;
    border-radius: 8px !important;
    padding: 2px 6px !important;
    font-family: "Baskerville", serif !important;
    margin-left: 6px !important;
    box-shadow: 0 1px 3px rgba(201, 169, 110, 0.2) !important;
}

/* 评论正文 */
div.break-all {
    color: #4A2E2A !important;
    font-family: "Baskerville", "Noto Serif SC", serif !important;
    font-size: 14.5px !important;
    line-height: 1.75 !important;
}

/* 时间戳 */
div.text-xs.text-grey-600 {
    color: #B8869C !important;
    font-family: "Baskerville", serif !important;
    font-style: italic !important;
    letter-spacing: 0.5px !important;
}

/* 点赞按钮 */
button.text-gray-400 {
    background: #FBF7F2 !important;
    border: 1px solid rgba(201, 169, 110, 0.4) !important;
    border-radius: 12px !important;
    padding: 3px 10px !important;
    transition: all 0.3s !important;
}
button.text-gray-400:hover {
    background: #F3E4E1 !important;
    border-color: #C9A96E !important;
    transform: translateY(-1px) !important;
}
button.text-gray-400 svg {
    color: #C9A96E !important;
}

/* 回复按钮 */
span.cursor-pointer {
    color: #C9A96E !important;
    font-family: "Baskerville", "Noto Serif SC", serif !important;
    font-weight: bold !important;
    padding: 2px 6px !important;
    border-radius: 6px !important;
    transition: all 0.3s !important;
}
span.cursor-pointer:hover {
    background: #F3E4E1 !important;
    color: #6B3F3A !important;
}

/* 回复区域边框 */
div.ml-8.border-l {
    border-left: 1px dashed #C9A96E !important;
    padding-left: 14px !important;
    position: relative !important;
}
div.ml-8.border-l::before {
    content: '♥' !important;
    position: absolute !important;
    left: -6px !important;
    top: 8px !important;
    color: #C9A96E !important;
    font-size: 10px !important;
    background: #FBF7F2 !important;
    line-height: 1 !important;
}

/* ==========================================
   状态栏 · OF订阅面板 × Twitter网黄工作台
========================================== */

/* ===== 主折叠卡 · 奶油白订阅面板 ===== */
.markdown-body details {
    background: linear-gradient(180deg, #FBF7F2 0%, rgba(243, 228, 225, 0.55) 100%) !important;
    border: 1px solid #C9A96E !important;
    border-radius: 14px !important;
    padding: 10px 16px !important;
    margin: 12px 0 !important;
    box-shadow: 
        0 4px 16px rgba(255, 192, 203, 0.22),
        inset 0 0 0 1px rgba(255, 255, 255, 0.5) !important;
    position: relative !important;
    font-family: "Baskerville", "Noto Serif SC", "Songti SC", serif !important;
    color: #4A2E2A !important;
    transition: box-shadow 0.35s ease, transform 0.3s ease !important;
    overflow: hidden !important;
}

.markdown-body details:hover {
    box-shadow: 
        0 6px 24px rgba(255, 192, 203, 0.4),
        inset 0 0 0 1px rgba(255, 255, 255, 0.7) !important;
}

/* 主details右上角 · 认证角标(鎏金羽毛勾) */
.markdown-body details::after {
    content: '' !important;
    position: absolute !important;
    top: 10px !important;
    right: 14px !important;
    width: 14px !important;
    height: 14px !important;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2 L14 6 L18 4 L17 8 L21 10 L17 12 L18 16 L14 14 L12 18 L10 14 L6 16 L7 12 L3 10 L7 8 L6 4 L10 6 Z' fill='%23C9A96E' stroke='%23FBF7F2' stroke-width='0.6'/><path d='M9 10 L11 12 L15 8' stroke='%23FBF7F2' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat !important;
    pointer-events: none !important;
    filter: drop-shadow(0 1px 2px rgba(201, 169, 110, 0.5)) !important;
    z-index: 2 !important;
}

/* ===== summary · 私密订阅标题 ===== */
.markdown-body details > summary {
    color: #4A2E2A !important;
    font-family: "Baskerville", "Noto Serif SC", serif !important;
    font-weight: bold !important;
    font-size: 13.5px !important;
    letter-spacing: 2px !important;
    cursor: pointer !important;
    padding: 5px 0 5px 24px !important;
    position: relative !important;
    list-style: none !important;
    border-bottom: 1px dashed rgba(201, 169, 110, 0.5) !important;
    margin-bottom: 10px !important;
    outline: none !important;
    text-transform: uppercase !important;
}

.markdown-body details > summary::-webkit-details-marker,
.markdown-body details > summary::marker {
    display: none !important;
    content: '' !important;
}

/* 折叠图标 · 闭合心锁 */
.markdown-body details > summary::before {
    content: '' !important;
    position: absolute !important;
    left: 2px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 16px !important;
    height: 16px !important;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-10 -12 20 22'><path d='M-3 -3 V-7 a3 3 0 0 1 6 0 V-3' fill='none' stroke='%23C9A96E' stroke-width='1.6' stroke-linecap='round'/><path d='M0 8 C-8 2 -8 -6 -4 -6 C-2 -6 0 -4 0 -3 C0 -4 2 -6 4 -6 C8 -6 8 2 0 8 Z' fill='%23E8D5D2' stroke='%23C9A96E' stroke-width='1'/></svg>") center/contain no-repeat !important;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 展开状态 · 开锁心 */
.markdown-body details[open] > summary::before {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-12 -13 24 24'><path d='M-3 -3 V-7 a3 3 0 0 1 6 0 V-3' fill='none' stroke='%23D9A3B0' stroke-width='1.6' stroke-linecap='round' transform='rotate(-30 -3 -3)'/><path d='M0 8 C-8 2 -8 -6 -4 -6 C-2 -6 0 -4 0 -3 C0 -4 2 -6 4 -6 C8 -6 8 2 0 8 Z' fill='%23FBF7F2' stroke='%23D9A3B0' stroke-width='1'/></svg>") center/contain no-repeat !important;
    filter: drop-shadow(0 0 4px rgba(217, 163, 176, 0.6)) !important;
}

/* ===== 嵌套details · 次级烟灰粉卡 ===== */
.markdown-body details details {
    background: linear-gradient(180deg, rgba(243, 228, 225, 0.5) 0%, rgba(251, 247, 242, 0.7) 100%) !important;
    border: 1px dashed rgba(201, 169, 110, 0.55) !important;
    border-radius: 10px !important;
    padding: 6px 12px !important;
    margin: 8px 0 !important;
    box-shadow: none !important;
}

.markdown-body details details::after {
    display: none !important;
}

.markdown-body details details > summary {
    font-size: 12.5px !important;
    letter-spacing: 1.2px !important;
    padding: 3px 0 3px 20px !important;
    border-bottom: none !important;
    margin-bottom: 4px !important;
    color: #6B3F3A !important;
}

.markdown-body details details > summary::before {
    width: 12px !important;
    height: 12px !important;
}

/* ===== 段落 & 标签 ===== */
.markdown-body details p {
    color: #4A2E2A !important;
    line-height: 1.75 !important;
    margin: 4px 0 !important;
    font-size: 13.5px !important;
}

.markdown-body details p b,
.markdown-body details p strong {
    color: #6B3F3A !important;
    font-weight: bold !important;
    letter-spacing: 0.5px !important;
    position: relative !important;
}

/* ===== h4 · 个人主页栏目胶囊标签 ===== */
.markdown-body details h4 {
    color: #FBF7F2 !important;
    background: linear-gradient(135deg, #C9A96E 0%, #D9A3B0 60%, #B8869C 100%) !important;
    display: inline-block !important;
    padding: 4px 14px !important;
    border-radius: 999px !important;
    font-family: "Baskerville", "Noto Serif SC", serif !important;
    font-weight: bold !important;
    font-size: 12.5px !important;
    letter-spacing: 1.5px !important;
    margin: 12px 0 8px !important;
    box-shadow: 
        0 3px 10px rgba(201, 169, 110, 0.4),
        inset 0 -1px 3px rgba(74, 46, 42, 0.15) !important;
    text-shadow: 0 1px 2px rgba(74, 46, 42, 0.25) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
}

/* ===== NPC横滑卡片 · 订阅位橱窗 ===== */
.markdown-body details > div[style*="display: flex"][style*="overflow-x"] {
    scrollbar-width: thin !important;
    scrollbar-color: #C9A96E rgba(243, 228, 225, 0.5) !important;
    padding: 6px 2px 14px !important;
}

.markdown-body details > div[style*="display: flex"][style*="overflow-x"]::-webkit-scrollbar {
    height: 6px !important;
}
.markdown-body details > div[style*="display: flex"][style*="overflow-x"]::-webkit-scrollbar-track {
    background: rgba(243, 228, 225, 0.4) !important;
    border-radius: 999px !important;
}
.markdown-body details > div[style*="display: flex"][style*="overflow-x"]::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, #C9A96E, #D9A3B0) !important;
    border-radius: 999px !important;
}

.markdown-body details > div[style*="display: flex"] > div[style*="min-width"] {
    background: linear-gradient(160deg, #FBF7F2 0%, #F3E4E1 100%) !important;
    border: 1px solid #C9A96E !important;
    border-radius: 12px !important;
    box-shadow: 
        0 4px 14px rgba(255, 192, 203, 0.28),
        inset 0 0 0 1px rgba(255, 255, 255, 0.5) !important;
    position: relative !important;
    overflow: hidden !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.markdown-body details > div[style*="display: flex"] > div[style*="min-width"]:hover {
    transform: translateY(-3px) !important;
    box-shadow: 
        0 8px 22px rgba(255, 192, 203, 0.5),
        inset 0 0 0 1px rgba(255, 255, 255, 0.7) !important;
}

/* NPC卡片心形装饰 */
.markdown-body details > div[style*="display: flex"] > div[style*="min-width"]::before {
    content: '♡' !important;
    position: absolute !important;
    top: 4px !important;
    right: 10px !important;
    color: rgba(201, 169, 110, 0.55) !important;
    font-size: 15px !important;
    pointer-events: none !important;
}

/* NPC卡片顶部彩带 */
.markdown-body details > div[style*="display: flex"] > div[style*="min-width"]::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, #C9A96E 0%, #D9A3B0 50%, #C9A96E 100%) !important;
    pointer-events: none !important;
}

.markdown-body details > div[style*="display: flex"] > div[style*="min-width"] p {
    font-size: 12.5px !important;
    line-height: 1.6 !important;
    margin: 4px 0 !important;
}

/* ===== 记忆区表格 · 后台数据面板 ===== */
.markdown-body details table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #FBF7F2 !important;
    border: 1px solid #C9A96E !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    margin: 8px 0 !important;
    box-shadow: 0 2px 10px rgba(255, 192, 203, 0.22) !important;
    font-size: 13px !important;
}

.markdown-body details table thead {
    background: linear-gradient(135deg, #C9A96E 0%, #B8869C 100%) !important;
}

.markdown-body details table th {
    color: #FBF7F2 !important;
    font-family: "Baskerville", "Noto Serif SC", serif !important;
    font-weight: bold !important;
    padding: 8px 10px !important;
    letter-spacing: 1px !important;
    border: none !important;
    text-align: left !important;
    text-shadow: 0 1px 2px rgba(74, 46, 42, 0.3) !important;
}

.markdown-body details table td {
    color: #4A2E2A !important;
    padding: 8px 10px !important;
    border-top: 1px dashed rgba(201, 169, 110, 0.35) !important;
    background: transparent !important;
    vertical-align: top !important;
}

.markdown-body details table tbody tr {
    transition: background 0.2s ease !important;
}

.markdown-body details table tbody tr:hover {
    background: rgba(243, 228, 225, 0.55) !important;
}

/* ===== 行动推荐 · 付费墙选项按钮 ===== */
.markdown-body details ol {
    padding-left: 0 !important;
    list-style: none !important;
    counter-reset: action-counter !important;
    margin: 6px 0 !important;
}

.markdown-body details ol li {
    background: linear-gradient(90deg, #FBF7F2 0%, rgba(243, 228, 225, 0.85) 100%) !important;
    border: 1px solid rgba(201, 169, 110, 0.55) !important;
    border-left: 3px solid #C9A96E !important;
    border-radius: 6px !important;
    padding: 9px 14px 9px 42px !important;
    margin: 7px 0 !important;
    position: relative !important;
    counter-increment: action-counter !important;
    color: #4A2E2A !important;
    font-family: "Baskerville", "Noto Serif SC", serif !important;
    font-size: 13.5px !important;
    line-height: 1.65 !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
    box-shadow: 0 2px 6px rgba(201, 169, 110, 0.15) !important;
}

.markdown-body details ol li::before {
    content: counter(action-counter) !important;
    position: absolute !important;
    left: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: linear-gradient(135deg, #C9A96E 0%, #D9A3B0 100%) !important;
    color: #FBF7F2 !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: "Baskerville", serif !important;
    font-weight: bold !important;
    font-size: 12px !important;
    box-shadow: 0 2px 5px rgba(201, 169, 110, 0.45) !important;
    text-shadow: 0 1px 1px rgba(74, 46, 42, 0.2) !important;
}

.markdown-body details ol li::after {
    content: '›' !important;
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #C9A96E !important;
    font-size: 20px !important;
    font-weight: bold !important;
    opacity: 0.6 !important;
    transition: transform 0.3s ease, opacity 0.3s ease !important;
}

.markdown-body details ol li:hover {
    background: linear-gradient(90deg, #F3E4E1 0%, rgba(217, 163, 176, 0.35) 100%) !important;
    border-left-color: #D9A3B0 !important;
    transform: translateX(4px) !important;
    box-shadow: 0 4px 14px rgba(255, 192, 203, 0.45) !important;
}

.markdown-body details ol li:hover::after {
    transform: translateX(4px) translateY(-50%) !important;
    opacity: 1 !important;
    color: #D9A3B0 !important;
}

/* ===== 移动端适配 ===== */
@media (max-width: 480px) {
    .markdown-body details {
        padding: 8px 12px !important;
        border-radius: 12px !important;
    }
    .markdown-body details > summary {
        font-size: 12.5px !important;
        letter-spacing: 1.5px !important;
    }
    .markdown-body details h4 {
        font-size: 11.5px !important;
        padding: 3px 10px !important;
    }
    .markdown-body details p {
        font-size: 13px !important;
    }
    .markdown-body details table {
        font-size: 12px !important;
    }
    .markdown-body details ol li {
        padding: 8px 12px 8px 38px !important;
        font-size: 13px !important;
    }
}

/* 【可选1】· 主details展开时的浮现动画 */
.markdown-body details[open] > *:not(summary) {
    animation: ofSlideDown 0.4s ease-out !important;
}
@keyframes ofSlideDown {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}

/* 【可选2】· 主details左上角挂"18+ EXCLUSIVE"徽章 */
.markdown-body details:not(details details)::before {
    content: '18+ EXCLUSIVE' !important;
    position: absolute !important;
    top: 8px !important;
    right: 34px !important;
    background: linear-gradient(135deg, #D9A3B0, #B8869C) !important;
    color: #FBF7F2 !important;
    font-family: "Baskerville", serif !important;
    font-size: 9px !important;
    font-weight: bold !important;
    letter-spacing: 1.5px !important;
    padding: 2px 8px !important;
    border-radius: 999px !important;
    box-shadow: 0 2px 4px rgba(184, 134, 156, 0.4) !important;
    z-index: 2 !important;
}

/* 【可选3】· 行动推荐加"$解锁"提示 */
.markdown-body details ol li:hover::before {
    background: linear-gradient(135deg, #D9A3B0 0%, #C9A96E 100%) !important;
    animation: ofPulse 1.2s ease-in-out infinite !important;
}
@keyframes ofPulse {
    0%, 100% { box-shadow: 0 2px 5px rgba(201, 169, 110, 0.45); }
    50% { box-shadow: 0 2px 12px rgba(217, 163, 176, 0.85); }
}