/* ==========================================
   🍵 绿茶男娘主题 · 聊天框美化方案
   特点: 淡青薄荷、飘落茶叶、蝴蝶结与爱心、柔软清新
   ========================================== */

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

/* 2. 统一聊天框 — 淡青薄荷渐变 */
.bg-gray-100\/90.relative.inline-block {
    background: linear-gradient(
        135deg,
        #F0F9F8 0%,
        #E0F2F1 20%,
        #E6F4F1 40%,
        #DDF1ED 60%,
        #E8F5F2 80%,
        #F5FBFA 100%
    ) !important;
    border: 2px solid rgba(127, 205, 192, 0.4) !important;
    box-shadow:
        0 0 0 1px rgba(178, 223, 219, 0.3),
        0 4px 16px rgba(95, 181, 168, 0.12),
        0 8px 32px rgba(127, 205, 192, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        inset 0 -1px 0 rgba(127, 205, 192, 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(95, 181, 168, 0.45),
        0 6px 24px rgba(95, 181, 168, 0.22),
        0 12px 48px rgba(127, 205, 192, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 1),
        inset 0 -1px 0 rgba(127, 205, 192, 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.5 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 400'%3E%3Cpath d='M 80,60 Q 70,70 75,85 Q 85,95 95,85 Q 100,70 90,60 Q 85,55 80,60 Z' fill='%237FCDC0' opacity='0.4'%3E%3Canimate attributeName='opacity' values='0.4;0.7;0.4' dur='4s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='rotate' values='-20 85 75;20 85 75;-20 85 75' dur='6s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 200,100 Q 190,110 195,125 Q 205,135 215,125 Q 220,110 210,100 Q 205,95 200,100 Z' fill='%235FB5A8' opacity='0.38'%3E%3Canimate attributeName='opacity' values='0.38;0.68;0.38' dur='4.5s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='rotate' values='15 205 115;-15 205 115;15 205 115' dur='7s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 350,80 Q 340,90 345,105 Q 355,115 365,105 Q 370,90 360,80 Q 355,75 350,80 Z' fill='%2390D5C8' opacity='0.42'%3E%3Canimate attributeName='opacity' values='0.42;0.72;0.42' dur='3.8s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='rotate' values='-25 355 93;25 355 93;-25 355 93' dur='6.5s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 480,140 Q 470,150 475,165 Q 485,175 495,165 Q 500,150 490,140 Q 485,135 480,140 Z' fill='%23A5D6CC' opacity='0.36'%3E%3Canimate attributeName='opacity' values='0.36;0.65;0.36' dur='4.2s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='rotate' values='20 485 155;-20 485 155;20 485 155' dur='7.5s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 550,70 Q 540,80 545,95 Q 555,105 565,95 Q 570,80 560,70 Q 555,65 550,70 Z' fill='%237FCDC0' opacity='0.4'%3E%3Canimate attributeName='opacity' values='0.4;0.7;0.4' dur='3.5s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='rotate' values='-18 555 83;18 555 83;-18 555 83' dur='6.2s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 120,250 C 120,242 112,240 110,248 C 108,240 100,242 100,250 C 100,258 110,265 110,265 C 110,265 120,258 120,250 Z' fill='%23E8B4C8' opacity='0.32'%3E%3Canimate attributeName='opacity' values='0.32;0.58;0.32' dur='2.8s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='translate' values='0,0;0,-10;0,0' dur='5s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 300,300 C 300,292 292,290 290,298 C 288,290 280,292 280,300 C 280,308 290,315 290,315 C 290,315 300,308 300,300 Z' fill='%23F5C2C7' opacity='0.34'%3E%3Canimate attributeName='opacity' values='0.34;0.6;0.34' dur='3.2s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='translate' values='0,0;0,-12;0,0' dur='5.5s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 450,280 C 450,272 442,270 440,278 C 438,270 430,272 430,280 C 430,288 440,295 440,295 C 440,295 450,288 450,280 Z' fill='%23E8B4C8' opacity='0.3'%3E%3Canimate attributeName='opacity' values='0.3;0.56;0.3' dur='3s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='translate' values='0,0;0,-8;0,0' dur='4.8s' repeatCount='indefinite'/%3E%3C/path%3E%3Ccircle cx='150' cy='180' r='3' fill='%23B2DFDB' opacity='0.55'%3E%3Canimate attributeName='r' values='3;5;3' dur='2.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.55;0.85;0.55' dur='2.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='400' cy='200' r='2.5' fill='%2390D5C8' opacity='0.5'%3E%3Canimate attributeName='r' values='2.5;4.5;2.5' dur='3s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.5;0.8;0.5' dur='3s' 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.32 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 400'%3E%3Cg transform='translate(100,160)' opacity='0.5'%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='%23A5D6CC'%3E%3Canimate attributeName='opacity' values='0.6;0.95;0.6' dur='4s' 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='%23A5D6CC'%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='2.5' fill='%237FCDC0'%3E%3Canimate attributeName='r' values='2.5;3.5;2.5' dur='4s' repeatCount='indefinite'/%3E%3C/circle%3E%3CanimateTransform attributeName='transform' type='translate' values='100,160;105,155;100,160' dur='5s' repeatCount='indefinite' additive='replace'/%3E%3C/g%3E%3Cg transform='translate(320,230)' opacity='0.5'%3E%3Cpath d='M -14,0 Q -20,-9 -11,-7 Q -3,-2 0,0 Q -3,2 -11,7 Q -20,9 -14,0 Z' fill='%2390D5C8'%3E%3Canimate attributeName='opacity' values='0.55;0.9;0.55' dur='4.5s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 14,0 Q 20,-9 11,-7 Q 3,-2 0,0 Q 3,2 11,7 Q 20,9 14,0 Z' fill='%2390D5C8'%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='3' fill='%235FB5A8'%3E%3Canimate attributeName='r' values='3;4;3' dur='4.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3CanimateTransform attributeName='transform' type='translate' values='320,230;325,225;320,230' dur='5.5s' repeatCount='indefinite' additive='replace'/%3E%3C/g%3E%3Cg transform='translate(500,120)' opacity='0.5'%3E%3Cpath d='M -10,0 Q -16,-7 -9,-5 Q -2,-2 0,0 Q -2,2 -9,5 Q -16,7 -10,0 Z' fill='%23B2DFDB'%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 16,-7 9,-5 Q 2,-2 0,0 Q 2,2 9,5 Q 16,7 10,0 Z' fill='%23B2DFDB'%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.2' fill='%2390D5C8'%3E%3Canimate attributeName='r' values='2.2;3.2;2.2' dur='3.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3CanimateTransform attributeName='transform' type='translate' values='500,120;505,116;500,120' dur='4.8s' repeatCount='indefinite' additive='replace'/%3E%3C/g%3E%3Ccircle cx='60' cy='90' r='5' fill='none' stroke='%237FCDC0' stroke-width='1.2' opacity='0.4'%3E%3Canimate attributeName='r' values='3;8;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='240' cy='130' r='4' fill='none' stroke='%2390D5C8' stroke-width='1' opacity='0.4'%3E%3Canimate attributeName='r' values='2.5;7;2.5' dur='4.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.5;0;0.5' dur='4.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='420' cy='80' r='5' fill='none' stroke='%23A5D6CC' stroke-width='1.2' opacity='0.4'%3E%3Canimate attributeName='r' values='3;8;3' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.5;0;0.5' dur='6s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='180' cy='340' r='4' fill='none' stroke='%237FCDC0' stroke-width='1' opacity='0.4'%3E%3Canimate attributeName='r' values='2;7;2' dur='5.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.5;0;0.5' dur='5.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='380' cy='350' r='4.5' fill='none' stroke='%2390D5C8' stroke-width='1' opacity='0.4'%3E%3Canimate attributeName='r' values='2.5;7.5;2.5' dur='5.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.5;0;0.5' dur='5.2s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* 5. 主文本内容 — 深青墨色高对比 */
.markdown-body {
    color: #1F4945 !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: #2E8B7F !important;
    font-weight: 700 !important;
    background: rgba(127, 205, 192, 0.18) !important;
    padding: 1px 5px !important;
    border-radius: 5px !important;
}

.markdown-body ::selection {
    background: rgba(95, 181, 168, 0.35) !important;
    color: #1A1A1A !important;
}

.markdown-body::before {
    content: "🍵 " !important;
    filter: drop-shadow(0 0 4px rgba(95, 181, 168, 0.4)) !important;
}

/* 行内代码 */
.markdown-body code {
    background: rgba(127, 205, 192, 0.2) !important;
    color: #1F5F58 !important;
    border-radius: 6px !important;
    padding: 3px 7px !important;
    border: 1px solid rgba(95, 181, 168, 0.35) !important;
    font-size: 0.92em !important;
    font-weight: 600 !important;
}

/* 代码块 */
.markdown-body pre {
    background: rgba(255, 255, 255, 0.92) !important;
    border: 2px solid rgba(127, 205, 192, 0.35) !important;
    border-radius: 16px !important;
    box-shadow: 0 6px 20px rgba(95, 181, 168, 0.15) !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, #E0F2F1, #F0F9F8) !important;
    border-bottom: 1px solid rgba(127, 205, 192, 0.3) !important;
    padding: 0 18px !important;
    height: 42px !important;
}

.markdown-body pre > div > div.flex.justify-between > div:first-child {
    color: #2E8B7F !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(127, 205, 192, 0.18) !important;
    border: 1px solid rgba(95, 181, 168, 0.4) !important;
    color: #2E8B7F !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(95, 181, 168, 0.3) !important;
    border-color: #5FB5A8 !important;
    box-shadow: 0 0 12px rgba(95, 181, 168, 0.4) !important;
}

.markdown-body pre > div > div[node] {
    background: #FEFFFE !important;
    color: #2C3E3B !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: #E0F2F1 !important;
    border-radius: 5px !important;
}

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

.markdown-body pre > div > div[node]::-webkit-scrollbar-thumb:hover {
    background: rgba(95, 181, 168, 0.75) !important;
}

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

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

.markdown-body a:hover {
    color: #1F5F58 !important;
    border-bottom: 2px solid #1F5F58 !important;
    filter: drop-shadow(0 0 6px rgba(31, 95, 88, 0.4)) !important;
}

/* 分割线 */
.markdown-body hr {
    height: 2px !important;
    background: linear-gradient(90deg, transparent, rgba(127, 205, 192, 0.6), transparent) !important;
    border: none !important;
    margin: 28px 0 !important;
    box-shadow: 0 0 8px rgba(95, 181, 168, 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(95, 181, 168, 0.15) !important;
    position: relative !important;
    z-index: 1 !important;
}

.markdown-body th {
    background: linear-gradient(135deg, #E0F2F1, #F0F9F8) !important;
    color: #1F5F58 !important;
    font-weight: 700 !important;
    padding: 14px !important;
    border: 1px solid rgba(127, 205, 192, 0.35) !important;
}

.markdown-body td {
    background: rgba(255, 255, 255, 0.82) !important;
    padding: 14px !important;
    border: 1px solid rgba(127, 205, 192, 0.22) !important;
    transition: background 0.3s ease !important;
    color: #1F4945 !important;
}

.markdown-body tr:hover td {
    background: rgba(127, 205, 192, 0.15) !important;
}

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

/* 折叠块 */
.markdown-body details {
    background: rgba(255, 255, 255, 0.72) !important;
    border: 2px solid rgba(127, 205, 192, 0.35) !important;
    border-radius: 14px !important;
    padding: 14px 18px !important;
    margin: 14px 0 !important;
    box-shadow: 0 4px 12px rgba(95, 181, 168, 0.12) !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    z-index: 1 !important;
}

.markdown-body details:hover {
    border-color: rgba(95, 181, 168, 0.55) !important;
    background: rgba(255, 255, 255, 0.88) !important;
}

.markdown-body summary {
    cursor: pointer !important;
    color: #1F5F58 !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: #2E8B7F !important;
    filter: drop-shadow(0 0 5px rgba(46, 139, 127, 0.3)) !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(127, 205, 192, 0.35) !important;
    padding-bottom: 10px !important;
}

/* 6. 底部附加元素 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
button {
    color: #2E8B7F !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: #1F5F58 !important;
    background: rgba(127, 205, 192, 0.2) !important;
    filter: drop-shadow(0 0 6px rgba(46, 139, 127, 0.35)) !important;
    transform: translateY(-1px) !important;
}

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

.text-orange-500 {
    color: #5FB5A8 !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='leaf1' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23E0F2F1'/%3E%3Cstop offset='50%25' stop-color='%237FCDC0'/%3E%3Cstop offset='100%25' stop-color='%235FB5A8'/%3E%3C/linearGradient%3E%3ClinearGradient id='leaf2' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23F0F9F8'/%3E%3Cstop offset='50%25' stop-color='%2390D5C8'/%3E%3Cstop offset='100%25' stop-color='%232E8B7F'/%3E%3C/linearGradient%3E%3ClinearGradient id='leaf3' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23E6F4F1'/%3E%3Cstop offset='50%25' stop-color='%23A5D6CC'/%3E%3Cstop offset='100%25' stop-color='%235FB5A8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate(20,50)'%3E%3Cpath d='M 0,0 Q -6,-8 -2,-14 Q 4,-18 6,-10 Q 8,-2 0,0 Z' fill='url(%23leaf1)' stroke='%235FB5A8' stroke-width='0.6'%3E%3CanimateTransform attributeName='transform' type='rotate' values='-30;30;-30' dur='1.4s' repeatCount='indefinite' begin='0s'/%3E%3C/path%3E%3Cline x1='0' y1='0' x2='3' y2='-10' stroke='%232E8B7F' stroke-width='0.5' opacity='0.5'/%3E%3CanimateTransform attributeName='transform' type='translate' values='20,50;20,38;20,50' dur='1.4s' repeatCount='indefinite' begin='0s' additive='replace'/%3E%3C/g%3E%3Cg transform='translate(40,50)'%3E%3Cpath d='M 0,0 Q -6,-8 -2,-14 Q 4,-18 6,-10 Q 8,-2 0,0 Z' fill='url(%23leaf2)' stroke='%232E8B7F' stroke-width='0.6'%3E%3CanimateTransform attributeName='transform' type='rotate' values='-30;30;-30' dur='1.4s' repeatCount='indefinite' begin='0.2s'/%3E%3C/path%3E%3Cline x1='0' y1='0' x2='3' y2='-10' stroke='%231F5F58' stroke-width='0.5' opacity='0.5'/%3E%3CanimateTransform attributeName='transform' type='translate' values='40,50;40,38;40,50' dur='1.4s' repeatCount='indefinite' begin='0.2s' additive='replace'/%3E%3C/g%3E%3Cg transform='translate(60,50)'%3E%3Cpath d='M 0,0 Q -6,-8 -2,-14 Q 4,-18 6,-10 Q 8,-2 0,0 Z' fill='url(%23leaf3)' stroke='%235FB5A8' stroke-width='0.6'%3E%3CanimateTransform attributeName='transform' type='rotate' values='-30;30;-30' dur='1.4s' repeatCount='indefinite' begin='0.4s'/%3E%3C/path%3E%3Cline x1='0' y1='0' x2='3' y2='-10' stroke='%232E8B7F' stroke-width='0.5' opacity='0.5'/%3E%3CanimateTransform attributeName='transform' type='translate' values='60,50;60,38;60,50' dur='1.4s' repeatCount='indefinite' begin='0.4s' additive='replace'/%3E%3C/g%3E%3Cellipse cx='20' cy='62' rx='5' ry='1.8' fill='%235FB5A8' opacity='0.15'%3E%3Canimate attributeName='opacity' values='0.15;0.05;0.15' dur='1.4s' repeatCount='indefinite' begin='0s'/%3E%3Canimate attributeName='rx' values='5;6.5;5' dur='1.4s' repeatCount='indefinite' begin='0s'/%3E%3C/ellipse%3E%3Cellipse cx='40' cy='62' rx='5' ry='1.8' fill='%235FB5A8' opacity='0.15'%3E%3Canimate attributeName='opacity' values='0.15;0.05;0.15' dur='1.4s' repeatCount='indefinite' begin='0.2s'/%3E%3Canimate attributeName='rx' values='5;6.5;5' dur='1.4s' repeatCount='indefinite' begin='0.2s'/%3E%3C/ellipse%3E%3Cellipse cx='60' cy='62' rx='5' ry='1.8' fill='%235FB5A8' opacity='0.15'%3E%3Canimate attributeName='opacity' values='0.15;0.05;0.15' dur='1.4s' repeatCount='indefinite' begin='0.4s'/%3E%3Canimate attributeName='rx' values='5;6.5;5' dur='1.4s' 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='%237FCDC0' stroke-width='1.5' opacity='0.28' stroke-dasharray='6 10'%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 40 40;360 40 40' dur='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.28;0.12;0.28' dur='4s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='40' cy='40' r='28' fill='none' stroke='%235FB5A8' stroke-width='1' opacity='0.2' stroke-dasharray='4 8'%3E%3CanimateTransform attributeName='transform' type='rotate' values='360 40 40;0 40 40' dur='10s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.2;0.08;0.2' 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.35 !important;
    }
    
    .bg-gray-100\/90.relative.inline-block::after {
        opacity: 0.22 !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;
    }
}