/* --- Ms. Vampire who lives in my neighborhood (Sophie) Theme - Full Background Version --- */

[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

.bg-gray-100\/90.relative.inline-block {
    background-color: transparent !important; 
    background-image: url("https://cdn.imgos.cn/vip/2026/05/20/6a0db8f479c55.jpg") !important;
    background-size: cover !important; 
    background-position: center center !important;
    background-repeat: no-repeat !important;
    
    border-radius: 16px !important;
    border: 2px solid #FFB6C1 !important;
    box-shadow: 0 8px 24px rgba(255, 182, 193, 0.5) !important;
    padding: 20px !important;
    position: relative !important;
    overflow: hidden !important;
}

.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) {
    background-image: none !important;
    background-color: #FFFFFF !important;
    border: 2px dashed #FF69B4 !important;
}

.markdown-body {
    position: relative !important;
    z-index: 1 !important;
    color: #1A1A1A !important;
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    font-weight: 700 !important;
    
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
    text-shadow: none !important;
}
.markdown-body strong {
    color: #D11562 !important;
    font-weight: 900 !important;
}

.markdown-body pre {
    position: relative !important;
    z-index: 1 !important;
    background-color: transparent !important;
    background-image: url("https://cdn.imgos.cn/vip/2026/05/20/6a0da58c31c66.png") !important;
    background-size: cover !important;
    background-position: center !important;
    
    border: 2px solid #FF69B4 !important;
    border-radius: 12px !important;
    padding: 18px !important;
    margin: 16px 0 !important;
    box-shadow: 0 5px 15px rgba(255, 105, 180, 0.3) !important;
}
.markdown-body code {
    font-family: 'Consolas', 'Monaco', monospace !important;
    color: #1A1A1A !important;
    background: transparent !important; 
    padding: 0 !important;
    border-radius: 0 !important;
    font-weight: 700 !important;
    display: inline !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.text-orange-500,
.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
    color: #C71585 !important;
    font-weight: 800 !important;
    background: transparent !important; 
    backdrop-filter: none !important;
    border: 1px solid #FFB6C1 !important;
    border-radius: 20px !important;
    padding: 4px 12px !important;
    margin: 6px 4px 0 4px !important;
    z-index: 1 !important;
    transition: all 0.3s ease !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    color: #FFFFFF !important;
    background: #FF69B4 !important;
    transform: translateY(-2px) !important;
}

.style_dot-flashing__8L91Q.style_text__zGhNq { display: none !important; }
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important; width: 40px !important; height: 40px !important;
}
.flex.items-center.justify-center.w-6.h-5::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg transform='translate(50, 50)'%3E%3CanimateTransform attributeName='transform' type='translate' values='50,55; 50,45; 50,55' dur='1.5s' repeatCount='indefinite'/%3E%3Cpath d='M0,10 C-10,-10 -30,-10 -40,0 C-30,10 -20,15 0,25 C20,15 30,10 40,0 C30,-10 10,-10 0,10 Z' fill='%23FF69B4'%3E%3Canimate attributeName='d' values='M0,10 C-10,-10 -30,-10 -40,0 C-30,10 -20,15 0,25 C20,15 30,10 40,0 C30,-10 10,-10 0,10 Z; M0,10 C-10,-20 -30,-30 -40,-20 C-30,0 -20,15 0,25 C20,15 30,0 40,-20 C30,-30 10,-20 0,10 Z; M0,10 C-10,-10 -30,-10 -40,0 C-30,10 -20,15 0,25 C20,15 30,10 40,0 C30,-10 10,-10 0,10 Z' dur='0.5s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E") !important;
    display: block !important; width: 40px !important; height: 40px !important;
}