/* ═══════════════════════════════════════════════════════
   蔚 蓝 誓 约 · 光辉婚后秘书舰 · Rilichat 适配版
   色彩体系：皇家深蓝 × 金 × 紫罗兰 × 玫瑰
   ═══════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Cinzel+Decorative:wght@400;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Noto+Serif+SC:wght@400;500;600;700;900&display=swap');
/* ——————————————————————————————————
   § 0  全局变量 · 色彩与尺寸定义
   —————————————————————————————————— */
:root{
    --bg-void:#020410;
    --bg-deep:#050a1a;
    --bg-mid:#0a1530;
    --bg-card:#101c3d;
    --bg-card-l:#15244d;
    --bg-content:#131e3a;
    --bg-hover:#1a2848;
    --bg-header:#162040;
    --bg-header-h:#1e2d55;
    --gold:#c9a84c;
    --gold-bright:#e8d48b;
    --gold-light:#fff5d6;
    --gold-dim:#8a7032;
    --violet:#9b8ec4;
    --violet-bright:#b8a8e0;
    --violet-dim:#5c4f8a;
    --violet-glow:rgba(155,142,196,0.4);
    --rose:#d4a0b8;
    --rose-bright:#e8c4d4;
    --rose-glow:rgba(212,160,184,0.35);
    --azure:#5a8ac4;
    --navy:#1a2d5a;
    --white-soft:#eae4f0;
    --text-primary:#d8d4e0;
    --text-secondary:#9aa0bc;
    --text-muted:#5a6080;
    --border-main:#1e2d55;
    --border-gold:rgba(201,168,76,0.35);
    --border-gold-s:rgba(201,168,76,0.18);
    --border-violet:rgba(155,142,196,0.3);
    --border-violet-s:rgba(155,142,196,0.15);
    --border-rose:rgba(212,160,184,0.25);
    --shadow-deep:0 25px 70px rgba(0,0,0,0.6);
    --radius-m:8px;
    --radius-s:4px;
    --radius-pill:24px;
}
/* ——————————————————————————————————
   § 1  全局 Markdown 正文 · 文学化排版
   —————————————————————————————————— */
