/* ==========================================
   💣 地雷系男娘主题 · 聊天框美化方案
   特点: 黑×粉爆裂反差、金发闪耀、十字架与蝴蝶结、
         哥特甜心、病娇可爱
   ========================================== */

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

/* 2. 统一聊天框 — 黑粉渐变・地雷系核心 */
.bg-gray-100\/90.relative.inline-block {
    background: linear-gradient(
        135deg,
        #1A1A1A 0%,
        #2D1F2F 15%,
        #1E1E1E 30%,
        #2A1525 50%,
        #1C1C1C 70%,
        #261A28 85%,
        #111111 100%
    ) !important;
    border: 2px solid rgba(255, 105, 180, 0.5) !important;
    box-shadow:
        0 0 0 1px rgba(255, 182, 193, 0.2),
        0 4px 16px rgba(255, 20, 147, 0.15),
        0 8px 32px rgba(0, 0, 0, 0.6),
        inset 0 1px 0 rgba(255, 215, 0, 0.08),
        inset 0 -1px 0 rgba(255, 105, 180, 0.1) !important;
    border-radius: 24px !important;
    isolation: isolate !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 20px !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

.bg-gray-100\/90.relative.inline-block:hover {
    box-shadow:
        0 0 0 2px rgba(255, 105, 180, 0.7),
        0 6px 24px rgba(255, 20, 147, 0.3),
        0 12px 48px rgba(0, 0, 0, 0.7),
        0 0 20px rgba(255, 215, 0, 0.1),
        inset 0 1px 0 rgba(255, 215, 0, 0.15),
        inset 0 -1px 0 rgba(255, 105, 180, 0.2) !important;
    transform: translateY(-2px) scale(1.005) !important;
}

/* 3. 背景装饰 — 十字架・星星・碎裂爱心 (SVG SMIL) */
.bg-gray-100\/90.relative.inline-block::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
    pointer-events: none !important;
    opacity: 0.6 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 400'%3E%3C!-- 十字架1 --%3E%3Cg transform='translate(80,70)'%3E%3Crect x='-2' y='-10' width='4' height='20' rx='1' fill='%23FFD700' opacity='0.6'%3E%3Canimate attributeName='opacity' values='0.6;0.9;0.6' dur='3s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='-10' y='-2' width='20' height='4' rx='1' fill='%23FFD700' opacity='0.6'%3E%3Canimate attributeName='opacity' values='0.6;0.9;0.6' dur='3s' repeatCount='indefinite'/%3E%3C/rect%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 80 70;15 80 70;0 80 70' dur='6s' repeatCount='indefinite'/%3E%3C/g%3E%3C!-- 十字架2 --%3E%3Cg transform='translate(350,60)'%3E%3Crect x='-1.5' y='-8' width='3' height='16' rx='1' fill='%23FF69B4' opacity='0.5'%3E%3Canimate attributeName='opacity' values='0.5;0.85;0.5' dur='3.5s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='-8' y='-1.5' width='16' height='3' rx='1' fill='%23FF69B4' opacity='0.5'%3E%3Canimate attributeName='opacity' values='0.5;0.85;0.5' dur='3.5s' repeatCount='indefinite'/%3E%3C/rect%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 350 60;-20 350 60;0 350 60' dur='7s' repeatCount='indefinite'/%3E%3C/g%3E%3C!-- 十字架3 --%3E%3Cg transform='translate(520,130)'%3E%3Crect x='-2' y='-9' width='4' height='18' rx='1' fill='%23FFD700' opacity='0.45'%3E%3Canimate attributeName='opacity' values='0.45;0.8;0.45' dur='4s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='-9' y='-2' width='18' height='4' rx='1' fill='%23FFD700' opacity='0.45'%3E%3Canimate attributeName='opacity' values='0.45;0.8;0.45' dur='4s' repeatCount='indefinite'/%3E%3C/rect%3E%3CanimateTransform attributeName='transform' type='rotate' values='10 520 130;-10 520 130;10 520 130' dur='5.5s' repeatCount='indefinite'/%3E%3C/g%3E%3C!-- 碎裂爱心1 --%3E%3Cg transform='translate(180,200)'%3E%3Cpath d='M 0,-6 C 0,-10 -5,-12 -7,-8 C -9,-4 0,2 0,5 C 0,2 9,-4 7,-8 C 5,-12 0,-10 0,-6 Z' fill='%23FF1493' opacity='0.5'%3E%3Canimate attributeName='opacity' values='0.5;0.8;0.5' dur='2.5s' repeatCount='indefinite'/%3E%3C/path%3E%3Cline x1='-1' y1='-8' x2='1' y2='3' stroke='%231A1A1A' stroke-width='1' opacity='0.7'/%3E%3CanimateTransform attributeName='transform' type='translate' values='180,200;180,192;180,200' dur='4s' repeatCount='indefinite' additive='replace'/%3E%3C/g%3E%3C!-- 碎裂爱心2 --%3E%3Cg transform='translate(430,280)'%3E%3Cpath d='M 0,-5 C 0,-9 -4,-10 -6,-7 C -8,-3 0,2 0,4 C 0,2 8,-3 6,-7 C 4,-10 0,-9 0,-5 Z' fill='%23FF69B4' opacity='0.45'%3E%3Canimate attributeName='opacity' values='0.45;0.75;0.45' dur='3s' repeatCount='indefinite'/%3E%3C/path%3E%3Cline x1='0' y1='-7' x2='2' y2='2' stroke='%231A1A1A' stroke-width='0.8' opacity='0.6'/%3E%3CanimateTransform attributeName='transform' type='translate' values='430,280;430,272;430,280' dur='4.5s' repeatCount='indefinite' additive='replace'/%3E%3C/g%3E%3C!-- 碎裂爱心3 --%3E%3Cg transform='translate(100,320)'%3E%3Cpath d='M 0,-5 C 0,-9 -4,-10 -6,-7 C -8,-3 0,2 0,4 C 0,2 8,-3 6,-7 C 4,-10 0,-9 0,-5 Z' fill='%23FFB6C1' opacity='0.4'%3E%3Canimate attributeName='opacity' values='0.4;0.7;0.4' dur='3.2s' repeatCount='indefinite'/%3E%3C/path%3E%3Cline x1='1' y1='-6' x2='-1' y2='3' stroke='%231A1A1A' stroke-width='0.8' opacity='0.5'/%3E%3CanimateTransform attributeName='transform' type='translate' values='100,320;100,313;100,320' dur='5s' repeatCount='indefinite' additive='replace'/%3E%3C/g%3E%3C!-- 闪烁星1 --%3E%3Cpath d='M 250,100 L 252,96 L 254,100 L 258,102 L 254,104 L 252,108 L 250,104 L 246,102 Z' fill='%23FFD700' opacity='0.55'%3E%3Canimate attributeName='opacity' values='0.3;0.9;0.3' dur='2s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='scale' values='1;1.3;1' dur='2s' repeatCount='indefinite' additive='sum'/%3E%3C/path%3E%3C!-- 闪烁星2 --%3E%3Cpath d='M 470,90 L 472,86 L 474,90 L 478,92 L 474,94 L 472,98 L 470,94 L 466,92 Z' fill='%23FFC0CB' opacity='0.5'%3E%3Canimate attributeName='opacity' values='0.3;0.85;0.3' dur='2.3s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='scale' values='1;1.4;1' dur='2.3s' repeatCount='indefinite' additive='sum'/%3E%3C/path%3E%3C!-- 闪烁星3 --%3E%3Cpath d='M 150,150 L 152,146 L 154,150 L 158,152 L 154,154 L 152,158 L 150,154 L 146,152 Z' fill='%23FFD700' opacity='0.4'%3E%3Canimate attributeName='opacity' values='0.2;0.8;0.2' dur='2.8s' repeatCount='indefinite'/%3E%3C/path%3E%3C!-- 小圆点散布 --%3E%3Ccircle cx='300' cy='350' r='2' fill='%23FF69B4' opacity='0.35'%3E%3Canimate attributeName='opacity' values='0.35;0.7;0.35' dur='2.2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='550' cy='300' r='1.5' fill='%23FFD700' opacity='0.3'%3E%3Canimate attributeName='opacity' values='0.3;0.65;0.3' dur='2.6s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* 4. 背景装饰 — 蝴蝶结・链条・气泡 (SVG SMIL) */
.bg-gray-100\/90.relative.inline-block::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
    pointer-events: none !important;
    opacity: 0.38 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 400'%3E%3C!-- 蝴蝶结1 黑粉 --%3E%3Cg transform='translate(90,160)' opacity='0.6'%3E%3Cpath d='M -14,0 Q -20,-10 -11,-7 Q -3,-2 0,0 Q -3,2 -11,7 Q -20,10 -14,0 Z' fill='%23FF69B4'%3E%3Canimate attributeName='opacity' values='0.6;0.95;0.6' dur='4s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 14,0 Q 20,-10 11,-7 Q 3,-2 0,0 Q 3,2 11,7 Q 20,10 14,0 Z' fill='%23FF69B4'%3E%3Canimate attributeName='opacity' values='0.6;0.95;0.6' dur='4s' repeatCount='indefinite'/%3E%3C/path%3E%3Ccircle cx='0' cy='0' r='3' fill='%23FFD700'%3E%3Canimate attributeName='r' values='3;4;3' dur='4s' repeatCount='indefinite'/%3E%3C/circle%3E%3CanimateTransform attributeName='transform' type='translate' values='90,160;95,155;90,160' dur='5s' repeatCount='indefinite' additive='replace'/%3E%3C/g%3E%3C!-- 蝴蝶结2 黑金 --%3E%3Cg transform='translate(340,240)' opacity='0.55'%3E%3Cpath d='M -12,0 Q -18,-8 -10,-6 Q -2,-2 0,0 Q -2,2 -10,6 Q -18,8 -12,0 Z' fill='%23FFD700'%3E%3Canimate attributeName='opacity' values='0.55;0.9;0.55' dur='4.5s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 12,0 Q 18,-8 10,-6 Q 2,-2 0,0 Q 2,2 10,6 Q 18,8 12,0 Z' fill='%23FFD700'%3E%3Canimate attributeName='opacity' values='0.55;0.9;0.55' dur='4.5s' repeatCount='indefinite'/%3E%3C/path%3E%3Ccircle cx='0' cy='0' r='2.5' fill='%23FF1493'%3E%3Canimate attributeName='r' values='2.5;3.5;2.5' dur='4.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3CanimateTransform attributeName='transform' type='translate' values='340,240;345,235;340,240' dur='5.5s' repeatCount='indefinite' additive='replace'/%3E%3C/g%3E%3C!-- 蝴蝶结3 小型 --%3E%3Cg transform='translate(510,180)' opacity='0.5'%3E%3Cpath d='M -10,0 Q -14,-7 -8,-5 Q -2,-1 0,0 Q -2,1 -8,5 Q -14,7 -10,0 Z' fill='%23FFB6C1'%3E%3Canimate attributeName='opacity' values='0.5;0.85;0.5' dur='3.8s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 10,0 Q 14,-7 8,-5 Q 2,-1 0,0 Q 2,1 8,5 Q 14,7 10,0 Z' fill='%23FFB6C1'%3E%3Canimate attributeName='opacity' values='0.5;0.85;0.5' dur='3.8s' repeatCount='indefinite'/%3E%3C/path%3E%3Ccircle cx='0' cy='0' r='2' fill='%23FFD700'%3E%3Canimate attributeName='r' values='2;3;2' dur='3.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3CanimateTransform attributeName='transform' type='translate' values='510,180;514,176;510,180' dur='4.8s' repeatCount='indefinite' additive='replace'/%3E%3C/g%3E%3C!-- 链环装饰 --%3E%3Cellipse cx='200' cy='50' rx='8' ry='5' fill='none' stroke='%23FFD700' stroke-width='1.5' opacity='0.3' transform='rotate(20 200 50)'%3E%3Canimate attributeName='opacity' values='0.3;0.55;0.3' dur='4s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3Cellipse cx='215' cy='52' rx='8' ry='5' fill='none' stroke='%23FFD700' stroke-width='1.5' opacity='0.3' transform='rotate(-20 215 52)'%3E%3Canimate attributeName='opacity' values='0.3;0.55;0.3' dur='4s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3Cellipse cx='400' cy='350' rx='7' ry='4.5' fill='none' stroke='%23FF69B4' stroke-width='1.2' opacity='0.25' transform='rotate(15 400 350)'%3E%3Canimate attributeName='opacity' values='0.25;0.5;0.25' dur='4.5s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3Cellipse cx='414' cy='352' rx='7' ry='4.5' fill='none' stroke='%23FF69B4' stroke-width='1.2' opacity='0.25' transform='rotate(-15 414 352)'%3E%3Canimate attributeName='opacity' values='0.25;0.5;0.25' dur='4.5s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C!-- 扩散环 --%3E%3Ccircle cx='60' cy='300' r='5' fill='none' stroke='%23FF69B4' stroke-width='1.2' opacity='0.4'%3E%3Canimate attributeName='r' values='3;9;3' dur='5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.5;0;0.5' dur='5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='550' cy='350' r='4' fill='none' stroke='%23FFD700' stroke-width='1' opacity='0.35'%3E%3Canimate attributeName='r' values='2.5;7;2.5' dur='4.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.4;0;0.4' dur='4.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* 5. 主文本内容 — 粉白色高对比・暗底亮字 */
.markdown-body {
    color: #F8E8F0 !important;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans SC", "PingFang SC", "Source Han Sans", sans-serif !important;
    background: transparent !important;
    position: relative !important;
    z-index: 1 !important;
    line-height: 1.8 !important;
    letter-spacing: 0.015em !important;
    font-weight: 500 !important;
}

.markdown-body strong {
    color: #FFD700 !important;
    font-weight: 700 !important;
    background: rgba(255, 215, 0, 0.12) !important;
    padding: 1px 5px !important;
    border-radius: 5px !important;
    text-shadow: 0 0 8px rgba(255, 215, 0, 0.3) !important;
}

.markdown-body ::selection {
    background: rgba(255, 105, 180, 0.4) !important;
    color: #FFFFFF !important;
}

.markdown-body::before {
    content: "💣 " !important;
    filter: drop-shadow(0 0 4px rgba(255, 105, 180, 0.5)) !important;
}

/* 行内代码 */
.markdown-body code {
    background: rgba(255, 105, 180, 0.15) !important;
    color: #FFB6C1 !important;
    border-radius: 6px !important;
    padding: 3px 7px !important;
    border: 1px solid rgba(255, 105, 180, 0.35) !important;
    font-size: 0.92em !important;
    font-weight: 600 !important;
}

/* 代码块 */
.markdown-body pre {
    background: rgba(15, 15, 15, 0.95) !important;
    border: 2px solid rgba(255, 105, 180, 0.35) !important;
    border-radius: 16px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4), 0 0 12px rgba(255, 20, 147, 0.1) !important;
    overflow: hidden !important;
    margin: 1.5em 0 !important;
    position: relative !important;
    z-index: 1 !important;
}

