/* ═══════════════════════════════════════════════════════
   涵凝语 · 冰髓凝脂主题UI (Rili平台完整适配)
   色彩体系：实色深海冰蓝 × 寒霜银白 × 冰火危险红
   ═══════════════════════════════════════════════════════ */

/* ——————————————————————————————————
   § 0  全局变量
   —————————————————————————————————— */
:root {
    --ice-abyss:     #0a1621;
    --ice-deep:      #0f1d2e;
    --ice-card:      #152535;
    --ice-content:   #1a2d42;
    --ice-hover:     #213a52;
    --ice-header:    #2d4a66;
    --ice-header-hv: #3d5a7a;
    --frost:         #5a8ca8;
    --frost-bright:  #7caac8;
    --frost-dim:     #3d5e78;
    --frost-border:  #2d4a5e;
    --crystal:       #b8d9e8;
    --crystal-bright:#d8f4ff;
    --crystal-dim:   #88a9b8;
    --danger:        #d85a78;
    --ice-rare:      #a8c8d8;
    --text-primary:  #d8e8f0;
    --text-label:    #88a8b8;
    --text-muted:    #4a6070;
    --border-main:   #2d4a5e;
    --radius-main:   10px;
    --radius-inner:  7px;
    --radius-small:  5px;
}

/* ——————————————————————————————————
   § 1  全局 Markdown 正文
   —————————————————————————————————— */
.rili-markdown-renderer {
    color: var(--text-primary) !important;
    background: var(--ice-abyss) !important;
    font-family: "Noto Serif SC", "Source Han Serif SC", Georgia, serif !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}

.rili-markdown-renderer p,
.rili-markdown-renderer li,
.rili-markdown-renderer span,
.rili-markdown-renderer div,
.rili-markdown-renderer blockquote {
    font-size: 17px !important;
    line-height: 1.9 !important;
    color: var(--text-primary) !important;
    letter-spacing: 0.5px !important;
}

.rili-markdown-renderer pre,
.rili-markdown-renderer code,
.rili-markdown-renderer details pre code {
    font-size: 14px !important;
    font-family: 'Consolas', 'Monaco', monospace !important;
    letter-spacing: normal !important;
}

.rili-markdown-renderer h1,
.rili-markdown-renderer h2,
.rili-markdown-renderer h3,
.rili-markdown-renderer h4,
.rili-markdown-renderer h5,
.rili-markdown-renderer h6 {
    color: var(--crystal-bright) !important;
    font-weight: 700 !important;
}

.rili-markdown-renderer a {
    color: var(--frost-bright) !important;
}

.rili-markdown-renderer code {
    color: var(--text-primary) !important;
    background: var(--ice-card) !important;
    padding: 2px 6px !important;
    border-radius: var(--radius-small) !important;
}

.rili-markdown-renderer blockquote {
    color: var(--text-primary) !important;
    border-left: 3px solid var(--frost-border) !important;
    background: var(--ice-content) !important;
    padding: 10px 16px !important;
    border-radius: 0 var(--radius-inner) var(--radius-inner) 0 !important;
}

.rili-markdown-renderer strong,
.rili-markdown-renderer b {
    color: var(--crystal-bright) !important;
}

.rili-markdown-renderer em,
.rili-markdown-renderer i {
    color: var(--crystal-dim) !important;
}

.rili-markdown-renderer hr {
    border: none !important;
    height: 1.5px !important;
    background: linear-gradient(90deg, transparent, var(--frost-dim), transparent) !important;
}

/* ——————————————————————————————————
   § 2  对话框
   —————————————————————————————————— */
.is-user > div,
.is-assistant > div {
    background: var(--ice-card) !important;
    background-image: none !important;
    border: 1px solid var(--frost-border) !important;
    box-shadow: 0 8px 30px #000000 !important;
    border-radius: var(--radius-main) !important;
    padding: 1.2em !important;
    color: var(--text-primary) !important;
}