.rili-markdown-renderer{
    color:var(--text-primary) !important;
    background:radial-gradient(ellipse 100% 80% at 50% 0%,#0a1530 0%,#050a1a 60%,#020410 100%) !important;
    font-family:"Noto Serif SC","Source Han Serif SC",Georgia,serif !important;
}
.rili-markdown-renderer p,
.rili-markdown-renderer li,
.rili-markdown-renderer span,
.rili-markdown-renderer div{
    font-family:"Noto Serif SC","Source Han Serif SC",Georgia,serif !important;
    color:var(--text-primary) !important;
}
.rili-markdown-renderer p{
    font-size:16px !important;
    line-height:1.95 !important;
    margin:14px 0 !important;
    text-align:justify !important;
    letter-spacing:0.5px !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(--gold-bright) !important;
    font-family:"Noto Serif SC",serif !important;
    font-weight:700 !important;
    letter-spacing:2px !important;
    text-shadow:0 0 20px rgba(201,168,76,0.25) !important;
    position:relative !important;
}
.rili-markdown-renderer h1{
    font-size:24px !important;
    background:linear-gradient(135deg,#fff5d6 0%,#e8d48b 50%,#c9a84c 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    color:transparent !important;
    -webkit-text-fill-color:transparent !important;
}
.rili-markdown-renderer h2{
    font-size:20px !important;
    padding-left:14px !important;
    border-left:3px solid var(--gold) !important;
}
.rili-markdown-renderer h3{font-size:17px !important;}
.rili-markdown-renderer a{
    color:var(--violet-bright) !important;
    text-decoration:none !important;
    border-bottom:1px dashed var(--violet) !important;
    transition:all 0.3s !important;
}
.rili-markdown-renderer a:hover{
    color:var(--gold-bright) !important;
    border-bottom-color:var(--gold) !important;
    text-shadow:0 0 8px rgba(232,212,139,0.4) !important;
}
.rili-markdown-renderer code{
    color:var(--gold-bright) !important;
    background:var(--bg-deep) !important;
    border:1px solid var(--border-gold-s) !important;
    border-radius:3px !important;
    padding:2px 6px !important;
    font-family:'Cormorant Garamond',serif !important;
    font-size:14px !important;
}
.rili-markdown-renderer pre,
.rili-markdown-renderer details pre code{
    font-size:14px !important;
    font-family:'Cormorant Garamond',Georgia,monospace !important;
    letter-spacing:normal !important;
}
.rili-markdown-renderer blockquote{
    color:var(--violet-bright) !important;
    border-left:3px solid var(--violet) !important;
    background:linear-gradient(90deg,rgba(155,142,196,0.08),transparent 70%) !important;
    padding:14px 18px 14px 24px !important;
    margin:16px 0 !important;
    border-radius:0 6px 6px 0 !important;
    font-family:'Cormorant Garamond',"Noto Serif SC",serif !important;
    font-style:italic !important;
    font-size:16px !important;
    line-height:1.85 !important;
    position:relative !important;
}
.rili-markdown-renderer blockquote::before{
    content:'\201C' !important;
    position:absolute !important;
    left:6px !important;
    top:-4px !important;
    font-family:'Cormorant Garamond',serif !important;
    font-size:36px !important;
    color:var(--violet-dim) !important;
    line-height:1 !important;
}
.rili-markdown-renderer strong,
.rili-markdown-renderer b{
    color:var(--gold-bright) !important;
    font-weight:600 !important;
    text-shadow:0 0 4px rgba(201,168,76,0.2) !important;
}
.rili-markdown-renderer em,
.rili-markdown-renderer i{
    color:var(--violet-bright) !important;
    font-style:italic !important;
}
.rili-markdown-renderer hr{
    border:none !important;
    height:1px !important;
    background:linear-gradient(90deg,transparent,var(--gold-dim) 30%,var(--gold) 50%,var(--gold-dim) 70%,transparent) !important;
    margin:24px 0 !important;
    position:relative !important;
}
.rili-markdown-renderer hr::after{
    content:'❀' !important;
    position:absolute !important;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) !important;
    background:var(--bg-deep) !important;
    padding:0 12px !important;
    color:var(--gold) !important;
    font-size:14px !important;
}
.rili-markdown-renderer ul li,
.rili-markdown-renderer ol li{
    color:var(--text-primary) !important;
    line-height:1.85 !important;
    margin:6px 0 !important;
    font-size:16px !important;
}
.rili-markdown-renderer ul li::marker{color:var(--gold) !important;}
/* ——————————————————————————————————
   § 2  对话框 · 信件般的精致质感
   —————————————————————————————————— */
.is-user > div,
.is-assistant > div{
    background:linear-gradient(135deg,rgba(16,28,61,0.92),rgba(10,21,48,0.95)) !important;
    background-image:none !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
    border:1px solid var(--border-gold) !important;
    box-shadow:0 12px 40px rgba(0,0,0,0.55),inset 0 1px 0 rgba(232,212,139,0.12),0 0 24px rgba(155,142,196,0.08) !important;
    border-radius:var(--radius-m) !important;
    color:var(--text-primary) !important;
    padding:1em !important;
    position:relative !important;
}
.is-user > div::before,
.is-assistant > div::before{
    content:'' !important;
    position:absolute !important;
    top:-1px !important;
    left:24px !important;
    right:24px !important;
    height:1px !important;
    background:linear-gradient(90deg,transparent,var(--gold) 50%,transparent) !important;
    pointer-events:none !important;
}
.is-user > div::after,
.is-assistant > div::after{
    content:'' !important;
    position:absolute !important;
    bottom:-1px !important;
    left:30% !important;
    right:30% !important;
    height:1px !important;
    background:linear-gradient(90deg,transparent,var(--gold-dim) 50%,transparent) !important;
    pointer-events:none !important;
}
/* --- 气泡底部操作按钮 --- */
.is-assistant > div button,
.is-user > div button{
    background:linear-gradient(180deg,var(--bg-deep),var(--bg-mid)) !important;
    color:var(--gold) !important;
    border:1px solid var(--border-gold) !important;
    border-radius:var(--radius-s) !important;
    box-shadow:0 2px 6px rgba(0,0,0,0.4),inset 0 1px 0 rgba(232,212,139,0.08) !important;
    font-weight:500 !important;
    font-size:12px !important;
    letter-spacing:1px !important;
    text-transform:none !important;
    transition:all 0.3s ease !important;
    padding:5px 14px !important;
    min-width:auto !important;
    line-height:1.5 !important;
    position:relative !important;
    overflow:hidden !important;
    text-shadow:none !important;
}
.is-assistant > div button::before,
.is-user > div button::before{
    content:'' !important;
    position:absolute !important;
    top:0 !important;
    left:-100% !important;
    width:100% !important;
    height:100% !important;
    background:linear-gradient(90deg,transparent,rgba(232,212,139,0.2),transparent) !important;
    transition:left 0.6s !important;
}
.is-assistant > div button:hover::before,
.is-user > div button:hover::before{left:100% !important;}
.is-assistant > div button:hover,
.is-user > div button:hover{
    background:linear-gradient(180deg,var(--bg-mid),var(--bg-header)) !important;
    color:var(--gold-bright) !important;
    border-color:var(--gold) !important;
    box-shadow:0 0 14px rgba(201,168,76,0.4),inset 0 1px 0 rgba(232,212,139,0.2) !important;
    transform:translateY(-1px) !important;
}
.is-assistant > div button svg,
.is-user > div button svg{
    stroke:var(--gold) !important;
}
.is-assistant > div button:hover svg,
.is-user > div button:hover svg{
    stroke:var(--gold-bright) !important;
}
/* ——————————————————————————————————
   § 3  Details / Summary · 卷轴式展开
   —————————————————————————————————— */
.rili-markdown-renderer details{
    border:1px solid var(--border-violet) !important;
    border-radius:var(--radius-m) !important;
    margin:18px 0 !important;
    background:linear-gradient(135deg,rgba(10,21,48,0.7),rgba(5,10,26,0.85)) !important;
    backdrop-filter:blur(6px) !important;
    -webkit-backdrop-filter:blur(6px) !important;
    overflow:hidden !important;
    box-shadow:0 6px 18px rgba(0,0,0,0.4),inset 0 1px 0 rgba(232,212,139,0.05) !important;
    transition:all 0.4s cubic-bezier(0.4,0,0.2,1) !important;
    position:relative !important;
}
.rili-markdown-renderer details::before{
    content:'' !important;
    position:absolute !important;
    top:-1px !important;
    left:24px !important;
    right:24px !important;
    height:1px !important;
    background:linear-gradient(90deg,transparent,var(--gold-dim) 50%,transparent) !important;
    pointer-events:none !important;
    z-index:1 !important;
}
.rili-markdown-renderer details:hover{
    box-shadow:0 8px 28px rgba(0,0,0,0.5),0 0 24px rgba(155,142,196,0.15),inset 0 1px 0 rgba(232,212,139,0.08) !important;
    border-color:var(--violet-dim) !important;
    transform:translateY(-1px) !important;
}
.rili-markdown-renderer details[open]{
    box-shadow:0 10px 30px rgba(0,0,0,0.5),0 0 28px rgba(201,168,76,0.18),inset 0 1px 0 rgba(232,212,139,0.1) !important;
    border-color:var(--gold-dim) !important;
}
.rili-markdown-renderer summary{
    display:flex !important;
    align-items:center !important;
    padding:13px 22px !important;
    cursor:pointer !important;
    background:linear-gradient(180deg,var(--bg-header) 0%,var(--bg-mid) 100%) !important;
    color:var(--gold-bright) !important;
    font-weight:600 !important;
    font-size:1.05em !important;
    letter-spacing:2px !important;
    transition:all 0.4s ease !important;
    outline:none !important;
    list-style:none !important;
    position:relative !important;
    border-bottom:1px solid var(--border-main) !important;
    font-family:"Noto Serif SC",Georgia,serif !important;
    overflow:hidden !important;
    text-shadow:0 0 5px rgba(0,0,0,0.5) !important;
}
.rili-markdown-renderer summary::-webkit-details-marker{display:none !important;}
.rili-markdown-renderer summary:hover{
    background:linear-gradient(180deg,var(--bg-header-h) 0%,var(--bg-header) 100%) !important;
    color:var(--gold-light) !important;
}
.rili-markdown-renderer summary::before{
    content:'⚓' !important;
    display:inline-block !important;
    margin-right:12px !important;
    font-size:0.85em !important;
    color:var(--gold-dim) !important;
    transition:all 0.4s ease !important;
    filter:drop-shadow(0 1px 2px rgba(0,0,0,0.3)) !important;
}
.rili-markdown-renderer details[open] > summary::before{
    transform:rotate(90deg) scale(1.1) !important;
    color:var(--gold) !important;
    text-shadow:0 0 8px rgba(201,168,76,0.5) !important;
}
.rili-markdown-renderer summary::after{
    content:'' !important;
    position:absolute !important;
    bottom:0 !important;
    left:0 !important;
    right:0 !important;
    height:1px !important;
    background:linear-gradient(90deg,transparent,var(--gold) 50%,transparent) !important;
    transform:scaleX(0) !important;
    transition:transform 0.4s ease !important;
}
.rili-markdown-renderer details[open] > summary::after{transform:scaleX(1) !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(--bg-void) !important;
    overflow-x:auto !important;
}
.rili-markdown-renderer details pre{
    padding:18px 22px !important;
    background:transparent !important;
}
.rili-markdown-renderer details pre code{
    font-size:14px !important;
    line-height:1.7 !important;
    color:var(--text-primary) !important;
    background:transparent !important;
    border:none !important;
    padding:0 !important;
    white-space:pre-wrap !important;
    word-break:break-word !important;
}
/* ——————————————————————————————————
   § 4  状态面板 · 总容器
   —————————————————————————————————— */
.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:560px !important;
    margin:0 auto !important;
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    position:relative !important;
}
.sp-section{
    background:linear-gradient(135deg,rgba(16,28,61,0.85) 0%,rgba(10,21,48,0.92) 100%) !important;
    backdrop-filter:blur(6px) !important;
    -webkit-backdrop-filter:blur(6px) !important;
    border:1px solid var(--border-main) !important;
    border-radius:var(--radius-m) !important;
    overflow:hidden !important;
    transition:all 0.4s cubic-bezier(0.4,0,0.2,1) !important;
    position:relative !important;
    margin:4px 0 !important;
    box-shadow:0 6px 20px rgba(0,0,0,0.35),inset 0 1px 0 rgba(232,212,139,0.05) !important;
}
.sp-section::before{
    content:'' !important;
    position:absolute !important;
    top:-1px !important;
    left:20px !important;
    right:20px !important;
    height:1px !important;
    background:linear-gradient(90deg,transparent,var(--gold-dim) 50%,transparent) !important;
    pointer-events:none !important;
    z-index:2 !important;
    transition:all 0.4s !important;
}
.sp-section[open]{
    border-color:var(--violet-dim) !important;
    box-shadow:0 10px 28px rgba(0,0,0,0.5),0 0 24px rgba(155,142,196,0.12),inset 0 1px 0 rgba(232,212,139,0.08) !important;
}
.sp-section[open]::before{
    background:linear-gradient(90deg,transparent,var(--gold) 50%,transparent) !important;
    box-shadow:0 0 8px rgba(201,168,76,0.4) !important;
}
.sp-header{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    padding:11px 18px !important;
    cursor:pointer !important;
    font-size:13px !important;
    font-weight:700 !important;
    letter-spacing:3px !important;
    color:var(--gold) !important;
    background:linear-gradient(180deg,rgba(155,142,196,0.1) 0%,transparent 100%),linear-gradient(135deg,rgba(201,168,76,0.05),transparent 60%) !important;
    border-bottom:1px solid var(--border-main) !important;
    user-select:none !important;
    list-style:none !important;
    font-family:"Noto Serif SC",Georgia,serif !important;
    position:relative !important;
    overflow:hidden !important;
    transition:all 0.4s !important;
}
.sp-header::-webkit-details-marker{display:none !important;}
.sp-section[open] > .sp-header{
    background:linear-gradient(180deg,rgba(155,142,196,0.15) 0%,rgba(201,168,76,0.05) 100%) !important;
    color:var(--gold-bright) !important;
    text-shadow:0 0 12px rgba(201,168,76,0.4) !important;
}
.sp-icon{
    font-size:13px !important;
    color:var(--gold-dim) !important;
    transition:all 0.4s !important;
    filter:drop-shadow(0 0 4px rgba(201,168,76,0.3)) !important;
}
.sp-section[open] > .sp-header .sp-icon{
    color:var(--gold) !important;
    filter:drop-shadow(0 0 8px rgba(201,168,76,0.6)) !important;
    animation:iconFloat 3s ease-in-out infinite !important;
}
@keyframes iconFloat{
    0%,100%{transform:translateY(0) rotate(0);}
    50%{transform:translateY(-2px) rotate(5deg);}
}
.sp-body{
    padding:14px 20px 16px !important;
    background:linear-gradient(180deg,rgba(19,30,58,0.5),rgba(16,28,61,0.7)) !important;
    position:relative !important;
}
.sp-body::before{
    content:'' !important;
    position:absolute !important;
    top:0 !important;
    left:14px !important;
    width:30px !important;
    height:1px !important;
    background:linear-gradient(90deg,var(--gold-dim),transparent) !important;
    pointer-events:none !important;
}
.sp-row{
    display:flex !important;
    align-items:baseline !important;
    padding:5px 4px !important;
    gap:10px !important;
    border-bottom:1px solid rgba(30,45,85,0.5) !important;
    transition:all 0.3s !important;
    border-radius:3px !important;
    margin:0 -4px !important;
}
.sp-row:last-child{border-bottom:none !important;}
.sp-row:hover{
    background:rgba(155,142,196,0.05) !important;
    padding-left:8px !important;
}
.sp-label{
    flex:0 0 auto !important;
    min-width:88px !important;
    font-size:12px !important;
    color:var(--text-secondary) !important;
    letter-spacing:2px !important;
    white-space:nowrap !important;
    font-weight:500 !important;
    transition:color 0.3s !important;
}
.sp-row:hover .sp-label{color:var(--gold-dim) !important;}
.sp-label::before{
    content:'◆' !important;
    margin-right:5px !important;
    font-size:7px !important;
    color:var(--gold-dim) !important;
    vertical-align:middle !important;
    opacity:0.5 !important;
    transition:all 0.3s !important;
}
.sp-row:hover .sp-label::before{
    color:var(--gold) !important;
    opacity:1 !important;
}
.sp-label::after{
    content:"：" !important;
    color:var(--text-muted) !important;
}
.sp-val{
    flex:1 !important;
    font-size:13.5px !important;
    color:var(--text-primary) !important;
    word-break:break-word !important;
    line-height:1.65 !important;
}
.sp-val em{
    color:var(--violet-bright) !important;
    font-style:normal !important;
}
.sp-val strong{
    color:var(--gold-bright) !important;
    font-weight:600 !important;
}
.accent-pink{
    color:var(--rose) !important;
    text-shadow:0 0 6px rgba(212,160,184,0.3) !important;
    font-style:italic !important;
    font-family:'Cormorant Garamond',"Noto Serif SC",serif !important;
}
.sp-group-title{
    font-size:12px !important;
    font-weight:700 !important;
    color:var(--gold) !important;
    letter-spacing:3px !important;
    margin:14px 0 8px !important;
    padding:6px 0 6px 12px !important;
    border-bottom:1px dashed var(--border-gold) !important;
    border-left:2px solid var(--gold) !important;
    position:relative !important;
    background:linear-gradient(90deg,rgba(201,168,76,0.06),transparent 60%) !important;
    text-shadow:0 0 8px rgba(201,168,76,0.2) !important;
}
.sp-group-title:first-child{margin-top:2px !important;}
.sp-group-title::after{
    content:'' !important;
    position:absolute !important;
    bottom:-1px !important;
    left:0 !important;
    width:50px !important;
    height:1px !important;
    background:linear-gradient(90deg,var(--gold),transparent) !important;
}
.sp-group-title.accent-pink{
    color:var(--rose) !important;
    border-left-color:var(--rose) !important;
    border-bottom-color:var(--border-rose) !important;
    background:linear-gradient(90deg,rgba(212,160,184,0.06),transparent 60%) !important;
    text-shadow:0 0 8px rgba(212,160,184,0.25) !important;
    font-style:normal !important;
    font-family:"Noto Serif SC",serif !important;
}
.sp-group-title.accent-pink::after{
    background:linear-gradient(90deg,var(--rose),transparent) !important;
}
.sp-divider{
    height:1px !important;
    margin:14px 0 !important;
    background:linear-gradient(90deg,transparent 0%,var(--violet-dim) 25%,var(--gold-dim) 50%,var(--violet-dim) 75%,transparent 100%) !important;
    border:none !important;
    position:relative !important;
    overflow:visible !important;
}
.sp-divider::before{
    content:'❀' !important;
    position:absolute !important;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) !important;
    background:var(--bg-content) !important;
    padding:0 10px !important;
    color:var(--gold) !important;
    font-size:11px !important;
    text-shadow:0 0 8px rgba(201,168,76,0.4) !important;
}
.succubus-glow{
    color:var(--rose) !important;
    text-shadow:0 0 8px var(--rose-glow),0 0 16px var(--rose-glow) !important;
    animation:roseGlow 3s ease-in-out infinite !important;
}
@keyframes roseGlow{
    0%,100%{text-shadow:0 0 8px var(--rose-glow),0 0 16px var(--rose-glow);}
    50%{text-shadow:0 0 12px var(--rose-glow),0 0 24px var(--rose-glow),0 0 32px rgba(212,160,184,0.2);}
}
/* ——————————————————————————————————
   § 5  光辉专属区块强调
   —————————————————————————————————— */
