/* ================================================= */
/* == 神荒武界 · 新平台安全美化版 == */
/* == 不改全局背景，不改 input 定位 == */
/* ================================================= */

/* ================================================= */
/* == 模块0：主题变量 == */
/* ================================================= */

:root {
    --sh-paper: #fcfaf2;
    --sh-paper-rgb: 252, 250, 242;
    --sh-paper-deep: #f3e9d2;
    --sh-paper-deep-rgb: 243, 233, 210;
    --sh-ivory: #fdf5e6;
    --sh-ivory-rgb: 253, 245, 230;
    --sh-ink: #2c241b;
    --sh-ink-soft: #3a3226;
    --sh-wood: #5d4037;
    --sh-wood-dark: #2c241b;
    --sh-gold: #c5a059;
    --sh-gold-light: #d4b170;
    --sh-red: #8B0000;
    --sh-blue: #005f9e;
    --sh-green: #228B22;
}

/* ================================================= */
/* == 模块1：顶部导航栏 · 高级武侠玉宣牌匾 == */
/* ================================================= */

header.flex.h-12.items-center.justify-between,
header[class*="h-12"][class*="items-center"][class*="justify-between"][class*="border-b"] {
    background:
        linear-gradient(90deg, rgba(252,250,242,0.82), rgba(243,233,210,0.88), rgba(252,250,242,0.82)),
        radial-gradient(circle at 50% 0%, rgba(197,160,89,0.22), transparent 58%) !important;
    border-bottom: 2px solid rgba(197,160,89,0.9) !important;
    box-shadow:
        0 4px 16px rgba(44,36,27,0.20),
        inset 0 -1px 0 rgba(255,255,255,0.65) !important;
    backdrop-filter: blur(8px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(8px) saturate(1.08) !important;
    color: var(--sh-ink) !important;
}

header.flex.h-12.items-center.justify-between::before,
header[class*="h-12"][class*="items-center"][class*="justify-between"][class*="border-b"]::before {
    content: "神荒武界 · 武道系统" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    pointer-events: none !important;
    color: var(--sh-red) !important;
    font-family: 'LiSu', 'STXingkai', 'Kaiti SC', serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 3px !important;
    text-shadow:
        0 1px 0 rgba(255,255,255,0.8),
        0 0 10px rgba(197,160,89,0.45) !important;
    opacity: 0.96 !important;
}

header.flex.h-12.items-center.justify-between::after,
header[class*="h-12"][class*="items-center"][class*="justify-between"][class*="border-b"]::after {
    content: "" !important;
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 3px !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, var(--sh-gold), var(--sh-red), var(--sh-gold), transparent) !important;
    opacity: 0.75 !important;
    pointer-events: none !important;
}

header button,
#nav-left button,
#nav-right button {
    background: rgba(var(--sh-ivory-rgb), 0.74) !important;
    color: var(--sh-wood) !important;
    border: 1px solid rgba(197,160,89,0.5) !important;
    border-radius: 8px !important;
    box-shadow:
        1px 1px 0 rgba(93,64,55,0.18),
        inset 0 0 8px rgba(255,255,255,0.55) !important;
    transition: all 0.2s ease !important;
}

header button svg,
#nav-left button svg,
#nav-right button svg {
    stroke: var(--sh-wood) !important;
}

header button:hover,
#nav-left button:hover,
#nav-right button:hover {
    background: var(--sh-red) !important;
    color: var(--sh-ivory) !important;
    border-color: var(--sh-gold) !important;
    transform: translateY(-1px) !important;
}

header button:hover svg,
#nav-left button:hover svg,
#nav-right button:hover svg {
    stroke: var(--sh-ivory) !important;
}

@media (max-width: 768px) {
    header.flex.h-12.items-center.justify-between::before,
    header[class*="h-12"][class*="items-center"][class*="justify-between"][class*="border-b"]::before {
        font-size: 12px !important;
        letter-spacing: 1.5px !important;
        max-width: 56vw !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

/* ================================================= */
/* == 模块2：玩家 / AI 气泡 · 宣纸卷轴风格 == */
/* ================================================= */

#conversation .is-user > div[class*="border"],
#conversation .is-assistant > div[class*="border"] {
    background:
        linear-gradient(180deg, rgba(252,250,242,0.96), rgba(243,233,210,0.94)) !important;
    border: 2px solid var(--sh-gold-light) !important;
    border-radius: 6px !important;
    box-shadow:
        0 5px 22px rgba(0,0,0,0.16),
        inset 0 0 58px rgba(255,255,255,0.72) !important;
    color: var(--sh-ink-soft) !important;
    padding: 22px 28px !important;
    position: relative !important;
    isolation: isolate !important;
    overflow: visible !important;
    font-family: 'Kaiti SC', 'STKaiti', 'KaiTi', 'Noto Serif SC', serif !important;
}

#conversation .is-assistant > div[class*="border"] {
    border-left: 5px solid var(--sh-red) !important;
}

