/* ========================================== */
/* THE POLARITY-CONTROL PROTOCOL 粉白气泡重装版 UI */
/* ========================================== */

/* 1. 核心正文区域 (柔软粉白肉感气泡) */
.pink-bubble {
    display: block;
    position: relative;
    /* 背景为粉白色渐变，透出暧昧的肉感 */
    background: linear-gradient(135deg, #fff5f8 0%, #ffe6f0 100%) !important;
    border: 2px solid #ffb3d1 !important; /* 柔和的樱花粉边框 */
    color: #4a001f !important; /* 深紫酒红字体，保证绝对清晰度 */
    padding: 20px 25px;
    margin: 20px 0 30px 15px; /* 左侧留出空隙给气泡尾巴 */
    border-radius: 18px 18px 18px 4px; /* 聊天气泡专属圆角(左下角锐化) */
    box-shadow: 0 8px 20px rgba(255, 102, 153, 0.15);
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
    font-size: 15px;
    line-height: 1.8;
    font-weight: 500;
}

.pink-bubble p {
    color: #4a001f !important;
    margin-bottom: 12px;
}

/* 气泡左下角的实体小尾巴 (外边框层) */
.pink-bubble::before {
    content: '';
    position: absolute;
    bottom: -2px;
    left: -16px;
    border-width: 0 16px 20px 0;
    border-style: solid;
    border-color: transparent #ffb3d1 transparent transparent;
    z-index: 0;
}
/* 气泡左下角的实体小尾巴 (内景覆盖层) */
.pink-bubble::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: -12px;
    border-width: 0 13px 17px 0;
    border-style: solid;
    border-color: transparent #fff5f8 transparent transparent;
    z-index: 1;
}

/* 2. 状态栏面板 (深邃终端加固) */
details {
    background-color: #1a0611;
    border: 2px solid #cc4477 !important; 
    margin-bottom: 12px;
    border-radius: 6px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6);
    color: #ffe6f0 !important; 
    overflow: hidden;
}

summary {
    background: linear-gradient(90deg, #2a0b1c, #4a1331);
    padding: 12px 15px;
    font-weight: bold;
    font-family: 'Consolas', monospace;
    letter-spacing: 1px;
    cursor: pointer;
    outline: none;
    color: #ffb3d1 !important;
}

details[open] summary {
    border-bottom: 2px solid #ff9966 !important; 
    background: linear-gradient(90deg, #4a1331, #661a44);
    color: #ff9966 !important;
    text-shadow: 0 0 8px rgba(255, 153, 102, 0.6);
}

details p, details b { color: #f2cce0 !important; }
details p[style*="border-left"] { background-color: #12050a !important; border-left-color: #ff6699 !important; border-left-width: 4px !important; }

/* 3. 特殊对话气泡重构 (带真实聊天小尾巴) */

/* 左侧气泡 (中间态/日常记录) */
div[style*="background-color:#111"] {
    position: relative;
    background: #2a0b1c !important;
    border: 2px solid #cc4477 !important;
    border-left: 4px solid #ff9966 !important; 
    border-radius: 8px 8px 8px 0 !important; 
    color: #ffe6f0 !important;
    padding: 12px 15px !important;
    margin-left: 10px !important;
}
div[style*="background-color:#111"]::before {
    content: '';
    position: absolute;
    bottom: -2px;
    left: -14px;
    border-width: 0 10px 15px 0;
    border-style: solid;
    border-color: transparent #ff9966 transparent transparent;
}
div[style*="background-color:#111"]::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: -9px;
    border-width: 0 7px 11px 0;
    border-style: solid;
    border-color: transparent #2a0b1c transparent transparent;
}

/* 右侧气泡 (极端恶堕/警告记录) */
div[style*="background-color:#1a0000"] {
    position: relative;
    background: #33001a !important;
    border: 2px solid #990033 !important;
    border-right: 4px solid #ff3385 !important; 
    border-radius: 8px 8px 0 8px !important;
    color: #ffe6f0 !important;
    padding: 12px 15px !important;
    margin-right: 10px !important;
    text-align: right;
}
div[style*="background-color:#1a0000"]::before {
    content: '';
    position: absolute;
    bottom: -2px;
    right: -14px;
    border-width: 15px 10px 0 0;
    border-style: solid;
    border-color: #ff3385 transparent transparent transparent;
}
div[style*="background-color:#1a0000"]::after {
    content: '';
    position: absolute;
    bottom: 0px;
    right: -9px;
    border-width: 11px 7px 0 0;
    border-style: solid;
    border-color: #33001a transparent transparent transparent;
}

/* 底部公告板 */
div[style*="background-color:#1a1a00"] {
    background: #330000 !important;
    border: 2px solid #cc0000 !important;
    border-left: 4px solid #ff3333 !important;
    border-radius: 6px !important;
    color: #ffcccc !important;
    padding: 12px 15px !important;
}

/* 4. 选项大外框与按钮 */
div[style*="border-top:1px dashed #555"], 
div[style*="border-top:1px dashed #666"] {
    background: #12050a !important;
    border: 2px solid #ff6699 !important;
    border-radius: 8px;
    padding: 15px !important;
    margin-top: 20px !important;
}

div[style*="border-top:1px dashed #555"] > p,
div[style*="border-top:1px dashed #666"] > p {
    color: #ff9966 !important;
    border-bottom: 2px dashed #ff6699 !important;
    padding-bottom: 8px !important;
    margin-bottom: 15px !important;
    font-weight: bold;
}

div[style*="background-color:#222"] {
    background: #2a0b1c !important;
    border: 2px solid #cc4477 !important; 
    border-radius: 6px !important;
    padding: 12px 15px !important;
    transition: all 0.2s ease-in-out;
    color: #f2cce0 !important;
    margin-bottom: 8px !important;
}

div[style*="background-color:#222"]:hover {
    background: #4a1331 !important;
    border-color: #ff9966 !important;
    box-shadow: 0 0 15px rgba(255, 153, 102, 0.4);
    transform: translateX(8px);
    color: #fff !important;
}