.is-assistant > div button,
.is-user > div button {
    background: linear-gradient(145deg, var(--frost-bright), var(--frost-dim)) !important;
    color: #0a1621 !important;
    border: 1px solid #1a2d42 !important;
    border-radius: var(--radius-small) !important;
    box-shadow: 2px 2px 5px #000000 !important;
    font-weight: 700 !important;
    font-size: 12.5px !important;
    transition: all 0.2s ease !important;
    padding: 5px 13px !important;
    text-shadow: 1px 1px 2px #d8f4ff !important;
}

.is-assistant > div button:hover,
.is-user > div button:hover {
    background: linear-gradient(145deg, var(--crystal-bright), var(--frost-bright)) !important;
    color: #000000 !important;
    transform: translate(1px, 1px) !important;
    box-shadow: 0px 0px 0px #000000 !important;
}

.is-assistant > div button svg,
.is-user > div button svg {
    stroke: #0a1621 !important;
}

/* ——————————————————————————————————
   § 3  Details / Summary — 平台基础层
   —————————————————————————————————— */
.rili-markdown-renderer details {
    border: 1px solid var(--frost-border) !important;
    border-radius: var(--radius-main) !important;
    margin: 16px 0 !important;
    background: var(--ice-deep) !important;
    overflow: hidden !important;
    box-shadow: 0 4px 12px #000000 !important;
    transition: all 0.3s ease !important;
}

.rili-markdown-renderer details:hover {
    box-shadow: 0 6px 18px #000000 !important;
}