.markdown-body pre > div > div.flex.justify-between.h-8,
.markdown-body pre > div > div.border-b {
    background: linear-gradient(135deg, #1A1A1A, #2D1F2F) !important;
    border-bottom: 1px solid rgba(255, 105, 180, 0.3) !important;
    padding: 0 18px !important;
    height: 42px !important;
}

.markdown-body pre > div > div.flex.justify-between > div:first-child {
    color: #FFD700 !important;
    font-weight: 700 !important;
    font-family: 'Consolas', 'Monaco', monospace !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    letter-spacing: 1.2px !important;
}

.markdown-body pre div[data-tooltip-id^="copy-tooltip"],
.markdown-body pre .copy-btn-legacy {
    background: rgba(255, 105, 180, 0.15) !important;
    border: 1px solid rgba(255, 105, 180, 0.4) !important;
    color: #FF69B4 !important;
    border-radius: 8px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.markdown-body pre div[data-tooltip-id^="copy-tooltip"]:hover,
.markdown-body pre .copy-btn-legacy:hover {
    background: rgba(255, 105, 180, 0.3) !important;
    border-color: #FF69B4 !important;
    box-shadow: 0 0 12px rgba(255, 105, 180, 0.4) !important;
}

.markdown-body pre > div > div[node] {
    background: #0F0F0F !important;
    color: #E8D8E0 !important;
    padding: 22px !important;
    font-family: 'Fira Code', 'JetBrains Mono', 'Consolas', monospace !important;
    font-size: 14.5px !important;
    line-height: 1.75 !important;
    overflow-x: auto !important;
}

.markdown-body pre > div > div[node]::-webkit-scrollbar {
    height: 10px !important;
    width: 10px !important;
}

.markdown-body pre > div > div[node]::-webkit-scrollbar-track {
    background: #1A1A1A !important;
    border-radius: 5px !important;
}

.markdown-body pre > div > div[node]::-webkit-scrollbar-thumb {
    background: rgba(255, 105, 180, 0.45) !important;
    border-radius: 5px !important;
}

.markdown-body pre > div > div[node]::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 105, 180, 0.7) !important;
}

