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

/* ===== 统一聊天框基础样式（明亮柔和紫色背景） ===== */
.bg-gray-100\/90.relative.inline-block {
    background: linear-gradient(135deg, 
        rgba(200, 170, 220, 0.88) 0%, 
        rgba(220, 190, 235, 0.85) 50%, 
        rgba(210, 180, 225, 0.87) 100%) !important;
    border-radius: 22px !important;
    border: 3px solid transparent !important;
    background-clip: padding-box !important;
    box-shadow: 
        0 10px 40px rgba(180, 140, 200, 0.35),
        inset 0 2px 0 rgba(255, 240, 250, 0.4) !important;
    padding: 30px !important;
    position: relative !important;
    overflow: visible !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    isolation: isolate !important;
}

.bg-gray-100\/90.relative.inline-block::before {
    content: '' !important;
    position: absolute !important;
    top: -3px !important;
    left: -3px !important;
    right: -3px !important;
    bottom: -3px !important;
    background: linear-gradient(45deg, 
        #FF85C0 0%, 
        #5DADE2 25%, 
        #FF85C0 50%, 
        #5DADE2 75%, 
        #FF85C0 100%) !important;
    border-radius: 22px !important;
    z-index: -1 !important;
    background-size: 300% 300% !important;
    animation: borderFlow 8s ease infinite !important;
}

@keyframes borderFlow {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

.bg-gray-100\/90.relative.inline-block:hover {
    box-shadow: 
        0 14px 50px rgba(200, 160, 220, 0.45),
        inset 0 2px 0 rgba(255, 240, 250, 0.5) !important;
}

/* ===== 不规则爱心装饰（高质感渐变） ===== */
.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;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800"><defs><radialGradient id="heart1"><stop offset="0%" stop-color="%23FF6B9D"/><stop offset="50%" stop-color="%23FF85B8"/><stop offset="100%" stop-color="%23FF6B9D" stop-opacity="0.3"/></radialGradient><radialGradient id="heart2"><stop offset="0%" stop-color="%23FF9EC4"/><stop offset="50%" stop-color="%23FFB3D9"/><stop offset="100%" stop-color="%23FF9EC4" stop-opacity="0.2"/></radialGradient><filter id="softGlow"><feGaussianBlur in="SourceGraphic" stdDeviation="2"/><feComponentTransfer><feFuncA type="linear" slope="1.5"/></feComponentTransfer><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g filter="url(%23softGlow)"><path d="M120 180 C120 155, 138 140, 155 140 C172 140, 185 155, 185 175 C185 155, 198 140, 215 140 C232 140, 250 155, 250 180 C250 220, 185 265, 185 265 C185 265, 120 220, 120 180 Z" fill="url(%23heart1)" opacity="0.75" transform="rotate(-15 185 200)"><animate attributeName="opacity" values="0.6;0.85;0.6" dur="3.2s" repeatCount="indefinite"/><animateTransform attributeName="transform" type="translate" values="0 0; -3 5; 0 0" dur="4s" repeatCount="indefinite" additive="sum"/></path><path d="M580 420 C580 400, 595 388, 608 388 C621 388, 631 400, 631 417 C631 400, 641 388, 654 388 C667 388, 682 400, 682 420 C682 452, 631 488, 631 488 C631 488, 580 452, 580 420 Z" fill="url(%23heart2)" opacity="0.7" transform="rotate(22 631 438)"><animate attributeName="opacity" values="0.55;0.8;0.55" dur="4.1s" repeatCount="indefinite"/><animateTransform attributeName="transform" type="translate" values="0 0; 4 -6; 0 0" dur="5s" repeatCount="indefinite" additive="sum"/></path><path d="M350 620 C350 605, 362 595, 373 595 C384 595, 393 605, 393 618 C393 605, 402 595, 413 595 C424 595, 436 605, 436 620 C436 645, 393 675, 393 675 C393 675, 350 645, 350 620 Z" fill="url(%23heart1)" opacity="0.65" transform="rotate(8 393 635)"><animate attributeName="opacity" values="0.5;0.75;0.5" dur="3.8s" repeatCount="indefinite"/><animateTransform attributeName="transform" type="translate" values="0 0; 2 3; 0 0" dur="4.5s" repeatCount="indefinite" additive="sum"/></path></g></svg>') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    z-index: 0 !important;
    pointer-events: none !important;
    opacity: 0.85 !important;
}

/* ===== 不规则宝石装饰（多面切割质感） ===== */
.bg-gray-100\/90.relative.inline-block {
    background-image: 
        url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><defs><linearGradient id="gem1" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="%235DADE2"/><stop offset="30%" stop-color="%2385C1E9"/><stop offset="60%" stop-color="%23AED6F1"/><stop offset="100%" stop-color="%235DADE2"/></linearGradient><filter id="gemReflect"><feGaussianBlur stdDeviation="0.8"/><feComponentTransfer><feFuncA type="linear" slope="1.3"/></feComponentTransfer></filter></defs><g filter="url(%23gemReflect)"><polygon points="30,12 38,22 34,34 26,34 22,22" fill="url(%23gem1)" opacity="0.9"><animate attributeName="opacity" values="0.75;1;0.75" dur="2.5s" repeatCount="indefinite"/></polygon><polygon points="30,12 34,18 30,22 26,18" fill="%23FFFFFF" opacity="0.6"/><polygon points="26,22 30,22 30,34 26,34" fill="%234A90B5" opacity="0.4"/><polygon points="30,22 34,22 34,34 30,34" fill="%2385C1E9" opacity="0.5"/><animateTransform attributeName="transform" type="rotate" values="0 30 23; 360 30 23" dur="20s" repeatCount="indefinite"/></g></svg>'),
        url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><defs><linearGradient id="gem2" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="%2370B8E0"/><stop offset="50%" stop-color="%2398D1EC"/><stop offset="100%" stop-color="%2370B8E0"/></linearGradient></defs><g><polygon points="25,10 31,18 28,28 22,28 19,18" fill="url(%23gem2)" opacity="0.85"><animate attributeName="opacity" values="0.7;0.95;0.7" dur="3s" repeatCount="indefinite"/></polygon><polygon points="25,10 28,15 25,18 22,15" fill="%23FFFFFF" opacity="0.5"/><animateTransform attributeName="transform" type="rotate" values="0 25 19; -360 25 19" dur="25s" repeatCount="indefinite"/></g></svg>'),
        url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="45" height="45" viewBox="0 0 45 45"><defs><linearGradient id="gem3"><stop offset="0%" stop-color="%235DADE2"/><stop offset="100%" stop-color="%2385C1E9"/></linearGradient></defs><polygon points="22,8 28,16 25,25 19,25 16,16" fill="url(%23gem3)" opacity="0.8"><animate attributeName="opacity" values="0.65;0.9;0.65" dur="3.5s" repeatCount="indefinite"/><animateTransform attributeName="transform" type="rotate" values="0 22 16; 360 22 16" dur="18s" repeatCount="indefinite"/></polygon></svg>'),
        linear-gradient(135deg, 
            rgba(200, 170, 220, 0.88) 0%, 
            rgba(220, 190, 235, 0.85) 50%, 
            rgba(210, 180, 225, 0.87) 100%) !important;
    background-position: 
        15% 12%,
        88% 18%,
        8% 85%,
        0 0 !important;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat !important;
}

/* ===== 正文画布区域（高亮度奶油粉色） ===== */
.markdown-body {
    background: linear-gradient(145deg, 
        rgba(255, 250, 252, 0.98) 0%, 
        rgba(255, 245, 250, 0.96) 100%) !important;
    color: #4A2F45 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", sans-serif !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    padding: 22px 26px !important;
    border-radius: 16px !important;
    border: 2px solid rgba(255, 200, 230, 0.5) !important;
    box-shadow: 
        0 6px 20px rgba(255, 180, 220, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
    position: relative !important;
    z-index: 1 !important;
    margin-bottom: 18px !important;
    text-shadow: none !important;
}

.markdown-body strong {
    color: #7A4F75 !important;
    font-weight: 600 !important;
}

.markdown-body a {
    color: #B76BA3 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(183, 107, 163, 0.4) !important;
    transition: all 0.3s ease !important;
}

.markdown-body a:hover {
    color: #C97BB3 !important;
    border-bottom-color: rgba(201, 123, 179, 0.7) !important;
}

/* ===== 状态栏区域样式（独立于正文画布） ===== */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: #6A4F70 !important;
    font-size: 13px !important;
    opacity: 0.9 !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    z-index: 1 !important;
    background: rgba(230, 210, 240, 0.4) !important;
    padding: 6px 12px !important;
    border-radius: 10px !important;
    margin: 4px !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    color: #8A6F90 !important;
    opacity: 1 !important;
    background: rgba(240, 220, 250, 0.6) !important;
}

.text-orange-500 {
    color: #D98BB8 !important;
    font-weight: 500 !important;
    background: rgba(255, 220, 240, 0.35) !important;
}

/* ===== 移动端适配 ===== */
@media (max-width: 480px) {
    .bg-gray-100\/90.relative.inline-block {
        padding: 22px !important;
        border-radius: 18px !important;
    }
    
    .markdown-body {
        font-size: 14px !important;
        padding: 18px 20px !important;
    }
}

/* ===== 低动效模式 ===== */
@media (prefers-reduced-motion: reduce) {
    .bg-gray-100\/90.relative.inline-block::before {
        animation-duration: 15s !important;
    }
    
    .bg-gray-100\/90.relative.inline-block::after path {
        animation-duration: 6s !important;
    }
}