/* ═════════════════════════════════════════════════════════
   ☣️ とある魔術の禁書目録 - Academy City Terminal (v.TreeDiagram rev.6)
   [CONVERTED] 风月 -> Rili 平台适配
   手机拟物 2.0（灵动岛/微光边框/Home条）+ Widget 折叠栏系统
   全硬编码版本 — 无 :root / 无 var() / 无 JavaScript
   ═════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Noto+Sans+SC:wght@400;700;900&display=swap');

@keyframes glitch { }

@keyframes alertPulse {
    0%, 100% { box-shadow: 0 0 15px #E53935, 0 0 25px #E53935; }
    50% { box-shadow: 0 0 8px #E53935, 0 0 15px #E53935; }
}

@keyframes fadeInContent {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}

body, * {
    font-family: 'Share Tech Mono', 'Noto Sans SC', 'Microsoft YaHei UI', sans-serif !important;
    letter-spacing: 0.5px !important;
    box-sizing: border-box !important;
}

.vaporwave-grid { background-image: none !important; }

/* ═══════════════════════════════════════
   📱 主气泡：旗舰全面屏（手机拟物 2.0）
   ═══════════════════════════════════════ */
.group.is-assistant > .is-user\:dark,
.group.is-user > .is-user\:dark {
    position: relative !important;
    background: linear-gradient(178deg, #ffffff 0%, #F5F8FB 60%, #EBF1F7 100%) !important;
    border: none !important;
    border-image: none !important;
    box-shadow:
        0 0 0 5px #16222e,
        0 0 0 6px rgba(0, 160, 233, 0.35),
        0 24px 48px rgba(10, 30, 50, 0.22),
        0 4px 12px rgba(30, 60, 90, 0.08) !important;
    border-radius: 32px !important;
    clip-path: none !important;
    padding: 52px 18px 34px !important;
    overflow: hidden !important;
    margin: 1.8em 8px !important;
    color: #1e3448 !important;
}

/* 灵动岛：状态胶囊 */
.group.is-assistant > .is-user\:dark::before,
.group.is-user > .is-user\:dark::before {
    display: flex !important;
    content: 'AIM FIELD · ONLINE' !important;
    position: absolute !important;
    top: 12px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    align-items: center !important;
    height: 26px !important;
    padding: 0 16px 0 26px !important;
    background: #101820 !important;
    color: #9fd8f5 !important;
    font-size: 9px !important;
    letter-spacing: 2px !important;
    font-weight: 700 !important;
    border-radius: 999px !important;
    z-index: 8 !important;
    box-shadow: inset 0 0 0 1px rgba(0,160,233,.25), 0 2px 8px rgba(0,0,0,.35) !important;
    animation: none !important;
    background-image: radial-gradient(circle at 13px 50%, #35e08a 0 3px, transparent 4px) !important;
    width: auto !important;
}
.group.is-user > .is-user\:dark::before {
    content: 'OPERATOR · INPUT' !important;
    color: #ffe2a8 !important;
    background-image: radial-gradient(circle at 13px 50%, #FFC107 0 3px, transparent 4px) !important;
    box-shadow: inset 0 0 0 1px rgba(255,193,7,.3), 0 2px 8px rgba(0,0,0,.35) !important;
}

/* 底部 Home 指示条 */
.group.is-assistant > .is-user\:dark::after,
.group.is-user > .is-user\:dark::after {
    display: block !important;
    content: '' !important;
    position: absolute !important;
    bottom: 10px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 110px !important;
    height: 4px !important;
    border-radius: 999px !important;
    background: rgba(30, 52, 72, 0.28) !important;
    z-index: 8 !important;
    pointer-events: none !important;
}

.group.is-assistant > .is-user\:dark > *,
.group.is-user > .is-user\:dark > * {
    position: relative;
    z-index: 3 !important;
    color: #1e3448 !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
}

/* --- 正文排版 --- */
.group.is-assistant .rili-markdown-renderer p,
.group.is-assistant .rili-markdown-renderer td,
.group.is-assistant .rili-markdown-renderer li,
.group.is-user .rili-markdown-renderer p,
.group.is-user .rili-markdown-renderer td,
.group.is-user .rili-markdown-renderer li {
    font-size: 1.0em !important;
    line-height: 1.85 !important;
}

.group.is-assistant .rili-markdown-renderer details > div,
.group.is-assistant .rili-markdown-renderer details > div p,
.group.is-assistant .rili-markdown-renderer details > div li,
.group.is-assistant .rili-markdown-renderer details > div span,
.group.is-user .rili-markdown-renderer details > div,
.group.is-user .rili-markdown-renderer details > div p,
.group.is-user .rili-markdown-renderer details > div li,
.group.is-user .rili-markdown-renderer details > div span {
    font-size: 1.02em !important;
    line-height: 1.85 !important;
}

/* ═══════════════════════════════════════
   标题：斜切标记 + 渐变衰减下划线
   ═══════════════════════════════════════ */
.group.is-assistant .rili-markdown-renderer h1,
.group.is-assistant .rili-markdown-renderer h2,
.group.is-assistant .rili-markdown-renderer h3,
.group.is-user .rili-markdown-renderer h1,
.group.is-user .rili-markdown-renderer h2,
.group.is-user .rili-markdown-renderer h3 {
    font-size: 1.4em !important;
    letter-spacing: 2px !important;
    color: #1e3448 !important;
    border-bottom: none !important;
    text-shadow: none !important;
    padding: 2px 0 10px 16px !important;
    margin: 22px 0 14px !important;
    position: relative !important;
    font-weight: 900 !important;
    background: linear-gradient(to right, #d5dfe9 0%, transparent 65%) bottom / 100% 2px no-repeat !important;
}

.group.is-assistant .rili-markdown-renderer h1::before,
.group.is-assistant .rili-markdown-renderer h2::before,
.group.is-assistant .rili-markdown-renderer h3::before,
.group.is-user .rili-markdown-renderer h1::before,
.group.is-user .rili-markdown-renderer h2::before,
.group.is-user .rili-markdown-renderer h3::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0.25em !important;
    width: 6px !important;
    height: 0.95em !important;
    background: linear-gradient(180deg, #00A0E9, #0077b6) !important;
    transform: skewX(-14deg) !important;
    box-shadow: 3px 0 0 rgba(0, 160, 233, 0.25) !important;
}

.group.is-assistant .rili-markdown-renderer h1::after,
.group.is-assistant .rili-markdown-renderer h2::after,
.group.is-assistant .rili-markdown-renderer h3::after,
.group.is-user .rili-markdown-renderer h1::after,
.group.is-user .rili-markdown-renderer h2::after,
.group.is-user .rili-markdown-renderer h3::after {
    display: none !important;
}

/* --- 加载动画 --- */
.flex.gap-2.w-full.h-full.items-center.justify-center {
    width: 383px !important;
    height: 192px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    position: relative !important;
    overflow: hidden !important;
    margin: 1.5em auto !important;
}
.flex.gap-2.w-full.h-full.items-center.justify-center::before {
    content: '' !important;
    width: 100% !important; height: 100% !important;
    position: absolute !important; top: 0 !important; left: 0 !important;
    background-image: url('https://pic1.imgdb.cn/item/69089d183203f7be00cbe00c.gif') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    z-index: 5 !important;
}
.flex.gap-2.w-full.h-full.items-center.justify-center > span {
    display: none !important;
}

/* ═══════════════════════════════════════
   🧩 折叠栏：桌面小组件系统（Widget 2.0）
   四色循环 · 自动编号 · 内容分区
   ═══════════════════════════════════════ */
.group.is-assistant .rili-markdown-renderer,
.group.is-user .rili-markdown-renderer {
    counter-reset: widget;
}

/* --- 基础折叠栏（第一色：蓝 #00A0E9） --- */
.group.is-assistant .rili-markdown-renderer details,
.group.is-user .rili-markdown-renderer details {
    counter-increment: widget;
    background: linear-gradient(160deg, #ffffff, #f7fafd) !important;
    border: 1px solid #d5dfe9 !important;
    outline: none !important;
    margin: 12px 0 !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 4 !important;
    overflow: hidden !important;
    transition: border-color .25s ease, box-shadow .3s ease, transform .25s ease !important;
    box-shadow:
        0 1px 0 #fff inset,
        0 3px 10px rgba(30, 60, 90, 0.08) !important;
    border-radius: 16px !important;
    clip-path: none !important;
}

/* 顶部微型信号条（蓝） */
.group.is-assistant .rili-markdown-renderer details::before,
.group.is-user .rili-markdown-renderer details::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important; left: 20px !important;
    width: 38px !important; height: 3px !important;
    border-radius: 0 0 4px 4px !important;
    background: linear-gradient(90deg, #00A0E9, transparent) !important;
    opacity: .55 !important;
    transition: width .3s ease, opacity .3s ease !important;
    z-index: 6 !important;
}
.group.is-assistant .rili-markdown-renderer details[open]::before,
.group.is-assistant .rili-markdown-renderer details:hover::before,
.group.is-user .rili-markdown-renderer details[open]::before,
.group.is-user .rili-markdown-renderer details:hover::before {
    width: 80px !important;
    opacity: 1 !important;
}

/* Hover / 展开：蓝 */
.group.is-assistant .rili-markdown-renderer details:hover,
.group.is-assistant .rili-markdown-renderer details[open],
.group.is-user .rili-markdown-renderer details:hover,
.group.is-user .rili-markdown-renderer details[open] {
    border-color: #7dcdf4 !important;
    box-shadow:
        0 1px 0 #fff inset,
        0 8px 22px rgba(30, 60, 90, 0.14),
        0 0 0 3px rgba(0, 160, 233, 0.1) !important;
}
.group.is-assistant .rili-markdown-renderer details:hover:not([open]),
.group.is-user .rili-markdown-renderer details:hover:not([open]) {
    transform: translateY(-2px) !important;
}

/* --- 四色循环：第二色 橙 #F57C00 --- */
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+2)::before,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+2)::before {
    background: linear-gradient(90deg, #F57C00, transparent) !important;
}
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+2):hover,
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+2)[open],
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+2):hover,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+2)[open] {
    border-color: #ffb74d !important;
    box-shadow:
        0 1px 0 #fff inset,
        0 8px 22px rgba(30, 60, 90, 0.14),
        0 0 0 3px rgba(245, 124, 0, 0.1) !important;
}

