皇后战争（0.6测试版，内置774名原创角色，持续更新中）

/* ==========================================================================
   1. 聊天气泡 (强制暗色底板 + 亮色防瞎眼文字)
   ========================================================================== */
/* 气泡主容器：暗色装甲底板，取消外边框，改为内凹阴影 */
.is-user > div, .is-assistant > div {
    background-color: #121417 !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: inset 0 0 15px rgba(0,0,0,0.8), 2px 2px 6px rgba(0,0,0,0.5) !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 1em !important;
}

.is-user > div {
    min-width: 190px !important;
}

/* 顶部黄铜装饰线 */
.is-user > div::before, .is-assistant > div::before {
    content: '' !important;
    position: absolute !important;
    top: 0; left: 0; right: 0; height: 2px !important;
    background: linear-gradient(90deg, transparent, #8b7355, #c5a059, #8b7355, transparent) !important;
    opacity: 0.8 !important; pointer-events: none !important; z-index: 10 !important;
}

/* ★ 核心文本修复：强制亮色，防止白天模式字变黑 */
.rili-markdown-renderer, 
.rili-markdown-renderer p, 
.rili-markdown-renderer li, 
.rili-markdown-renderer span {
    color: #d3cbb8 !important;
    font-family: 'Georgia', serif, 'Microsoft YaHei', sans-serif !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.8) !important;
}