/* 引用块 */
.markdown-body blockquote {
    border-left: 5px solid #FF69B4 !important;
    background: linear-gradient(90deg, rgba(255, 105, 180, 0.1) 0%, transparent 100%) !important;
    padding: 14px 18px !important;
    margin: 18px 0 !important;
    border-radius: 0 14px 14px 0 !important;
    color: #F0D0E0 !important;
    font-style: italic !important;
    position: relative !important;
    z-index: 1 !important;
}

/* 链接 */
.markdown-body a {
    color: #FFD700 !important;
    text-decoration: none !important;
    border-bottom: 2px solid rgba(255, 215, 0, 0.4) !important;
    transition: all 0.3s ease !important;
    font-weight: 600 !important;
}

.markdown-body a:hover {
    color: #FFF0A0 !important;
    border-bottom: 2px solid #FFD700 !important;
    filter: drop-shadow(0 0 6px rgba(255, 215, 0, 0.5)) !important;
}

/* 分割线 */
.markdown-body hr {
    height: 2px !important;
    background: linear-gradient(90deg, transparent, rgba(255, 105, 180, 0.6), rgba(255, 215, 0, 0.4), transparent) !important;
    border: none !important;
    margin: 28px 0 !important;
    box-shadow: 0 0 8px rgba(255, 105, 180, 0.3) !important;
}