#conversation .is-user > div[class*="border"] {
    border-right: 5px solid var(--sh-gold) !important;
}

#conversation .is-user > div[class*="border"]::before,
#conversation .is-assistant > div[class*="border"]::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 32px !important;
    height: 32px !important;
    background: linear-gradient(135deg, transparent 50%, rgba(212,177,112,0.14) 50%, rgba(0,0,0,0.05) 100%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

#conversation .is-user > div[class*="border"] *,
#conversation .is-assistant > div[class*="border"] * {
    position: relative;
    z-index: 1;
}

#conversation .is-user > div[class*="border"] .bg-muted,
#conversation .is-assistant > div[class*="border"] .bg-muted,
#conversation .is-user > div[class*="border"] .bg-card,
#conversation .is-assistant > div[class*="border"] .bg-card {
    background: rgba(var(--sh-ivory-rgb), 0.78) !important;
    border-color: rgba(197,160,89,0.38) !important;
}

#conversation button {
    font-family: 'Kaiti SC', serif !important;
}

#conversation button svg {
    stroke: var(--sh-wood) !important;
}

#conversation button:hover {
    background: rgba(139,0,0,0.12) !important;
    color: var(--sh-red) !important;
}

#conversation button:hover svg {
    stroke: var(--sh-red) !important;
}

@media (max-width: 768px) {
    #conversation .is-user > div[class*="border"],
    #conversation .is-assistant > div[class*="border"] {
        padding: 18px 16px !important;
        font-size: 0.98em !important;
    }
}

/* ================================================= */
/* == 模块3：Markdown 内容 · 只作用于气泡内部 == */
/* ================================================= */

#conversation .rili-markdown-renderer {
    color: var(--sh-ink-soft) !important;
    font-family: 'Kaiti SC', 'STKaiti', 'KaiTi', 'Noto Serif SC', serif !important;
    font-size: 1.05em !important;
    line-height: 1.85 !important;
    letter-spacing: 0.02em !important;
    overflow: visible !important;
}

#conversation .rili-markdown-renderer p {
    margin-bottom: 16px !important;
    text-align: justify !important;
}

#conversation .rili-markdown-renderer h1,
#conversation .rili-markdown-renderer h2,
#conversation .rili-markdown-renderer h3 {
    color: var(--sh-red) !important;
    border-bottom: 1px solid rgba(212,177,112,0.45) !important;
    padding-bottom: 10px !important;
    margin-top: 25px !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
    font-family: 'LiSu', 'STXingkai', 'Kaiti SC', serif !important;
}

#conversation .rili-markdown-renderer blockquote {
    border-left: 3px solid var(--sh-gold-light) !important;
    background: rgba(212,177,112,0.08) !important;
    color: #6d5d4b !important;
    padding: 10px 20px !important;
    font-style: italic !important;
    margin: 15px 0 !important;
}

#conversation .rili-markdown-renderer font[color="#FF1493"],
#conversation .rili-markdown-renderer font[color="#ff1493"] {
    color: #C71585 !important;
}

#conversation .rili-markdown-renderer font[color="#1E90FF"],
#conversation .rili-markdown-renderer font[color="#1e90ff"] {
    color: var(--sh-blue) !important;
}

#conversation .rili-markdown-renderer font[color="#00FF00"],
#conversation .rili-markdown-renderer font[color="#00ff00"] {
    color: var(--sh-green) !important;
}

#conversation .rili-markdown-renderer font[color="#FF0000"],
#conversation .rili-markdown-renderer font[color="#ff0000"] {
    color: var(--sh-red) !important;
}

/* ================================================= */
/* == 模块4：折叠栏 details · H5 卡片版 == */
/* ================================================= */

#conversation .rili-markdown-renderer details {
    display: inline-block !important;
    vertical-align: top !important;
    width: calc(48.5% - 8px) !important;
    margin: 8px 5px !important;
    background-color: var(--sh-ivory) !important;
    border: 1px solid var(--sh-gold) !important;
    border-radius: 5px !important;
    box-shadow: 2px 2px 0 #8d6e63 !important;
    transition: all 0.2s ease !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 10 !important;
}

#conversation .rili-markdown-renderer details > summary {
    list-style: none !important;
    padding: 14px 6px !important;
    cursor: pointer !important;
    text-align: center !important;
    font-family: 'Kaiti SC', serif !important;
    font-size: 1.1em !important;
    font-weight: bold !important;
    color: var(--sh-wood) !important;
    background: linear-gradient(to bottom, var(--sh-ivory), #fff8dc) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    outline: none !important;
    border-radius: 5px !important;
    position: relative !important;
    user-select: none !important;
}