.sec-illustrious{
    border-color:var(--violet-dim) !important;
    background:linear-gradient(135deg,rgba(16,28,61,0.85) 0%,rgba(20,28,55,0.92) 50%,rgba(10,21,48,0.92) 100%) !important;
}
.sec-illustrious[open]{
    border-color:var(--violet) !important;
    box-shadow:0 12px 36px rgba(0,0,0,0.55),0 0 32px rgba(155,142,196,0.18),inset 0 0 50px rgba(155,142,196,0.04),inset 0 1px 0 rgba(184,168,224,0.1) !important;
}
.sec-illustrious > .sp-header{
    background:linear-gradient(180deg,rgba(155,142,196,0.12) 0%,rgba(212,160,184,0.05) 100%) !important;
    color:var(--violet-bright) !important;
}
.sec-illustrious[open] > .sp-header{
    background:linear-gradient(180deg,rgba(155,142,196,0.2) 0%,rgba(212,160,184,0.08) 100%) !important;
    color:var(--violet-bright) !important;
    text-shadow:0 0 12px rgba(184,168,224,0.4) !important;
}
.sec-illustrious[open]::before{
    background:linear-gradient(90deg,transparent,var(--violet) 50%,transparent) !important;
    box-shadow:0 0 8px rgba(155,142,196,0.4) !important;
}
/* ——————————————————————————————————
   § 6  进度条（保留通用样式 + 流光效果）
   —————————————————————————————————— */