/* 表格 */
.markdown-body table {
    display: block !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    border-collapse: collapse !important;
    width: 100% !important;
    margin: 18px 0 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
    position: relative !important;
    z-index: 1 !important;
}

.markdown-body th {
    background: linear-gradient(135deg, #2D1F2F, #1A1A1A) !important;
    color: #FFD700 !important;
    font-weight: 700 !important;
    padding: 14px !important;
    border: 1px solid rgba(255, 105, 180, 0.3) !important;
}

.markdown-body td {
    background: rgba(20, 20, 20, 0.85) !important;
    padding: 14px !important;
    border: 1px solid rgba(255, 105, 180, 0.15) !important;
    transition: background 0.3s ease !important;
    color: #F8E8F0 !important;
}

.markdown-body tr:hover td {
    background: rgba(255, 105, 180, 0.1) !important;
}

.markdown-body li::marker {
    color: #FF69B4 !important;
}

/* 折叠块 */
.markdown-body details {
    background: rgba(20, 20, 20, 0.8) !important;
    border: 2px solid rgba(255, 105, 180, 0.3) !important;
    border-radius: 14px !important;
    padding: 14px 18px !important;
    margin: 14px 0 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
    transition: all0.3s ease !important;
    position: relative !important;
    z-index: 1 !important;
}

.markdown-body details:hover {
    border-color: rgba(255, 105, 180, 0.55) !important;
    background: rgba(30, 20, 28, 0.9) !important;
}

.markdown-body summary {
    cursor: pointer !important;
    color: #FFB6C1 !important;
    font-weight: 700 !important;
    list-style: none !important;
    display: flex !important;
    align-items: center !important;
    outline: none !important;
    transition: color 0.3s ease !important;
}

.markdown-body summary:hover {
    color: #FFD700 !important;
    filter: drop-shadow(0 0 5px rgba(255, 215, 0, 0.4)) !important;
}

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

.markdown-body summary::before {
    content: "✝️" !important;
    font-size: 13px !important;
    margin-right: 12px !important;
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

.markdown-body details[open] summary::before {
    transform: rotate(90deg) !important;
}

.markdown-body details[open] summary {
    margin-bottom: 14px !important;
    border-bottom: 1px dashed rgba(255, 105, 180, 0.35) !important;
    padding-bottom: 10px !important;
}

/* 6. 底部附加元素 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
button {
    color: #FF69B4 !important;
    border-radius: 10px !important;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    position: relative !important;
    z-index: 1 !important;
    font-weight: 600 !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover,
button:hover {
    color: #FFD700 !important;
    background: rgba(255, 105, 180, 0.15) !important;
    filter: drop-shadow(0 0 6px rgba(255, 105, 180, 0.4)) !important;
    transform: translateY(-1px) !important;
}

.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
    color: #FF69B4 !important;
    font-style: italic !important;
    position: relative !important;
    z-index: 1 !important;
    font-weight: 600 !important;
}

.text-orange-500 {
    color: #FFD700 !important;
    position: relative !important;
    z-index: 1 !important;
    font-weight: 600 !important;
}

/* 7. 加载动画 — 三颗跳动的碎心 (SVG SMIL) */
.style-module__AtdJSq__dot-flashing.style-module__AtdJSq__text {
    display: none !important;
}

.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    min-height: 48px !important;
    min-width: 48px !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: 48px !important;
    height: 48px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cdefs%3E%3ClinearGradient id='h1' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23FFB6C1'/%3E%3Cstop offset='50%25' stop-color='%23FF69B4'/%3E%3Cstop offset='100%25' stop-color='%23FF1493'/%3E%3C/linearGradient%3E%3ClinearGradient id='h2' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23FFF8DC'/%3E%3Cstop offset='50%25' stop-color='%23FFD700'/%3E%3Cstop offset='100%25' stop-color='%23DAA520'/%3E%3C/linearGradient%3E%3ClinearGradient id='h3' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23FFC0CB'/%3E%3Cstop offset='50%25' stop-color='%23FF69B4'/%3E%3Cstop offset='100%25' stop-color='%23C71585'/%3E%3C/linearGradient%3E%3C/defs%3E%3C!-- 心1 --%3E%3Cg%3E%3Cpath d='M 20,42 C 20,38 16,36 14,39 C 12,36 8,38 8,42 C 8,47 14,51 14,51 C 14,51 20,47 20,42 Z' fill='url(%23h1)' stroke='%23FF1493' stroke-width='0.5'/%3E%3Cline x1='13' y1='38' x2='15' y2='49' stroke='%231A1A1A' stroke-width='0.8' opacity='0.6'/%3E%3CanimateTransform attributeName='transform' type='translate' values='0,0;0,-10;0,0' dur='1.2s' repeatCount='indefinite' begin='0s'/%3E%3C/g%3E%3C!-- 心2 --%3E%3Cg%3E%3Cpath d='M 46,42 C 46,38 42,36 40,39 C 38,36 34,38 34,42 C 34,47 40,51 40,51 C 40,51 46,47 46,42 Z' fill='url(%23h2)' stroke='%23DAA520' stroke-width='0.5'/%3E%3Cline x1='39' y1='38' x2='41' y2='49' stroke='%231A1A1A' stroke-width='0.8' opacity='0.6'/%3E%3CanimateTransform attributeName='transform' type='translate' values='0,0;0,-10;0,0' dur='1.2s' repeatCount='indefinite' begin='0.2s'/%3E%3C/g%3E%3C!-- 心3 --%3E%3Cg%3E%3Cpath d='M 72,42 C 72,38 68,36 66,39 C 64,36 60,38 60,42 C 60,47 66,51 66,51 C 66,51 72,47 72,42 Z' fill='url(%23h3)' stroke='%23C71585' stroke-width='0.5'/%3E%3Cline x1='65' y1='38' x2='67' y2='49' stroke='%231A1A1A' stroke-width='0.8' opacity='0.6'/%3E%3CanimateTransform attributeName='transform' type='translate' values='0,0;0,-10;0,0' dur='1.2s' repeatCount='indefinite' begin='0.4s'/%3E%3C/g%3E%3C!-- 阴影 --%3E%3Cellipse cx='14' cy='56' rx='5' ry='1.8' fill='%23FF69B4' opacity='0.15'%3E%3Canimate attributeName='opacity' values='0.15;0.05;0.15' dur='1.2s' repeatCount='indefinite' begin='0s'/%3E%3Canimate attributeName='rx' values='5;6.5;5' dur='1.2s' repeatCount='indefinite' begin='0s'/%3E%3C/ellipse%3E%3Cellipse cx='40' cy='56' rx='5' ry='1.8' fill='%23FFD700' opacity='0.15'%3E%3Canimate attributeName='opacity' values='0.15;0.05;0.15' dur='1.2s' repeatCount='indefinite' begin='0.2s'/%3E%3Canimate attributeName='rx' values='5;6.5;5' dur='1.2s' repeatCount='indefinite' begin='0.2s'/%3E%3C/ellipse%3E%3Cellipse cx='66' cy='56' rx='5' ry='1.8' fill='%23FF69B4' opacity='0.15'%3E%3Canimate attributeName='opacity' values='0.15;0.05;0.15' dur='1.2s' repeatCount='indefinite' begin='0.4s'/%3E%3Canimate attributeName='rx' values='5;6.5;5' dur='1.2s' repeatCount='indefinite' begin='0.4s'/%3E%3C/ellipse%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    z-index: 2 !important;
}

.flex.items-center.justify-center.w-6.h-5::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 56px !important;
    height: 56px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Ccircle cx='40' cy='40' r='32' fill='none' stroke='%23FF69B4' stroke-width='1.5' opacity='0.25' stroke-dasharray='4 8'%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 40 40;360 40 40' dur='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.25;0.1;0.25' dur='4s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='40' cy='40' r='26' fill='none' stroke='%23FFD700' stroke-width='1' opacity='0.18' stroke-dasharray='3 6'%3E%3CanimateTransform attributeName='transform' type='rotate' values='360 40 40;0 40 40' dur='10s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.18;0.06;0.18' dur='5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    z-index: 1 !important;
}