#conversation .rili-markdown-renderer details > summary::-webkit-details-marker {
    display: none !important;
}

#conversation .rili-markdown-renderer details > summary::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 20% !important;
    height: 60% !important;
    width: 4px !important;
    background: var(--sh-red) !important;
}

#conversation .rili-markdown-renderer details:not([open]):hover {
    transform: translateY(-2px) !important;
    border-color: var(--sh-red) !important;
    box-shadow: 4px 4px 0 var(--sh-red) !important;
}

#conversation .rili-markdown-renderer details[open] {
    width: calc(100% - 10px) !important;
    display: block !important;
    z-index: 30 !important;
    background-color: var(--sh-paper) !important;
    box-shadow: 0 4px 18px rgba(0,0,0,0.14) !important;
    margin-bottom: 15px !important;
    overflow: visible !important;
}

#conversation .rili-markdown-renderer details[open] > summary {
    background: var(--sh-wood) !important;
    color: #f0e6d2 !important;
    border-bottom: 1px solid var(--sh-gold) !important;
}

#conversation .rili-markdown-renderer details > p,
#conversation .rili-markdown-renderer details > div,
#conversation .rili-markdown-renderer details > ul,
#conversation .rili-markdown-renderer details > ol,
#conversation .rili-markdown-renderer details > table {
    padding: 15px !important;
    color: var(--sh-ink) !important;
    position: relative !important;
    overflow: visible !important;
}

@media (max-width: 768px) {
    #conversation .rili-markdown-renderer details {
        width: calc(48% - 6px) !important;
        margin: 6px 4px !important;
    }

    #conversation .rili-markdown-renderer details > summary {
        font-size: 1em !important;
        padding: 12px 2px !important;
    }

    #conversation .rili-markdown-renderer details[open] {
        width: calc(100% - 8px) !important;
    }
}

/* ================================================= */
/* == 模块5：表格 / 代码 / 状态条 == */
/* ================================================= */

#conversation .rili-markdown-renderer table,
#conversation .rili-markdown-renderer table tr,
#conversation .rili-markdown-renderer table td,
#conversation .rili-markdown-renderer table th {
    background-color: var(--sh-paper) !important;
    border-color: var(--sh-gold) !important;
    color: var(--sh-ink) !important;
}

#conversation .rili-markdown-renderer table {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    border-collapse: collapse !important;
    margin: 12px 0 !important;
    font-size: 0.92em !important;
}

#conversation .rili-markdown-renderer table th,
#conversation .rili-markdown-renderer table td {
    border: 1px solid var(--sh-gold) !important;
    padding: 8px 12px !important;
}

#conversation .rili-markdown-renderer table tr:nth-child(2n) {
    background-color: rgba(197,160,89,0.1) !important;
}

#conversation .rili-markdown-renderer table th {
    background-color: rgba(139,0,0,0.1) !important;
    font-family: 'LiSu', 'STXingkai', serif !important;
    font-weight: bold !important;
    text-align: center !important;
}

#conversation .rili-markdown-renderer pre {
    background: #2b2b2b !important;
    border: 2px solid var(--sh-gold) !important;
    border-radius: 4px !important;
    color: #f0e6d2 !important;
    padding: 15px !important;
    margin: 15px 0 !important;
    font-family: 'Consolas', monospace !important;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.5) !important;
    overflow-x: auto !important;
}

#conversation .rili-markdown-renderer code {
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace !important;
    color: var(--sh-red) !important;
    background: rgba(139,0,0,0.08) !important;
    padding: 1px 4px !important;
    border-radius: 2px !important;
}

#conversation .rili-markdown-renderer details[open] code {
    all: unset !important;
    display: inline !important;
    width: auto !important;
    white-space: nowrap !important;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace !important;
    font-size: 1.05em !important;
    font-weight: 900 !important;
    padding: 2px 4px !important;
    border-radius: 3px !important;
}

#conversation .rili-markdown-renderer details[open] code:nth-of-type(1) {
    color: #FF3030 !important;
    background: rgba(255,48,48,0.06) !important;
    text-shadow:
        1px 1px 0 rgba(0,0,0,0.18),
        0 0 8px rgba(255,48,48,0.35) !important;
}

#conversation .rili-markdown-renderer details[open] code:nth-of-type(2) {
    color: #1E90FF !important;
    background: rgba(30,144,255,0.06) !important;
    text-shadow:
        1px 1px 0 rgba(0,0,0,0.18),
        0 0 8px rgba(30,144,255,0.35) !important;
}