/* --- 四色循环：第三色 绿 #7CB342 --- */
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+3)::before,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+3)::before {
    background: linear-gradient(90deg, #7CB342, transparent) !important;
}
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+3):hover,
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+3)[open],
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+3):hover,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+3)[open] {
    border-color: #aed581 !important;
    box-shadow:
        0 1px 0 #fff inset,
        0 8px 22px rgba(30, 60, 90, 0.14),
        0 0 0 3px rgba(124, 179, 66, 0.1) !important;
}

/* --- 四色循环：第四色 紫 #8e6bd4 --- */
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+4)::before,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+4)::before {
    background: linear-gradient(90deg, #8e6bd4, transparent) !important;
}
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+4):hover,
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+4)[open],
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+4):hover,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+4)[open] {
    border-color: #b39ddb !important;
    box-shadow:
        0 1px 0 #fff inset,
        0 8px 22px rgba(30, 60, 90, 0.14),
        0 0 0 3px rgba(142, 107, 212, 0.1) !important;
}

/* --- 组件标题栏 --- */
.group.is-assistant .rili-markdown-renderer summary,
.group.is-user .rili-markdown-renderer summary {
    font-size: 1.05em !important;
    letter-spacing: 1px !important;
    padding: 13px 44px 13px 58px !important;
    cursor: pointer !important;
    font-weight: 700 !important;
    outline: none !important;
    list-style: none;
    position: relative;
    transition: all .25s ease;
    z-index: 5 !important;
    background: transparent !important;
    color: #1e3448 !important;
    text-shadow: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid transparent;
    display: flex !important;
    align-items: center !important;
}

.group.is-assistant .rili-markdown-renderer summary::-webkit-details-marker,
.group.is-user .rili-markdown-renderer summary::-webkit-details-marker { display: none; }