.rili-markdown-renderer summary {
    display: flex !important;
    align-items: center !important;
    padding: 12px 20px !important;
    cursor: pointer !important;
    background: linear-gradient(135deg, var(--ice-header), #243a52) !important;
    color: var(--crystal-bright) !important;
    font-weight: 700 !important;
    font-size: 1.15em !important;
    transition: all 0.3s ease !important;
    outline: none !important;
    list-style: none !important;
    text-shadow: 0 0 5px #000000 !important;
}

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

.rili-markdown-renderer summary:hover {
    background: linear-gradient(135deg, var(--ice-header-hv), #2d4a66) !important;
}

.rili-markdown-renderer summary::before {
    content: '◆' !important;
    display: inline-block !important;
    margin-right: 12px !important;
    font-size: 1.2em !important;
    color: var(--frost-dim) !important;
    transition: transform 0.3s ease !important;
    filter: drop-shadow(0 1px 1px #000000) !important;
}

.rili-markdown-renderer details[open] > summary::before {
    transform: rotate(90deg) !important;
    color: var(--frost-bright) !important;
}

.rili-markdown-renderer details * {
    color: var(--text-primary) !important;
}

.rili-markdown-renderer details > pre,
.rili-markdown-renderer details > table {
    margin: 0 !important;
    border: none !important;
    border-top: 1px solid var(--border-main) !important;
    border-radius: 0 !important;
    background: var(--ice-abyss) !important;
    overflow-x: auto !important;
}

.rili-markdown-renderer details pre {
    padding: 16px 20px !important;
    background: var(--ice-abyss) !important;
}

.rili-markdown-renderer details pre code {
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: var(--text-primary) !important;
    background: transparent !important;
}

/* ——————————————————————————————————
   § 4  状态面板 · 总容器
   —————————————————————————————————— */
.rili-markdown-renderer .status-panel {
    font-family: "Noto Serif SC", "Source Han Serif SC", Georgia, serif !important;
    font-size: 13.5px !important;
    line-height: 1.7 !important;
    color: var(--text-primary) !important;
    max-width: 540px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

/* ——————————————————————————————————
   § 5  子折叠区块
   —————————————————————————————————— */
.rili-markdown-renderer .sp-section {
    background: var(--ice-card) !important;
    border: 1px solid var(--border-main) !important;
    border-radius: var(--radius-inner) !important;
    overflow: hidden !important;
    transition: border-color 0.3s !important;
    margin: 4px 0 !important;
    box-shadow: 0 4px 12px #000000 !important;
}

.rili-markdown-renderer .sp-section[open] {
    border-color: var(--frost-dim) !important;
    box-shadow: 0 6px 18px #000000 !important;
}

/* ——————————————————————————————————
   § 6  子标题栏
   —————————————————————————————————— */
.rili-markdown-renderer .sp-header {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 10px 18px !important;
    cursor: pointer !important;
    font-size: 13.5px !important;
    font-weight: 720 !important;
    letter-spacing: 2.5px !important;
    color: var(--frost-bright) !important;
    background: linear-gradient(180deg, #1a2d42, #152535) !important;
    border-bottom: 1px solid var(--border-main) !important;
    user-select: none !important;
    list-style: none !important;
}

.rili-markdown-renderer .sp-header::-webkit-details-marker {
    display: none !important;
}

.rili-markdown-renderer .sp-header::before {
    content: "▸" !important;
    font-size: 11px !important;
    color: var(--frost-dim) !important;
    transition: transform 0.3s !important;
    margin-right: 6px !important;
}

.rili-markdown-renderer .sp-section[open] > .sp-header::before {
    transform: rotate(90deg) !important;
}

.rili-markdown-renderer .sp-icon {
    font-size: 13px !important;
    color: var(--frost-dim) !important;
}

/* ——————————————————————————————————
   § 7  内容区
   —————————————————————————————————— */
.rili-markdown-renderer .sp-body {
    padding: 12px 18px 14px !important;
    background: var(--ice-content) !important;
}

/* ——————————————————————————————————
   § 8  数据行
   —————————————————————————————————— */
.rili-markdown-renderer .sp-row {
    display: flex !important;
    align-items: baseline !important;
    padding: 4px 0 !important;
    gap: 10px !important;
    border-bottom: 1px solid #2d4a5e !important;
}

.rili-markdown-renderer .sp-row:last-child {
    border-bottom: none !important;
}

.rili-markdown-renderer .sp-label {
    flex: 0 0 auto !important;
    min-width: 85px !important;
    font-size: 12.5px !important;
    color: var(--text-label) !important;
    letter-spacing: 1.2px !important;
    white-space: nowrap !important;
}

.rili-markdown-renderer .sp-label::after {
    content: "：" !important;
}

.rili-markdown-renderer .sp-val {
    flex: 1 !important;
    font-size: 13.5px !important;
    color: var(--text-primary) !important;
    word-break: break-all !important;
}

.rili-markdown-renderer .accent-ice {
    color: var(--crystal-bright) !important;
}

.rili-markdown-renderer .accent-rare {
    color: var(--ice-rare) !important;
}

/* ——————————————————————————————————
   § 9  分组标题
   —————————————————————————————————— */
.rili-markdown-renderer .sp-group-title {
    font-size: 12.5px !important;
    font-weight: 720 !important;
    color: var(--frost-bright) !important;
    letter-spacing: 2.2px !important;
    margin: 10px 0 5px !important;
    padding-bottom: 4px !important;
    border-bottom: 1px dashed var(--frost-border) !important;
}

.rili-markdown-renderer .sp-group-title:first-child {
    margin-top: 0 !important;
}

/* ——————————————————————————————————
   § 10  分隔线
   —————————————————————————————————— */
.rili-markdown-renderer .sp-divider {
    height: 1.5px !important;
    margin: 12px 0 !important;
    background: linear-gradient(90deg, transparent, var(--frost-dim), var(--crystal-dim), var(--frost-dim), transparent) !important;
    border: none !important;
}

/* ——————————————————————————————————
   § 11  冰晶荧光
   —————————————————————————————————— */
.rili-markdown-renderer .ice-glow {
    color: var(--crystal-bright) !important;
}

/* ——————————————————————————————————
   § 12  涵凝语区块强调
   —————————————————————————————————— */
.rili-markdown-renderer .sec-hanningyu {
    border-color: var(--frost-dim) !important;
}

.rili-markdown-renderer .sec-hanningyu[open] {
    border-color: var(--frost-bright) !important;
}

.rili-markdown-renderer .sec-hanningyu > .sp-header {
    background: linear-gradient(180deg, #213a52, #1a2d42) !important;
}

/* ——————————————————————————————————
   § 13  警戒监控专用样式
   —————————————————————————————————— */
.rili-markdown-renderer .sec-alert {
    border-left: 3px solid var(--danger) !important;
}

.rili-markdown-renderer .alert-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid #2d4a5e !important;
}

.rili-markdown-renderer .alert-row:last-child {
    border-bottom: none !important;
}

.rili-markdown-renderer .alert-label {
    font-size: 12px !important;
    font-weight: 680 !important;
    color: var(--text-label) !important;
    letter-spacing: 1.2px !important;
}

.rili-markdown-renderer .alert-label::before {
    content: '▸ ' !important;
    color: var(--crystal-dim) !important;
}

.rili-markdown-renderer .alert-content {
    font-size: 13px !important;
    color: var(--text-primary) !important;
    line-height: 1.7 !important;
    padding-left: 14px !important;
}

.rili-markdown-renderer .alert-badge {
    display: inline-block !important;
    padding: 4px 18px !important;
    border-radius: 22px !important;
    font-size: 12px !important;
    font-weight: 680 !important;
    letter-spacing: 1.5px !important;
}

.rili-markdown-renderer .badge-safe {
    color: var(--crystal-bright) !important;
    background: linear-gradient(135deg, #3d5e78, #2d4a5e) !important;
    border: 1px solid var(--frost-border) !important;
}

.rili-markdown-renderer .badge-caution {
    color: #e8d8a8 !important;
    background: linear-gradient(135deg, #8a7850, #6a5840) !important;
    border: 1px solid #8a7850 !important;
}

.rili-markdown-renderer .badge-danger {
    color: #e88898 !important;
    background: linear-gradient(135deg, #a85868, #884858) !important;
    border: 1px solid #c85a78 !important;
}

.rili-markdown-renderer .badge-critical {
    color: #e85868 !important;
    background: linear-gradient(135deg, #c85868, #a84858) !important;
    border: 1px solid #e85868 !important;
    animation: critical-pulse 2s ease-in-out infinite !important;
}

@keyframes critical-pulse {
    0%, 100% { box-shadow: 0 0 8px #d85a78; }
    50% { box-shadow: 0 0 18px #d85a78; }
}

.rili-markdown-renderer .risk-row {
    flex-direction: column !important;
}

.rili-markdown-renderer .risk-bar-wrap {
    position: relative !important;
    height: 18px !important;
    background: #0a1621 !important;
    border-radius: 3px !important;
    border: 1px solid var(--border-main) !important;
    overflow: hidden !important;
    margin-top: 5px !important;
}

.rili-markdown-renderer .risk-bar-fill {
    height: 100% !important;
    background: linear-gradient(90deg, var(--danger), #e88898, #d94858) !important;
    border-radius: 2px !important;
    transition: width 0.6s ease !important;
}

.rili-markdown-renderer .risk-bar-text {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    font-weight: 720 !important;
    color: #ffffff !important;
    text-shadow: 0 1px 4px #000000 !important;
    letter-spacing: 1.2px !important;
}

/* ——————————————————————————————————
   § 14  体质状态进度条
   —————————————————————————————————— */
.rili-markdown-renderer .stat-bar-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    margin-bottom: 10px !important;
}

.rili-markdown-renderer .stat-bar-row:last-child {
    margin-bottom: 0 !important;
}

.rili-markdown-renderer .stat-label {
    font-size: 12px !important;
    color: var(--text-label) !important;
    font-weight: 650 !important;
    letter-spacing: 1px !important;
}

.rili-markdown-renderer .stat-bar-wrap {
    position: relative !important;
    height: 12px !important;
    background: #0a1621 !important;
    border-radius: 8px !important;
    border: 1px solid var(--border-main) !important;
    overflow: hidden !important;
}

.rili-markdown-renderer .stat-bar {
    height: 100% !important;
    border-radius: 7px !important;
    transition: width 0.6s ease !important;
}

.rili-markdown-renderer .essence-bar {
    background: linear-gradient(90deg, #5a8ca8, #7caac8, #b8d9e8) !important;
}

.rili-markdown-renderer .weakness-bar {
    background: linear-gradient(90deg, #e88898, #d85a78, #d94858) !important;
}

.rili-markdown-renderer .power-bar {
    background: linear-gradient(90deg, #4a7c9e, #7caac8, #b8d9e8) !important;
}

.rili-markdown-renderer .bond-bar {
    background: linear-gradient(90deg, #b8d9e8, #d8f4ff, #b8d9e8) !important;
}

.rili-markdown-renderer .stat-bar-text {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 10px !important;
    font-weight: 680 !important;
    color: #ffffff !important;
    text-shadow: 0 1px 3px #000000 !important;
    letter-spacing: 0.8px !important;
}

/* ——————————————————————————————————
   § 15  立绘展示
   —————————————————————————————————— */
.rili-markdown-renderer .portrait-box {
    display: flex !important;
    justify-content: center !important;
    margin: 0 0 12px !important;
}

.rili-markdown-renderer .portrait-box > div {
    width: 88% !important;
    max-width: 350px !important;
    aspect-ratio: 2/3 !important;
    height: auto !important;
    border: 2.5px solid var(--frost-border) !important;
    border-radius: var(--radius-main) !important;
    background-size: cover !important;
    background-position: center top !important;
    box-shadow: 0 12px 38px #000000 !important;
}

/* ——————————————————————————————————
   § 16  阶段指示器
   —————————————————————————————————— */
.rili-markdown-renderer .phase-bar {
    display: flex !important;
    margin: 0 0 12px !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    border: 1px solid var(--border-main) !important;
    background: #0f1d2e !important;
}

.rili-markdown-renderer .phase-item {
    flex: 1 !important;
    text-align: center !important;
    padding: 9px 5px !important;
    font-size: 12px !important;
    font-weight: 680 !important;
    color: var(--text-muted) !important;
    letter-spacing: 1.5px !important;
    transition: all 0.4s !important;
    border-right: 1px solid #2d4a5e !important;
}

.rili-markdown-renderer .phase-item:last-child {
    border-right: none !important;
}

.rili-markdown-renderer .phase-bar[data-now="1"] .p1,
.rili-markdown-renderer .phase-bar[data-now="5"] .p5 {
    color: #0d1f2e !important;
    background: linear-gradient(135deg, #b8d9e8, #5a8ca8) !important;
}

.rili-markdown-renderer .phase-bar[data-now="2"] .p2,
.rili-markdown-renderer .phase-bar[data-now="3"] .p3,
.rili-markdown-renderer .phase-bar[data-now="4"] .p4 {
    color: #2a0e18 !important;
    background: linear-gradient(135deg, #e88898, #d85a78) !important;
}

/* ——————————————————————————————————
   § 17  资产网格
   —————————————————————————————————— */
.rili-markdown-renderer .asset-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(145px, 1fr)) !important;
    gap: 10px !important;
    margin-top: 8px !important;
}

.rili-markdown-renderer .asset-cell {
    padding: 10px 14px !important;
    border-radius: var(--radius-inner) !important;
    background: var(--ice-deep) !important;
    border: 1px solid var(--border-main) !important;
    transition: all 0.3s !important;
}

.rili-markdown-renderer .asset-cell:hover {
    border-color: var(--frost-border) !important;
    transform: translateY(-1px) !important;
}

.rili-markdown-renderer .asset-name {
    font-size: 12.5px !important;
    color: var(--frost-bright) !important;
    font-weight: 680 !important;
    margin-bottom: 5px !important;
    letter-spacing: 1px !important;
}

.rili-markdown-renderer .asset-name::before {
    content: '▸ ' !important;
    color: var(--crystal-dim) !important;
}

.rili-markdown-renderer .asset-desc {
    font-size: 11.5px !important;
    color: var(--text-primary) !important;
    line-height: 1.6 !important;
}

/* ——————————————————————————————————
   § 18  身体状态网格
   —————————————————————————————————— */
.rili-markdown-renderer .flesh-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    margin-top: 8px !important;
}

.rili-markdown-renderer .flesh-cell {
    padding: 11px 15px !important;
    border-radius: var(--radius-inner) !important;
    background: #1a2d42 !important;
    border: 1px solid #2d4a5e !important;
    transition: all 0.3s !important;
}

.rili-markdown-renderer .flesh-cell:hover {
    border-color: #3d5e78 !important;
    transform: translateY(-2px) !important;
}

.rili-markdown-renderer .flesh-cell:nth-child(7) {
    grid-column: 1 / -1 !important;
}

.rili-markdown-renderer .flesh-name {
    font-size: 12.5px !important;
    color: var(--crystal-bright) !important;
    font-weight: 720 !important;
    margin-bottom: 5px !important;
    letter-spacing: 1.2px !important;
}

.rili-markdown-renderer .flesh-name::before {
    content: '◈ ' !important;
    color: var(--frost-bright) !important;
}

.rili-markdown-renderer .flesh-state {
    font-size: 12px !important;
    color: var(--text-primary) !important;
    line-height: 1.65 !important;
}

/* ——————————————————————————————————
   § 19  记忆表格
   —————————————————————————————————— */
.rili-markdown-renderer .mem-table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-size: 11.5px !important;
    margin-top: 6px !important;
    background: var(--ice-content) !important;
}

.rili-markdown-renderer .mem-table th {
    padding: 6px 8px !important;
    font-weight: 720 !important;
    font-size: 11px !important;
    color: var(--frost-dim) !important;
    text-align: left !important;
    border-bottom: 1px solid var(--frost-border) !important;
    letter-spacing: 1.2px !important;
    background: var(--ice-header) !important;
}

.rili-markdown-renderer .mem-table td {
    padding: 5px 8px !important;
    color: var(--text-primary) !important;
    border-bottom: 1px solid #2d4a5e !important;
    background: var(--ice-content) !important;
}

.rili-markdown-renderer .mem-table th:first-child,
.rili-markdown-renderer .mem-table td:first-child {
    width: 35px !important;
    text-align: center !important;
}

.rili-markdown-renderer .mem-table tbody tr:hover td {
    background: var(--ice-hover) !important;
}

/* ——————————————————————————————————
   § 20  抉择之路
   —————————————————————————————————— */
.rili-markdown-renderer .option-hint {
    font-size: 12.5px !important;
    color: var(--text-muted) !important;
    font-style: italic !important;
    margin-bottom: 10px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px dashed var(--border-main) !important;
}

.rili-markdown-renderer .option-item {
    display: flex !important;
    align-items: baseline !important;
    gap: 10px !important;
    padding: 6px 10px !important;
    margin: 4px 0 !important;
    border-radius: var(--radius-small) !important;
    border: 1px solid transparent !important;
    transition: all 0.25s !important;
    background: transparent !important;
}

.rili-markdown-renderer .option-item:hover {
    background: var(--ice-hover) !important;
    border-color: var(--frost-dim) !important;
}

.rili-markdown-renderer .opt-key {
    flex: 0 0 auto !important;
    font-weight: 720 !important;
    font-size: 13.5px !important;
    color: var(--frost-bright) !important;
    min-width: 24px !important;
}

.rili-markdown-renderer .opt-text {
    flex: 1 !important;
    font-size: 13.5px !important;
    color: var(--text-primary) !important;
}

/* ——————————————————————————————————
   § 21  区块左侧色带标识
   —————————————————————————————————— */
.rili-markdown-renderer .sec-player {
    border-left: 3px solid var(--frost-dim) !important;
}

.rili-markdown-renderer .sec-hanningyu {
    border-left: 3px solid var(--crystal-bright) !important;
}

.rili-markdown-renderer .sec-memory {
    border-left: 3px solid var(--text-muted) !important;
}

.rili-markdown-renderer .sec-options {
    border-left: 3px solid var(--frost-bright) !important;
}

/* ——————————————————————————————————
   § 22  立绘背景图
   —————————————————————————————————— */
.rili-markdown-renderer .hanningyu-daily {
    background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/正常.jpg') !important;
}

.rili-markdown-renderer .hanningyu-heat {
    background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/发情.jpg') !important;
}

.rili-markdown-renderer .hanningyu-sex {
    background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/性爱.jpg') !important;
}

.rili-markdown-renderer .hanningyu-climax {
    background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/高潮.jpg') !important;
}

.rili-markdown-renderer .hanningyu-after {
    background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/事后.jpg') !important;
}

/* ——————————————————————————————————
   § 23  输入框及周边控件
   —————————————————————————————————— */
form#prompt-input {
    background-color: transparent !important;
    box-shadow: none !important;
}

div[data-slot="input-group"] {
    background: var(--ice-card) !important;
    border: 1px solid var(--frost-border) !important;
    border-radius: var(--radius-main) !important;
    box-shadow: 0 4px 20px #000000 !important;
    transition: all 0.3s ease !important;
}

div[data-slot="input-group"]:focus-within {
    border-color: var(--frost-bright) !important;
    box-shadow: 0 0 12px var(--frost-dim), 0 4px 20px #000000 !important;
}

#prompt-input textarea,
#prompt-input input,
#prompt-input [contenteditable] {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--text-primary) !important;
    padding: 12px 16px !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    font-family: "Noto Serif SC", "Source Han Serif SC", Georgia, serif !important;
}

#prompt-input textarea:focus,
#prompt-input input:focus {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

#prompt-input textarea::placeholder,
#prompt-input input::placeholder {
    color: var(--text-muted) !important;
}

#prompt-input-header button,
#prompt-input-footer button {
    background: var(--ice-content) !important;
    border: 1px solid var(--frost-border) !important;
    color: var(--frost-bright) !important;
    border-radius: 6px !important;
    box-shadow: 1px 1px 4px #000000 !important;
    font-family: "Noto Serif SC", "Microsoft YaHei", sans-serif !important;
    transition: all 0.2s ease !important;
}

#prompt-input-header button:hover,
#prompt-input-footer button:hover {
    background: linear-gradient(135deg, var(--ice-header), #243a52) !important;
    border-color: var(--frost-bright) !important;
    color: var(--crystal-bright) !important;
    box-shadow: 0 0 8px var(--frost-dim) !important;
}

#prompt-input-header button *,
#prompt-input-footer button * {
    color: var(--frost-bright) !important;
}

#prompt-input-header button:hover *,
#prompt-input-footer button:hover * {
    color: var(--crystal-bright) !important;
}

#prompt-input-header button svg,
#prompt-input-footer button svg {
    stroke: var(--frost-bright) !important;
}

#prompt-input-header button:hover svg,
#prompt-input-footer button:hover svg {
    stroke: var(--crystal-bright) !important;
}

#prompt-input-footer .truncate {
    color: var(--frost-bright) !important;
}

#prompt-input-footer button:hover .truncate {
    color: var(--crystal-bright) !important;
}

#prompt-input-footer button img {
    filter: sepia(1) hue-rotate(180deg) saturate(2) brightness(0.9) !important;
}

#prompt-input-footer button[type="submit"] {
    background: linear-gradient(145deg, var(--frost-bright), var(--frost-dim)) !important;
    color: #0a1621 !important;
    border: 1px solid #1a2d42 !important;
    box-shadow: 2px 2px 5px #000000 !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
}

#prompt-input-footer button[type="submit"] * {
    color: #0a1621 !important;
}