/* ================================================= */
/* == 模块6：悬浮提示 Tooltip == */
/* ================================================= */

#conversation .rili-markdown-renderer span[title] {
    position: relative !important;
    cursor: help !important;
    text-decoration: none !important;
    border-bottom: 2px dotted var(--sh-red) !important;
    color: var(--sh-red) !important;
    font-weight: bold !important;
    display: inline-block !important;
    z-index: 2 !important;
}

#conversation .rili-markdown-renderer span[title]::after {
    content: attr(title) !important;
    position: absolute !important;
    bottom: 120% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: max-content !important;
    max-width: 280px !important;
    min-width: 160px !important;
    white-space: pre-wrap !important;
    line-height: 1.6 !important;
    background-color: #fff8dc !important;
    color: var(--sh-wood) !important;
    border: 2px solid var(--sh-red) !important;
    box-shadow: 6px 6px 15px rgba(0,0,0,0.38) !important;
    padding: 12px !important;
    border-radius: 4px !important;
    font-family: 'Kaiti SC', serif !important;
    font-size: 14px !important;
    font-weight: normal !important;
    pointer-events: none !important;
    z-index: 100000 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.2s ease, visibility 0.2s ease, bottom 0.2s ease !important;
}

#conversation .rili-markdown-renderer span[title]::before {
    content: "" !important;
    position: absolute !important;
    bottom: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border: 8px solid transparent !important;
    border-top-color: var(--sh-red) !important;
    z-index: 100000 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.2s ease !important;
}

#conversation .rili-markdown-renderer span[title]:hover::after,
#conversation .rili-markdown-renderer span[title]:active::after,
#conversation .rili-markdown-renderer span[title]:focus::after {
    opacity: 1 !important;
    visibility: visible !important;
    bottom: 130% !important;
}

#conversation .rili-markdown-renderer span[title]:hover::before,
#conversation .rili-markdown-renderer span[title]:active::before,
#conversation .rili-markdown-renderer span[title]:focus::before {
    opacity: 1 !important;
    visibility: visible !important;
    bottom: 110% !important;
}

#conversation .rili-markdown-renderer a:has(> span[title]) {
    pointer-events: none !important;
    text-decoration: none !important;
    border-bottom: none !important;
}

#conversation .rili-markdown-renderer a:has(> span[title]) > span[title] {
    pointer-events: auto !important;
    cursor: help !important;
}

/* ================================================= */
/* == 模块7：章节框 / 选项框 == */
/* ================================================= */

#conversation .rili-markdown-renderer .chapter-box {
    margin: 10px auto 25px auto !important;
    padding: 20px !important;
    background-color: rgba(var(--sh-paper-deep-rgb), 0.45) !important;
    border: 1px solid var(--sh-gold) !important;
    outline: 4px double var(--sh-gold) !important;
    outline-offset: -8px !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
    overflow: hidden !important;
}

#conversation .rili-markdown-renderer .chapter-box::before {
    content: "☁" !important;
    position: absolute !important;
    top: 5px !important;
    right: 10px !important;
    font-size: 24px !important;
    color: rgba(197,160,89,0.3) !important;
}

#conversation .rili-markdown-renderer .chapter-box::after {
    content: "神荒武道" !important;
    position: absolute !important;
    bottom: 10px !important;
    right: 15px !important;
    width: 20px !important;
    padding: 5px !important;
    line-height: 1.2 !important;
    border: 2px solid var(--sh-red) !important;
    color: var(--sh-red) !important;
    font-size: 10px !important;
    font-family: 'LiSu', serif !important;
    opacity: 0.4 !important;
    transform: rotate(-15deg) !important;
    text-align: center !important;
    pointer-events: none !important;
}

#conversation .rili-markdown-renderer .chap-t {
    font-family: 'LiSu', 'STXingkai', serif !important;
    font-size: 1.3em !important;
    color: var(--sh-red) !important;
    font-weight: bold !important;
    border-bottom: 2px solid rgba(139,0,0,0.2) !important;
    padding-bottom: 8px !important;
    margin-bottom: 5px !important;
}

#conversation .rili-markdown-renderer .chap-lo,
#conversation .rili-markdown-renderer .chap-wea {
    font-family: 'Kaiti SC', 'STKaiti', serif !important;
    font-size: 1.05em !important;
    color: var(--sh-ink-soft) !important;
}

#conversation .rili-markdown-renderer .chap-th {
    margin-top: 5px !important;
    padding: 5px 12px !important;
    background: rgba(197,160,89,0.1) !important;
    border-left: 3px solid var(--sh-gold) !important;
    font-family: 'Kaiti SC', serif !important;
    font-size: 0.95em !important;
    color: #8d6e63 !important;
    font-style: italic !important;
    display: inline-block !important;
    width: fit-content !important;
}

