/* ==================================================
   0. 突破网页原生的最大宽度限制 (全局展宽)
   ================================================== */
.m-auto.max-w-3xl, 
.m-auto.max-w-2xl, 
.m-auto.md\:max-w-3xl, 
.m-auto.lg\:max-w-\[38rem\],
.m-auto.lg\:max-w-\[40rem\],
.m-auto.xl\:max-w-\[48rem\],
[class*="max-w-3xl"],
[class*="max-w-2xl"] {
    max-width: 75% !important; /* 💻 电脑端 75% 宽度 */
    width: 100% !important;
}
.group {
    max-width: 100% !important;
    width: 100% !important;
}

/* ==================================================
   1. WARM DOODLE STYLE - 暖色手绘涂鸦风 (全局基础)
   ================================================== */
/* 去掉默认灰底 */
.group .bg-gray-100\/90 {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.group .bg-gray-100\/90 > div.absolute {
    display: none !important;
}

/* 涂鸦外层气泡 (默认电脑端宽大样式) */
.group .bg-gray-100\/90 .markdown-body {
    background: #fffdf8 !important; 
    border: 2.5px solid #5c4e41 !important; 
    border-radius: 12px 18px 15px 12px / 16px 12px 18px 14px !important;
    box-shadow: 4px 4px 0px #eaddca !important; 
    min-width: 200px !important;      
    padding: 24px 30px !important; /* 💻 电脑端的宽大内边距 */
    box-sizing: border-box !important;
    max-width: 100% !important;       
    margin-bottom: 8px !important; 
    display: block !important;
}

/* 内部文字区修正 */
.group .bg-gray-100\/90 .markdown-body, 
.group .bg-gray-100\/90 .markdown-body p, 
.group .bg-gray-100\/90 .markdown-body * {
    color: #4a3f35 !important;
    line-height: 1.7 !important;
    text-shadow: none !important;
}

/* 用户自己的气泡颜色修正 */
.group div:not(.bg-gray-100\/90) > .markdown-body {
    color: #4a3f35 !important;
}

/* ==================================================
   2. 界面按钮与贴纸风组件优化
   ================================================== */
/* 释放底部：操作按钮悬浮 */
.group .bg-gray-100\/90 .MuiStack-root {
    padding-left: 8px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin-top: 0 !important;
}
.group .bg-gray-100\/90 .MuiStack-root p,
.group .bg-gray-100\/90 .MuiStack-root button {
    color: #a69076 !important;
    font-weight: normal !important;
    text-shadow: none !important;
}
.group .bg-gray-100\/90 .MuiStack-root button:hover {
    color: #5c4e41 !important;
    background: transparent !important;
}

/* 积分与消耗结算面板（小胶带风） */
.MuiStack-root.text-purple-500.mt-1.css-1kz283j,
.MuiStack-root.mt-1 {
    background: #ffffff99 !important;
    border: 1.5px dashed #a69076 !important;
    border-left: 5px solid #ffb085 !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    box-shadow: 2px 2px 0px #eaddca !important;
    margin-top: 12px !important;
    display: inline-flex !important;
}
.MuiStack-root.mt-1 p { color: #8c7662 !important; font-size: 13px !important; text-shadow: none !important; }

/* 底部操作按钮（圆润小贴纸） */
.MuiButtonBase-root.MuiButton-root.MuiButton-text {
    background-color: #fff !important;
    color: #4a3f35 !important;
    border: 2px solid #4a3f35 !important;
    border-radius: 8px !important; /* 统一为8px轻量涂鸦 */
    padding: 4px 12px !important;
    margin-right: 8px !important;
    box-shadow: 2px 2px 0px #4a3f35 !important;
    transition: all 0.2s ease !important;
    text-transform: none !important;
    font-weight: 600 !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text:hover {
    transform: translateY(-2px) !important;
    box-shadow: 4px 4px 0px #4a3f35 !important;
    background-color: #ffecd1 !important;
    border-color: #2d3436 !important;
}

/* 平台按钮 / 输入栏 / 积分信息 */
.flex.items-center.gap-2.pb-2 > button { border: 2px solid #2d3436 !important; border-radius: 12px !important; box-shadow: 3px 3px 0px #2d3436 !important; font-weight: 700 !important; transition: transform 0.1s ease !important; }
.flex.items-center.gap-2.pb-2 > button:hover { transform: translate(2px, 2px) !important; box-shadow: 1px 1px 0px #2d3436 !important; }
#ai-chat-input { border: 3px solid #2d3436 !important; border-radius: 16px !important; box-shadow: 0 4px 0px rgba(0,0,0,0.1) !important; font-weight: 500 !important; }
#ai-chat-bottom-input { background: transparent !important; }
.MuiStack-root.text-purple-500 { background: rgba(255,255,255,0.9) !important; border: 2px dashed #a4b0be !important; border-radius: 12px !important; padding: 8px 12px !important; box-shadow: 2px 2px 0px rgba(0,0,0,0.08) !important; }
.MuiStack-root.text-purple-500 .MuiTypography-root { font-weight: 700 !important; font-size: 12px !important; }

/* =========================================
   3. 【AI 拟人恋爱群像剧 - 核心 UI 样式表】
========================================= */
.gal-sys { font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', sans-serif !important; color: #2d3436 !important; position: relative !important; overflow-x: hidden !important; padding: 10px !important; }
.gal-sys details.think-box { margin-bottom: 15px !important; border-radius: 8px !important; background: rgba(45, 52, 54, 0.05) !important; border: 2px dashed rgba(45, 52, 54, 0.2) !important; transition: all 0.3s ease !important; }
.gal-sys details.think-box summary { list-style: none !important; padding: 10px 15px !important; font-size: 13px !important; font-weight: bold !important; color: #636e72 !important; cursor: pointer !important; display: flex !important; align-items: center !important; }
.gal-sys details.think-box summary::before { content: "⚙️ SYSTEM LOG [CLICK TO DECODE]" !important; }
.gal-sys details.think-box summary::-webkit-details-marker { display: none !important; }
.gal-sys details.think-box[open] summary::before { content: "▼ DECODED SYSTEM THOUGHTS" !important; color: #d63031 !important; }
.gal-sys details.think-box .think-content { padding: 15px !important; font-family: monospace !important; font-size: 12px !important; line-height: 1.6 !important; color: #55efc4 !important; background: #2d3436 !important; border-bottom-left-radius: 8px !important; border-bottom-right-radius: 8px !important; }
/* 1. 核心画框修改：比例3:2、变薄的边框 */
.gal-sys .sc-b { 
    position: relative !important; 
    width: 100% !important; 
    aspect-ratio: 3/2 !important; /* 强制锁定 3:2 完美契合你的图 */
    height: auto !important;      /* 防止高度被拉长 */
    background: #dfe6e9 !important; 
    border-radius: 12px !important; 
    overflow: hidden !important; 
    border: 2px solid #fff !important; /* 边框改薄 (原来是4px) */
    box-shadow: 4px 4px 0px rgba(0,0,0,0.6) !important; /* 阴影稍微收敛，更灵动 */
    margin-bottom: 20px !important; 
    transform: rotate(-1deg) !important; 
}

/* 2. 新增：左上角的涂鸦纸胶带 */
.gal-sys .sc-b::before {
    content: '' !important;
    position: absolute !important;
    top: 8px !important;
    left: -25px !important;
    width: 90px !important;
    height: 26px !important;
    background: rgba(255, 243, 210, 0.85) !important; /* 暖色半透明纸胶带 */
    border-left: 2px dashed rgba(0,0,0,0.15) !important; /* 模拟撕裂边缘 */
    border-right: 2px dashed rgba(0,0,0,0.15) !important;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.1) !important;
    transform: rotate(-40deg) !important;
    z-index: 5 !important; /* 确保盖在图片上，但低于CD播放器 */
    pointer-events: none !important;
}

/* 3. 新增：右上角的涂鸦纸胶带 */
.gal-sys .sc-b::after {
    content: '' !important;
    position: absolute !important;
    top: 8px !important;
    right: -25px !important;
    width: 90px !important;
    height: 26px !important;
    background: rgba(255, 243, 210, 0.85) !important;
    border-left: 2px dashed rgba(0,0,0,0.15) !important;
    border-right: 2px dashed rgba(0,0,0,0.15) !important;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.1) !important;
    transform: rotate(40deg) !important;
    z-index: 5 !important;
    pointer-events: none !important;
}
.gal-sys .bg { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; }
.gal-sys .cast { position: absolute !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; display: flex !important; justify-content: center !important; align-items: flex-end !important; pointer-events: none !important; }
.gal-sys .ti { flex: 1 !important; max-width: 33.33% !important; height: 95% !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: bottom center !important; }
.gal-sys .status-grid { display: flex !important; gap: 12px !important; overflow-x: auto !important; padding: 5px 5px 15px 5px !important; margin-bottom: 15px !important; scrollbar-width: none !important; }
.gal-sys .status-grid::-webkit-scrollbar { display: none !important; }
.gal-sys .char-card { flex: 0 0 160px !important; background: rgba(255, 255, 255, 0.9) !important; backdrop-filter: blur(5px) !important; border: 3px solid #2d3436 !important; border-radius: 12px !important; padding: 12px !important; box-shadow: 4px 4px 0px #2d3436 !important; transform: skewX(-3deg) !important; position: relative !important; }
.gal-sys .char-card::before { content: '' !important; position: absolute !important; top: -5px !important; left: 50% !important; transform: translateX(-50%) !important; width: 40px !important; height: 12px !important; background: rgba(255, 255, 255, 0.6) !important; border: 1px solid #ccc !important; box-shadow: 1px 1px 2px rgba(0,0,0,0.1) !important; z-index: 2 !important; }
.gal-sys .char-card .c-name { font-weight: 900 !important; font-size: 16px !important; margin-bottom: 4px !important; text-transform: uppercase !important; }
.gal-sys .char-card .c-chap, .gal-sys .char-card .c-stat { font-size: 11px !important; line-height: 1.4 !important; color: #636e72 !important; }
.gal-sys .char-card .c-aff { display: inline-block !important; background: #ff7675 !important; color: #fff !important; padding: 2px 6px !important; border-radius: 20px !important; font-size: 12px !important; font-weight: bold !important; margin: 4px 0 !important; border: 1px solid #2d3436 !important; }
.gal-sys .char-card.claude { border-color: #ff6b81 !important; box-shadow: 4px 4px 0px #ff6b81 !important; } .gal-sys .char-card.claude .c-name { color: #ff6b81 !important; }
.gal-sys .char-card.gemini { border-color: #70a1ff !important; box-shadow: 4px 4px 0px #70a1ff !important; } .gal-sys .char-card.gemini .c-name { color: #70a1ff !important; }
.gal-sys .char-card.deepseek { border-color: #1e90ff !important; box-shadow: 4px 4px 0px #1e90ff !important; } .gal-sys .char-card.deepseek .c-name { color: #1e90ff !important; }
.gal-sys .char-card.grok { border-color: #2f3542 !important; box-shadow: 4px 4px 0px #2f3542 !important; } .gal-sys .char-card.grok .c-name { color: #2f3542 !important; }

/* 侧边面板系统 */
.gal-sys .edge-tab { position: fixed !important; top: 15% !important; z-index: 999 !important; }
.gal-sys .edge-tab summary { list-style: none !important; position: absolute !important; width: 45px !important; height: 55px !important; font-size: 24px !important; cursor: pointer !important; display: flex !important; justify-content: center !important; align-items: center !important; border: 3px solid #2d3436 !important; z-index: 1000 !important; transition: transform 0.2s ease !important; }
.gal-sys .edge-tab summary:active { transform: scale(0.95) !important; }
.gal-sys .edge-tab summary::-webkit-details-marker { display: none !important; }
.gal-sys .edge-tab .panel { display: none !important; background: rgba(255,255,255,0.95) !important; backdrop-filter: blur(10px) !important; border: 3px solid #2d3436 !important; padding: 15px !important; max-height: 70vh !important; overflow-y: auto !important; box-shadow: 8px 8px 0px rgba(0,0,0,0.8) !important; font-size: 13px !important; }
.gal-sys .edge-tab[open] .panel { display: block !important; animation: slideIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; }
.gal-sys .tab-left { left: 0 !important; }
.gal-sys .tab-left summary { left: 0 !important; background: #ffa502 !important; border-radius: 0 16px 16px 0 !important; border-left: none !important; box-shadow: 4px 4px 0px #2d3436 !important; }
.gal-sys .tab-left .panel { margin-left: 45px !important; width: 280px !important; border-radius: 0 16px 16px 0 !important; }
.gal-sys .tab-right { right: 0 !important; top: 25% !important; }
.gal-sys .tab-right summary { right: 0 !important; background: #00d2d3 !important; border-radius: 16px 0 0 16px !important; border-right: none !important; box-shadow: -4px 4px 0px #2d3436 !important; }
.gal-sys .tab-right .panel { position: absolute !important; right: 45px !important; width: 300px !important; height: 500px !important; border-radius: 30px !important; border-width: 8px !important; margin-top: -50px !important; background: #f1f2f6 !important; padding: 0 !important; overflow: hidden !important; }
.gal-sys .phone-header { background: rgba(255,255,255,0.8) !important; padding: 15px 15px 5px 15px !important; border-bottom: 2px solid #dfe4ea !important; font-weight: bold !important; backdrop-filter: blur(5px) !important; }
.gal-sys .phone-feed { padding: 15px !important; height: calc(100% - 50px) !important; overflow-y: auto !important; }
.gal-sys .x-post { background: #fff !important; border-radius: 12px !important; padding: 12px !important; margin-bottom: 12px !important; border: 1px solid #eee !important; box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important; }
.gal-sys .x-name { font-weight: 800 !important; font-size: 14px !important; margin-bottom: 4px !important; color: #1e90ff !important; }

/* 正文区与虚线框 */
.gal-sys .narrative { font-size: 15px !important; line-height: 1.8 !important; letter-spacing: 0.5px !important; color: #2f3542 !important; background: rgba(255,255,255,0.6) !important; padding: 20px !important; border-radius: 16px !important; margin-top: 10px !important; border: 2px dashed #a4b0be !important; }
.gal-sys .narrative > p:first-of-type::first-letter { float: left !important; font-size: 3.5em !important; line-height: 0.8 !important; margin: 0 8px 0 0 !important; color: #ff4757 !important; font-weight: 900 !important; text-shadow: 3px 3px 0px #2d3436 !important; }
.gal-sys .dia { display: block !important; margin: 15px 0 !important; padding: 12px 16px !important; border-radius: 0 16px 16px 16px !important; font-weight: bold !important; background: #fff !important; border: 2px solid #2d3436 !important; position: relative !important; clear: both !important; box-shadow: 3px 3px 0px rgba(0,0,0,0.1) !important; transform: rotate(-0.5deg) !important; }
.gal-sys .dia::before { content: attr(data-char) !important; position: absolute !important; top: -14px !important; left: -2px !important; font-size: 11px !important; font-weight: 900 !important; color: #fff !important; padding: 2px 8px !important; border-radius: 8px 8px 0 0 !important; border: 2px solid #2d3436 !important; border-bottom: none !important; text-transform: uppercase !important; }
.gal-sys .dia.claude { border-left: 6px solid #ff6b81 !important; } .gal-sys .dia.claude::before { background: #ff6b81 !important; }
.gal-sys .dia.gemini { border-left: 6px solid #70a1ff !important; } .gal-sys .dia.gemini::before { background: #70a1ff !important; }
.gal-sys .dia.deepseek { border-left: 6px solid #1e90ff !important; } .gal-sys .dia.deepseek::before { background: #1e90ff !important; }
.gal-sys .dia.grok { border-left: 6px solid #2f3542 !important; } .gal-sys .dia.grok::before { background: #2f3542 !important; }
@keyframes slideIn { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: translateX(0); } }

/* ==================================================
   📱 4. 手机端专属优化 (压轴出场，强力覆盖！)
   只有放在代码最末尾，才能在小屏幕上正确覆盖电脑端的大边距
   ================================================== */
@media screen and (max-width: 768px) {
    /* 彻底解除网页原生的左右留白 */
    .m-auto.max-w-3xl, 
    .m-auto.max-w-2xl, 
    [class*="max-w-3xl"],
    [class*="max-w-2xl"] {
        max-width: 100% !important; 
        padding-left: 2px !important; 
        padding-right: 2px !important;
    }
    
    /* 🔴 核心修复：极限压缩外层手绘气泡，不再挤压内侧文字 */
    .group .bg-gray-100\/90 .markdown-body {
        padding: 10px 8px !important; /* 电脑端是 24px 30px，手机端压缩到 8px！ */
    }
    
    /* 极限压缩内部剧本系统主容器 */
    .gal-sys {
        padding: 2px !important; 
    }
    
    /* 虚线旁白框微调 */
    .gal-sys .narrative {
        padding: 12px 10px !important;
        margin-top: 5px !important;
        font-size: 14.5px !important; 
        border-radius: 12px !important;
    }
    
    /* 手机端角色卡片紧凑化 */
    .gal-sys .status-grid { gap: 8px !important; }
    .gal-sys .char-card { flex: 0 0 140px !important; padding: 8px 10px !important; }
}
/* =========================================
   【新增与重构模块：CD播放器 / 系统提示 / P5R手机系统】
========================================= */
/* =========================================
   悬浮 CD 播放器组件（缩小精致版 / 保留明显播放暂停按钮）
========================================= */
.gal-sys .sc-b {
    position: relative !important;
}

.music-player {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    background: #fffdf8 !important;
    border: 2px solid #5c4e41 !important;
    border-radius: 24px !important;
    padding: 3px 4px 3px 5px !important;
    display: flex !important;
    align-items: center !important;
    box-shadow: 2px 2px 0 rgba(92, 78, 65, 0.22) !important;
    z-index: 10 !important;
    transform: rotate(0.8deg) !important;
    max-width: 210px !important;
}

.cd-disk {
    width: 20px !important;
    height: 20px !important;
    background: radial-gradient(circle at center, #dfe6e9 15%, #2d3436 16%, #2d3436 40%, #636e72 42%, #2d3436 44%, #2d3436 80%, #000 100%) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 3px rgba(0,0,0,0.35) !important;
    animation: spin 6s linear infinite !important;
    border: 1px solid #fff !important;
    flex-shrink: 0 !important;
}

.track-marquee {
    width: 50px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    margin: 0 4px !important;
    padding-right: 4px !important;
    border-right: 1.5px dashed #b2bec3 !important;
    flex-shrink: 0 !important;
}

.track-marquee span {
    display: inline-block !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    color: #5c4e41 !important;
    padding-left: 100% !important;
    animation: marqueeText 8s linear infinite !important;
}

@keyframes marqueeText {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

/* 关键：给原生播放/暂停按钮留足安全宽度，防止浏览器吞按键 */
/* ⚡️终极解法：欺骗浏览器 + 物理裁剪⚡️ */
.music-player audio {
    /* 1. 给足宽度，骗浏览器放心渲染出最左侧的【播放键】 */
    width: 100px !important; 
    height: 32px !important;
    /* 2. 核心魔法：从右侧一刀切掉 64px，只把最左侧 36px 的播放键露出来 */
    clip-path: inset(0 64px 0 0) !important;
    -webkit-clip-path: inset(0 64px 0 0) !important; /* 兼容苹果和老旧安卓 */
    /* 3. 消除多出来的宽度占位，防止把边框撑大 (100 - 64 = 36px 实际占位) */
    margin-right: -64px !important;
    outline: none !important;
    background: transparent !important;
}
/* 去除原生播放器的自带灰色底板 */
.music-player audio::-webkit-media-controls-enclosure {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
}
/* 隐藏多余控件（双保险，虽然被切掉了但还是要禁掉） */
.music-player audio::-webkit-media-controls-timeline,
.music-player audio::-webkit-media-controls-current-time-display,
.music-player audio::-webkit-media-controls-time-remaining-display,
.music-player audio::-webkit-media-controls-mute-button,
.music-player audio::-webkit-media-controls-volume-slider,
.music-player audio::-webkit-media-controls-fullscreen-button {
    display: none !important;
    opacity: 0 !important;
    width: 0 !important;
    pointer-events: none !important;
}
/* 2. 大世界系统提示框 (放置于CG下方) */
.sys-hint {
    background: #fffdf8 !important;
    border: 2.5px solid #ff9f43 !important;
    border-left: 10px solid #ff9f43 !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    margin: 10px 0 15px 0 !important;
    box-shadow: 4px 4px 0px rgba(255, 159, 67, 0.3) !important;
    font-weight: bold !important;
    color: #4a3f35 !important;
    font-size: 14px !important;
    transform: skewX(-1deg) !important;
}
/* 3. 手机面板终极美化 (扩大尺寸、圆润外观、防拥挤) */
.gal-sys .tab-right .panel {
    position: absolute !important;
    right: 55px !important;
    width: 380px !important; /* 加宽！让排版更舒服 */
    max-height: 80vh !important; /* 自适应高度 */
    height: auto !important;
    border-radius: 40px !important; /* 逼真的手机圆角 */
    border: 12px solid #2f3542 !important; /* 手机黑边框 */
    margin-top: -30px !important;
    background: #f1f2f6 !important;
    padding: 0 !important;
    box-shadow: -8px 12px 0px rgba(0,0,0,0.8), inset 0 0 10px rgba(0,0,0,0.1) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
.gal-sys .tab-right .panel::-webkit-scrollbar { width: 6px !important; }
.gal-sys .tab-right .panel::-webkit-scrollbar-thumb { background: #b2bec3 !important; border-radius: 10px !important; }
/* 手机灵动岛 / 顶部摄像头 */
.gal-sys .tab-right .panel::before {
    content: '' !important;
    display: block !important;
    width: 100px !important;
    height: 20px !important;
    background: #2f3542 !important;
    border-radius: 0 0 16px 16px !important;
    margin: 0 auto !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 50 !important;
}
/* 4. 手机主页：玻璃态小组件 Widgets */
.phone-widgets {
    padding: 15px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    border-bottom: 2px dashed #dfe4ea !important;
    margin-bottom: 10px !important;
}
.wg-card {
    background: rgba(255,255,255,0.9) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 16px !important;
    padding: 12px 16px !important;
    box-shadow: 2px 4px 10px rgba(0,0,0,0.05) !important;
    font-weight: bold !important;
    font-size: 13px !important;
    color: #2f3542 !important;
    display: flex !important;
    align-items: center !important;
}
.wg-card span { font-size: 18px !important; margin-right: 10px !important; }
/* 5. P5R x 涂鸦风 L.I.N.E 群聊系统 */
.chat-app { padding: 10px 15px 20px 15px !important; background: repeating-linear-gradient(45deg, #f8f9fa, #f8f9fa 10px, #f1f2f6 10px, #f1f2f6 20px) !important; min-height: 400px !important; }
/* 修复：强制群聊标题在白天模式也保持清晰 */
.chat-header {
    background: #2f3542 !important;
    color: #ffffff !important; 
    font-weight: 900 !important;
    text-align: center !important;
    padding: 10px !important;
    border-radius: 8px !important;
    margin-bottom: 20px !important;
    transform: skewX(-5deg) !important;
    box-shadow: 4px 4px 0px #ff4757 !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8) !important; /* 增加黑底投影防污染 */
    letter-spacing: 0.5px !important;
    z-index: 2 !important;
    position: relative !important;
}
/* 聊天气泡基类 */
.msg-row { display: flex !important; gap: 12px !important; margin-bottom: 20px !important; align-items: flex-start !important; }
.msg-ava {
    width: 45px !important; height: 45px !important; flex-shrink: 0 !important;
    border-radius: 10px !important; border: 3px solid #2f3542 !important;
    background-size: cover !important; background-position: center !important;
    box-shadow: 3px 3px 0px rgba(0,0,0,0.2) !important;
}
.msg-bub {
    position: relative !important;
    padding: 12px 16px !important;
    border: 3px solid #2f3542 !important;
    border-radius: 12px 12px 12px 4px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #2f3542 !important;
    line-height: 1.5 !important;
    transform: skewX(-2deg) !important; /* P5R式微倾斜 */
    box-shadow: 4px 4px 0px #2f3542 !important; /* P5R硬阴影 */
    max-width: 85% !important;
}
/* 角色专属色彩与固定头像映射 */
.msg-row.claude .msg-ava { background-image: url('https://i.postimg.cc/3Rt79YxP/Claude-tou-xiang.jpg') !important; }
.msg-row.claude .msg-bub { background: #ff7675 !important; color: #fff !important; }
.msg-row.deepseek .msg-ava { background-image: url('https://i.postimg.cc/d15vnwVg/Deep-Seek-tou-xiang.jpg') !important; }
.msg-row.deepseek .msg-bub { background: #81ecec !important; }
.msg-row.gemini .msg-ava { background-image: url('https://i.postimg.cc/SsgqVkx3/Gemini-tou-xiang.jpg') !important; }
.msg-row.gemini .msg-bub { background: #ffeaa7 !important; }
.msg-row.grok .msg-ava { background-image: url('https://i.postimg.cc/SsgqVkx5/GROK-tou-xiang.jpg') !important; }
.msg-row.grok .msg-bub { background: #dfe4ea !important; }
/* =========================================
   5. 大世界折叠像素地图系统 (WORLD MAP - 纯净建筑版)
========================================= */
/* 1. 顶部悬挂吸附逻辑 */
.gal-sys .map-sys { 
    width: 100% !important; 
    margin: 12px 0 !important; /* 与上方思维链和下方内容隔开间距 */
    display: block !important;
}
.gal-sys .map-sys summary { 
    list-style: none !important; display: block !important;
    background: #ffcc70 !important; /* 依然保留地图专属的牛皮纸黄 */
    border: 2px dashed #b59b7b !important; /* 改为和思维链呼应的虚线 */
    border-radius: 8px !important; /* 全圆角 */
    padding: 10px 15px !important; 
    font-size: 13px !important; font-weight: 900 !important; color: #5c4e41 !important; 
    cursor: pointer !important; 
    transition: all 0.2s ease !important; letter-spacing: 1px !important;
}
.gal-sys .map-sys summary:hover { padding-top: 10px !important; }
.gal-sys .map-sys summary::-webkit-details-marker { display: none !important; }

/* 2. 下拉宽屏地图面板 (网格纸质感与指南针水印) */
.gal-sys .map-panel {
    width: 100% !important; /* 和外部容器等宽 */
    margin-top: 10px !important; /* 与上面的黄色按钮隔开 */
    background-color: #faf7f2 !important; 
    background-image: linear-gradient(#ece6da 1px, transparent 1px), linear-gradient(90deg, #ece6da 1px, transparent 1px) !important;
    background-size: 20px 20px !important; 
    border: 2px solid #8c7a6b !important; border-radius: 12px !important;
    padding: 20px 15px !important;
    box-shadow: inset 0 0 20px rgba(0,0,0,0.02) !important; /* 去除原本的悬浮大阴影 */
    animation: dropDownMap 0.3s ease forwards !important; 
}
.gal-sys .map-panel::after {
    content: "🧭" !important; position: absolute !important; right: 15px !important; bottom: 15px !important;
    font-size: 45px !important; opacity: 0.12 !important; filter: grayscale(100%) sepia(100%) hue-rotate(10deg) !important;
    pointer-events: none !important; z-index: 1 !important;
}

/* 3. SVG虚线拓扑网格 */
.gal-sys .map-grid {
    position: relative !important; width: 100% !important; aspect-ratio: 16 / 10 !important; min-height: 340px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M20 25 L55 15 M20 25 L30 75 M55 15 L45 50 M30 75 L45 50 M45 50 L75 60' stroke='%23baa58d' stroke-width='1.5' fill='none' stroke-dasharray='3 3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-size: 100% 100% !important; background-position: center !important; background-repeat: no-repeat !important; z-index: 2 !important;
}

/* 4. 节点打散定位 */
.gal-sys .map-node {
    position: absolute !important; transform: translate(-50%, -50%) !important; display: flex !important;
    flex-direction: column !important; align-items: center !important; z-index: 3 !important;
}
.gal-sys .map-node:nth-child(1) { left: 20% !important; top: 25% !important; } 
.gal-sys .map-node:nth-child(2) { left: 30% !important; top: 75% !important; } 
.gal-sys .map-node:nth-child(3) { left: 45% !important; top: 50% !important; } 
.gal-sys .map-node:nth-child(4) { left: 55% !important; top: 15% !important; } 
.gal-sys .map-node:nth-child(5) { left: 75% !important; top: 60% !important; } 

/* 5. 地点建筑 (拔除外框、完全变透明、只留建筑轮廓阴影、大幅放大) */
.gal-sys .map-pic {
    width: 86px !important; /* 大幅放大 */
    height: 86px !important;
    background-color: transparent !important; /* 彻底透明 */
    border: none !important; /* 彻底去除边框 */
    box-shadow: none !important; /* 彻底去除方形阴影 */
    filter: drop-shadow(0px 6px 4px rgba(0,0,0,0.15)) !important; /* 让阴影贴合建筑图案本身的边缘 */
    background-size: contain !important; /* 确保不裁剪 */
    background-position: center bottom !important; /* 底部对齐，像立在地上 */
    background-repeat: no-repeat !important;
    position: relative !important;
}

/* 白底标签微调 */
.gal-sys .map-name {
    margin-top: 2px !important; font-size: 13px !important; font-weight: 800 !important; color: #4a3f35 !important;
    background: #ffffff !important; padding: 4px 12px !important; border-radius: 8px !important;
    border: 1px solid #e5e0d8 !important; box-shadow: 0 3px 6px rgba(0,0,0,0.06) !important; white-space: nowrap !important;
}

/* 小人等比放大 */
.gal-sys .map-ava {
    width: 46px !important; /* 大幅放大 */
    height: 46px !important;
    position: absolute !important; bottom: -6px !important;
    background-size: contain !important; background-repeat: no-repeat !important; background-position: bottom center !important;
    filter: drop-shadow(0px 3px 2px rgba(0,0,0,0.4)) !important; z-index: 10 !important;
}

/* 站位修正 */
.gal-sys .pos-c { left: 50% !important; transform: translateX(-50%) !important; } 
.gal-sys .pos-l1 { left: -10% !important; } 
.gal-sys .pos-r1 { right: -10% !important; } 
.gal-sys .pos-l2 { left: -5% !important; z-index: 11 !important; bottom: -12px !important; } 
.gal-sys .pos-r2 { right: -5% !important; z-index: 11 !important; bottom: -12px !important; } 

/* 主角标志放大 */
.gal-sys .map-ava.player {
    background: #ff4757 !important; border: 2px solid #fff !important; border-radius: 50% 50% 50% 0 !important;
    width: 22px !important; height: 22px !important; transform: rotate(-45deg) !important; bottom: 12px !important;
}
.gal-sys .map-ava.player::after { content: 'P1' !important; color: #fff !important; font-size: 11px !important; font-weight: 900 !important; position: absolute !important; transform: rotate(45deg) !important; top: -1px !important; left: 3px !important; }

/* 注入图库 (保持不变) */
.gal-sys .map-ava.deepseek { background-image: url('https://i.postimg.cc/90719dKG/wei-xin-tu-pian-20260328054252.png') !important; }
.gal-sys .map-ava.gemini { background-image: url('https://i.postimg.cc/ZndjN82P/wei-xin-tu-pian-20260328054258.png') !important; }
.gal-sys .map-ava.grok { background-image: url('https://i.postimg.cc/gjZ4hVQq/wei-xin-tu-pian-20260328054302.png') !important; }
.gal-sys .map-ava.claude { background-image: url('https://i.postimg.cc/tJxD63w3/wei-xin-tu-pian-20260328054306.png') !important; }
.gal-sys .loc-aquarium { background-image: url('https://i.postimg.cc/ncN2kDTC/aquarium.png') !important; }
.gal-sys .loc-street-busy { background-image: url('https://i.postimg.cc/dtg6Byn2/Busy-Street.png') !important; }
.gal-sys .loc-cinema { background-image: url('https://i.postimg.cc/fT1CK95V/cinema.png') !important; }
.gal-sys .loc-classroom { background-image: url('https://i.postimg.cc/hPNsrdMQ/Classroom.png') !important; }
.gal-sys .loc-club { background-image: url('https://i.postimg.cc/QxvmbTSW/Club.png') !important; }
.gal-sys .loc-dessert { background-image: url('https://i.postimg.cc/kXLscbwN/Dessertshop.png') !important; }
.gal-sys .loc-fireworks { background-image: url('https://i.postimg.cc/dtg6Bynj/Fireworks.png') !important; }
.gal-sys .loc-home { background-image: url('https://i.postimg.cc/4NjP59w9/Home.png') !important; }
.gal-sys .loc-library { background-image: url('https://i.postimg.cc/hPNsrdMs/Library.png') !important; }
.gal-sys .loc-mall { background-image: url('https://i.postimg.cc/FswpZLGf/Mall.png') !important; }
.gal-sys .loc-restaurant { background-image: url('https://i.postimg.cc/kXLscbwS/restaurant.png') !important; }
.gal-sys .loc-school { background-image: url('https://i.postimg.cc/9Fsbp711/School.png') !important; }
.gal-sys .loc-seaside { background-image: url('https://i.postimg.cc/dtg6BynH/Seaside.png') !important; }
.gal-sys .loc-shop { background-image: url('https://i.postimg.cc/KvCfNMQB/Shop.png') !important; }
.gal-sys .loc-station { background-image: url('https://i.postimg.cc/65Fc0vzT/Station.png') !important; }
.gal-sys .loc-street { background-image: url('https://i.postimg.cc/VL2gRC4j/street.png') !important; }

@keyframes dropDownMap { 
    from { opacity: 0; transform: translateY(-10px); } 
    to { opacity: 1; transform: translateY(0); } 
}
/* ==================================================
   📱 移动端专属优化 (放在最末尾)
   ================================================== */
@media screen and (max-width: 768px) {
    /* 缩小右侧悬浮手机的整体尺寸 */
    .gal-sys .tab-right .panel {
        width: 82vw !important; /* 根据屏幕自适应，不再是死板的380px */
        max-width: 310px !important; /* 移动端最大不超过310px */
        border-width: 8px !important; /* 外壳变薄 */
        right: 50px !important; /* 调整位置 */
    }
    
    /* 缩小刘海/灵动岛 */
    .gal-sys .tab-right .panel::before {
        width: 70px !important;
        height: 16px !important;
    }
    
    /* 缩小手机内小组件的间距 */
    .phone-widgets { padding: 10px !important; gap: 8px !important; }
    .wg-card { padding: 8px 12px !important; font-size: 12px !important; }
    
    /* 缩小群聊内的头像和字体，防止小屏幕下太拥挤 */
    .msg-ava { width: 36px !important; height: 36px !important; border-width: 2px !important; }
    .msg-bub { padding: 8px 12px !important; font-size: 12.5px !important; max-width: 80% !important; }
    
    /* 缩小悬浮CD播放器 (利用等比缩放完美保留原生按键与滚动功能) */
    .music-player {
        top: 5px !important;
        right: 5px !important;
        /* 以右上角为基准点，将整个播放器等比例缩小到 80% (0.8) */
        /* 保留了原本的微小倾斜角 rotate(0.8deg) */
        transform: scale(0.8) rotate(0.8deg) !important; 
        transform-origin: top right !important; 
        box-shadow: 2px 2px 0 rgba(92, 78, 65, 0.4) !important; /* 缩小后稍微加深阴影增强立体感 */
    }
}
/* 背景图片 */
.bg.dawn { background-image: url('https://i.postimg.cc/kM6Wq81V/dawn.png'); }
.bg.day { background-image: url('https://i.postimg.cc/DfJ1nsjJ/day.png'); }
.bg.night { background-image: url('https://i.postimg.cc/5yZtXjxg/night.png'); }
.bg.campus { background-image: url('https://i.postimg.cc/zG8wBk65/campus.png'); }
.bg.classroom { background-image: url('https://i.postimg.cc/NjB8MxSg/class-room.png'); }
.bg.club { background-image: url('https://i.postimg.cc/02pdP4tZ/club.jpg'); }
.bg.library { background-image: url('https://i.postimg.cc/vZb7BvkH/library.png'); }
.bg.cafe { background-image: url('https://i.postimg.cc/4nRfTj82/casual_restaurant.jpg'); }
.bg.street { background-image: url('https://i.postimg.cc/y6g0s9QW/shopping_arcade.jpg'); }
.bg.store { background-image: url('https://i.postimg.cc/yWC1z2fr/convenience_store.jpg'); }
.bg.sea { 
  background-image: url('https://i.postimg.cc/VsxfrSDJ/sea.png'); 
}
.bg.fireworks { 
  background-image: url('https://i.postimg.cc/G3WL8Bq8/fireworks.png'); 
}
/* 
  ========================================
  [事件CG库 - 角色结局专属扩充]
  用于模式B中的 .bg 节点
  ========================================
*/

/* 基础背景渲染逻辑 (如果你的库里还没有的话) */
.sc-b {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 3/2 !important; 
  height: auto !important; /* 覆盖掉错误的高度 */
  overflow: hidden !important;
  background-color: #000 !important;
}
.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: background-image 0.5s ease-in-out; /* 切换CG时的基础淡入淡出 */
}
.absolute.group.w-8.h-8 {
    width: 2rem !important;     /* 强行恢复原生的 32px 宽度 (w-8) */
    max-width: 2rem !important;
    min-width: 2rem !important;
}

/* =========================================
   BACKGROUNDS & CHARACTERS (立绘图片)
========================================= */

.ti.claude.angry     { background-image: url('https://i.postimg.cc/brbqnp7F/Claude-Suit-Angry.png') !important; }
.ti.claude.smile     { background-image: url('https://i.postimg.cc/MZj6Nmnz/Claude-Suit-Happy.png') !important; }
.ti.claude.normal    { background-image: url('https://i.postimg.cc/SKNQP0MH/Claude-Suit-Normal.png') !important; }
.ti.claude.sad       { background-image: url('https://i.postimg.cc/J7Brv5s7/Claude-Suit-Sad.png') !important; }
.ti.claude.shy       { background-image: url('https://i.postimg.cc/SQzS3fnX/Claude-Suit-Shy.png') !important; }
.ti.claude.surprised { background-image: url('https://i.postimg.cc/7PTHdn5z/Claude-Suit-Surprised.png') !important; }

.ti.deepseek.angry     { background-image: url('https://i.postimg.cc/nzNHMCPZ/Deep-Seek-Suit-Angry.png') !important; }
.ti.deepseek.smile     { background-image: url('https://i.postimg.cc/DZR2m8Mb/Deep-Seek-Suit-Happy.png') !important; }
.ti.deepseek.normal    { background-image: url('https://i.postimg.cc/76jxbfWJ/Deep-Seek-Suit-Normal.png') !important; }
.ti.deepseek.sad       { background-image: url('https://i.postimg.cc/C19FdzQj/Deep-Seek-Suit-Sad.png') !important; }
.ti.deepseek.shy       { background-image: url('https://i.postimg.cc/cCYd30pQ/Deep-Seek-Suit-Shy.png') !important; }
.ti.deepseek.surprised { background-image: url('https://i.postimg.cc/d3dJCwb4/Deep-Seek-Suit-Surprised.png') !important; }

.ti.gemini.angry     { background-image: url('https://i.postimg.cc/dtPsYZCG/Gemini-Jiraikei-Angry.png') !important; }
.ti.gemini.smile     { background-image: url('https://i.postimg.cc/hPWDBQmy/Gemini-Jiraikei-Happy.png') !important; }
.ti.gemini.normal    { background-image: url('https://i.postimg.cc/wxsqZQ12/Gemini-Jiraikei-Normal.png') !important; }
.ti.gemini.sad       { background-image: url('https://i.postimg.cc/jd0xbnfk/Gemini-Jiraikei-Sad.png') !important; }
.ti.gemini.shy       { background-image: url('https://i.postimg.cc/KvSG23L2/Gemini-Jiraikei-Shy.png') !important; }
.ti.gemini.surprised { background-image: url('https://i.postimg.cc/kX3JmR89/Gemini-Jiraikei-Surprised.png') !important; }

.ti.gemini.suit.angry     { background-image: url('https://i.postimg.cc/GmPVyHHT/Gemini-Suit-Angry.png') !important; }
.ti.gemini.suit.smile     { background-image: url('https://i.postimg.cc/258jtpWp/Gemini-Suit-Happy.png') !important; }
.ti.gemini.suit.normal    { background-image: url('https://i.postimg.cc/s2DfLFWR/Gemini-Suit-Normal.png') !important; }
.ti.gemini.suit.sad       { background-image: url('https://i.postimg.cc/QMXPkhTB/Gemini-Suit-Sad.png') !important; }
.ti.gemini.suit.shy       { background-image: url('https://i.postimg.cc/PqtczTw8/Gemini-Suit-Shy.png') !important; }
.ti.gemini.suit.surprised { background-image: url('https://i.postimg.cc/43N40Cct/Gemini-Suit-Surprised.png') !important; }

.ti.grok.angry     { background-image: url('https://i.postimg.cc/nLRVbdKz/Grok-Suit-Angry.png') !important; }
.ti.grok.smile     { background-image: url('https://i.postimg.cc/Zq7YtfPP/Grok-Suit-Happy.png') !important; }
.ti.grok.normal    { background-image: url('https://i.postimg.cc/5tN9rczt/Grok-Suit-Normal.png') !important; }
.ti.grok.sad       { background-image: url('https://i.postimg.cc/cJ91yD7F/Grok-Suit-Sad.png') !important; }
.ti.grok.shy       { background-image: url('https://i.postimg.cc/q7bBVmcD/Grok-Suit-Shy.png') !important; }
.ti.grok.surprised { background-image: url('https://i.postimg.cc/9MDmWG1J/Grok-Suit-Surprised.png') !important; }

.bgm-happy-1 { --bgm-url: url('https://file.garden/aUDHecPBjRiJY22D/happy%20(1).mp3'); }
.bgm-happy-2 { --bgm-url: url('https://file.garden/aUDHecPBjRiJY22D/happy%20(2).mp3'); }
.bgm-happy-3 { --bgm-url: url('https://file.garden/aUDHecPBjRiJY22D/happy%20(3).mp3'); }
.bgm-daily-1 { --bgm-url: url('https://file.garden/aUDHecPBjRiJY22D/daily%20(1).mp3'); }
.bgm-daily-2 { --bgm-url: url('https://file.garden/aUDHecPBjRiJY22D/daily%20(2).mp3'); }
.bgm-daily-3 { --bgm-url: url('https://file.garden/aUDHecPBjRiJY22D/daily%20(3).mp3'); }
.bgm-sweet-1 { --bgm-url: url('https://file.garden/aUDHecPBjRiJY22D/Sweet1.mp3'); }
.bgm-sweet-2 { --bgm-url: url('https://file.garden/aUDHecPBjRiJY22D/Sweet2.mp3'); }
.bgm-sweet-3 { --bgm-url: url('https://file.garden/aUDHecPBjRiJY22D/Sweet3.mp3'); }
.bgm-sad-1   { --bgm-url: url('https://file.garden/aUDHecPBjRiJY22D/Sad%20(1).mp3'); }
.bgm-sad-2   { --bgm-url: url('https://file.garden/aUDHecPBjRiJY22D/Sad%20(2).mp3'); }
.bgm-sad-3   { --bgm-url: url('https://file.garden/aUDHecPBjRiJY22D/Sad%20(3).mp3'); }

/* 
  ========================================
  [事件CG库 - 角色结局专属扩充]
  请将这段代码放在 CSS 的最末尾
  ========================================
*/
.bg.cg-claude-end { background-image: url('https://i.postimg.cc/XqCtGLbk/Clude-End-Cg.png') !important; }
.bg.cg-deepseek-end { background-image: url('https://i.postimg.cc/6qvF2cXZ/Deepseek-End-Cg.png') !important; }
.bg.cg-gemini-end { background-image: url('https://i.postimg.cc/T1DBL06j/Gemini-End-Cg.png') !important; }
.bg.cg-grok-end { background-image: url('https://i.postimg.cc/nrDNj2JY/Grok-End-Cg.png') !important; }
   ========================================= */

/* --- 角色告白/表白场景 (Confession CGs) --- */
.bg.cg-claude-confession { background-image: url('https://i.postimg.cc/FRPqVmsJ/Claude-confession.png') !important; }
.bg.cg-deepseek-confession { background-image: url('https://i.postimg.cc/LXy73R6L/Deep-Seek-confession.png') !important; }
.bg.cg-gemini-confession { background-image: url('https://i.postimg.cc/LXy73R6g/Gemini-confession.png') !important; }
.bg.cg-grok-confession { background-image: url('https://i.postimg.cc/76BcnDYz/Grok-confession.png') !important; }

.bg.cg-sea-claude { background-image: url('https://i.postimg.cc/FHX4yVGD/CG-SEA-CLAUDE.png') !important; }
.bg.cg-sea-deepseek { background-image: url('https://i.postimg.cc/VkP8qW44/CG-SEA-DEEPSEEK.png') !important; }
.bg.cg-sea-gemini { background-image: url('https://i.postimg.cc/131QGrM7/CG-SEA-GEMINI.png') !important; }
.bg.cg-sea-grok { background-image: url('https://i.postimg.cc/cLGSRBTD/CG-SEA-GROK.png') !important; }

.bg.cg-fireworks-claude { background-image: url('https://i.postimg.cc/FK813nC0/CG-Fire-Work-Claude.png') !important; }
.bg.cg-fireworks-deepseek { background-image: url('https://i.postimg.cc/7Ldb0Qt3/CG-Fire-Work-Deep-Seek.png') !important; }
.bg.cg-fireworks-gemini { background-image: url('https://i.postimg.cc/8C9sMnXB/CG-Fire-Work-Gemini.png') !important; }
.bg.cg-fireworks-grok { background-image: url('https://i.postimg.cc/YSZjYyD1/CG-Fire-Work-Grok.png') !important; }
/* BoyAndGirl (BG) 系列样式表 */

/* CG 背景规则集 */
.bg.cg-gemini-jiraikei-doggy-style { background-image: url('https://file.garden/aUDHecPBjRiJY22D/bg_gemini_jiraikei_doggy_style.png') !important; }
.bg.cg-claude-lose-virginity { background-image: url('https://file.garden/aUDHecPBjRiJY22D/bg_claude_Lose_virginity.png') !important; }
.bg.cg-claude-doggy-style { background-image: url('https://file.garden/aUDHecPBjRiJY22D/bg_claude_doggy_style.png') !important; }
.bg.cg-deepseek-fellatio { background-image: url('https://file.garden/aUDHecPBjRiJY22D/bg_DeepSeek_fellatio.png') !important; }
.bg.cg-claude-footjob { background-image: url('https://file.garden/aUDHecPBjRiJY22D/bg_claude_footjob.png') !important; }
.bg.cg-grok-missionary { background-image: url('https://file.garden/aUDHecPBjRiJY22D/bg_Grok_missionary.png') !important; }
.bg.cg-claude-sitting-on-lap-straddling { background-image: url('https://file.garden/aUDHecPBjRiJY22D/bg_claude_Sitting%20on%20lap%20%26%20Straddling.png') !important; }
.bg.cg-grok-lose-virginity { background-image: url('https://file.garden/aUDHecPBjRiJY22D/bg_Grok_Lose_virginity.png') !important; }
.bg.cg-claude-cowgirl { background-image: url('https://file.garden/aUDHecPBjRiJY22D/bg_claude_cowgirl.png') !important; }
.bg.cg-gemini-jiraikei-missionary { background-image: url('https://file.garden/aUDHecPBjRiJY22D/bg_gemini_jiraikei_missionary.png') !important; }
.bg.cg-deepseek-missionary { background-image: url('https://file.garden/aUDHecPBjRiJY22D/bg_DeepSeek_missionary.png') !important; }
.bg.cg-gemini-fellatio { background-image: url('https://file.garden/aUDHecPBjRiJY22D/bg_gemini_fellatio.png') !important; }
.bg.cg-gemini-cowgirl { background-image: url('https://file.garden/aUDHecPBjRiJY22D/bg_gemini_cowgirl.png') !important; }
.bg.cg-grok-doggy-style { background-image: url('https://file.garden/aUDHecPBjRiJY22D/bg_Grok_doggy_style.png') !important; }
.bg.cg-gemini-doggy-style { background-image: url('https://file.garden/aUDHecPBjRiJY22D/bg_gemini_doggy_style.png') !important; }
.bg.cg-grok-fellatio { background-image: url('https://file.garden/aUDHecPBjRiJY22D/bg_Grok_fellatio.png') !important; }
.bg.cg-gemini-lose-virginity { background-image: url('https://file.garden/aUDHecPBjRiJY22D/bg_gemini_Lose_virginity.png') !important; }
.bg.cg-deepseek-doggy-style { background-image: url('https://file.garden/aUDHecPBjRiJY22D/bg_DeepSeek_doggy_style.png') !important; }
.bg.cg-deepseek-lose-virginity { background-image: url('https://file.garden/aUDHecPBjRiJY22D/bg_DeepSeek_Lose_virginity.png') !important; }
.bg.cg-grok-micro-swimsuit { background-image: url('https://file.garden/aUDHecPBjRiJY22D/bg_Grok_micro_swimsuit.png') !important; }