/* ==========================================
   🩸 病娇妹妹 · 射精管理 聊天框美化方案
   特点: 深红暗黑、漂浮心脏与锁链、跳动心脏加载
   ========================================== */

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

/* 2. 统一聊天框 — 深红暗黑渐变 */
.bg-gray-100\/90.relative.inline-block {
    background: linear-gradient(
        135deg,
        #1A0A0A 0%,
        #2D0810 20%,
        #1A0510 40%,
        #2A0A18 60%,
        #180A0A 80%,
        #0D0608 100%
    ) !important;
    border: 2px solid rgba(211, 47, 47, 0.4) !important;
    box-shadow:
        0 0 0 1px rgba(136, 14, 79, 0.3),
        0 4px 20px rgba(211, 47, 47, 0.2),
        0 8px 40px rgba(136, 14, 79, 0.12),
        inset 0 1px 0 rgba(244, 143, 177, 0.08),
        inset 0 0 60px rgba(183, 28, 28, 0.05) !important;
    border-radius: 20px !important;
    isolation: isolate !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 20px !important;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

.bg-gray-100\/90.relative.inline-block:hover {
    border-color: rgba(211, 47, 47, 0.7) !important;
    box-shadow:
        0 0 0 2px rgba(211, 47, 47, 0.5),
        0 6px 30px rgba(211, 47, 47, 0.35),
        0 12px 50px rgba(136, 14, 79, 0.2),
        inset 0 1px 0 rgba(244, 143, 177, 0.12),
        inset 0 0 80px rgba(183, 28, 28, 0.08) !important;
    transform: translateY(-2px) scale(1.004) !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.55 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 400'%3E%3Cpath d='M80,70C80,55 65,40 50,40C35,40 20,55 20,70C20,90 45,110 80,135C115,110 140,90 140,70C140,55 125,40 110,40C95,40 80,55 80,70Z' fill='%23D32F2F' opacity='0.2'%3E%3Canimate attributeName='opacity' values='0.2;0.45;0.2' dur='1.5s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='translate' values='0,0;0,-8;0,0' dur='3s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M380,55C380,44 372,34 362,34C352,34 344,44 344,55C344,68 358,82 380,100C402,82 416,68 416,55C416,44 408,34 398,34C388,34 380,44 380,55Z' fill='%23C2185B' opacity='0.25'%3E%3Canimate attributeName='opacity' values='0.25;0.5;0.25' dur='2s' repeatCount='indefinite' begin='0.3s'/%3E%3CanimateTransform attributeName='transform' type='translate' values='0,0;0,-12;0,0' dur='5s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M200,120C200,120 192,142 192,150C192,155 195,160 200,160C205,160 208,155 208,150C208,142 200,120 200,120Z' fill='%23B71C1C' opacity='0.3'%3E%3CanimateTransform attributeName='transform' type='translate' values='0,0;0,25;0,0' dur='4s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.3;0.6;0.3' dur='4s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M490,180C490,180 484,198 484,204C484,208 486,212 490,212C494,212 496,208 496,204C496,198 490,180 490,180Z' fill='%23D32F2F' opacity='0.28'%3E%3CanimateTransform attributeName='transform' type='translate' values='0,0;0,20;0,0' dur='5.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.28;0.55;0.28' dur='5.5s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M520,290C520,282 514,274 507,274C500,274 493,282 493,290C493,302 504,314 520,330C536,314 547,302 547,290C547,282 540,274 533,274C526,274 520,282 520,290Z' fill='%23F48FB1' opacity='0.18'%3E%3Canimate attributeName='opacity' values='0.18;0.38;0.18' dur='3.5s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='translate' values='0,0;0,-6;0,0' dur='4.5s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M130,280C130,280 124,298 124,304C124,308 126,312 130,312C134,312 136,308 136,304C136,298 130,280 130,280Z' fill='%23880E4F' opacity='0.32'%3E%3CanimateTransform attributeName='transform' type='translate' values='0,0;0,18;0,0' dur='3.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.32;0.58;0.32' dur='3.8s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M300,320C300,311 293,302 285,302C277,302 270,311 270,320C270,333 282,346 300,363C318,346 330,333 330,320C330,311 323,302 315,302C307,302 300,311 300,320Z' fill='%23880E4F' opacity='0.15'%3E%3CanimateTransform attributeName='transform' type='translate' values='0,0;0,-10;0,0' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.15;0.35;0.15' dur='6s' repeatCount='indefinite'/%3E%3C/path%3E%3Cline x1='155' y1='180' x2='155' y2='225' stroke='%239E9E9E' stroke-width='1.5' opacity='0.12'%3E%3Canimate attributeName='opacity' values='0.12;0.28;0.12' dur='7s' repeatCount='indefinite'/%3E%3C/line%3E%3Cline x1='143' y1='195' x2='167' y2='195' stroke='%239E9E9E' stroke-width='1.5' opacity='0.12'%3E%3Canimate attributeName='opacity' values='0.12;0.28;0.12' dur='7s' repeatCount='indefinite'/%3E%3C/line%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.35 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 400'%3E%3Cellipse cx='60' cy='350' rx='14' ry='20' fill='none' stroke='%23757575' stroke-width='2' opacity='0.2'%3E%3Canimate attributeName='opacity' values='0.2;0.4;0.2' dur='8s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3Cellipse cx='82' cy='350' rx='14' ry='20' fill='none' stroke='%23757575' stroke-width='2' opacity='0.2'%3E%3Canimate attributeName='opacity' values='0.2;0.4;0.2' dur='8s' repeatCount='indefinite' begin='0.5s'/%3E%3C/ellipse%3E%3Cellipse cx='104' cy='350' rx='14' ry='20' fill='none' stroke='%23757575' stroke-width='2' opacity='0.2'%3E%3Canimate attributeName='opacity' values='0.2;0.4;0.2' dur='8s' repeatCount='indefinite' begin='1s'/%3E%3C/ellipse%3E%3Crect x='530' y='340' width='24' height='30' rx='4' fill='none' stroke='%23BDBDBD' stroke-width='2' opacity='0.18'%3E%3Canimate attributeName='opacity' values='0.18;0.35;0.18' dur='6s' repeatCount='indefinite'/%3E%3C/rect%3E%3Cpath d='M536,340 L536,330 C536,322 540,316 542,316 C544,316 548,322 548,330 L548,340' fill='none' stroke='%23BDBDBD' stroke-width='2' opacity='0.18'%3E%3Canimate attributeName='opacity' values='0.18;0.35;0.18' dur='6s' repeatCount='indefinite'/%3E%3C/path%3E%3Ccircle cx='542' cy='356' r='3' fill='%23BDBDBD' opacity='0.18'%3E%3Canimate attributeName='opacity' values='0.18;0.35;0.18' dur='6s' repeatCount='indefinite'/%3E%3C/circle%3E%3Cellipse cx='450' cy='30' rx='14' ry='20' fill='none' stroke='%23757575' stroke-width='1.5' opacity='0.15'%3E%3Canimate attributeName='opacity' values='0.15;0.3;0.15' dur='9s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3Cellipse cx='472' cy='30' rx='14' ry='20' fill='none' stroke='%23757575' stroke-width='1.5' opacity='0.15'%3E%3Canimate attributeName='opacity' values='0.15;0.3;0.15' dur='9s' repeatCount='indefinite' begin='0.5s'/%3E%3C/ellipse%3E%3Cpath d='M280,370 C280,370 278,380 282,382 L280,395 L278,395 L276,382 C272,380 270,370 280,370Z' fill='%23BDBDBD' opacity='0.15'%3E%3Canimate attributeName='opacity' values='0.15;0.3;0.15' dur='5s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='rotate' values='-5 280 382;5 280 382;-5 280 382' dur='4s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E") !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* 5. 主文本内容 — 浅色高对比 (深色背景) */
.markdown-body {
    color: #F0E0E0 !important;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans SC", "PingFang SC", sans-serif !important;
    background: transparent !important;
    position: relative !important;
    z-index: 1 !important;
    line-height: 1.8 !important;
    letter-spacing: 0.02em !important;
}

.markdown-body strong {
    color: #FF8A80 !important;
    font-weight: 700 !important;
    background: rgba(211, 47, 47, 0.2) !important;
    padding: 1px 6px !important;
    border-radius: 5px !important;
    border: 1px solid rgba(211, 47, 47, 0.15) !important;
}

.markdown-body em {
    color: #F48FB1 !important;
    font-style: italic !important;
}

.markdown-body ::selection {
    background: rgba(211, 47, 47, 0.45) !important;
    color: #FFFFFF !important;
}

.markdown-body::before {
    content: "♥ " !important;
    color: #D32F2F !important;
    filter: drop-shadow(0 0 5px rgba(211, 47, 47, 0.6)) !important;
}

/* 行内代码 */
.markdown-body code {
    background: rgba(211, 47, 47, 0.15) !important;
    color: #FF8A80 !important;
    border-radius: 6px !important;
    padding: 3px 7px !important;
    border: 1px solid rgba(211, 47, 47, 0.25) !important;
    font-size: 0.92em !important;
    font-weight: 500 !important;
}

/* 代码块 */
.markdown-body pre {
    background: rgba(10, 5, 5, 0.9) !important;
    border: 2px solid rgba(211, 47, 47, 0.3) !important;
    border-radius: 14px !important;
    box-shadow:
        0 6px 24px rgba(183, 28, 28, 0.15),
        inset 0 0 30px rgba(136, 14, 79, 0.05) !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, #2D0810, #1A0A18, #2A0A0A) !important;
    border-bottom: 1px solid rgba(211, 47, 47, 0.25) !important;
    padding: 0 18px !important;
    height: 42px !important;
}

.markdown-body pre > div > div.flex.justify-between > div:first-child {
    color: #FF8A80 !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(211, 47, 47, 0.15) !important;
    border: 1px solid rgba(211, 47, 47, 0.3) !important;
    color: #FF8A80 !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(211, 47, 47, 0.35) !important;
    border-color: #D32F2F !important;
    box-shadow: 0 0 14px rgba(211, 47, 47, 0.45) !important;
}

.markdown-body pre > div > div[node] {
    background: #0D0608 !important;
    color: #E0BFBF !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: #1A0A0A !important;
    border-radius: 5px !important;
}

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

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

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

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

.markdown-body a:hover {
    color: #F48FB1 !important;
    border-bottom: 2px solid #F48FB1 !important;
    filter: drop-shadow(0 0 6px rgba(244, 143, 177, 0.5)) !important;
}

/* 分割线 */
.markdown-body hr {
    height: 2px !important;
    background: linear-gradient(90deg, transparent, rgba(211, 47, 47, 0.7), rgba(136, 14, 79, 0.5), transparent) !important;
    border: none !important;
    margin: 28px 0 !important;
    box-shadow: 0 0 10px rgba(211, 47, 47, 0.35) !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 18px rgba(211, 47, 47, 0.15) !important;
    position: relative !important;
    z-index: 1 !important;
}

.markdown-body th {
    background: linear-gradient(135deg, #2D0810, #1A0A18) !important;
    color: #FF8A80 !important;
    font-weight: 700 !important;
    padding: 14px !important;
    border: 1px solid rgba(211, 47, 47, 0.3) !important;
}

.markdown-body td {
    background: rgba(26, 10, 10, 0.7) !important;
    color: #E0BFBF !important;
    padding: 14px !important;
    border: 1px solid rgba(211, 47, 47, 0.18) !important;
    transition: background 0.3s ease !important;
}

.markdown-body tr:hover td {
    background: rgba(211, 47, 47, 0.12) !important;
}

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

/* 折叠块 */
.markdown-body details {
    background: rgba(26, 10, 10, 0.6) !important;
    border: 2px solid rgba(211, 47, 47, 0.25) !important;
    border-radius: 14px !important;
    padding: 14px 18px !important;
    margin: 14px 0 !important;
    box-shadow: 0 4px 14px rgba(183, 28, 28, 0.12) !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    z-index: 1 !important;
}

.markdown-body details:hover {
    border-color: rgba(211, 47, 47, 0.5) !important;
    background: rgba(45, 8, 16, 0.7) !important;
}

.markdown-body summary {
    cursor: pointer !important;
    color: #FF8A80 !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: #F48FB1 !important;
    filter: drop-shadow(0 0 5px rgba(244, 143, 177, 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;
    color: #D32F2F !important;
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

.markdown-body details[open] summary::before {
    transform: scale(1.3) !important;
    color: #FF8A80 !important;
    filter: drop-shadow(0 0 4px rgba(211, 47, 47, 0.5)) !important;
}

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

/* 6. 底部附加元素 (深色背景 → 浅色文字) */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
button {
    color: #EAEAEA !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: #FF8A80 !important;
    background: rgba(211, 47, 47, 0.18) !important;
    filter: drop-shadow(0 0 8px rgba(211, 47, 47, 0.4)) !important;
    transform: translateY(-1px) !important;
}

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

.text-orange-500 {
    color: #FF8A80 !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: 52px !important;
    min-width: 52px !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: 52px !important;
    height: 52px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cdefs%3E%3CradialGradient id='hg' cx='50%25' cy='40%25' r='55%25'%3E%3Cstop offset='0%25' stop-color='%23FF5252' stop-opacity='1'/%3E%3Cstop offset='60%25' stop-color='%23D32F2F' stop-opacity='0.95'/%3E%3Cstop offset='100%25' stop-color='%23B71C1C' stop-opacity='0.85'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg transform='translate(40,42)'%3E%3Cpath d='M0,-12C0,-18 -6,-24 -12,-24C-18,-24 -24,-18 -24,-12C-24,0 -6,14 0,22C6,14 24,0 24,-12C24,-18 18,-24 12,-24C6,-24 0,-18 0,-12Z' fill='url(%23hg)'%3E%3CanimateTransform attributeName='transform' type='scale' values='1;1.25;1;0.92;1' dur='0.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;0.85;1;0.9;1' dur='0.8s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3Ccircle cx='40' cy='42' r='0' fill='%23FF5252' opacity='0'%3E%3Canimate attributeName='r' values='0;22;28' dur='1.6s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.35;0.1;0' dur='1.6s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='40' cy='42' r='0' fill='%23FF5252' opacity='0'%3E%3Canimate attributeName='r' values='0;22;28' dur='1.6s' repeatCount='indefinite' begin='0.8s'/%3E%3Canimate attributeName='opacity' values='0.25;0.08;0' dur='1.6s' repeatCount='indefinite' begin='0.8s'/%3E%3C/circle%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: 60px !important;
    height: 60px !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='%23D32F2F' stroke-width='1' opacity='0.15' stroke-dasharray='4 8'%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 40 40;360 40 40' dur='12s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.15;0.05;0.15' dur='4s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='40' cy='40' r='26' fill='none' stroke='%23880E4F' stroke-width='1' opacity='0.12' stroke-dasharray='3 9'%3E%3CanimateTransform attributeName='transform' type='rotate' values='360 40 40;0 40 40' dur='15s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.12;0.04;0.12' 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: 16px !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: 44px !important;
        min-width: 44px !important;
    }

    .flex.items-center.justify-center.w-6.h-5::before {
        width: 44px !important;
        height: 44px !important;
    }

    .flex.items-center.justify-center.w-6.h-5::after {
        width: 52px !important;
        height: 52px !important;
    }
}

/* 9. 低动效偏好适配 */
@media (prefers-reduced-motion: reduce) {
    .bg-gray-100\/90.relative.inline-block::before {
        opacity: 0.35 !important;
    }

    .bg-gray-100\/90.relative.inline-block::after {
        opacity: 0.2 !important;
    }

    .bg-gray-100\/90.relative.inline-block:hover {
        transform: translateY(-1px) scale(1.002) !important;
    }

    .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover,
    button:hover {
        transform: none !important;
    }
}