/* 左侧：自动编号徽章（蓝色默认） */
.group.is-assistant .rili-markdown-renderer summary::before,
.group.is-user .rili-markdown-renderer summary::before {
    content: counter(widget, decimal-leading-zero) !important;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%) skewX(-8deg);
    width: 30px; height: 22px;
    display: flex; align-items: center; justify-content: center;
    font-size: 0.78em !important;
    font-style: italic;
    font-weight: 700 !important;
    color: #fff !important;
    background: linear-gradient(135deg, #00A0E9, #0077b6) !important;
    border-radius: 5px;
    box-shadow: 2px 2px 0 rgba(0, 160, 233, 0.25) !important;
    transition: all .3s cubic-bezier(.34,1.56,.64,1);
    text-shadow: none !important;
}
.group.is-assistant .rili-markdown-renderer details[open] > summary::before,
.group.is-user .rili-markdown-renderer details[open] > summary::before {
    transform: translateY(-50%) skewX(0deg);
    border-radius: 999px;
}

/* 编号徽章四色循环 */
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+2) > summary::before,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+2) > summary::before {
    background: linear-gradient(135deg, #F57C00, #d16400) !important;
    box-shadow: 2px 2px 0 rgba(245, 124, 0, 0.25) !important;
}
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+3) > summary::before,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+3) > summary::before {
    background: linear-gradient(135deg, #7CB342, #618f31) !important;
    box-shadow: 2px 2px 0 rgba(124, 179, 66, 0.25) !important;
}
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+4) > summary::before,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+4) > summary::before {
    background: linear-gradient(135deg, #8e6bd4, #6f4bb8) !important;
    box-shadow: 2px 2px 0 rgba(142, 107, 212, 0.25) !important;
}

/* 右侧：chevron 展开指示 */
.group.is-assistant .rili-markdown-renderer summary::after,
.group.is-user .rili-markdown-renderer summary::after {
    display: block !important;
    content: '' !important;
    position: absolute !important;
    right: 20px !important;
    top: 50% !important;
    width: 8px !important; height: 8px !important;
    border-right: 2px solid #00A0E9 !important;
    border-bottom: 2px solid #00A0E9 !important;
    transform: translateY(-70%) rotate(45deg) !important;
    transition: transform .3s cubic-bezier(.34,1.56,.64,1) !important;
    background: none !important;
}
.group.is-assistant .rili-markdown-renderer details[open] > summary::after,
.group.is-user .rili-markdown-renderer details[open] > summary::after {
    transform: translateY(-30%) rotate(-135deg) !important;
}

/* chevron 四色循环 */
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+2) > summary::after,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+2) > summary::after {
    border-right-color: #F57C00 !important;
    border-bottom-color: #F57C00 !important;
}
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+3) > summary::after,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+3) > summary::after {
    border-right-color: #7CB342 !important;
    border-bottom-color: #7CB342 !important;
}
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+4) > summary::after,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+4) > summary::after {
    border-right-color: #8e6bd4 !important;
    border-bottom-color: #8e6bd4 !important;
}

.group.is-assistant .rili-markdown-renderer details[open] > summary,
.group.is-user .rili-markdown-renderer details[open] > summary {
    border-bottom-color: #e0e8f0;
    background: linear-gradient(to right, rgba(0, 160, 233, 0.06), transparent 65%) !important;
}
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+2)[open] > summary,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+2)[open] > summary {
    background: linear-gradient(to right, rgba(245, 124, 0, 0.06), transparent 65%) !important;
}
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+3)[open] > summary,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+3)[open] > summary {
    background: linear-gradient(to right, rgba(124, 179, 66, 0.06), transparent 65%) !important;
}
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+4)[open] > summary,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+4)[open] > summary {
    background: linear-gradient(to right, rgba(142, 107, 212, 0.06), transparent 65%) !important;
}

.group.is-assistant .rili-markdown-renderer summary:hover,
.group.is-user .rili-markdown-renderer summary:hover {
    background: rgba(0, 160, 233, 0.05) !important;
    color: #0077b6 !important;
    text-shadow: none !important;
    animation: none !important;
}
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+2) > summary:hover,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+2) > summary:hover {
    background: rgba(245, 124, 0, 0.05) !important;
    color: #d16400 !important;
}
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+3) > summary:hover,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+3) > summary:hover {
    background: rgba(124, 179, 66, 0.05) !important;
    color: #618f31 !important;
}
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+4) > summary:hover,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+4) > summary:hover {
    background: rgba(142, 107, 212, 0.05) !important;
    color: #6f4bb8 !important;
}

/* --- 组件内容：分区系统 --- */
.group.is-assistant .rili-markdown-renderer details > div,
.group.is-user .rili-markdown-renderer details > div {
    padding: 16px 18px 18px !important;
    background: linear-gradient(180deg, #f6f9fc, rgba(255,255,255,.6)) !important;
    border: none !important;
    box-shadow: none;
    margin-top: 0 !important;
    color: #1e3448 !important;
    z-index: 4 !important;
    position: relative;
    animation: fadeInContent .3s ease-out;
}

/* 内容区四色微调 */
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+2) > div,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+2) > div {
    background: linear-gradient(180deg, #fdf8f3, rgba(255,255,255,.6)) !important;
}
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+3) > div,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+3) > div {
    background: linear-gradient(180deg, #f6faf3, rgba(255,255,255,.6)) !important;
}
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+4) > div,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+4) > div {
    background: linear-gradient(180deg, #f8f5fc, rgba(255,255,255,.6)) !important;
}

/* ① 导语区：首段自动突出 */
.group.is-assistant .rili-markdown-renderer details > div > p:first-child,
.group.is-user .rili-markdown-renderer details > div > p:first-child {
    padding: 10px 14px !important;
    margin: 0 0 12px !important;
    background: #fff !important;
    border-radius: 10px !important;
    border-left: 3px solid #00A0E9 !important;
    box-shadow: 0 1px 4px rgba(30, 60, 90, 0.08) !important;
}
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+2) > div > p:first-child,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+2) > div > p:first-child {
    border-left-color: #F57C00 !important;
}
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+3) > div > p:first-child,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+3) > div > p:first-child {
    border-left-color: #7CB342 !important;
}
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+4) > div > p:first-child,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+4) > div > p:first-child {
    border-left-color: #8e6bd4 !important;
}