/* 8. 移动端适配 */
@media (max-width: 480px) {
    .bg-gray-100\/90.relative.inline-block {
        margin: 10px !important;
        border-radius: 20px !important;
        padding: 16px !important;
    }
    
    .markdown-body {
        font-size: 15px !important;
        line-height: 1.7 !important;
    }
    
    .markdown-body pre {
        border-radius: 12px !important;
        margin: 1em 0 !important;
    }
    
    .markdown-body pre > div > div[node] {
        padding: 16px !important;
        font-size: 13px !important;
    }
    
    .flex.items-center.justify-center.w-6.h-5 {
        min-height: 40px !important;
        min-width: 40px !important;
    }
    
    .flex.items-center.justify-center.w-6.h-5::before {
        width: 40px !important;
        height: 40px !important;
    }
    
    .flex.items-center.justify-center.w-6.h-5::after {
        width: 48px !important;
        height: 48px !important;
    }
}

/* 9. 低动效偏好适配 */
@media (prefers-reduced-motion: reduce) {
    .bg-gray-100\/90.relative.inline-block::before {
        opacity: 0.4 !important;
    }
    
    .bg-gray-100\/90.relative.inline-block::after {
        opacity: 0.25 !important;
    }
    
    .bg-gray-100\/90.relative.inline-block:hover {
        transform: translateY(-1px) scale(1.002) !important;
    }
    
    .MuiButtonBase-root.MuiButton-text.MuiButton-textPrimary:hover,
    button:hover {
        transform: none !important;
    }
}