#conversation .rili-markdown-renderer .Option {
    display: block !important;
    width: fit-content !important;
    min-width: 220px !important;
    max-width: 100% !important;
    margin: 20px 0 !important;
    padding: 15px 22px !important;
    background-color: #fdfaf2 !important;
    border: 1px solid var(--sh-gold-light) !important;
    border-left: 4px solid var(--sh-gold) !important;
    border-radius: 3px !important;
    box-shadow: 2px 4px 12px rgba(0,0,0,0.08) !important;
    line-height: 1.6 !important;
    color: #3e2723 !important;
    font-size: 0.95em !important;
    position: relative !important;
    white-space: pre-wrap !important;
}

#conversation .rili-markdown-renderer .Option::first-line {
    font-weight: bold !important;
    font-size: 1.1em !important;
    color: var(--sh-red) !important;
    letter-spacing: 1px !important;
}

#conversation .rili-markdown-renderer .Option::before {
    content: "「" !important;
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    color: var(--sh-gold) !important;
    font-weight: bold !important;
    font-size: 1.2em !important;
    opacity: 0.6 !important;
}

#conversation .rili-markdown-renderer .Option::after {
    content: "」" !important;
    position: absolute !important;
    bottom: 8px !important;
    right: 8px !important;
    color: var(--sh-gold) !important;
    font-weight: bold !important;
    font-size: 1.2em !important;
    opacity: 0.6 !important;
}

/* ================================================= */
/* == 模块8：评论弹窗 · 藏经阁卷轴风格 == */
/* ================================================= */

[role="dialog"][class*="fixed"][class*="z-50"],
[role="dialog"].bg-background {
    background:
        linear-gradient(180deg, rgba(252,250,242,0.98), rgba(243,233,210,0.98)) !important;
    border: 3px double var(--sh-gold) !important;
    border-radius: 14px !important;
    box-shadow:
        0 22px 60px rgba(0,0,0,0.45),
        inset 0 0 60px rgba(255,255,255,0.48) !important;
    color: var(--sh-ink) !important;
    overflow: hidden !important;
}

[role="dialog"] .flex.max-h-\[90dvh\],
[role="dialog"] .flex.md\:max-h-\[85dvh\] {
    background: transparent !important;
    color: var(--sh-ink) !important;
}

[role="dialog"] h2 {
    color: var(--sh-red) !important;
    font-family: 'LiSu', 'STXingkai', 'Kaiti SC', serif !important;
    font-size: 1.25rem !important;
    letter-spacing: 1px !important;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8) !important;
}

[role="dialog"] .flex.flex-col.space-y-1\.5 {
    background:
        linear-gradient(90deg, rgba(93,64,55,0.10), rgba(197,160,89,0.16), rgba(93,64,55,0.10)) !important;
    border-bottom: 2px solid rgba(197,160,89,0.45) !important;
}

[role="dialog"] .rounded-xl.border,
[role="dialog"] .rounded-2xl.border {
    background:
        linear-gradient(135deg, rgba(253,245,230,0.92), rgba(252,250,242,0.92)) !important;
    border-color: rgba(197,160,89,0.65) !important;
    color: var(--sh-ink) !important;
    box-shadow:
        2px 3px 12px rgba(44,36,27,0.10),
        inset 0 0 20px rgba(255,255,255,0.45) !important;
}

[role="dialog"] .rounded-2xl.border.border-dashed {
    background:
        radial-gradient(circle at center, rgba(197,160,89,0.10), transparent 70%),
        rgba(var(--sh-paper-rgb), 0.72) !important;
    border: 2px dashed rgba(197,160,89,0.65) !important;
    color: var(--sh-wood) !important;
    font-family: 'Kaiti SC', serif !important;
}

[role="dialog"] textarea {
    background: rgba(var(--sh-paper-rgb), 0.92) !important;
    color: var(--sh-ink) !important;
    font-family: 'Kaiti SC', 'STKaiti', 'KaiTi', serif !important;
    line-height: 1.7 !important;
    border: none !important;
    box-shadow: none !important;
}

[role="dialog"] textarea::placeholder {
    color: #8d6e63 !important;
    opacity: 0.78 !important;
    font-style: italic !important;
}

[role="dialog"] button {
    font-family: 'Kaiti SC', serif !important;
    transition: all 0.18s ease !important;
}

[role="dialog"] button:not(:disabled) {
    background: rgba(var(--sh-ivory-rgb), 0.9) !important;
    color: var(--sh-wood) !important;
    border-color: rgba(197,160,89,0.65) !important;
}

