/* ==========================================
   🎀 正太主题 · 聊天框美化方案
   特点: 清新粉蓝、漂浮泡泡、跳跃小球加载
   ========================================== */

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

/* 2. 统一聊天框 — 清新粉蓝渐变 */
.bg-gray-100\/90.relative.inline-block {
    background: linear-gradient(
        135deg,
        #E3F2FD 0%,
        #F3E5F5 25%,
        #E1F5FE 50%,
        #FCE4EC 75%,
        #E8EAF6 100%
    ) !important;
    border: 2px solid rgba(100, 181, 246, 0.3) !important;
    box-shadow:
        0 0 0 1px rgba(144, 202, 249, 0.2),
        0 4px 16px rgba(100, 181, 246, 0.15),
        0 8px 32px rgba(186, 104, 200, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.6) !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(100, 181, 246, 0.4),
        0 6px 24px rgba(100, 181, 246, 0.25),
        0 12px 48px rgba(186, 104, 200, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.8) !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%3Ccircle cx='80' cy='60' r='8' fill='%2364B5F6' opacity='0.3'%3E%3Canimate attributeName='cy' values='60;50;60' dur='4s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.3;0.6;0.3' dur='4s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='180' cy='120' r='12' fill='%23BA68C8' opacity='0.25'%3E%3Canimate attributeName='cy' values='120;105;120' dur='5.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='12;14;12' dur='5.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.25;0.5;0.25' dur='5.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='320' cy='80' r='6' fill='%2381C784' opacity='0.35'%3E%3Canimate attributeName='cy' values='80;68;80' dur='3.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.35;0.65;0.35' dur='3.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='450' cy='150' r='10' fill='%23FFB74D' opacity='0.28'%3E%3Canimate attributeName='cy' values='150;135;150' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='10;13;10' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.28;0.55;0.28' dur='6s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='550' cy='90' r='7' fill='%23EF5350' opacity='0.3'%3E%3Canimate attributeName='cy' values='90;78;90' dur='4.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.3;0.6;0.3' dur='4.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='120' cy='250' r='9' fill='%2364B5F6' opacity='0.32'%3E%3Canimate attributeName='cy' values='250;238;250' dur='5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.32;0.62;0.32' dur='5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='280' cy='300' r='11' fill='%23BA68C8' opacity='0.27'%3E%3Canimate attributeName='cy' values='300;285;300' dur='6.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='11;14;11' dur='6.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.27;0.52;0.27' dur='6.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='420' cy='280' r='8' fill='%2381C784' opacity='0.33'%3E%3Canimate attributeName='cy' values='280;268;280' dur='4.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.33;0.63;0.33' dur='4.2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Cpolygon points='200,40 205,50 215,50 207,57 210,67 200,60 190,67 193,57 185,50 195,50' fill='%23FFD54F' opacity='0.4'%3E%3Canimate attributeName='opacity' values='0.4;0.8;0.4' dur='3s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 200 50;360 200 50' dur='20s' repeatCount='indefinite'/%3E%3C/polygon%3E%3Cpolygon points='380,200 384,208 392,208 386,213 388,221 380,216 372,221 374,213 368,208 376,208' fill='%23FF8A80' opacity='0.38'%3E%3Canimate attributeName='opacity' values='0.38;0.75;0.38' dur='3.5s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 380 210;360 380 210' dur='18s' repeatCount='indefinite'/%3E%3C/polygon%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.4 !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 50,80 C 50,70 40,60 30,60 C 20,60 10,70 10,80 C 10,95 25,110 50,130 C 75,110 90,95 90,80 C 90,70 80,60 70,60 C 60,60 50,70 50,80 Z' fill='%23F48FB1' opacity='0.3'%3E%3CanimateTransform attributeName='transform' type='translate' values='0,0;0,-15;0,0' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.3;0.6;0.3' dur='6s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 250,180 C 250,170 240,160 230,160 C 220,160 210,170 210,180 C 210,195 225,210 250,230 C 275,210 290,195 290,180 C 290,170 280,160 270,160 C 260,160 250,170 250,180 Z' fill='%23CE93D8' opacity='0.28'%3E%3CanimateTransform attributeName='transform' type='translate' values='0,0;0,-20;0,0' dur='7.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.28;0.55;0.28' dur='7.5s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 480,120 C 480,110 470,100 460,100 C 450,100 440,110 440,120 C 440,135 455,150 480,170 C 505,150 520,135 520,120 C 520,110 510,100 500,100 C 490,100 480,110 480,120 Z' fill='%2380DEEA' opacity='0.32'%3E%3CanimateTransform attributeName='transform' type='translate' values='0,0;0,-12;0,0' dur='5.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.32;0.62;0.32' dur='5.5s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E") !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* 5. 主文本内容 — 深色高对比 */
.markdown-body {
    color: #263238 !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.01em !important;
}

.markdown-body strong {
    color: #1565C0 !important;
    font-weight: 700 !important;
    background: rgba(100, 181, 246, 0.15) !important;
    padding: 1px 5px !important;
    border-radius: 5px !important;
}

.markdown-body ::selection {
    background: rgba(186, 104, 200, 0.3) !important;
    color: #1A237E !important;
}

.markdown-body::before {
    content: "✦ " !important;
    color: #BA68C8 !important;
    filter: drop-shadow(0 0 4px rgba(186, 104, 200, 0.4)) !important;
}

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

/* 代码块 */
.markdown-body pre {
    background: rgba(255, 255, 255, 0.85) !important;
    border: 2px solid rgba(100, 181, 246, 0.25) !important;
    border-radius: 16px !important;
    box-shadow: 0 6px 20px rgba(100, 181, 246, 0.12) !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, #E3F2FD, #F3E5F5) !important;
    border-bottom: 1px solid rgba(100, 181, 246, 0.2) !important;
    padding: 0 18px !important;
    height: 42px !important;
}

.markdown-body pre > div > div.flex.justify-between > div:first-child {
    color: #5E35B1 !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(100, 181, 246, 0.15) !important;
    border: 1px solid rgba(100, 181, 246, 0.3) !important;
    color: #1565C0 !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(186, 104, 200, 0.25) !important;
    border-color: #BA68C8 !important;
    box-shadow: 0 0 12px rgba(186, 104, 200, 0.35) !important;
}

.markdown-body pre > div > div[node] {
    background: #FAFAFA !important;
    color: #37474F !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: #E3F2FD !important;
    border-radius: 5px !important;
}

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

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

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

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

.markdown-body a:hover {
    color: #7B1FA2 !important;
    border-bottom: 2px solid #7B1FA2 !important;
    filter: drop-shadow(0 0 6px rgba(123, 31, 162, 0.4)) !important;
}

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

.markdown-body th {
    background: linear-gradient(135deg, #E3F2FD, #F3E5F5) !important;
    color: #5E35B1 !important;
    font-weight: 700 !important;
    padding: 14px !important;
    border: 1px solid rgba(100, 181, 246, 0.3) !important;
}

.markdown-body td {
    background: rgba(255, 255, 255, 0.7) !important;
    padding: 14px !important;
    border: 1px solid rgba(100, 181, 246, 0.2) !important;
    transition: background 0.3s ease !important;
}

.markdown-body tr:hover td {
    background: rgba(186, 104, 200, 0.12) !important;
}

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

/* 折叠块 */
.markdown-body details {
    background: rgba(255, 255, 255, 0.6) !important;
    border: 2px solid rgba(100, 181, 246, 0.3) !important;
    border-radius: 14px !important;
    padding: 14px 18px !important;
    margin: 14px 0 !important;
    box-shadow: 0 4px 12px rgba(100, 181, 246, 0.1) !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    z-index: 1 !important;
}

.markdown-body details:hover {
    border-color: rgba(186, 104, 200, 0.5) !important;
    background: rgba(255, 255, 255, 0.8) !important;
}

.markdown-body summary {
    cursor: pointer !important;
    color: #5E35B1 !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: #7B1FA2 !important;
    filter: drop-shadow(0 0 5px rgba(123, 31, 162, 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;
    color: #BA68C8 !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;
    color: #81C784 !important;
}

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

/* 6. 底部附加元素 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
button {
    color: #5E35B1 !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: #7B1FA2 !important;
    background: rgba(186, 104, 200, 0.15) !important;
    filter: drop-shadow(0 0 6px rgba(123, 31, 162, 0.3)) !important;
    transform: translateY(-1px) !important;
}

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

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

/* 7. 加载动画 — 跳跃小球 (SVG SMIL) */
.style_dot-flashing__8L91Q.style_text__zGhNq {
    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%3CradialGradient id='b1' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%2364B5F6' stop-opacity='1'/%3E%3Cstop offset='100%25' stop-color='%231976D2' stop-opacity='0.8'/%3E%3C/radialGradient%3E%3CradialGradient id='b2' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%23BA68C8' stop-opacity='1'/%3E%3Cstop offset='100%25' stop-color='%237B1FA2' stop-opacity='0.8'/%3E%3C/radialGradient%3E%3CradialGradient id='b3' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%2381C784' stop-opacity='1'/%3E%3Cstop offset='100%25' stop-color='%23388E3C' stop-opacity='0.8'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='20' cy='50' r='6' fill='url(%23b1)'%3E%3Canimate attributeName='cy' values='50;25;50' dur='1.2s' repeatCount='indefinite' begin='0s'/%3E%3Canimate attributeName='r' values='6;7;6' dur='1.2s' repeatCount='indefinite' begin='0s'/%3E%3C/circle%3E%3Cellipse cx='20' cy='62' rx='5' ry='2' fill='%23000000' 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%3Ccircle cx='40' cy='50' r='6' fill='url(%23b2)'%3E%3Canimate attributeName='cy' values='50;25;50' dur='1.2s' repeatCount='indefinite' begin='0.2s'/%3E%3Canimate attributeName='r' values='6;7;6' dur='1.2s' repeatCount='indefinite' begin='0.2s'/%3E%3C/circle%3E%3Cellipse cx='40' cy='62' rx='5' ry='2' fill='%23000000' 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%3Ccircle cx='60' cy='50' r='6' fill='url(%23b3)'%3E%3Canimate attributeName='cy' values='50;25;50' dur='1.2s' repeatCount='indefinite' begin='0.4s'/%3E%3Canimate attributeName='r' values='6;7;6' dur='1.2s' repeatCount='indefinite' begin='0.4s'/%3E%3C/circle%3E%3Cellipse cx='60' cy='62' rx='5' ry='2' fill='%23000000' 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='%2364B5F6' stroke-width='1.5' opacity='0.2' stroke-dasharray='8 12'%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 40 40;360 40 40' dur='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.2;0.08;0.2' dur='4s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='40' cy='40' r='28' fill='none' stroke='%23BA68C8' stroke-width='1' opacity='0.15'stroke-dasharray='6 10'%3E%3CanimateTransform attributeName='transform' type='rotate' values='360 40 40;0 40 40' dur='10s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.15;0.05;0.15' 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-root.MuiButton-text.MuiButton-textPrimary:hover,
    button:hover {
        transform: none !important;
    }
}