/* ===========================================
   【严格作用域隔离版】金粉贵族底座 + 悬浮层
   完全锚定聊天气泡，绝对不污染评论区及全局样式
   =========================================== */

/* 1. 主气泡底座限定 */
.bg-gray-100\/90.relative.inline-block {
    background: linear-gradient(145deg, #f5e6d3 0%, #e8d4b8 40%, #d4b896 100%) !important;
    border-radius: 22px !important;
    padding: 22px 26px !important;
    box-shadow: 0 12px 32px rgba(139,90,43,0.25),0 5px 12px rgba(139,90,43,0.18),inset 0 2px 6px rgba(255,240,210,0.9),inset 0 -2px 6px rgba(120,80,40,0.15) !important;
    position: relative !important; isolation: isolate !important;
    transition: all 0.5s cubic-bezier(0.4,0,0.2,1) !important;
    border: 1.5px solid rgba(212,175,100,0.6) !important;
}
.bg-gray-100\/90.relative.inline-block:hover {
    box-shadow: 0 18px 44px rgba(139,90,43,0.32),0 8px 18px rgba(139,90,43,0.22),inset 0 2px 6px rgba(255,240,210,1),inset 0 -2px 6px rgba(120,80,40,0.18) !important;
    transform: translateY(-3px) !important;
    border-color: rgba(218,165,32,0.8) !important;
}
.bg-gray-100\/90.relative.inline-block::before {
    content: '' !important; position: absolute !important;
    top: -4px; left: -4px; right: -4px; bottom: -4px !important;
    background: linear-gradient(135deg,rgba(255,215,0,0.35),rgba(255,192,203,0.3),rgba(218,165,32,0.35)) !important;
    border-radius: 26px !important; z-index: -2 !important;
    filter: blur(14px) !important; opacity: 0.75 !important;
}

/* 2. 第二悬浮层 - 严格限定在主气泡内部的 markdown-body */
.bg-gray-100\/90.relative.inline-block .markdown-body {
    color: #4a2840 !important; font-weight: 500 !important; line-height: 1.75 !important;
    background: linear-gradient(135deg,#fff5f7 0%,#fde4ec 30%,#fbd5e0 55%,#fce0e9 80%,#fff0f5 100%) !important;
    border-radius: 16px !important; padding: 20px 24px !important;
    width: calc(100% - 18px) !important; margin: 5px 9px !important;
    box-sizing: border-box !important; position: relative !important; z-index: 1 !important;
    box-shadow: 0 22px 38px rgba(180,70,110,0.32),0 14px 24px rgba(180,70,110,0.24),0 7px 12px rgba(180,70,110,0.16),0 2px 4px rgba(180,70,110,0.12),inset 0 1.5px 0 rgba(255,255,255,1),inset 0 -1px 3px rgba(218,112,147,0.1) !important;
    border: 1.5px solid rgba(255,215,0,0.5) !important;
    transition: all 0.5s cubic-bezier(0.4,0,0.2,1) !important;
    transform: translateY(-5px) !important;
}
.bg-gray-100\/90.relative.inline-block .markdown-body:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 30px 50px rgba(180,70,110,0.4),0 18px 30px rgba(180,70,110,0.3),0 10px 16px rgba(180,70,110,0.2),0 3px 6px rgba(180,70,110,0.14),inset 0 1.5px 0 rgba(255,255,255,1),inset 0 -1px 3px rgba(218,112,147,0.12) !important;
    border-color: rgba(255,215,0,0.8) !important;
}
.bg-gray-100\/90.relative.inline-block .markdown-body::before {
    content: '' !important; position: absolute !important; top: 0 !important;
    left: 10% !important; right: 10% !important; height: 1.5px !important;
    background: linear-gradient(90deg,transparent,rgba(255,215,0,0.6),rgba(255,240,200,1),rgba(255,215,0,0.6),transparent) !important;
    pointer-events: none !important;
}
.bg-gray-100\/90.relative.inline-block .markdown-body::after {
    content: '' !important; position: absolute !important; top:0;left:0;right:0;bottom:0 !important;
    background: radial-gradient(circle at 18% 25%,rgba(255,182,193,0.25),transparent 45%),radial-gradient(circle at 82% 75%,rgba(255,215,0,0.15),transparent 45%),radial-gradient(circle at 50% 100%,rgba(255,192,203,0.2),transparent 50%) !important;
    border-radius: 16px !important; pointer-events: none !important; z-index: -1 !important;
}

/* ===========================================
   精准修补：仅针对聊天气泡下方的按钮栏进行换行自适应
   (彻底删除原版泛滥的全局 flex 匹配器)
   =========================================== */

/* 紧随聊天气泡的相邻 div (通常是操作按钮栏) */
.bg-gray-100\/90.relative.inline-block ~ div,
.bg-gray-100\/90.relative.inline-block + div {
    display: flex !important;
    flex-wrap: wrap !important;
    max-width: 100% !important;
    overflow: visible !important;
    white-space: normal !important;
    row-gap: 8px !important;
    column-gap: 6px !important;
}

/* 仅针对气泡相邻操作栏内部的按钮防止挤压 */
.bg-gray-100\/90.relative.inline-block ~ div button,
.bg-gray-100\/90.relative.inline-block + div button {
    flex-shrink: 0 !important;
    min-width: max-content !important;
    white-space: nowrap !important;
}

/* 仅针对气泡相邻操作栏内部的 SVG 确保可见 */
.bg-gray-100\/90.relative.inline-block ~ div button svg,
.bg-gray-100\/90.relative.inline-block + div button svg {
    position: relative !important;
    z-index: 2 !important;
    flex-shrink: 0 !important;
    min-width: 1.2em !important;
}

/* ===========================================
   CG立绘卡片系统（36个标签）- 采用独立自定义标签天然免疫冲突
   =========================================== */
cg-proud1, cg-cry1, cg-sad1, cg-shock1, cg-tsun1, cg-tsun2, cg-tsun3,
cg-stick1, cg-angry1, cg-angry2, cg-blush1, cg-grieve1,
cg-think1, cg-sleepy1, cg-excite1, cg-upset1, cg-upset2, cg-smile1, cg-smile2, cg-smug1, cg-happy1,
cg-walk1, cg-pc1, cg-read1, cg-music1, cg-phone1, cg-tv1,
cg-blow1, cg-blow2, cg-blow3, cg-titty1, 
cg-sex1, cg-sex2, cg-sex3, cg-afterglow1, cg-afterglow2 {
    display: block !important;
    width: 100% !important;
    max-width: 380px !important;
    aspect-ratio: 3 / 4 !important;
    margin: 28px auto !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    position: relative !important;
    box-sizing: border-box !important;
    background-color: #fce4ec !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    border: 3px solid transparent !important;
    border-image: linear-gradient(135deg, #ffd700 0%, #ffb6c1 25%, #daa520 50%, #ff91a4 75%, #ffd700 100%) 1 !important;
    box-shadow: 0 18px 40px rgba(180,70,110,0.35),0 10px 20px rgba(218,165,32,0.25),0 4px 8px rgba(0,0,0,0.15),inset 0 0 0 1px rgba(255,255,255,0.3) !important;
    transition: all 0.5s cubic-bezier(0.4,0,0.2,1) !important;
    font-size: 0 !important; line-height: 0 !important; color: transparent !important;
}

cg-proud1:hover, cg-cry1:hover, cg-sad1:hover, cg-shock1:hover, cg-tsun1:hover, cg-tsun2:hover, cg-tsun3:hover,
cg-stick1:hover, cg-angry1:hover, cg-angry2:hover, cg-blush1:hover, cg-grieve1:hover,
cg-think1:hover, cg-sleepy1:hover, cg-excite1:hover, cg-upset1:hover, cg-upset2:hover, cg-smile1:hover, cg-smile2:hover, cg-smug1:hover, cg-happy1:hover,
cg-walk1:hover, cg-pc1:hover, cg-read1:hover, cg-music1:hover, cg-phone1:hover, cg-tv1:hover,
cg-blow1:hover, cg-blow2:hover, cg-blow3:hover, cg-titty1:hover, 
cg-sex1:hover, cg-sex2:hover, cg-sex3:hover, cg-afterglow1:hover, cg-afterglow2:hover {
    transform: translateY(-6px) scale(1.02) !important;
    box-shadow: 0 26px 55px rgba(180,70,110,0.45),0 14px 28px rgba(218,165,32,0.35),0 6px 12px rgba(0,0,0,0.2),inset 0 0 0 1px rgba(255,255,255,0.5) !important;
}

/* 图床链接 */
cg-proud1      { background-image: url('https://catai.wiki/1251536d-6394-48d8-ed52-4ce15eb10000/w=3000') !important; }
cg-cry1        { background-image: url('https://catai.wiki/02c72080-d658-42fd-fdca-966d2c517f00/w=3000') !important; }
cg-sad1        { background-image: url('https://catai.wiki/44d917f4-4423-4978-c074-9c759b0b2600/w=3000') !important; }
cg-shock1      { background-image: url('https://catai.wiki/ddc0f25c-40a1-4e14-19a4-9bbcf30e1300/w=3000') !important; }
cg-tsun1       { background-image: url('https://catai.wiki/bf8d88bb-7890-4f6a-5105-bcb17a268c00/w=3000') !important; }
cg-tsun2       { background-image: url('https://catai.wiki/c29b98a9-3081-46b4-c951-d3adf1e7c500/w=3000') !important; }
cg-tsun3       { background-image: url('https://catai.wiki/c821268d-9a67-4001-ee53-9c4c3e41bc00/w=3000') !important; }
cg-stick1      { background-image: url('https://catai.wiki/520baeb7-dbf7-4ec6-5c77-df523ab60800/w=3000') !important; }
cg-angry1      { background-image: url('https://catai.wiki/d423850d-b1cd-4688-77e9-44857efe9400/w=3000') !important; }
cg-angry2      { background-image: url('https://catai.wiki/0848abba-aee7-4ee8-6565-1c8685c69900/w=3000') !important; }
cg-blush1      { background-image: url('https://catai.wiki/7fd0382e-6281-46f6-976f-605b11bcd600/w=3000') !important; }
cg-grieve1     { background-image: url('https://catai.wiki/761df5d7-7b2f-4e4c-8b78-53f520461a00/w=3000') !important; }
cg-think1      { background-image: url('https://catai.wiki/b673380c-e935-42a6-819b-6ee5a2f1ad00/w=3000') !important; }
cg-sleepy1     { background-image: url('https://catai.wiki/b31cd67b-1f38-4b3a-4d33-776c7eda6700/w=3000') !important; }
cg-excite1     { background-image: url('https://catai.wiki/f84a8691-4990-43f3-1607-72911e832500/w=3000') !important; }
cg-upset1      { background-image: url('https://catai.wiki/f571eba3-3f62-4102-3cbd-cf7c4939e600/w=3000') !important; }
cg-upset2      { background-image: url('https://catai.wiki/cd537c6a-a8df-4286-6c9b-db5c4ee6b100/w=3000') !important; }
cg-smile1      { background-image: url('https://catai.wiki/d2a80116-bc16-4065-6f35-f3a8ac233800/w=3000') !important; }
cg-smile2      { background-image: url('https://catai.wiki/1eb7ff04-620d-485b-c40f-cbd2580a8c00/w=3000') !important; }
cg-smug1       { background-image: url('https://catai.wiki/2cd8b389-c4cf-419c-ebbf-e36c624fb100/w=3000') !important; }
cg-happy1      { background-image: url('https://catai.wiki/3349bf97-26b4-4a0f-a2aa-7d27cafd7f00/w=3000') !important; }
cg-walk1       { background-image: url('https://catai.wiki/7b847234-faaa-4f6a-b94a-188ede460600/w=3000') !important; }
cg-pc1         { background-image: url('https://catai.wiki/006412b3-120b-459b-81a1-e6c1a5628100/w=3000') !important; }
cg-read1       { background-image: url('https://catai.wiki/d372f9b8-97b3-4d0b-a225-650df9259700/w=3000') !important; }
cg-music1      { background-image: url('https://catai.wiki/94e0e09b-f4c3-45d4-e077-83d2e9d12000/w=3000') !important; }
cg-phone1      { background-image: url('https://catai.wiki/a4ad2449-32e0-4be9-0290-0784664d4000/w=3000') !important; }
cg-tv1         { background-image: url('https://catai.wiki/ce64f3b1-ef08-4c21-b415-8ae53f8aae00/w=3000') !important; }
cg-blow1       { background-image: url('https://catai.wiki/0187b501-69f6-4624-440e-7e1ab308d000/w=3000') !important; }
cg-blow2       { background-image: url('https://catai.wiki/1406d9dd-784b-4217-e649-a577af22da00/w=3000') !important; }
cg-blow3       { background-image: url('https://catai.wiki/6a831512-8e1f-4f5b-ce46-08c061cafc00/w=3000') !important; }
cg-titty1      { background-image: url('https://catai.wiki/31b15f31-616c-47d6-4d83-0f6da5898300/w=3000') !important; }
cg-sex1        { background-image: url('https://catai.wiki/c52d1fa1-2d87-4860-dcf5-dd241f958700/w=3000') !important; }
cg-sex2        { background-image: url('https://catai.wiki/9dc4d6a2-9294-40ba-1f87-ff613f2e6b00/w=3000') !important; }
cg-sex3        { background-image: url('https://catai.wiki/ddd520d2-89c0-49cc-e53b-9f18c64a9300/w=3000') !important; }
cg-afterglow1  { background-image: url('https://catai.wiki/c55d717b-2fa4-470f-9605-dd11a9f6bc00/w=3000') !important; }
cg-afterglow2  { background-image: url('https://catai.wiki/3362aa86-da63-4359-a553-8978f92f5e00/w=3000') !important; }

/* 顶部与底部光晕 */
cg-proud1::before, cg-cry1::before, cg-sad1::before, cg-shock1::before, cg-tsun1::before, cg-tsun2::before, cg-tsun3::before,
cg-stick1::before, cg-angry1::before, cg-angry2::before, cg-blush1::before, cg-grieve1::before,
cg-think1::before, cg-sleepy1::before, cg-excite1::before, cg-upset1::before, cg-upset2::before, cg-smile1::before, cg-smile2::before, cg-smug1::before, cg-happy1::before,
cg-walk1::before, cg-pc1::before, cg-read1::before, cg-music1::before, cg-phone1::before, cg-tv1::before,
cg-blow1::before, cg-blow2::before, cg-blow3::before, cg-titty1::before, 
cg-sex1::before, cg-sex2::before, cg-sex3::before, cg-afterglow1::before, cg-afterglow2::before {
    content: '' !important; position: absolute !important;
    top: 0; left: 0; right: 0 !important; height: 60px !important;
    background: linear-gradient(180deg,rgba(255,215,0,0.1) 0%,rgba(255,182,193,0.05) 50%,transparent 100%) !important;
    pointer-events: none !important; z-index: 2 !important;
}

cg-proud1::after, cg-cry1::after, cg-sad1::after, cg-shock1::after, cg-tsun1::after, cg-tsun2::after, cg-tsun3::after,
cg-stick1::after, cg-angry1::after, cg-angry2::after, cg-blush1::after, cg-grieve1::after,
cg-think1::after, cg-sleepy1::after, cg-excite1::after, cg-upset1::after, cg-upset2::after, cg-smile1::after, cg-smile2::after, cg-smug1::after, cg-happy1::after,
cg-walk1::after, cg-pc1::after, cg-read1::after, cg-music1::after, cg-phone1::after, cg-tv1::after,
cg-blow1::after, cg-blow2::after, cg-blow3::after, cg-titty1::after, 
cg-sex1::after, cg-sex2::after, cg-sex3::after, cg-afterglow1::after, cg-afterglow2::after {
    content: '' !important; position: absolute !important;
    bottom: 0; left: 0; right: 0 !important; height: 50px !important;
    background: linear-gradient(0deg,rgba(255,182,193,0.08) 0%,transparent 100%) !important;
    pointer-events: none !important; z-index: 2 !important;
}

/* ===========================================
   其他UI 精准限定版
   =========================================== */
.bg-gray-100\/90.relative.inline-block ~ div .style_dot-flashing__8L91Q.style_text__zGhNq { display: none !important; }

/* 仅限聊天区内部的加载动画 */
.bg-gray-100\/90.relative.inline-block ~ div .flex.items-center.justify-center.w-6.h-5 {
    position: relative !important; width: 50px !important; height: 50px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
}
.bg-gray-100\/90.relative.inline-block ~ div .flex.items-center.justify-center.w-6.h-5::before {
    content: '' !important; position: absolute !important; width: 44px !important; height: 44px !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="url(%23g1)" stroke-width="6" stroke-linecap="round" stroke-dasharray="60 190"><animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="1.5s" repeatCount="indefinite"/></circle><defs><linearGradient id="g1" x1="0%25" y1="0%25" x2="100%25" y2="100%25"><stop offset="0%25" stop-color="rgb(255,215,0)"/><stop offset="50%25" stop-color="rgb(255,182,193)"/><stop offset="100%25" stop-color="rgb(218,165,32)"/></linearGradient></defs></svg>') !important;
    background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; z-index: 1 !important;
}
.bg-gray-100\/90.relative.inline-block ~ div .flex.items-center.justify-center.w-6.h-5::after {
    content: '' !important; position: absolute !important; width: 28px !important; height: 28px !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="30" fill="url(%23g2)"><animate attributeName="r" values="22;36;22" dur="1.3s" repeatCount="indefinite"/><animate attributeName="opacity" values="0.9;0.4;0.9" dur="1.3s" repeatCount="indefinite"/></circle><defs><radialGradient id="g2"><stop offset="0%25" stop-color="rgb(255,182,193)"/><stop offset="60%25" stop-color="rgb(255,215,0)" stop-opacity="0.7"/><stop offset="100%25" stop-color="rgb(218,112,147)" stop-opacity="0.5"/></radialGradient></defs></svg>') !important;
    background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; z-index: 2 !important;
}

/* 贵族按钮 - 精准限定在气泡下方 */
.bg-gray-100\/90.relative.inline-block ~ div button.MuiButton-textPrimary {
    background: linear-gradient(135deg,#ffd700 0%,#ffb6c1 50%,#daa520 100%) !important;
    color: #5c2840 !important; border-radius: 12px !important; padding: 6px 18px !important;
    font-weight: 700 !important; text-transform: none !important; letter-spacing: 0.3px !important;
    box-shadow: 0 5px 14px rgba(218,165,32,0.45),0 2px 5px rgba(255,182,193,0.4),inset 0 1px 0 rgba(255,255,255,0.6) !important;
    transition: all 0.3s ease !important; border: 1px solid rgba(255,215,0,0.7) !important;
}
.bg-gray-100\/90.relative.inline-block ~ div button.MuiButton-textPrimary:hover {
    background: linear-gradient(135deg,#ffb6c1 0%,#ffd700 50%,#ff91a4 100%) !important;
    box-shadow: 0 8px 20px rgba(218,165,32,0.6),0 3px 8px rgba(255,105,180,0.5),inset 0 1px 0 rgba(255,255,255,0.8) !important;
    transform: translateY(-2px) !important; color: #4a1f30 !important;
}

/* Token与模型名称限定 */
.bg-gray-100\/90.relative.inline-block ~ div .text-orange-500 {
    background: linear-gradient(90deg,#ffd700,#ff91a4,#daa520) !important;
    -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
    background-clip: text !important; font-weight: 700 !important;
    filter: drop-shadow(0 2px 4px rgba(218,165,32,0.4)) !important;
}
.bg-gray-100\/90.relative.inline-block ~ div .MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
    color: #b8860b !important; font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(255,182,193,0.4) !important;
    letter-spacing: 0.6px !important; font-style: italic !important;
}

/* 全局移动端适配限定在含聊天气泡的页面区域 */
@media screen and (max-width: 768px) {
    .bg-gray-100\/90.relative.inline-block ~ div:has(> button),
    .bg-gray-100\/90.relative.inline-block + div:has(> button) {
        display: flex !important; flex-wrap: wrap !important;
        flex-direction: row !important; max-width: 100% !important;
        width: auto !important; overflow: visible !important;
        row-gap: 6px !important; column-gap: 6px !important;
    }
    .bg-gray-100\/90.relative.inline-block, .bg-gray-100\/90.relative.inline-block .markdown-body {
        overflow-x: visible !important; max-width: 100% !important;
    }
}

@media screen and (max-width: 480px) {
    .bg-gray-100\/90.relative.inline-block { border-radius: 18px !important; padding: 16px 18px !important; }
    .bg-gray-100\/90.relative.inline-block .markdown-body { border-radius: 13px !important; padding: 15px 17px !important; width: calc(100% - 12px) !important; margin: 4px 6px !important; }
    
    cg-proud1, cg-cry1, cg-sad1, cg-shock1, cg-tsun1, cg-tsun2, cg-tsun3,
    cg-stick1, cg-angry1, cg-angry2, cg-blush1, cg-grieve1,
    cg-think1, cg-sleepy1, cg-excite1, cg-upset1, cg-upset2, cg-smile1, cg-smile2, cg-smug1, cg-happy1,
    cg-walk1, cg-pc1, cg-read1, cg-music1, cg-phone1, cg-tv1,
    cg-blow1, cg-blow2, cg-blow3, cg-titty1, 
    cg-sex1, cg-sex2, cg-sex3, cg-afterglow1, cg-afterglow2 {
        max-width: 100% !important; margin: 16px auto !important; border-radius: 14px !important;
    }
    
    .bg-gray-100\/90.relative.inline-block ~ div .flex.items-center.justify-center.w-6.h-5 { width: 40px !important; height: 40px !important; }
    .bg-gray-100\/90.relative.inline-block ~ div .flex.items-center.justify-center.w-6.h-5::before { width: 36px !important; height: 36px !important; }
    .bg-gray-100\/90.relative.inline-block ~ div .flex.items-center.justify-center.w-6.h-5::after { width: 22px !important; height: 22px !important; }
}
/* 顶部金色光晕 */
cg-proud1::before, cg-cry1::before, cg-sad1::before, cg-shock1::before, cg-tsun1::before, cg-tsun2::before, cg-tsun3::before,
cg-stick1::before, cg-angry1::before, cg-angry2::before, cg-blush1::before, cg-grieve1::before,
cg-think1::before, cg-sleepy1::before, cg-excite1::before, cg-upset1::before, cg-upset2::before, cg-smile1::before, cg-smile2::before, cg-smug1::before, cg-happy1::before,
cg-walk1::before, cg-pc1::before, cg-read1::before, cg-music1::before, cg-phone1::before, cg-tv1::before,
cg-blow1::before, cg-blow2::before, cg-blow3::before, cg-titty1::before, 
cg-sex1::before, cg-sex2::before, cg-sex3::before, cg-afterglow1::before, cg-afterglow2::before {
    content: '' !important; position: absolute !important;
    top: 0; left: 0; right: 0 !important; height: 60px !important;
    background: linear-gradient(180deg,rgba(255,215,0,0.1) 0%,rgba(255,182,193,0.05) 50%,transparent 100%) !important;
    pointer-events: none !important; z-index: 2 !important;
}

/* 底部粉色光晕 */
cg-proud1::after, cg-cry1::after, cg-sad1::after, cg-shock1::after, cg-tsun1::after, cg-tsun2::after, cg-tsun3::after,
cg-stick1::after, cg-angry1::after, cg-angry2::after, cg-blush1::after, cg-grieve1::after,
cg-think1::after, cg-sleepy1::after, cg-excite1::after, cg-upset1::after, cg-upset2::after, cg-smile1::after, cg-smile2::after, cg-smug1::after, cg-happy1::after,
cg-walk1::after, cg-pc1::after, cg-read1::after, cg-music1::after, cg-phone1::after, cg-tv1::after,
cg-blow1::after, cg-blow2::after, cg-blow3::after, cg-titty1::after, 
cg-sex1::after, cg-sex2::after, cg-sex3::after, cg-afterglow1::after, cg-afterglow2::after {
    content: '' !important; position: absolute !important;
    bottom: 0; left: 0; right: 0 !important; height: 50px !important;
    background: linear-gradient(0deg,rgba(255,182,193,0.08) 0%,transparent 100%) !important;
    pointer-events: none !important; z-index: 2 !important;
}

/* ===========================================
   其他UI（加载动画、按钮、Token等）
   =========================================== */
.style_dot-flashing__8L91Q.style_text__zGhNq { display: none !important; }

.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important; width: 50px !important; height: 50px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
}
.flex.items-center.justify-center.w-6.h-5::before {
    content: '' !important; position: absolute !important; width: 44px !important; height: 44px !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="url(%23g1)" stroke-width="6" stroke-linecap="round" stroke-dasharray="60 190"><animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="1.5s" repeatCount="indefinite"/></circle><defs><linearGradient id="g1" x1="0%25" y1="0%25" x2="100%25" y2="100%25"><stop offset="0%25" stop-color="rgb(255,215,0)"/><stop offset="50%25" stop-color="rgb(255,182,193)"/><stop offset="100%25" stop-color="rgb(218,165,32)"/></linearGradient></defs></svg>') !important;
    background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; z-index: 1 !important;
}
.flex.items-center.justify-center.w-6.h-5::after {
    content: '' !important; position: absolute !important; width: 28px !important; height: 28px !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="30" fill="url(%23g2)"><animate attributeName="r" values="22;36;22" dur="1.3s" repeatCount="indefinite"/><animate attributeName="opacity" values="0.9;0.4;0.9" dur="1.3s" repeatCount="indefinite"/></circle><defs><radialGradient id="g2"><stop offset="0%25" stop-color="rgb(255,182,193)"/><stop offset="60%25" stop-color="rgb(255,215,0)" stop-opacity="0.7"/><stop offset="100%25" stop-color="rgb(218,112,147)" stop-opacity="0.5"/></radialGradient></defs></svg>') !important;
    background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; z-index: 2 !important;
}

/* 贵族按钮 */
button.MuiButton-textPrimary {
    background: linear-gradient(135deg,#ffd700 0%,#ffb6c1 50%,#daa520 100%) !important;
    color: #5c2840 !important; border-radius: 12px !important; padding: 6px 18px !important;
    font-weight: 700 !important; text-transform: none !important; letter-spacing: 0.3px !important;
    box-shadow: 0 5px 14px rgba(218,165,32,0.45),0 2px 5px rgba(255,182,193,0.4),inset 0 1px 0 rgba(255,255,255,0.6) !important;
    transition: all 0.3s ease !important; border: 1px solid rgba(255,215,0,0.7) !important;
}
button.MuiButton-textPrimary:hover {
    background: linear-gradient(135deg,#ffb6c1 0%,#ffd700 50%,#ff91a4 100%) !important;
    box-shadow: 0 8px 20px rgba(218,165,32,0.6),0 3px 8px rgba(255,105,180,0.5),inset 0 1px 0 rgba(255,255,255,0.8) !important;
    transform: translateY(-2px) !important; color: #4a1f30 !important;
}

/* Token文本 */
.text-orange-500 {
    background: linear-gradient(90deg,#ffd700,#ff91a4,#daa520) !important;
    -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
    background-clip: text !important; font-weight: 700 !important;
    filter: drop-shadow(0 2px 4px rgba(218,165,32,0.4)) !important;
}

/* 模型名称 */
.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
    color: #b8860b !important; font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(255,182,193,0.4) !important;
    letter-spacing: 0.6px !important; font-style: italic !important;
}

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

/* 全局移动端与小屏幕自适应适配 */
@media screen and (max-width: 768px) {
    /* 任何包裹按钮的容器都强制换行并阻止水平滚动 */
    div:has(> button),
    div:has(> .MuiIconButton-root),
    div:has(> [role="button"]) {
        display: flex !important; flex-wrap: wrap !important;
        flex-direction: row !important; max-width: 100% !important;
        width: auto !important; overflow: visible !important;
        row-gap: 6px !important; column-gap: 6px !important;
    }
    .bg-gray-100\/90.relative.inline-block, .markdown-body, [class*="message"] {
        overflow-x: visible !important; max-width: 100% !important;
    }
    body, html, #root, [class*="chat"] { overflow-x: hidden !important; }
}

@media screen and (max-width: 480px) {
    .bg-gray-100\/90.relative.inline-block { border-radius: 18px !important; padding: 16px 18px !important; }
    .markdown-body { border-radius: 13px !important; padding: 15px 17px !important; width: calc(100% - 12px) !important; margin: 4px 6px !important; }
    
    cg-proud1, cg-cry1, cg-sad1, cg-shock1, cg-tsun1, cg-tsun2, cg-tsun3,
    cg-stick1, cg-angry1, cg-angry2, cg-blush1, cg-grieve1,
    cg-think1, cg-sleepy1, cg-excite1, cg-upset1, cg-upset2, cg-smile1, cg-smile2, cg-smug1, cg-happy1,
    cg-walk1, cg-pc1, cg-read1, cg-music1, cg-phone1, cg-tv1,
    cg-blow1, cg-blow2, cg-blow3, cg-titty1, 
    cg-sex1, cg-sex2, cg-sex3, cg-afterglow1, cg-afterglow2 {
        max-width: 100% !important; margin: 16px auto !important; border-radius: 14px !important;
    }
    
    .flex.items-center.justify-center.w-6.h-5 { width: 40px !important; height: 40px !important; }
    .flex.items-center.justify-center.w-6.h-5::before { width: 36px !important; height: 36px !important; }
    .flex.items-center.justify-center.w-6.h-5::after { width: 22px !important; height: 22px !important; }
}