.bar-row{flex-wrap:wrap !important;}
.sp-bar-wrap{
    flex:1 !important;
    position:relative !important;
    height:18px !important;
    background:linear-gradient(180deg,rgba(0,0,0,0.5),rgba(0,0,0,0.3)) !important;
    border-radius:3px !important;
    border:1px solid var(--border-main) !important;
    overflow:hidden !important;
    min-width:120px !important;
    box-shadow:inset 0 2px 4px rgba(0,0,0,0.4) !important;
}
.sp-bar{
    height:100% !important;
    border-radius:2px !important;
    transition:width 0.8s cubic-bezier(0.4,0,0.2,1) !important;
    position:relative !important;
    overflow:hidden !important;
}
.sp-bar::after{
    content:'' !important;
    position:absolute !important;
    top:0 !important;
    left:-100% !important;
    width:100% !important;
    height:100% !important;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,0.25),transparent) !important;
    animation:barShine 2.5s linear infinite !important;
}
@keyframes barShine{
    0%{left:-100%;}
    100%{left:100%;}
}
.bar-warmth{
    background:linear-gradient(90deg,var(--gold-dim),var(--gold-bright)) !important;
    box-shadow:0 0 8px rgba(201,168,76,0.4) !important;
}
.bar-heartbeat{
    background:linear-gradient(90deg,var(--violet-dim),var(--rose)) !important;
    box-shadow:0 0 10px var(--rose-glow) !important;
}
.sp-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:700 !important;
    color:#fff !important;
    text-shadow:0 1px 3px rgba(0,0,0,0.95) !important;
    letter-spacing:1.5px !important;
    font-family:'Cinzel',serif !important;
}
/* ——————————————————————————————————
   § 7  NPC 舰船卡片（华丽版）
   —————————————————————————————————— */