#prompt-input-footer button[type="submit"]:hover {
    background: linear-gradient(145deg, var(--crystal-bright), var(--frost-bright)) !important;
    color: #000000 !important;
    transform: translate(1px, 1px) !important;
    box-shadow: 0px 0px 0px #000000 !important;
}

#prompt-input-footer button[type="submit"]:hover * {
    color: #000000 !important;
}

#prompt-input-footer button[type="submit"] svg {
    stroke: #0a1621 !important;
}

#prompt-input-footer button[type="submit"]:hover svg {
    stroke: #000000 !important;
}

/* ——————————————————————————————————
   § 24  加载动画 —冰晶旋转
   —————————————————————————————————— */
@keyframes ice-crystal-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

div.space-y-3.max-w-\[100dvw\] > div.size-6.opacity-50 {
    width: auto !important;
    height: auto !important;
    min-width: 220px !important;
    opacity: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    padding: 8px 16px !important;
    background: linear-gradient(135deg, #1a2d42, #0f1d2e) !important;
    background-color: #152535 !important;
    border: 1px solid #3d5e78 !important;
    border-radius: 20px !important;
    box-shadow: inset 0 0 10px #000000, 0 4px 12px #000000 !important;
    overflow: visible !important;
}

div.space-y-3.max-w-\[100dvw\] > div.size-6.opacity-50 > div {
    display: none !important;
}

div.space-y-3.max-w-\[100dvw\] > div.size-6.opacity-50::before {
    content: '' !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
    background: radial-gradient(circle at 50% 50%, #d8f4ff 40%, #7caac8 65%, #3d5e78 100%) !important;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%) !important;
    filter: drop-shadow(0 0 4px #5a8ca8) !important;
    animation: ice-crystal-spin 3s linear infinite !important;
}

div.space-y-3.max-w-\[100dvw\] > div.size-6.opacity-50::after {
    content: '冰髓凝脂，神机推演中…' !important;
    color: #b8d9e8 !important;
    font-family: "Noto Serif SC", "Source Han Serif SC", Georgia, serif !important;
    font-style: normal !important;
    font-size: 14px !important;
    letter-spacing: 1px !important;
    white-space: nowrap !important;
    text-shadow: 0 0 4px #3d5e78 !important;
}

/* ——————————————————————————————————
   § 25  响应式 · 移动端适配
   —————————————————————————————————— */
@media (max-width: 560px) {
    .rili-markdown-renderer .status-panel {
        font-size: 12.5px !important;
        max-width: 100% !important;
    }

    .rili-markdown-renderer .sp-label {
        min-width: 70px !important;
        font-size: 11.5px !important;
    }

    .rili-markdown-renderer .sp-val {
        font-size: 12.5px !important;
    }

    .rili-markdown-renderer .sp-header {
        padding: 9px 14px !important;
        font-size: 12.5px !important;
        letter-spacing: 1.8px !important;
    }

    .rili-markdown-renderer .sp-body {
        padding: 10px 14px 12px !important;
    }

    .rili-markdown-renderer .flesh-grid {
        grid-template-columns: 1fr !important;
    }

    .rili-markdown-renderer .flesh-cell:nth-child(7) {
        grid-column: auto !important;
    }

    .rili-markdown-renderer .asset-grid {
        grid-template-columns: 1fr !important;
    }

    .rili-markdown-renderer .phase-item {
        font-size: 11px !important;
        letter-spacing: 1px !important;
        padding: 8px 3px !important;
    }

    .rili-markdown-renderer .mem-table {
        font-size: 10.5px !important;
    }

    .rili-markdown-renderer .mem-table th,
    .rili-markdown-renderer .mem-table td {
        padding: 4px 5px !important;
    }
}

@media (max-width: 400px) {
    .rili-markdown-renderer .sp-row {
        flex-direction: column !important;
        gap: 3px !important;
    }

    .rili-markdown-renderer .sp-label {
        min-width: unset !important;
    }

    .rili-markdown-renderer .alert-row {
        gap: 3px !important;
    }

    .rili-markdown-renderer .stat-bar-row,
    .rili-markdown-renderer .risk-row {
        gap: 4px !important;
    }
}