[role="dialog"] button:not(:disabled):hover {
    background: var(--sh-red) !important;
    color: var(--sh-ivory) !important;
    border-color: var(--sh-gold) !important;
}

[role="dialog"] button:disabled {
    background: rgba(243,233,210,0.55) !important;
    border-color: rgba(141,110,99,0.25) !important;
    color: rgba(93,64,55,0.45) !important;
    opacity: 0.72 !important;
}

[role="dialog"] .text-muted-foreground {
    color: #6d5d4b !important;
}

[role="dialog"] .lucide-star,
[role="dialog"] .fill-current.text-amber-500 {
    color: var(--sh-gold) !important;
    stroke: var(--sh-gold) !important;
    fill: var(--sh-gold) !important;
}

/* ================================================= */
/* == 模块9：输入框 · 只美化，不动定位/宽度/外层 == */
/* ================================================= */

#prompt-input {
    background:
        linear-gradient(180deg, rgba(253,245,230,0.96), rgba(243,233,210,0.96)) !important;
    border: 2px solid var(--sh-gold) !important;
    border-radius: 12px !important;
    box-shadow:
        0 4px 18px rgba(44,36,27,0.24),
        inset 0 0 28px rgba(255,255,255,0.42) !important;
    overflow: hidden !important;
}

#prompt-input [data-slot="input-group"] {
    background: transparent !important;
    border-color: rgba(197,160,89,0.55) !important;
    box-shadow: none !important;
    border-radius: 12px !important;
}

#prompt-input-header {
    background:
        linear-gradient(90deg, rgba(93,64,55,0.08), rgba(197,160,89,0.13), rgba(93,64,55,0.08)) !important;
    border-bottom: 1px solid rgba(197,160,89,0.45) !important;
    color: var(--sh-wood) !important;
}

#prompt-input textarea {
    background: rgba(252,250,242,0.98) !important;
    color: var(--sh-ink) !important;
    border: none !important;
    box-shadow: inset 0 0 10px rgba(44,36,27,0.08) !important;
    font-family: 'Kaiti SC', 'STKaiti', 'KaiTi', serif !important;
    font-size: 1rem !important;
    line-height: 1.65 !important;
}

#prompt-input textarea::placeholder {
    color: #8d6e63 !important;
    opacity: 0.78 !important;
    font-style: italic !important;
}

#prompt-input-footer {
    background:
        linear-gradient(90deg, rgba(93,64,55,0.08), rgba(197,160,89,0.13), rgba(93,64,55,0.08)) !important;
    border-top: 1px solid rgba(197,160,89,0.45) !important;
    color: var(--sh-wood) !important;
}

#prompt-input button {
    background: rgba(var(--sh-ivory-rgb), 0.92) !important;
    color: var(--sh-wood) !important;
    border: 1px solid rgba(197,160,89,0.65) !important;
    border-radius: 7px !important;
    box-shadow:
        1px 1px 0 rgba(93,64,55,0.25),
        inset 0 0 8px rgba(255,255,255,0.52) !important;
    font-family: 'Kaiti SC', serif !important;
    transition: all 0.18s ease !important;
}

#prompt-input button svg {
    stroke: var(--sh-wood) !important;
}

#prompt-input button:hover {
    background: var(--sh-red) !important;
    color: var(--sh-ivory) !important;
    border-color: var(--sh-gold) !important;
}

#prompt-input button:hover svg {
    stroke: var(--sh-ivory) !important;
}

#prompt-input button[type="submit"] {
    background:
        radial-gradient(circle at 30% 25%, rgba(255,255,255,0.18), transparent 40%),
        linear-gradient(135deg, var(--sh-red), #5f0000) !important;
    color: var(--sh-ivory) !important;
    border-color: var(--sh-gold) !important;
}

#prompt-input button[type="submit"] svg {
    stroke: var(--sh-ivory) !important;
}

/* ================================================= */
/* == 模块10：轻量滚动条，仅外观 == */
/* ================================================= */

::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
}

::-webkit-scrollbar-track {
    background: rgba(62,39,35,0.18) !important;
}

::-webkit-scrollbar-thumb {
    background: #8d6e63 !important;
    border: 1px solid rgba(62,39,35,0.35) !important;
    border-radius: 6px !important;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--sh-gold) !important;
}

/* ================================================= */
/* == 高级覆盖层：思维链 / 章节框 / 天机选项 == */
/* ================================================= */