.npc-card{
    padding:10px 12px !important;
    margin-bottom:8px !important;
    background:linear-gradient(135deg,rgba(155,142,196,0.06),transparent 70%) !important;
    border:1px solid var(--border-violet-s) !important;
    border-left:3px solid var(--violet-dim) !important;
    border-radius:0 6px 6px 0 !important;
    transition:all 0.3s !important;
    position:relative !important;
    overflow:hidden !important;
}
.npc-card:last-child{margin-bottom:0 !important;}
.npc-card::before{
    content:'' !important;
    position:absolute !important;
    top:0 !important;
    left:-100% !important;
    width:100% !important;
    height:100% !important;
    background:linear-gradient(90deg,transparent,rgba(155,142,196,0.08),transparent) !important;
    transition:left 0.7s !important;
}
.npc-card:hover{
    border-color:var(--violet) !important;
    border-left-color:var(--violet) !important;
    transform:translateX(3px) !important;
    box-shadow:-3px 4px 12px rgba(155,142,196,0.15) !important;
    background:linear-gradient(135deg,rgba(155,142,196,0.1),transparent 70%) !important;
}
.npc-card:hover::before{left:100% !important;}
.npc-name{
    font-size:13px !important;
    font-weight:700 !important;
    color:var(--violet-bright) !important;
    letter-spacing:2px !important;
    margin-bottom:4px !important;
    padding-bottom:4px !important;
    border-bottom:1px dashed var(--border-violet-s) !important;
    text-shadow:0 0 6px rgba(184,168,224,0.25) !important;
}
.npc-name::before{
    content:'☆ ' !important;
    color:var(--gold-dim) !important;
    font-size:11px !important;
}
.npc-hint{
    font-size:11px !important;
    color:var(--text-muted) !important;
    font-style:italic !important;
    margin-top:8px !important;
    padding-top:6px !important;
    border-top:1px dashed var(--border-violet-s) !important;
    font-family:'Cormorant Garamond',"Noto Serif SC",serif !important;
}
.npc-hint::before{
    content:'❀ ' !important;
    color:var(--rose-bright) !important;
    font-style:normal !important;
}
/* ——————————————————————————————————
   § 8  星记忆回廊 · 表格（典雅羊皮卷风）
   —————————————————————————————————— */
.mem-table{
    width:100% !important;
    border-collapse:collapse !important;
    font-size:11.5px !important;
    margin-top:6px !important;
    background:linear-gradient(135deg,rgba(5,10,26,0.5),rgba(10,21,48,0.3)) !important;
    border:1px solid var(--border-gold-s) !important;
    border-radius:4px !important;
    overflow:hidden !important;
    box-shadow:inset 0 1px 0 rgba(232,212,139,0.05),0 2px 8px rgba(0,0,0,0.25) !important;
}
.mem-table thead{
    background:linear-gradient(180deg,rgba(201,168,76,0.1),rgba(155,142,196,0.05)) !important;
}
.mem-table th{
    padding:8px 8px !important;
    font-weight:700 !important;
    font-size:11px !important;
    color:var(--gold-bright) !important;
    text-align:left !important;
    border-bottom:1px solid var(--border-gold) !important;
    letter-spacing:2px !important;
    white-space:nowrap !important;
    background:transparent !important;
    text-shadow:0 0 6px rgba(201,168,76,0.25) !important;
    font-family:'Cinzel',"Noto Serif SC",serif !important;
    text-transform:uppercase !important;
    position:relative !important;
}
.mem-table th::after{
    content:'' !important;
    position:absolute !important;
    bottom:-1px !important;
    left:0 !important;
    width:30% !important;
    height:1px !important;
    background:var(--gold) !important;
    box-shadow:0 0 6px rgba(201,168,76,0.5) !important;
}
.mem-table td{
    padding:6px 8px !important;
    color:var(--text-primary) !important;
    border-bottom:1px solid rgba(30,45,85,0.4) !important;
    vertical-align:top !important;
    background:transparent !important;
    transition:background 0.3s !important;
    line-height:1.65 !important;
}
.mem-table tbody tr{transition:all 0.3s !important;}
.mem-table tbody tr:hover{
    background:linear-gradient(90deg,rgba(155,142,196,0.06),rgba(201,168,76,0.04) 50%,transparent) !important;
}
.mem-table tbody tr:hover td{color:var(--white-soft) !important;}
.mem-table tbody tr:last-child td{border-bottom:none !important;}
.mem-table th:first-child,
.mem-table td:first-child{
    width:34px !important;
    text-align:center !important;
    color:var(--gold-dim) !important;
    font-family:'Cinzel',serif !important;
    font-weight:600 !important;
}
.mem-table tbody tr:hover td:first-child{
    color:var(--gold-bright) !important;
    text-shadow:0 0 6px rgba(201,168,76,0.4) !important;
}
.mem-empty td{
    text-align:center !important;
    color:var(--text-muted) !important;
    font-style:italic !important;
    padding:14px !important;
    font-family:'Cormorant Garamond',"Noto Serif SC",serif !important;
}
.mem-empty td::before{
    content:'✦ ' !important;
    color:var(--gold-dim) !important;
}
.mem-empty td::after{
    content:' ✦' !important;
    color:var(--gold-dim) !important;
}
/* ——————————————————————————————————
   § 9  玩家选项（抉择之路）· 高光按钮组
   —————————————————————————————————— */