/* ② 列表 → 设置页单元格 */
.group.is-assistant .rili-markdown-renderer details > div > ul,
.group.is-assistant .rili-markdown-renderer details > div > ol,
.group.is-user .rili-markdown-renderer details > div > ul,
.group.is-user .rili-markdown-renderer details > div > ol {
    list-style: none !important;
    margin: 10px 0 !important;
    padding: 0 !important;
    background: #fff !important;
    border-radius: 12px !important;
    border: 1px solid #e4ecf2 !important;
    overflow: hidden !important;
}
.group.is-assistant .rili-markdown-renderer details > div > ul > li,
.group.is-assistant .rili-markdown-renderer details > div > ol > li,
.group.is-user .rili-markdown-renderer details > div > ul > li,
.group.is-user .rili-markdown-renderer details > div > ol > li {
    padding: 10px 14px 10px 30px !important;
    position: relative !important;
    transition: background .2s ease, padding-left .2s ease !important;
}
.group.is-assistant .rili-markdown-renderer details > div > ul > li + li,
.group.is-assistant .rili-markdown-renderer details > div > ol > li + li,
.group.is-user .rili-markdown-renderer details > div > ul > li + li,
.group.is-user .rili-markdown-renderer details > div > ol > li + li {
    border-top: 1px solid #edf2f7 !important;
}

/* 单元格斜切小标 */
.group.is-assistant .rili-markdown-renderer details > div > ul > li::before,
.group.is-assistant .rili-markdown-renderer details > div > ol > li::before,
.group.is-user .rili-markdown-renderer details > div > ul > li::before,
.group.is-user .rili-markdown-renderer details > div > ol > li::before {
    content: '' !important;
    position: absolute !important;
    left: 14px !important; top: 1.05em !important;
    width: 4px !important; height: 11px !important;
    transform: skewX(-14deg) !important;
    border-radius: 1px !important;
    background: #00A0E9 !important;
    display: block !important;
}
/* 单元格小标四色 */
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+2) > div > ul > li::before,
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+2) > div > ol > li::before,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+2) > div > ul > li::before,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+2) > div > ol > li::before {
    background: #F57C00 !important;
}
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+3) > div > ul > li::before,
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+3) > div > ol > li::before,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+3) > div > ul > li::before,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+3) > div > ol > li::before {
    background: #7CB342 !important;
}
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+4) > div > ul > li::before,
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+4) > div > ol > li::before,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+4) > div > ul > li::before,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+4) > div > ol > li::before {
    background: #8e6bd4 !important;
}

.group.is-assistant .rili-markdown-renderer details > div > ul > li:hover,
.group.is-assistant .rili-markdown-renderer details > div > ol > li:hover,
.group.is-user .rili-markdown-renderer details > div > ul > li:hover,
.group.is-user .rili-markdown-renderer details > div > ol > li:hover {
    background: rgba(0, 160, 233, 0.04) !important;
    padding-left: 34px !important;
}
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+2) > div > ul > li:hover,
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+2) > div > ol > li:hover,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+2) > div > ul > li:hover,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+2) > div > ol > li:hover {
    background: rgba(245, 124, 0, 0.04) !important;
}
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+3) > div > ul > li:hover,
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+3) > div > ol > li:hover,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+3) > div > ul > li:hover,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+3) > div > ol > li:hover {
    background: rgba(124, 179, 66, 0.04) !important;
}
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+4) > div > ul > li:hover,
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+4) > div > ol > li:hover,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+4) > div > ul > li:hover,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+4) > div > ol > li:hover {
    background: rgba(142, 107, 212, 0.04) !important;
}

/* ③ 分隔线 → 数据段落切换 */
.group.is-assistant .rili-markdown-renderer details > div hr,
.group.is-user .rili-markdown-renderer details > div hr {
    border: none !important;
    height: 14px !important;
    margin: 14px 0 !important;
    background:
        linear-gradient(90deg, transparent, rgba(0, 160, 233, 0.3), transparent)
        center / 100% 1px no-repeat !important;
}
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+2) > div hr,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+2) > div hr {
    background:
        linear-gradient(90deg, transparent, rgba(245, 124, 0, 0.3), transparent)
        center / 100% 1px no-repeat !important;
}
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+3) > div hr,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+3) > div hr {
    background:
        linear-gradient(90deg, transparent, rgba(124, 179, 66, 0.3), transparent)
        center / 100% 1px no-repeat !important;
}
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+4) > div hr,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+4) > div hr {
    background:
        linear-gradient(90deg, transparent, rgba(142, 107, 212, 0.3), transparent)
        center / 100% 1px no-repeat !important;
}

