/* ===== 针对新平台结构的精准适配 ===== */

/* 1. 直接针对包裹回复的容器，不需要绕路 */
.text-sm.rili-markdown-renderer.break-words details {
    border: 1px solid #dce1e8 !important;
    border-radius: 10px !important;
    margin: 14px 0 !important;
    background: #f8fafc !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.text-sm.rili-markdown-renderer.break-words summary {
    padding: 10px 16px !important;
    background: #ffffff !important;
    font-weight: 500 !important;
    color: #1a2634 !important;
    border-bottom: 1px solid #dce1e8 !important;
    cursor: pointer !important;
    list-style: none !important;
    transition: background 0.15s !important;
}

.text-sm.rili-markdown-renderer.break-words summary:hover {
    background: #f2f5f9 !important;
}

/* 移除自带小三角 */
.text-sm.rili-markdown-renderer.break-words summary::-webkit-details-marker {
    display: none !important;
}

/* 自定义箭头 */
.text-sm.rili-markdown-renderer.break-words summary::before {
    content: '▶ ' !important;
    font-size: 0.75em !important;
    color: #7a879b !important;
}

.text-sm.rili-markdown-renderer.break-words details[open] > summary::before {
    content: '▼ ' !important;
}

/* 折叠内部内容 */
.text-sm.rili-markdown-renderer.break-words details > pre,
.text-sm.rili-markdown-renderer.break-words details > div,
.text-sm.rili-markdown-renderer.break-words details > table {
    padding: 14px 16px !important;
    margin: 0 !important;
    background: #f8fafc !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: #1a2634 !important;
}

/* 表格修正 */
.text-sm.rili-markdown-renderer.break-words details table th,
.text-sm.rili-markdown-renderer.break-words details table td {
    padding: 6px 10px !important;
    border: 1px solid #dce1e8 !important;
    background: #ffffff !important;
    white-space: normal !important;
    word-break: break-word !important;
    vertical-align: top !important;
}
.text-sm.rili-markdown-renderer.break-words details table th {
    background: #f2f5f9 !important;
    font-weight: 600 !important;
}

/* ===== 手机窗口精准适配 ===== */
.text-sm.rili-markdown-renderer.break-words .phone-frame {
    max-width: 100%;
    width: 100%;
    margin: 20px auto 24px auto;
    border-radius: 34px;
    background: #1a1a1a;
    padding: 10px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
    position: relative;
    box-sizing: border-box;
}

/* 刘海 */
.text-sm.rili-markdown-renderer.break-words .phone-frame::before {
    content: '';
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
    width: 140px;
    height: 22px;
    background: #1a1a1a;
    border-radius: 20px;
    z-index: 10;
    box-shadow: 0 0 0 2px #2c2c2c;
}

/* 摄像头小圆点 */
.text-sm.rili-markdown-renderer.break-words .phone-frame::after {
    content: '';
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 8px;
    height: 8px;
    background: radial-gradient(circle, #1a1a1a 30%, #2c2c2c 70%);
    border-radius: 50%;
    z-index: 11;
    box-shadow: 0 0 0 2px #2c2c2c;
}

.text-sm.rili-markdown-renderer.break-words .phone-frame img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 26px 26px 0 0;
    max-width: 100%;
    object-fit: cover;
}

.text-sm.rili-markdown-renderer.break-words .secret-bubble {
    padding: 18px 20px 20px 20px;
    background: #f8faff;
    color: #1a2634;
    font-size: 15px;
    line-height: 1.7;
    border-radius: 0 0 26px 26px;
    border-top: 1px solid rgba(0, 0, 0, 0.04);
    font-family: inherit;
}

.text-sm.rili-markdown-renderer.break-words .secret-bubble.blue {
    border-left: 4px solid #2957a2ff;
    background: #f5f8ff;
}
.text-sm.rili-markdown-renderer.break-words .secret-bubble.red {
    border-left: 4px solid #d32f2f;
    background: #fff5f5;
}
.text-sm.rili-markdown-renderer.break-words .secret-bubble.gold {
    border-left: 4px solid #f57c00;
    background: #fff8f0;
}
.text-sm.rili-markdown-renderer.break-words .secret-bubble.green {
    border-left: 4px solid #388e3c;
    background: #f0faf0;
}

.text-sm.rili-markdown-renderer.break-words .highlight-blue { color: #2957a2ff; font-weight: 600; }
.text-sm.rili-markdown-renderer.break-words .highlight-red { color: #d32f2f; font-weight: 600; }
.text-sm.rili-markdown-renderer.break-words .highlight-gold { color: #f57c00; font-weight: 600; }
.text-sm.rili-markdown-renderer.break-words .highlight-green { color: #388e3c; font-weight: 600; }