.option-hint{
    font-size:12.5px !important;
    color:var(--violet-bright) !important;
    font-style:italic !important;
    margin-bottom:10px !important;
    padding:8px 12px 10px !important;
    border-bottom:1px dashed var(--border-violet-s) !important;
    background:linear-gradient(90deg,rgba(155,142,196,0.06),transparent 70%) !important;
    border-left:2px solid var(--violet-dim) !important;
    border-radius:0 4px 0 0 !important;
    font-family:'Cormorant Garamond',"Noto Serif SC",serif !important;
    line-height:1.7 !important;
}
.option-item{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    padding:10px 14px !important;
    margin:6px 0 !important;
    border-radius:4px !important;
    border:1px solid var(--border-violet-s) !important;
    background:linear-gradient(135deg,rgba(16,28,61,0.5),rgba(10,21,48,0.3)) !important;
    cursor:pointer !important;
    transition:all 0.4s cubic-bezier(0.4,0,0.2,1) !important;
    position:relative !important;
    overflow:hidden !important;
}
.option-item::before{
    content:'' !important;
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    width:3px !important;
    height:100% !important;
    background:var(--violet-dim) !important;
    transition:all 0.4s !important;
}
.option-item::after{
    content:'' !important;
    position:absolute !important;
    top:0 !important;
    left:-100% !important;
    width:100% !important;
    height:100% !important;
    background:linear-gradient(90deg,transparent,rgba(201,168,76,0.1),transparent) !important;
    transition:left 0.7s !important;
    pointer-events:none !important;
}
.option-item:hover{
    background:linear-gradient(135deg,rgba(201,168,76,0.08),rgba(155,142,196,0.05)) !important;
    border-color:var(--gold) !important;
    transform:translateX(4px) !important;
    box-shadow:-4px 4px 16px rgba(201,168,76,0.15) !important;
}
.option-item:hover::before{
    background:var(--gold) !important;
    box-shadow:0 0 8px var(--gold) !important;
}
.option-item:hover::after{left:100% !important;}
.opt-key{
    flex:0 0 auto !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:26px !important;
    height:26px !important;
    background:linear-gradient(135deg,rgba(201,168,76,0.18),rgba(155,142,196,0.1)) !important;
    border:1px solid var(--border-gold) !important;
    border-radius:50% !important;
    font-weight:700 !important;
    font-size:13px !important;
    color:var(--gold-bright) !important;
    font-family:'Cinzel',serif !important;
    transition:all 0.4s !important;
    box-shadow:inset 0 1px 0 rgba(232,212,139,0.15) !important;
}
.option-item:hover .opt-key{
    background:linear-gradient(135deg,rgba(201,168,76,0.35),rgba(155,142,196,0.2)) !important;
    border-color:var(--gold) !important;
    transform:rotate(360deg) !important;
    box-shadow:0 0 10px rgba(201,168,76,0.5),inset 0 1px 0 rgba(232,212,139,0.25) !important;
}
.opt-text{
    flex:1 !important;
    font-size:13.5px !important;
    color:var(--text-primary) !important;
    line-height:1.65 !important;
    transition:color 0.3s !important;
}
.option-item:hover .opt-text{color:var(--white-soft) !important;}
/* ——————————————————————————————————
   § 10  区块左侧色带标识
   —————————————————————————————————— */
.sec-player{
    border-left:3px solid var(--gold-dim) !important;
    box-shadow:0 6px 20px rgba(0,0,0,0.35),inset 3px 0 0 rgba(201,168,76,0.1),inset 0 1px 0 rgba(232,212,139,0.05) !important;
}
.sec-player[open]{
    border-left-color:var(--gold) !important;
    box-shadow:0 10px 28px rgba(0,0,0,0.5),0 0 24px rgba(201,168,76,0.18),inset 3px 0 0 rgba(201,168,76,0.2),inset 0 1px 0 rgba(232,212,139,0.08) !important;
}
.sec-illustrious{
    border-left:3px solid var(--violet) !important;
}
.sec-npc{
    border-left:3px solid var(--azure) !important;
    box-shadow:0 6px 20px rgba(0,0,0,0.35),inset 3px 0 0 rgba(90,138,196,0.12),inset 0 1px 0 rgba(232,212,139,0.05) !important;
}
.sec-npc[open]{
    border-left-color:var(--azure) !important;
    box-shadow:0 10px 28px rgba(0,0,0,0.5),0 0 24px rgba(90,138,196,0.15),inset 3px 0 0 rgba(90,138,196,0.25),inset 0 1px 0 rgba(232,212,139,0.08) !important;
}
.sec-memory{
    border-left:3px solid var(--violet-dim) !important;
    box-shadow:0 6px 20px rgba(0,0,0,0.35),inset 3px 0 0 rgba(92,79,138,0.12),inset 0 1px 0 rgba(232,212,139,0.05) !important;
}
.sec-memory[open]{
    border-left-color:var(--violet-dim) !important;
    box-shadow:0 10px 28px rgba(0,0,0,0.5),0 0 24px rgba(92,79,138,0.15),inset 3px 0 0 rgba(92,79,138,0.25),inset 0 1px 0 rgba(232,212,139,0.08) !important;
}
.sec-options{
    border-left:3px solid var(--gold) !important;
    box-shadow:0 6px 20px rgba(0,0,0,0.35),inset 3px 0 0 rgba(201,168,76,0.15),inset 0 1px 0 rgba(232,212,139,0.05) !important;
}
.sec-options[open]{
    border-left-color:var(--gold-bright) !important;
    box-shadow:0 10px 30px rgba(0,0,0,0.5),0 0 30px rgba(201,168,76,0.22),inset 3px 0 0 rgba(232,212,139,0.3),inset 0 1px 0 rgba(232,212,139,0.1) !important;
}
/* ==========================================
   § 11  输入框及周边控件 (Rilichat 适配)
   ========================================== */