/* ④ 内部小标题 → 分区标签 */
.group.is-assistant .rili-markdown-renderer details > div h4,
.group.is-assistant .rili-markdown-renderer details > div h5,
.group.is-user .rili-markdown-renderer details > div h4,
.group.is-user .rili-markdown-renderer details > div h5 {
    display: inline-block !important;
    font-size: 0.82em !important;
    letter-spacing: 2px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #00A0E9, #0077b6) !important;
    padding: 3px 14px !important;
    margin: 14px 0 8px !important;
    border-radius: 4px 12px 4px 12px !important;
    transform: skewX(-6deg) !important;
}
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+2) > div h4,
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+2) > div h5,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+2) > div h4,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+2) > div h5 {
    background: linear-gradient(135deg, #F57C00, #d16400) !important;
}
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+3) > div h4,
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+3) > div h5,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+3) > div h4,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+3) > div h5 {
    background: linear-gradient(135deg, #7CB342, #618f31) !important;
}
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+4) > div h4,
.group.is-assistant .rili-markdown-renderer details:nth-of-type(4n+4) > div h5,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+4) > div h4,
.group.is-user .rili-markdown-renderer details:nth-of-type(4n+4) > div h5 {
    background: linear-gradient(135deg, #8e6bd4, #6f4bb8) !important;
}

/* --- 文本换行修复 --- */
.group.is-assistant .rili-markdown-renderer details,
.group.is-assistant .rili-markdown-renderer details *,
.group.is-user .rili-markdown-renderer details,
.group.is-user .rili-markdown-renderer details * {
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
}

.group.is-assistant .rili-markdown-renderer details > div *,
.group.is-assistant .rili-markdown-renderer details > div p,
.group.is-assistant .rili-markdown-renderer details > div span,
.group.is-assistant .rili-markdown-renderer details > div li,
.group.is-assistant .rili-markdown-renderer details > div strong,
.group.is-assistant .rili-markdown-renderer details > div em,
.group.is-assistant .rili-markdown-renderer summary *,
.group.is-user .rili-markdown-renderer details > div *,
.group.is-user .rili-markdown-renderer details > div p,
.group.is-user .rili-markdown-renderer details > div span,
.group.is-user .rili-markdown-renderer details > div li,
.group.is-user .rili-markdown-renderer details > div strong,
.group.is-user .rili-markdown-renderer details > div em,
.group.is-user .rili-markdown-renderer summary * {
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.group.is-assistant .rili-markdown-renderer details code,
.group.is-assistant .rili-markdown-renderer details > div code,
.group.is-user .rili-markdown-renderer details code,
.group.is-user .rili-markdown-renderer details > div code {
    white-space: pre-wrap !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    word-break: break-all !important;
    display: inline !important;
    max-width: 100% !important;
}

.group.is-assistant .rili-markdown-renderer details ul,
.group.is-assistant .rili-markdown-renderer details ol,
.group.is-user .rili-markdown-renderer details ul,
.group.is-user .rili-markdown-renderer details ol {
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

.group.is-assistant .rili-markdown-renderer details li,
.group.is-user .rili-markdown-renderer details li {
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    word-break: break-all !important;
    max-width: 100% !important;
}

.group.is-assistant .rili-markdown-renderer details li code,
.group.is-user .rili-markdown-renderer details li code {
    white-space: pre-wrap !important;
    word-break: break-all !important;
}

.group.is-assistant .rili-markdown-renderer details strong,
.group.is-user .rili-markdown-renderer details strong {
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    display: inline !important;
}

.group.is-assistant .rili-markdown-renderer details [style*="white-space"],
.group.is-user .rili-markdown-renderer details [style*="white-space"] {
    white-space: normal !important;
}
.group.is-assistant .rili-markdown-renderer details [style*="word-break"],
.group.is-user .rili-markdown-renderer details [style*="word-break"] {
    word-break: break-all !important;
}

/* ═══════════════════════════════════════
   📱 三栏布局 -> 桌面App图标
   ═══════════════════════════════════════ */
.group.is-assistant .rili-markdown-renderer .triple-container,
.group.is-user .rili-markdown-renderer .triple-container {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)) !important;
    gap: 14px !important;
    margin: 16px 0 !important;
    width: 100% !important;
    position: relative;
    align-items: start !important;
    justify-content: center !important;
}

.group.is-assistant .rili-markdown-renderer .triple-container > details.main-panel,
.group.is-user .rili-markdown-renderer .triple-container > details.main-panel {
    grid-column: span 1 !important;
    width: 100% !important;
    margin: 0 !important;
    background: #FFFFFF !important;
    border: 1px solid #d5dfe9 !important;
    border-radius: 18px !important;
    box-shadow: 0 3px 8px rgba(30, 60, 90, 0.08) !important;
    transition: transform 0.22s cubic-bezier(.34,1.56,.64,1), box-shadow 0.22s ease, border-color 0.22s ease !important;
}

.group.is-assistant .rili-markdown-renderer .triple-container > details.main-panel:hover,
.group.is-user .rili-markdown-renderer .triple-container > details.main-panel:hover {
    transform: translateY(-4px) rotate(-0.5deg);
    box-shadow: 0 10px 20px rgba(30, 60, 90, 0.14) !important;
    border-color: #00A0E9 !important;
}

.group.is-assistant .rili-markdown-renderer .triple-container > details.main-panel[open],
.group.is-user .rili-markdown-renderer .triple-container > details.main-panel[open] {
    grid-column: 1 / -1 !important;
    display: block !important;
    transform: none !important;
}

.group.is-assistant .rili-markdown-renderer .triple-container > details.main-panel[open] > summary,
.group.is-user .rili-markdown-renderer .triple-container > details.main-panel[open] > summary {
    width: 100% !important;
}

.group.is-assistant .rili-markdown-renderer .triple-container > details.main-panel[open] > *:not(summary),
.group.is-user .rili-markdown-renderer .triple-container > details.main-panel[open] > *:not(summary) {
    width: 100% !important;
    max-width: 100% !important;
}

.group.is-assistant .rili-markdown-renderer .triple-container summary,
.group.is-user .rili-markdown-renderer .triple-container summary {
    width: 100% !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: break-word !important;
    height: auto !important;
    min-height: 60px !important;
    line-height: 1.3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    box-sizing: border-box !important;
    padding: 8px !important;
    border-radius: 18px !important;
    color: #1e3448 !important;
    font-weight: 700 !important;
}

/* App 图标模式：隐藏编号与 chevron */
.group.is-assistant .rili-markdown-renderer .triple-container > details.main-panel:not([open]) > summary::before,
.group.is-user .rili-markdown-renderer .triple-container > details.main-panel:not([open]) > summary::before,
.group.is-assistant .rili-markdown-renderer .triple-container > details.main-panel:not([open]) > summary::after,
.group.is-user .rili-markdown-renderer .triple-container > details.main-panel:not([open]) > summary::after {
    display: none !important;
}

.group.is-assistant .rili-markdown-renderer .triple-container summary:hover,
.group.is-user .rili-markdown-renderer .triple-container summary:hover {
    color: #0077b6 !important;
    background: transparent !important;
    text-shadow: none !important;
    animation: none !important;
}

.group.is-assistant .rili-markdown-renderer .triple-container > details.main-panel[open] > summary,
.group.is-user .rili-markdown-renderer .triple-container > details.main-panel[open] > summary {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    justify-content: flex-start !important;
    text-align: left !important;
    padding: 13px 44px 13px 58px !important;
}

/* ═══════════════════════════════════════
   💊 信息标签：斜切徽章
   ═══════════════════════════════════════ */
.group.is-assistant .rili-markdown-renderer name,
.group.is-assistant .rili-markdown-renderer SL,
.group.is-assistant .rili-markdown-renderer abli,
.group.is-assistant .rili-markdown-renderer info,
.group.is-user .rili-markdown-renderer name,
.group.is-user .rili-markdown-renderer SL,
.group.is-user .rili-markdown-renderer abli,
.group.is-user .rili-markdown-renderer info {
    display: inline-flex !important;
    align-items: center;
    padding: 4px 14px 4px 10px !important;
    margin: 4px !important;
    border-radius: 2px 10px 2px 10px !important;
    background: #FFFFFF !important;
    color: #1e3448 !important;
    border: 1px solid #d5dfe9 !important;
    font-weight: 700 !important;
    font-size: 0.9em !important;
    text-shadow: none !important;
    box-shadow: 0 1px 3px rgba(30, 60, 90, 0.08) !important;
    transition: all 0.22s cubic-bezier(.34,1.56,.64,1) !important;
    white-space: nowrap !important;
}

.group.is-assistant .rili-markdown-renderer name::before,
.group.is-assistant .rili-markdown-renderer SL::before,
.group.is-assistant .rili-markdown-renderer abli::before,
.group.is-assistant .rili-markdown-renderer info::before,
.group.is-user .rili-markdown-renderer name::before,
.group.is-user .rili-markdown-renderer SL::before,
.group.is-user .rili-markdown-renderer abli::before,
.group.is-user .rili-markdown-renderer info::before {
    content: '' !important;
    display: inline-block;
    width: 5px;
    height: 12px;
    transform: skewX(-14deg);
    border-radius: 1px;
    margin-right: 8px;
    flex-shrink: 0;
}

.group.is-assistant .rili-markdown-renderer name::before,
.group.is-user .rili-markdown-renderer name::before {
    background-color: #00A0E9 !important;
    box-shadow: 0 0 5px rgba(0,160,233,.4);
}
.group.is-assistant .rili-markdown-renderer SL::before,
.group.is-user .rili-markdown-renderer SL::before {
    background-color: #F57C00 !important;
    box-shadow: 0 0 5px rgba(245,124,0,.4);
}
.group.is-assistant .rili-markdown-renderer abli::before,
.group.is-user .rili-markdown-renderer abli::before {
    background-color: #7CB342 !important;
    box-shadow: 0 0 5px rgba(124,179,66,.4);
}
.group.is-assistant .rili-markdown-renderer info::before,
.group.is-user .rili-markdown-renderer info::before {
    background-color: #90a4ae !important;
}

.group.is-assistant .rili-markdown-renderer name:hover,
.group.is-assistant .rili-markdown-renderer SL:hover,
.group.is-assistant .rili-markdown-renderer abli:hover,
.group.is-assistant .rili-markdown-renderer info:hover,
.group.is-user .rili-markdown-renderer name:hover,
.group.is-user .rili-markdown-renderer SL:hover,
.group.is-user .rili-markdown-renderer abli:hover,
.group.is-user .rili-markdown-renderer info:hover {
    transform: translateY(-2px) skewX(-3deg) !important;
    box-shadow: 0 4px 10px rgba(30, 60, 90, 0.14) !important;
    border-color: #00A0E9 !important;
    background: #FFFFFF !important;
    color: #0077b6 !important;
}

/* --- 强调文字 --- */
.group.is-assistant .rili-markdown-renderer strong,
.group.is-user .rili-markdown-renderer strong {
    color: #0077b6 !important;
    font-weight: 700 !important;
    background: linear-gradient(to top, rgba(0, 160, 233, 0.13) 0 35%, transparent 35%) !important;
    padding: 0 2px !important;
    border: none;
    display: inline;
    text-shadow: none;
}

/* --- 链接 --- */
.group.is-assistant .rili-markdown-renderer a,
.group.is-user .rili-markdown-renderer a {
    color: #00A0E9 !important;
    text-decoration: none !important;
    border-bottom: 1px dashed #00A0E9 !important;
    transition: all 0.25s ease;
    font-weight: 700;
    padding: 0 2px;
}
.group.is-assistant .rili-markdown-renderer a:hover,
.group.is-user .rili-markdown-renderer a:hover {
    background: rgba(0, 160, 233, 0.07) !important;
    color: #0077b6 !important;
    border-bottom-style: solid !important;
    box-shadow: none;
    text-shadow: none;
    transform: none;
}

/* --- 代码 / 引用 / 表格 --- */
.group.is-assistant .rili-markdown-renderer pre,
.group.is-assistant .rili-markdown-renderer blockquote,
.group.is-assistant .rili-markdown-renderer table,
.group.is-user .rili-markdown-renderer pre,
.group.is-user .rili-markdown-renderer blockquote,
.group.is-user .rili-markdown-renderer table {
    background-image: none !important;
}

.group.is-assistant .rili-markdown-renderer code,
.group.is-user .rili-markdown-renderer code {
    background: rgba(0, 160, 233, 0.08) !important;
    color: #0077b6 !important;
    border: 1px solid rgba(0, 160, 233, 0.2) !important;
    box-shadow: none;
    padding: 2px 7px !important;
    border-radius: 3px !important;
    font-size: 0.95em !important;
    font-family: 'Share Tech Mono', 'Courier New', monospace !important;
}

.group.is-assistant .rili-markdown-renderer pre,
.group.is-user .rili-markdown-renderer pre {
    white-space: pre-wrap !important;
    word-wrap: break-word !important;
    background: linear-gradient(180deg, #fdfeff, #F5F8FB) !important;
    padding: 1em;
    border: 1px solid #d5dfe9;
    border-left: 3px solid #00A0E9;
    border-radius: 3px 8px 8px 3px;
}

.group.is-assistant .rili-markdown-renderer blockquote,
.group.is-user .rili-markdown-renderer blockquote {
    border-left: none !important;
    box-shadow: none;
    background:
        linear-gradient(to right, rgba(0, 160, 233, 0.07), transparent 60%),
        #FFFFFF !important;
    padding: 14px 20px 14px 24px !important;
    color: #5c7a94 !important;
    margin: 14px 0 !important;
    position: relative;
    font-style: normal;
    border-radius: 0 10px 10px 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 8px 100%, 0 calc(100% - 8px)) !important;
}

.group.is-assistant .rili-markdown-renderer blockquote::before,
.group.is-user .rili-markdown-renderer blockquote::before {
    display: block !important;
    content: '' !important;
    position: absolute !important;
    left: 0 !important; top: 0 !important; bottom: 0 !important;
    width: 4px !important;
    background: linear-gradient(180deg, #00A0E9, #0077b6) !important;
}

.group.is-assistant .rili-markdown-renderer table,
.group.is-user .rili-markdown-renderer table {
    border: 1px solid #d5dfe9 !important;
    box-shadow: 0 2px 8px rgba(30, 60, 90, 0.08) !important;
    background-color: #FFFFFF !important;
    clip-path: none;
    border-collapse: collapse;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.group.is-assistant .rili-markdown-renderer th,
.group.is-user .rili-markdown-renderer th {
    background: linear-gradient(180deg, #f0f5fa, #e4ecf4) !important;
    color: #0077b6 !important;
    border: 1px solid #d5dfe9 !important;
    border-top: 2px solid #00A0E9 !important;
    padding: 12px 15px !important;
    letter-spacing: 1.5px;
    font-weight: 700;
    text-shadow: none;
    text-transform: uppercase;
    font-size: 0.92em !important;
}

.group.is-assistant .rili-markdown-renderer td,
.group.is-user .rili-markdown-renderer td {
    border: 1px solid #d5dfe9 !important;
    color: #1e3448 !important;
    padding: 10px 15px !important;
}

.group.is-assistant .rili-markdown-renderer tr:nth-child(even),
.group.is-user .rili-markdown-renderer tr:nth-child(even) {
    background-color: rgba(0, 160, 233, 0.025) !important;
}

.group.is-assistant .rili-markdown-renderer tr:hover,
.group.is-user .rili-markdown-renderer tr:hover {
    background-color: rgba(0, 160, 233, 0.07) !important;
    color: #1e3448 !important;
}

/* --- 列表 marker --- */
.group.is-assistant .rili-markdown-renderer li::marker,
.group.is-user .rili-markdown-renderer li::marker {
    color: #00A0E9;
    font-weight: 700;
}

/* ═══════════════════════════════════════
   🔧 平台操作按钮
   ═══════════════════════════════════════ */
.bg-muted.rounded.flex.p-0\.5 > button {
    background: #FFFFFF !important;
    color: #1e3448 !important;
    border: 1px solid #d5dfe9 !important;
    border-radius: 3px 8px 3px 8px !important;
    box-shadow: 0 2px 4px rgba(30, 60, 90, 0.08) !important;
    font-family: 'Share Tech Mono', 'Microsoft YaHei UI', sans-serif !important;
    font-weight: 700 !important;
    text-transform: none !important;
    transition: all 0.2s cubic-bezier(.34,1.56,.64,1) !important;
    padding: 6px 16px !important;
    letter-spacing: 1px !important;
    text-shadow: none !important;
    height: auto !important;
    width: auto !important;
}

.bg-muted.rounded.flex.p-0\.5 > button:hover {
    background: linear-gradient(135deg, #00A0E9, #0077b6) !important;
    color: #fff !important;
    transform: translateY(-2px) skewX(-2deg) !important;
    box-shadow: 0 5px 12px rgba(0, 160, 233, 0.35) !important;
    border-color: #00A0E9 !important;
}

.bg-muted.rounded.flex.p-0\.5 > button:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 4px rgba(30, 60, 90, 0.08) !important;
    background: #0077b6 !important;
    color: #fff !important;
}

.bg-muted.rounded.flex.p-0\.5 > button svg,
.bg-muted.rounded.flex.p-0\.5 > button .stroke-muted-foreground {
    stroke: currentColor !important;
}

/* --- 模型信息栏 --- */
.flex.items-center.gap-2.text-xs.font-mono.text-muted-foreground {
    background: linear-gradient(to right, #edf2f7, transparent) !important;
    border: none !important;
    border-left: 2px solid #d5dfe9 !important;
    padding: 5px 12px !important;
    border-radius: 0 8px 8px 0;
    color: #5c7a94 !important;
}
.flex.items-center.gap-2.text-xs.font-mono.text-muted-foreground span {
    color: #5c7a94 !important;
    font-size: 0.8em !important;
}

/* --- 滚动条 --- */
::-webkit-scrollbar { width: 5px !important; height: 5px !important; }
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #00A0E9, #d5dfe9) !important;
    border: none; border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover { background: #00A0E9 !important; }
::-webkit-scrollbar-track { background: transparent !important; border: none; }

/* ═══════════════════════════════════════
   🔧 剧情分支：指令终端
   ═══════════════════════════════════════ */
.group.is-assistant .rili-markdown-renderer details.story-branch,
.group.is-user .rili-markdown-renderer details.story-branch {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin-top: 14px !important;
    border: 1px solid #3498db !important;
    box-shadow: 0 4px 18px rgba(52, 152, 219, 0.18) !important;
    background: #fff !important;
    border-radius: 14px !important;
}

.group.is-assistant .rili-markdown-renderer details.story-branch::before,
.group.is-user .rili-markdown-renderer details.story-branch::before {
    background: linear-gradient(90deg, #3498db, transparent) !important;
}

.group.is-assistant .rili-markdown-renderer details.story-branch > summary,
.group.is-user .rili-markdown-renderer details.story-branch > summary {
    background: linear-gradient(135deg, #3498db, #2477b3) !important;
    color: #fff !important;
    font-weight: 900 !important;
    letter-spacing: 2px !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.25) !important;
    border-bottom-color: transparent;
    animation: none !important;
    border-radius: 13px 13px 0 0 !important;
}

.group.is-assistant .rili-markdown-renderer details.story-branch > summary::before,
.group.is-user .rili-markdown-renderer details.story-branch > summary::before {
    content: '' !important;
    width: 6px !important; height: 16px !important;
    background: #fff !important;
    border-radius: 1px !important;
    box-shadow: none !important;
    transform: translateY(-50%) skewX(-14deg) !important;
    left: 24px !important;
}
.group.is-assistant .rili-markdown-renderer details.story-branch > summary::after,
.group.is-user .rili-markdown-renderer details.story-branch > summary::after {
    border-right-color: #fff !important;
    border-bottom-color: #fff !important;
}

.group.is-assistant .rili-markdown-renderer details.story-branch > summary:hover,
.group.is-user .rili-markdown-renderer details.story-branch > summary:hover {
    animation: none;
    color: #fff !important;
    background: linear-gradient(135deg, #3498db, #2477b3) !important;
}

.group.is-assistant .rili-markdown-renderer details.story-branch > div,
.group.is-user .rili-markdown-renderer details.story-branch > div {
    background: #fff !important;
    background-image: none !important;
    border-left: none !important;
    box-shadow: none;
}

.group.is-assistant .rili-markdown-renderer details.story-branch ul,
.group.is-assistant .rili-markdown-renderer details.story-branch ol,
.group.is-user .rili-markdown-renderer details.story-branch ul,
.group.is-user .rili-markdown-renderer details.story-branch ol {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    background: transparent !important;
    border: none !important;
    overflow: visible !important;
}

.group.is-assistant .rili-markdown-renderer details.story-branch li,
.group.is-user .rili-markdown-renderer details.story-branch li {
    background: rgba(52, 152, 219, 0.06) !important;
    color: #2477b3 !important;
    border: 1px solid rgba(52, 152, 219, 0.4) !important;
    border-left: 3px solid #3498db !important;
    padding: 12px 18px !important;
    transition: all 0.22s cubic-bezier(.4,0,.2,1) !important;
    cursor: pointer !important;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%);
    box-shadow: none;
    text-shadow: none;
    font-weight: 700 !important;
    border-radius: 2px 8px 2px 2px;
    position: relative !important;
}

.group.is-assistant .rili-markdown-renderer details.story-branch li:hover,
.group.is-user .rili-markdown-renderer details.story-branch li:hover {
    background: linear-gradient(135deg, #3498db, #2477b3) !important;
    color: #fff !important;
    transform: translateX(8px) !important;
    box-shadow: -4px 0 0 rgba(52, 152, 219, 0.3), 0 4px 12px rgba(52, 152, 219, 0.35) !important;
    border-color: #3498db !important;
    padding-left: 18px !important;
}

.group.is-assistant .rili-markdown-renderer details.story-branch li::before,
.group.is-user .rili-markdown-renderer details.story-branch li::before {
    display: none !important;
}

.group.is-assistant .rili-markdown-renderer details.story-branch *,
.group.is-assistant .rili-markdown-renderer details.story-branch > div *,
.group.is-assistant .rili-markdown-renderer details.story-branch li *,
.group.is-user .rili-markdown-renderer details.story-branch *,
.group.is-user .rili-markdown-renderer details.story-branch > div *,
.group.is-user .rili-markdown-renderer details.story-branch li * {
    background-color: transparent !important;
    background-image: none !important;
}

/* ═══════════════════════════════════════
   📱 移动端优化
   ═══════════════════════════════════════ */
@media (max-width: 768px) {
    body, * { letter-spacing: 0.3px !important; }

    .group.is-assistant > .is-user\:dark,
    .group.is-user > .is-user\:dark {
        padding: 48px 12px 30px !important;
        border-radius: 28px !important;
        margin: 1.5em 5px !important;
        box-shadow:
            0 0 0 4px #16222e,
            0 0 0 5px rgba(0, 160, 233, 0.35),
            0 16px 32px rgba(10, 30, 50, 0.2) !important;
    }

    .group.is-assistant > .is-user\:dark::before,
    .group.is-user > .is-user\:dark::before {
        height: 22px !important;
        font-size: 8px !important;
        padding: 0 12px 0 22px !important;
        background-image: radial-gradient(circle at 11px 50%, #35e08a 0 2.5px, transparent 3.5px) !important;
    }
    .group.is-user > .is-user\:dark::before {
        background-image: radial-gradient(circle at 11px 50%, #FFC107 0 2.5px, transparent 3.5px) !important;
    }

    .group.is-assistant > .is-user\:dark::after,
    .group.is-user > .is-user\:dark::after {
        width: 88px !important;
        bottom: 8px !important;
    }

    .group.is-assistant .rili-markdown-renderer h1,
    .group.is-assistant .rili-markdown-renderer h2,
    .group.is-assistant .rili-markdown-renderer h3,
    .group.is-user .rili-markdown-renderer h1,
    .group.is-user .rili-markdown-renderer h2,
    .group.is-user .rili-markdown-renderer h3 {
        font-size: 1.25em !important;
        letter-spacing: 1.5px !important;
    }

    .group.is-assistant .rili-markdown-renderer summary,
    .group.is-user .rili-markdown-renderer summary {
        padding: 11px 38px 11px 52px !important;
    }

    .group.is-assistant .rili-markdown-renderer summary::before,
    .group.is-user .rili-markdown-renderer summary::before {
        left: 13px;
        width: 28px; height: 20px;
    }

    .group.is-assistant .rili-markdown-renderer summary::after,
    .group.is-user .rili-markdown-renderer summary::after {
        right: 16px !important;
    }

    .group.is-assistant .rili-markdown-renderer .triple-container,
    .group.is-user .rili-markdown-renderer .triple-container {
        grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)) !important;
        gap: 12px !important;
    }

    .group.is-assistant .rili-markdown-renderer .triple-container summary,
    .group.is-user .rili-markdown-renderer .triple-container summary {
        font-size: 0.9em !important;
    }
}

@media (max-width: 480px) {
    .group.is-assistant > .is-user\:dark,
    .group.is-user > .is-user\:dark {
        padding: 44px 8px 28px !important;
        border-radius: 24px !important;
        margin: 1.3em 3px !important;
    }

    .group.is-assistant .rili-markdown-renderer h1,
    .group.is-assistant .rili-markdown-renderer h2,
    .group.is-assistant .rili-markdown-renderer h3,
    .group.is-user .rili-markdown-renderer h1,
    .group.is-user .rili-markdown-renderer h2,
    .group.is-user .rili-markdown-renderer h3 {
        font-size: 1.15em !important;
        letter-spacing: 1px !important;
    }

    .group.is-assistant .rili-markdown-renderer summary,
    .group.is-user .rili-markdown-renderer summary {
        font-size: 0.9em !important;
        padding: 9px 34px 9px 48px !important;
    }

    .group.is-assistant .rili-markdown-renderer .triple-container,
    .group.is-user .rili-markdown-renderer .triple-container {
        grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)) !important;
        gap: 10px !important;
    }

    .group.is-assistant .rili-markdown-renderer .triple-container summary,
    .group.is-user .rili-markdown-renderer .triple-container summary {
        font-size: 0.8em !important;
        min-height: 50px;
    }

    .group.is-assistant .rili-markdown-renderer details > div,
    .group.is-user .rili-markdown-renderer details > div {
        padding: 12px 12px 14px !important;
    }
}