/* 单独美化第一个 details：思维链 */
#conversation .rili-markdown-renderer > details:first-of-type {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
    background:
        linear-gradient(135deg, rgba(44,36,27,0.92), rgba(93,64,55,0.88)),
        radial-gradient(circle at 15% 20%, rgba(197,160,89,0.22), transparent 38%) !important;
    border: 1px solid rgba(212,177,112,0.78) !important;
    border-radius: 14px !important;
    box-shadow:
        0 10px 28px rgba(44,36,27,0.24),
        inset 0 0 24px rgba(255,255,255,0.05),
        inset 0 0 0 1px rgba(255,255,255,0.08) !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 12 !important;
}

#conversation .rili-markdown-renderer > details:first-of-type::before {
    content: "" !important;
    position: absolute !important;
    inset: 1px !important;
    border-radius: 13px !important;
    border: 1px solid rgba(255,245,210,0.16) !important;
    pointer-events: none !important;
}

#conversation .rili-markdown-renderer > details:first-of-type::after {
    content: "玄" !important;
    position: absolute !important;
    right: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) rotate(-10deg) !important;
    font-family: 'LiSu', 'STXingkai', serif !important;
    font-size: 42px !important;
    color: rgba(212,177,112,0.13) !important;
    pointer-events: none !important;
}

#conversation .rili-markdown-renderer > details:first-of-type > summary {
    min-height: 48px !important;
    padding: 12px 52px 12px 18px !important;
    background:
        linear-gradient(90deg, rgba(139,0,0,0.58), rgba(197,160,89,0.20), transparent),
        linear-gradient(180deg, rgba(255,255,255,0.08), transparent) !important;
    color: #f8ead0 !important;
    border: none !important;
    border-radius: 14px !important;
    font-family: 'LiSu', 'STXingkai', 'Kaiti SC', serif !important;
    font-size: 1.12em !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-shadow:
        0 1px 0 rgba(0,0,0,0.45),
        0 0 12px rgba(212,177,112,0.35) !important;
    justify-content: flex-start !important;
}

#conversation .rili-markdown-renderer > details:first-of-type > summary::before {
    content: "◈" !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin-right: 10px !important;
    background: none !important;
    color: var(--sh-gold-light) !important;
    font-size: 0.95em !important;
    line-height: 1 !important;
}

#conversation .rili-markdown-renderer > details:first-of-type > summary::after {
    content: "密卷" !important;
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    padding: 2px 8px !important;
    border: 1px solid rgba(212,177,112,0.62) !important;
    border-radius: 999px !important;
    color: rgba(253,245,230,0.9) !important;
    background: rgba(44,36,27,0.35) !important;
    font-family: 'Kaiti SC', serif !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
}

#conversation .rili-markdown-renderer > details:first-of-type:not([open]):hover {
    transform: translateY(-1px) !important;
    border-color: rgba(245,213,148,0.95) !important;
    box-shadow:
        0 14px 34px rgba(44,36,27,0.30),
        0 0 0 1px rgba(212,177,112,0.22),
        inset 0 0 28px rgba(255,255,255,0.06) !important;
}

#conversation .rili-markdown-renderer > details:first-of-type[open] {
    width: 100% !important;
    background:
        linear-gradient(180deg, rgba(253,245,230,0.96), rgba(243,233,210,0.96)) !important;
    border-color: rgba(197,160,89,0.82) !important;
}

/* 章节框：金纹玉牒 */
#conversation .rili-markdown-renderer .chapter-box {
    margin: 12px auto 26px auto !important;
    padding: 22px 24px 20px 24px !important;
    background:
        radial-gradient(circle at 12% 18%, rgba(197,160,89,0.18), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(139,0,0,0.10), transparent 30%),
        linear-gradient(135deg, rgba(253,245,230,0.96), rgba(252,250,242,0.90) 48%, rgba(243,233,210,0.92)) !important;
    border: 1px solid rgba(197,160,89,0.88) !important;
    border-radius: 16px !important;
    outline: none !important;
    box-shadow:
        0 12px 32px rgba(44,36,27,0.16),
        inset 0 0 0 1px rgba(255,255,255,0.62),
        inset 0 0 42px rgba(197,160,89,0.10) !important;
    overflow: hidden !important;
}

#conversation .rili-markdown-renderer .chapter-box::before {
    content: "" !important;
    position: absolute !important;
    inset: 8px !important;
    border: 1px solid rgba(197,160,89,0.38) !important;
    border-radius: 11px !important;
    pointer-events: none !important;
}

#conversation .rili-markdown-renderer .chapter-box::after {
    content: "武道纪" !important;
    bottom: 14px !important;
    right: 18px !important;
    width: 22px !important;
    padding: 6px 4px !important;
    border: 2px solid rgba(139,0,0,0.72) !important;
    color: rgba(139,0,0,0.78) !important;
    background: rgba(253,245,230,0.42) !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    opacity: 0.52 !important;
    box-shadow: inset 0 0 8px rgba(139,0,0,0.08) !important;
}