form#prompt-input{
    background-color:transparent !important;
    box-shadow:none !important;
}
div[data-slot="input-group"]{
    background:linear-gradient(180deg,rgba(5,10,26,0.85),rgba(10,21,48,0.7)) !important;
    border:1px solid var(--border-violet) !important;
    border-radius:var(--radius-m) !important;
    box-shadow:0 6px 24px rgba(0,0,0,0.55),inset 0 1px 0 rgba(232,212,139,0.08),inset 0 0 16px rgba(155,142,196,0.05) !important;
    transition:all 0.35s ease !important;
    position:relative !important;
    overflow:hidden !important;
}
div[data-slot="input-group"]::before{
    content:'' !important;
    position:absolute !important;
    top:-1px !important;
    left:24px !important;
    right:24px !important;
    height:1px !important;
    background:linear-gradient(90deg,transparent,var(--gold-dim) 50%,transparent) !important;
    pointer-events:none !important;
    z-index:2 !important;
    transition:all 0.4s !important;
}
div[data-slot="input-group"]:focus-within{
    border-color:var(--violet) !important;
    box-shadow:0 0 0 3px rgba(155,142,196,0.18),0 0 22px rgba(155,142,196,0.25),0 8px 32px rgba(0,0,0,0.6),inset 0 1px 0 rgba(232,212,139,0.12) !important;
}
div[data-slot="input-group"]:focus-within::before{
    background:linear-gradient(90deg,transparent,var(--gold) 50%,transparent) !important;
    box-shadow:0 0 8px rgba(201,168,76,0.4) !important;
}
#prompt-input textarea{
    background-color:transparent !important;
    border:none !important;
    box-shadow:none !important;
    color:var(--white-soft) !important;
    padding:13px 18px !important;
    font-size:16px !important;
    line-height:1.7 !important;
    font-family:"Noto Serif SC","Source Han Serif SC",Georgia,serif !important;
    letter-spacing:0.5px !important;
}
#prompt-input textarea:focus{
    border:none !important;
    box-shadow:none !important;
    outline:none !important;
}
#prompt-input textarea::placeholder{
    color:var(--text-muted) !important;
    font-style:italic !important;
}
/* --- 输入框上下方功能按钮 --- */
#prompt-input-header button,
#prompt-input-footer button{
    background:linear-gradient(180deg,var(--bg-deep),var(--bg-mid)) !important;
    border:1px solid var(--border-gold) !important;
    color:var(--gold) !important;
    border-radius:var(--radius-s) !important;
    box-shadow:0 3px 8px rgba(0,0,0,0.45),inset 0 1px 0 rgba(232,212,139,0.1) !important;
    font-family:"Noto Serif SC",sans-serif !important;
    font-weight:500 !important;
    letter-spacing:1.5px !important;
    text-transform:none !important;
    transition:all 0.35s ease !important;
    padding:7px 14px !important;
    position:relative !important;
    overflow:hidden !important;
}
#prompt-input-header button::before,
#prompt-input-footer button::before{
    content:'' !important;
    position:absolute !important;
    top:0 !important;
    left:-100% !important;
    width:100% !important;
    height:100% !important;
    background:linear-gradient(90deg,transparent,rgba(232,212,139,0.22),transparent) !important;
    transition:left 0.6s !important;
    pointer-events:none !important;
}
#prompt-input-header button:hover::before,
#prompt-input-footer button:hover::before{left:100% !important;}
#prompt-input-header button:hover,
#prompt-input-footer button:hover{
    background:linear-gradient(180deg,var(--bg-mid),var(--bg-header)) !important;
    border-color:var(--gold) !important;
    color:var(--gold-bright) !important;
    box-shadow:0 4px 14px rgba(0,0,0,0.5),0 0 14px rgba(201,168,76,0.4),inset 0 1px 0 rgba(232,212,139,0.2) !important;
    transform:translateY(-2px) !important;
}
#prompt-input-header button:active,
#prompt-input-footer button:active{
    transform:translateY(0) !important;
    transition:all 0.1s !important;
}
#prompt-input-header button svg,
#prompt-input-footer button svg{
    stroke:var(--gold) !important;
    transition:stroke 0.3s !important;
}
#prompt-input-header button:hover svg,
#prompt-input-footer button:hover svg{
    stroke:var(--gold-bright) !important;
}
/* 模型选择按钮内的文字与 Logo */
#prompt-input-footer .truncate{
    color:var(--gold) !important;
    font-family:"Noto Serif SC",Georgia,serif !important;
    letter-spacing:1px !important;
}
#prompt-input-footer button:hover .truncate{
    color:var(--gold-bright) !important;
}
#prompt-input-footer button img{
    filter:sepia(1) hue-rotate(190deg) saturate(1.2) brightness(1.1) !important;
}
/* --- 发送按钮特化 · 鎏金质感 --- */
#prompt-input-footer button[type="submit"]{
    background:linear-gradient(135deg,#e8d48b 0%,#c9a84c 50%,#8a7032 100%) !important;
    color:#1a1430 !important;
    border:1px solid rgba(0,0,0,0.6) !important;
    box-shadow:0 4px 12px rgba(201,168,76,0.4),inset 0 1px 0 rgba(255,245,214,0.5),inset 0 -1px 0 rgba(0,0,0,0.2) !important;
    border-radius:var(--radius-s) !important;
    font-weight:700 !important;
    text-shadow:0 1px 0 rgba(255,245,214,0.4) !important;
}
#prompt-input-footer button[type="submit"]::before{
    background:linear-gradient(90deg,transparent,rgba(255,255,255,0.45),transparent) !important;
}
#prompt-input-footer button[type="submit"]:hover{
    background:linear-gradient(135deg,#fff5d6 0%,#e8d48b 50%,#c9a84c 100%) !important;
    color:#0a0c20 !important;
    box-shadow:0 6px 20px rgba(201,168,76,0.6),0 0 24px rgba(232,212,139,0.5),inset 0 1px 0 rgba(255,255,255,0.6) !important;
    transform:translateY(-2px) !important;
}
#prompt-input-footer button[type="submit"]:active{
    transform:translateY(0) !important;
    box-shadow:0 2px 6px rgba(201,168,76,0.4),inset 0 1px 0 rgba(255,245,214,0.4) !important;
}
#prompt-input-footer button[type="submit"] svg{
    stroke:#1a1430 !important;
    filter:drop-shadow(0 1px 0 rgba(255,245,214,0.4)) !important;
}
/* ——————————————————————————————————
   § 12  加载动画 · 旋转的皇家罗盘星
   —————————————————————————————————— */