/* Markdown 特殊元素着色 */
.rili-markdown-renderer strong { color: #c5a059 !important; }
.rili-markdown-renderer em { color: #8b7355 !important; }
.rili-markdown-renderer blockquote {
    border-left: 3px solid #5a4b31 !important;
    background: rgba(139, 115, 85, 0.1) !important;
    padding: 0.5em 1em !important;
    margin: 1em 0 !important;
    border-radius: 0 4px 4px 0 !important;
    color: #a89f91 !important;
}
.rili-markdown-renderer hr {
    border: none !important; height: 1px !important;
    background: linear-gradient(90deg, transparent, #5a4b31, #8b7355, transparent) !important;
    margin: 1.5em 0 !important;
}

/* 气泡内操作按钮 */
.is-user > div button, .is-assistant > div button {
    background: linear-gradient(135deg, #2b2317, #15110a) !important;
    color: #8b7355 !important;
    border: 1px solid #4a3c27 !important;
    border-radius: 2px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.6) !important;
    transition: all 0.2s !important;
}
.is-user > div button:hover, .is-assistant > div button:hover {
    background: linear-gradient(135deg, #4a3c27, #2a2215) !important;
    color: #c5a059 !important;
    border-color: #8b7355 !important;
    transform: translateY(-1px) !important;
}
.is-user > div button svg, .is-assistant > div button svg { stroke: currentcolor !important; }

/* ==========================================================================
   2. 顶栏美化 (暗黑黄铜化)
   ========================================================================== */
header:has(#nav-right) {
    background: linear-gradient(180deg, #1a1c20, #121417) !important;
    border-bottom: 2px solid #5a4b31 !important;
    position: relative !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.8) !important;
}
/* 顶栏图标交互 */
header:has(#nav-right) button { color: #8b7355 !important; border-radius: 2px !important; transition: all 0.25s !important; }
header:has(#nav-right) button:hover { background: rgba(0,0,0,0.4) !important; color: #c5a059 !important; transform: translateY(-1px) !important; }
header:has(#nav-right) button svg { stroke: #8b7355 !important; transition: all 0.25s !important; }
header:has(#nav-right) button:hover svg { stroke: #c5a059 !important; filter: drop-shadow(0 0 4px rgba(197, 160, 89, 0.5)) !important; }
header:has(#nav-right) [data-sidebar="trigger"] svg { stroke: #c5a059 !important; }

/* ==========================================================================
   3. 底部输入框与控制台按钮
   ========================================================================== */
form#prompt-input { background-color: transparent !important; box-shadow: none !important; }
div[data-slot="input-group"] {
    background-color: #121417 !important;
    border: 1px solid #5a4b31 !important;
    border-radius: 4px !important;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.8), 0 4px 16px rgba(0,0,0,0.6) !important;
    transition: all 0.3s !important;
}
/* 聚焦时黄铜边框发光 */
div[data-slot="input-group"]:focus-within {
    border-color: #c5a059 !important;
    box-shadow: inset 0 0 10px rgba(197, 160, 89, 0.15), 0 0 12px rgba(197, 160, 89, 0.25) !important;
}

/* 输入框本体 */
#prompt-input textarea {
    background-color: transparent !important;
    border: none !important;
    color: #e8dcc5 !important;
    padding: 12px 16px !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}
#prompt-input textarea:focus { outline: none !important; }
#prompt-input textarea::placeholder { color: #5a4b31 !important; font-style: italic; }

/* 输入区附加功能按钮 */
#prompt-input-header button, #prompt-input-footer button {
    background: linear-gradient(135deg, #2b2317, #15110a) !important;
    color: #8b7355 !important;
    border: 1px solid #4a3c27 !important;
    border-radius: 2px !important;
    transition: all 0.2s !important;
}
#prompt-input-header button:hover, #prompt-input-footer button:hover {
    background: linear-gradient(135deg, #4a3c27, #2a2215) !important;
    color: #c5a059 !important;
    border-color: #8b7355 !important;
    transform: translateY(-2px) !important;
}
#prompt-input-header button svg, #prompt-input-footer button svg { stroke: currentcolor !important; }

/* 发送按钮特化 */
#prompt-input-footer button[type="submit"] {
    background: linear-gradient(135deg, #5a4b31, #3a3022) !important;
    color: #e8dcc5 !important;
    border-color: #8b7355 !important;
    box-shadow: 0 0 8px rgba(0,0,0,0.8) !important;
}
#prompt-input-footer button[type="submit"]:hover {
    background: linear-gradient(135deg, #8b7355, #5a4b31) !important;
    border-color: #c5a059 !important;
    box-shadow: 0 0 10px rgba(197, 160, 89, 0.4) !important;
}

/* 弹出菜单/列表颜色同步覆盖 */
[role="dialog"], [role="listbox"], [role="menu"], [data-radix-popper-content-wrapper] > div {
    background: #1a1c20 !important;
    border: 1px solid #5a4b31 !important;
    border-radius: 4px !important;
    color: #d3cbb8 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.8) !important;
}
[role="option"], [role="menuitem"] { color: #a89f91 !important; transition: all 0.2s !important; }
[role="option"]:hover, [role="menuitem"]:hover, [role="option"][data-highlighted], [role="menuitem"][data-highlighted] {
    background: rgba(197, 160, 89, 0.15) !important;
    color: #c5a059 !important;
}

/* 全局黄铜滚动条 */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #121417; border-radius: 2px; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #5a4b31, #3a3022); border-radius: 2px; }
::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #8b7355, #5a4b31); }

/* ==========================================================================
   4. 载入动画重制：黄铜雷达扫描仪 (去背景 / 居中 / 放大版)
   ========================================================================== */
@keyframes radar-spin { 100% { transform: rotate(360deg); } }

/* ★ 核心修正 1：气泡隐身术。当检测到助手气泡内有加载动画时，强行扒掉外部的装甲底板 */
.is-assistant > div:has(.items-center.justify-center.size-6) {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 3em 0 !important; /* 给雷达上下留出充足的呼吸空间 */
    display: flex !important;
    justify-content: center !important; /* 强制雷达水平居中 */
    align-items: center !important;
}
/* 同步隐藏掉那个加载中气泡顶部的黄铜线 */
.is-assistant > div:has(.items-center.justify-center.size-6)::before {
    display: none !important;
}

/* 清理内部可能限制宽度的包装层 */
div:has(> .flex.items-center.justify-center.size-6 > .flex.gap-2) {
    display: flex !important; justify-content: center !important; align-items: center !important;
    width: 100% !important; padding: 0 !important;
}

.flex.items-center.justify-center.size-6:has(> .flex.gap-2) {
    width: 108px !important; height: 108px !important; 
    opacity: 1 !important; overflow: visible !important;
}

/* 把核心容器变成圆形雷达底盘 */
.flex.items-center.justify-center.size-6 > .flex.gap-2 {
    position: relative !important;
    display: block !important;
    width: 100% !important; height: 100% !important;
    border-radius: 50% !important;
    background: #121417 !important;
    border: 3px solid #5a4b31 !important; /* 边框稍微加粗以适应大尺寸 */
    overflow: hidden !important;
    animation: none !important;
}

/* 杀掉原生那三个跳动的小球 */
.flex.items-center.justify-center.size-6 > .flex.gap-2 > * { display: none !important; }

/* 雷达底层：旋转扫描扇叶 */
.flex.items-center.justify-center.size-6 > .flex.gap-2::before {
    content: '' !important;
    position: absolute !important;
    top: -50% !important; left: -50% !important;
    width: 200% !important; height: 200% !important;
    background: conic-gradient(from 0deg, transparent 75%, rgba(197, 160, 89, 0.8) 100%) !important;
    animation: radar-spin 1.5s linear infinite !important; /* 速度微调，更显沉稳质感 */
    pointer-events: none !important;
}

/* 雷达表层：渐变网格线 + 中心发光点 */
.flex.items-center.justify-center.size-6 > .flex.gap-2::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    /* 配合放大的尺寸，调整中心点大小与网格密度 */
    background-image: 
        radial-gradient(circle at center, #c5a059 3px, transparent 4px),
        linear-gradient(rgba(197, 160, 89, 0.3) 1px, transparent 1px),
        linear-gradient(90deg, rgba(197, 160, 89, 0.3) 1px, transparent 1px) !important;
    background-size: 100% 100%, 12px 12px, 12px 12px !important;
    background-position: center !important;
    border-radius: 50% !important;
    pointer-events: none !important;
}

/* ==========================================================================
   5. 皇后战争 RPG 状态栏重构 (核心 UI)
   ========================================================================== */
think, thinking{display: none !important;}
.gst { position: relative; padding-bottom: 60px; font-family: 'Georgia', serif; color: #d3cbb8; font-size: 14px; }
.gi { display: none !important; }

/* 机械翻页按钮 (底部齿轮开关) - 带动态前缀与默认选中逻辑 */
tc {
    position: absolute; bottom: 0; left: 0; right: 0; z-index: 10;
    background: linear-gradient(180deg, #202428, #121417); border-top: 2px solid #5a4b31;
    padding: 10px; display: flex; justify-content: center; gap: 15px; box-shadow: 0 -4px 10px rgba(0,0,0,0.5);
}
tc label {
    display: flex; align-items: center; padding: 6px 20px; border-radius: 2px; font-weight: bold; font-size: 14px;
    cursor: pointer; transition: all 0.2s ease; gap: 8px;
    background: linear-gradient(180deg, #3a3022, #1f1a12); border: 1px solid #8b7355; color: #a89f91;
    box-shadow: 0 2px 4px rgba(0,0,0,0.8), inset 0 1px 1px rgba(255,255,255,0.1);
}

/* 标签文字与默认前缀 (▶) */
tc label::after { content: ''; }
tc label[for^="tab1-"]::after { content: '故事'; }
tc label[for^="tab2-"]::after { content: '主角'; }
tc label[for^="tab3-"]::after { content: '世界'; }
tc label::before { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important; content: '\25B6'; font-size: 10px; color: inherit; width: 12px; transition: all 0.2s ease; }

tc label:hover { background: linear-gradient(180deg, #4a3c27, #2a2215); color: #c5a059; }

/* 核心技巧1：默认让正文页(tab1)呈现选中状态与方块前缀 (■) */
tc label[for^="tab1-"] {
    background: #121417; border-color: #c5a059; color: #c5a059;
    box-shadow: inset 0 2px 6px rgba(0,0,0,0.9); border-top: 2px solid #c5a059;
}
tc label[for^="tab1-"]::before { content: '\25A0'}

/* 核心技巧2：当任意按钮被真实点击(checked)时，重置所有按钮回未选中状态与三角前缀 (▶) */
.gi:checked ~ tc label {
    background: linear-gradient(180deg, #3a3022, #1f1a12); 
    border: 1px solid #8b7355; border-top: 1px solid #8b7355; /* 覆盖选中时的2px边框 */
    color: #a89f91; box-shadow: 0 2px 4px rgba(0,0,0,0.8), inset 0 1px 1px rgba(255,255,255,0.1);
}
.gi:checked ~ tc label::before { content: '\25B6'}

/* 核心技巧3：真实选中状态，应用到当前被点击的标签上 (■) */
input[id^="tab1-"]:checked ~ tc label[for^="tab1-"],
input[id^="tab2-"]:checked ~ tc label[for^="tab2-"],
input[id^="tab3-"

/* 预览已截断；下载 CSS 可查看完整内容。 */

本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。