#conversation .rili-markdown-renderer .chap-t {
    padding: 0 0 11px 0 !important;
    margin-bottom: 8px !important;
    color: #7d0000 !important;
    border-bottom: 1px solid rgba(197,160,89,0.52) !important;
    font-size: 1.38em !important;
    letter-spacing: 1.5px !important;
    text-shadow: 0 1px 0 rgba(255,255,255,0.78) !important;
}

#conversation .rili-markdown-renderer .chap-lo,
#conversation .rili-markdown-renderer .chap-wea {
    padding-left: 12px !important;
    border-left: 3px solid rgba(197,160,89,0.54) !important;
    color: #3a2d22 !important;
    line-height: 1.65 !important;
}

#conversation .rili-markdown-renderer .chap-th {
    margin-top: 8px !important;
    padding: 6px 13px !important;
    width: fit-content !important;
    background:
        linear-gradient(90deg, rgba(139,0,0,0.10), rgba(197,160,89,0.14)) !important;
    border: 1px solid rgba(197,160,89,0.46) !important;
    border-left: 4px solid var(--sh-red) !important;
    border-radius: 999px !important;
    color: #6d3b2c !important;
    font-size: 0.92em !important;
    font-style: normal !important;
    letter-spacing: 0.5px !important;
}

/* 天机选项：玉简令牌 */
#conversation .rili-markdown-renderer .Option {
    width: 100% !important;
    margin: 24px 0 22px 0 !important;
    padding: 20px 24px 20px 26px !important;
    background:
        linear-gradient(135deg, rgba(44,36,27,0.96), rgba(93,64,55,0.92)),
        radial-gradient(circle at 20% 10%, rgba(212,177,112,0.20), transparent 34%) !important;
    border: 1px solid rgba(212,177,112,0.82) !important;
    border-left: 6px solid var(--sh-red) !important;
    border-radius: 16px !important;
    box-shadow:
        0 14px 34px rgba(44,36,27,0.28),
        inset 0 0 0 1px rgba(255,255,255,0.08),
        inset 0 0 38px rgba(197,160,89,0.08) !important;
    color: #f3e6cf !important;
    font-family: 'Kaiti SC', 'STKaiti', 'KaiTi', serif !important;
    font-size: 1em !important;
    line-height: 1.85 !important;
    letter-spacing: 0.02em !important;
    white-space: normal !important;
    position: relative !important;
    overflow: hidden !important;
}

#conversation .rili-markdown-renderer .Option::before {
    content: "天机" !important;
    top: 16px !important;
    left: auto !important;
    right: 18px !important;
    width: 28px !important;
    padding: 6px 4px !important;
    border: 2px solid rgba(212,177,112,0.58) !important;
    border-radius: 5px !important;
    color: rgba(212,177,112,0.78) !important;
    background: rgba(0,0,0,0.12) !important;
    font-family: 'LiSu', 'STXingkai', serif !important;
    font-size: 14px !important;
    line-height: 1.15 !important;
    text-align: center !important;
    opacity: 1 !important;
}

#conversation .rili-markdown-renderer .Option::after {
    content: "" !important;
    position: absolute !important;
    inset: 8px !important;
    border: 1px solid rgba(212,177,112,0.20) !important;
    border-radius: 11px !important;
    pointer-events: none !important;
    opacity: 1 !important;
}

#conversation .rili-markdown-renderer .Option::first-line {
    color: #f7d995 !important;
    font-family: 'LiSu', 'STXingkai', 'Kaiti SC', serif !important;
    font-size: 1.18em !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-shadow:
        0 1px 0 rgba(0,0,0,0.55),
        0 0 10px rgba(212,177,112,0.32) !important;
}

/* 移动端适配 */
@media (max-width: 768px) {
    #conversation .rili-markdown-renderer > details:first-of-type > summary {
        min-height: 44px !important;
        padding: 10px 48px 10px 14px !important;
        font-size: 1em !important;
        letter-spacing: 1px !important;
    }

    #conversation .rili-markdown-renderer .chapter-box {
        padding: 18px 16px !important;
        border-radius: 13px !important;
    }

    #conversation .rili-markdown-renderer .chap-t {
        font-size: 1.18em !important;
    }

    #conversation .rili-markdown-renderer .Option {
        padding: 18px 18px !important;
        border-radius: 13px !important;
        font-size: 0.96em !important;
    }

    #conversation .rili-markdown-renderer .Option::before {
        right: 12px !important;
        top: 12px !important;
        transform: scale(0.88) !important;
        transform-origin: top right !important;
    }
}