@keyframes royalSpin{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}
@keyframes royalPulse{
    0%,100%{
        box-shadow:0 0 6px var(--violet-glow),0 0 12px rgba(155,142,196,0.2);
        filter:brightness(1);
    }
    50%{
        box-shadow:0 0 14px var(--violet-glow),0 0 24px rgba(155,142,196,0.3),0 0 36px rgba(212,160,184,0.15);
        filter:brightness(1.2);
    }
}
@keyframes textShine{
    0%,100%{background-position:0% center;}
    100%{background-position:200% center;}
}
div:has(> .style_dot-flashing__8L91Q),
.sonner-loading-wrapper{
    justify-content:flex-start !important;
    width:auto !important;
    height:auto !important;
    align-items:center !important;
    padding:6px 0 !important;
}
div:has(> .style_dot-flashing__8L91Q)::after,
.sonner-loading-wrapper::after{
    content:'光辉正在为您整理 ⚓' !important;
    font-size:14px !important;
    background:linear-gradient(90deg,var(--violet-bright) 0%,var(--gold-bright) 50%,var(--violet-bright) 100%) !important;
    background-size:200% auto !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    color:transparent !important;
    -webkit-text-fill-color:transparent !important;
    margin-left:14px !important;
    font-family:"Noto Serif SC",Georgia,serif !important;
    letter-spacing:2px !important;
    font-weight:500 !important;
    white-space:nowrap !important;
    animation:textShine 3s linear infinite !important;
    text-shadow:0 0 12px rgba(155,142,196,0.3) !important;
}
.style_dot-flashing__8L91Q::before,
.style_dot-flashing__8L91Q::after,
.sonner-spinner{
    content:none !important;
    display:none !important;
}
.style_dot-flashing__8L91Q,
.sonner-loading-wrapper::before{
    content:'' !important;
    display:inline-block !important;
    position:relative !important;
    background:radial-gradient(circle,var(--violet-bright) 30%,var(--violet) 70%) !important;
    width:18px !important;
    height:18px !important;
    box-sizing:border-box !important;
    flex-shrink:0 !important;
    animation:royalSpin 3s linear infinite,royalPulse 1.8s ease-in-out infinite !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 6px rgba(184,168,224,0.5)) !important;
}
/* ——————————————————————————————————
   § 13  Markdown 内表格通用样式
   —————————————————————————————————— */
.rili-markdown-renderer table{
    border-collapse:collapse !important;
    background:linear-gradient(135deg,rgba(19,30,58,0.6),rgba(10,21,48,0.4)) !important;
    border:1px solid var(--border-gold-s) !important;
    border-radius:6px !important;
    overflow:hidden !important;
    box-shadow:0 4px 14px rgba(0,0,0,0.3) !important;
    margin:14px 0 !important;
}
.rili-markdown-renderer table th{
    background:linear-gradient(180deg,var(--bg-header),var(--bg-mid)) !important;
    color:var(--gold-bright) !important;
    border:1px solid var(--border-main) !important;
    border-bottom:1px solid var(--border-gold) !important;
    padding:8px 12px !important;
    font-size:13px !important;
    font-weight:700 !important;
    letter-spacing:1.5px !important;
    text-shadow:0 0 6px rgba(201,168,76,0.25) !important;
    text-align:left !important;
}
.rili-markdown-renderer table td{
    background:transparent !important;
    color:var(--text-primary) !important;
    border:1px solid rgba(30,45,85,0.5) !important;
    padding:7px 12px !important;
    font-size:13px !important;
    line-height:1.7 !important;
    transition:all 0.3s !important;
}
.rili-markdown-renderer table tbody tr{transition:all 0.3s !important;}
.rili-markdown-renderer table tbody tr:hover{
    background:linear-gradient(90deg,rgba(155,142,196,0.06),rgba(201,168,76,0.04)) !important;
}
.rili-markdown-renderer table tbody tr:hover td{
    color:var(--white-soft) !important;
    border-color:var(--border-violet-s) !important;
}
/* ——————————————————————————————————
   § 14  装饰性细节 · 选区高亮
   —————————————————————————————————— */
.rili-markdown-renderer ::selection{
    background:rgba(201,168,76,0.35) !important;
    color:var(--gold-light) !important;
    text-shadow:0 0 8px rgba(232,212,139,0.4) !important;
}
.rili-markdown-renderer ::-moz-selection{
    background:rgba(201,168,76,0.35) !important;
    color:var(--gold-light) !important;
}
/* ——————————————————————————————————
   § 15  响应式 · 移动端适配
   —————————————————————————————————— */
@media (max-width:480px){
    .status-panel{
        font-size:12.5px !important;
        max-width:100% !important;
        margin:0 !important;
        gap:6px !important;
    }
    .sp-label{
        min-width:72px !important;
        font-size:11px !important;
        letter-spacing:1.5px !important;
    }
    .sp-val{font-size:12.5px !important;}
    .sp-header{
        padding:9px 14px !important;
        font-size:12px !important;
        letter-spacing:2px !important;
    }
    .sp-body{padding:10px 14px 12px !important;}
    .sp-bar-wrap{min-width:100px !important;}
    .option-item{
        padding:8px 10px !important;
        gap:10px !important;
    }
    .opt-key{
        width:24px !important;
        height:24px !important;
        font-size:12px !important;
    }
    .opt-text{font-size:12.5px !important;}
    .rili-markdown-renderer summary{
        padding:11px 16px !important;
        font-size:0.95em !important;
        letter-spacing:1.5px !important;
    }
    .rili-markdown-renderer p{
        font-size:15px !important;
        line-height:1.85 !important;
    }
    .rili-markdown-renderer h1{font-size:21px !important;}
    .rili-markdown-renderer h2{font-size:18px !important;}
    .rili-markdown-renderer h3{font-size:16px !important;}
    .rili-markdown-renderer blockquote{
        padding:12px 14px 12px 22px !important;
        font-size:14px !important;
    }
    .mem-table{font-size:10.5px !important;}
    .mem-table th,
    .mem-table td{padding:5px 5px !important;}
    .mem-table th{
        font-size:10px !important;
        letter-spacing:1px !important;
    }
    .npc-card{padding:8px 10px !important;}
    .npc-name{font-size:12.5px !important;}
    .sp-group-title{
        font-size:11.5px !important;
        letter-spacing:2px !important;
        padding:5px 0 5px 10px !important;
    }
    div:has(> .style_dot-flashing__8L91Q)::after,
    .sonner-loading-wrapper::after{
        font-size:12px !important;
        letter-spacing:1.5px !important;
    }
    #prompt-input textarea{
        font-size:15px !important;
        padding:11px 14px !important;
    }
    #prompt-input-header button,
    #prompt-input-footer button{
        padding:6px 11px !important;
        letter-spacing:1px !important;
    }
}
@media (max-width:360px){
    .sp-row{
        flex-direction:column !important;
        gap:3px !important;
        align-items:flex-start !important;
    }
    .sp-label{min-width:unset !important;}
    .bar-row{align-items:stretch !important;}
    .bar-row .sp-bar-wrap{width:100% !important;}
    .option-item{flex-wrap:wrap !important;}
    .rili-markdown-renderer details{margin:14px 0 !important;}
    .sp-section{margin:3px 0 !important;}
}