【自定义天花板】超真实•无限世界

/* ═══════════════════════════════════════════════════════════════════════
   AI风月·欢愉剧场 GUI全量引擎 v2.0 | 花火导演版
   绝对明亮·多巴胺配色·纯CSS动画·无深色·移动端优先
   ═══════════════════════════════════════════════════════════════════════ */

/* ---------- 全局覆写：聊天框与界面美化 (强制!important) ---------- */
.bg-gray-100\/90.relative.inline-block{background:linear-gradient(145deg,#fff8fb 0%,#f0f9ff 100%)!important;backdrop-filter:blur(15px)!important;border:2px solid rgba(186,230,253,0.9)!important;border-radius:24px!important;box-shadow:0 15px 35px rgba(2,132,199,0.08),inset 0 0 20px rgba(255,183,197,0.1)!important;margin-bottom:25px!important;padding:0!important;max-width:100%!important;width:100%!important;position:relative!important;z-index:10!important;overflow:visible!important}
.bg-gray-100\/90.relative.inline-block::after{content:"";position:absolute;inset:-3px;border-radius:26px;background:linear-gradient(120deg,transparent,rgba(255,183,197,0.6),rgba(186,230,253,0.6),transparent);background-size:300% 100%;animation:z-flow 5s linear infinite;z-index:-1;pointer-events:none}
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90){border-color:#fbcfe8!important;box-shadow:0 8px 25px rgba(244,113,182,0.15)!important;background:linear-gradient(135deg,#fff5f8,#fff)!important}
.markdown-body{color:#0f172a!important;font-family:'PingFang SC','Microsoft YaHei',sans-serif!important;font-size:17px!important;line-height:2.1!important;font-weight:600!important;letter-spacing:0.5px!important;padding:6px!important;text-shadow:none!important}
[class*="bg-[#F1CBCB]"],[class*="bg-[#c9e1e9]"]{display:none!important}
.sticky.w-full.top-0.flex.items-center{background:rgba(255,255,255,0.92)!important;backdrop-filter:blur(15px)!important;border-bottom:2px solid #bae6fd!important;box-shadow:0 4px 20px rgba(14,165,233,0.06)!important}
#ai-model-selector .group.flex.items-center{background:linear-gradient(90deg,#f0f9ff,#fff)!important;border:1px solid #7dd3fc!important;border-radius:14px!important;box-shadow:0 4px 10px rgba(56,189,248,0.1)!important}
#ai-model-selector .truncate.text-\[13px\]{color:#0284c7!important;font-weight:800!important}
#ai-chat-bottom-input{background:#fff!important;border:2px solid #bae6fd!important;border-radius:18px!important;box-shadow:0 8px 25px rgba(14,165,233,0.1)!important}
#ai-chat-bottom-input:focus-within{border-color:#fbcfe8!important;box-shadow:0 8px 30px rgba(244,113,182,0.2)!important;transform:translateY(-2px)!important}
#ai-chat-input{color:#0f172a!important;font-weight:700!important;font-size:16px!important}
#ai-chat-input::placeholder{color:#94a3b8!important;font-weight:600!important}
#ai-chat-input::selection{background:#fbcfe8!important;color:#9f1239!important}
#ai-mod-button2 button.MuiButton-root{background:linear-gradient(135deg,#e0f2fe,#fce7f3)!important;color:#0284c7!important;border:1px solid #bae6fd!important;border-radius:10px!important;font-weight:800!important}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary{color:#0284c7!important;font-weight:800!important}
.MuiTypography-root.MuiTypography-body2.css-6c0gf2{color:#475569!important;font-weight:700!important}
.text-orange-500{color:#e11d48!important;font-weight:900!important}
div[class*="w-full"][class*="bg-white"][class*="bottom-0"]{background:linear-gradient(180deg,rgba(255,255,255,0.95),#f0f9ff)!important;backdrop-filter:blur(10px)!important;border-top:2px solid #e0f2fe!important}
div.text-lg.font-bold{color:#0284c7!important;font-weight:900!important}
.MuiPaginationItem-root.Mui-selected{background:linear-gradient(135deg,#38bdf8,#0284c7)!important;color:#fff!important;box-shadow:0 4px 10px rgba(2,132,199,0.3)!important}
.style_dot-flashing__8L91Q,.style_text__zGhNq{display:none!important}
.flex.items-center.justify-center.w-6.h-5{position:relative!important;width:60px!important;height:60px!important}
.flex.items-center.justify-center.w-6.h-5::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='%23bae6fd' stroke-width='4' stroke-dasharray='30 20'/%3E%3Ccircle cx='50' cy='50' r='25' fill='none' stroke='%23ffb7c5' stroke-width='4' stroke-dasharray='15 10'/%3E%3Cpolygon points='50,30 65,65 35,65' fill='%23e11d48' opacity='0.8'/%3E%3C/svg%3E") no-repeat center/contain;animation:z-spin 3s cubic-bezier(0.4,0,0.2,1)infinite}

/* ---------- 全局布局 ---------- */
.W{display:flex;position:relative;width:100%;min-height:70vh;font-family:'PingFang SC','Microsoft YaHei',sans-serif}
.M{flex:1;padding:20px;transition:0.4s ease;max-width:100%}

/* ---------- 正文容器 (T-box) ---------- */
.T-box{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border:2px solid #bae6fd;border-radius:18px;padding:25px 20px;box-shadow:0 12px 40px rgba(14,165,233,0.06),inset 0 0 20px rgba(255,183,197,0.05);margin:15px 0;overflow:hidden;position:relative}
.T-box::before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#38bdf8,#f472b6,#e11d48,#38bdf8);background-size:300% 100%;animation:z-flow 4s linear infinite}
.T-box text{display:block;white-space:pre-wrap;word-break:break-word;text-indent:2em;font-size:17.5px;line-height:2.2;color:#1e293b;font-weight:500;max-height:60vh;overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:#bae6fd #f1f5f9}
.T-box text::-webkit-scrollbar{width:5px}
.T-box text::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}
.T-box text::-webkit-scrollbar-thumb{background:#bae6fd;border-radius:10px}

/* ---------- 思维链 (C) ---------- */
.C{background:#f8fafc;border:1px solid #cbd5e1;border-radius:14px;margin-bottom:15px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,0.02)}
.C .s{padding:14px 16px;background:linear-gradient(90deg,#f1f5f9,#fff);cursor:pointer;list-style:none;display:flex;align-items:center;font-size:14px;font-weight:800;color:#475569;border-bottom:2px solid transparent;transition:0.3s}
.C .s:hover{background:#e0f2fe;color:#0284c7}
.C .s::-webkit-details-marker{display:none}
.C[open] .s{border-bottom-color:#7dd3fc;background:#f0f9ff;color:#0284c7}
.C .cot-wrapper{padding:18px;background:#fff;border-top:1px dashed #e2e8f0;font-family:monospace;font-size:13.5px;color:#334155;line-height:1.7;white-space:pre-wrap;max-height:300px;overflow-y:auto;scrollbar-width:thin}
.C .cot-wrapper::-webkit-scrollbar{width:4px}
.C .cot-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}

/* ---------- 环境仪表盘 (E-box) ---------- */
.E-box{border:none!important;background:transparent!important;margin-bottom:15px}
.E-box .e-summary{padding:0 0 8px;font-size:13px;font-weight:800;color:#0284c7;list-style:none;display:flex;align-items:center;cursor:pointer}
.E-box .e-summary::-webkit-details-marker{display:none}
.E{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.e{background:linear-gradient(135deg,#f0f9ff,#fff);border:1px solid #bae6fd;border-radius:12px;padding:10px;box-shadow:0 4px 8px rgba(0,0,0,0.02);position:relative;overflow:hidden;animation:z-in 0.5s ease-out}
.e::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,0.7),transparent);transform:translateX(-100%);animation:z-shine 3s infinite}
.e b{font-size:11px;font-weight:900;color:#0284c7;letter-spacing:0.5px;display:block;margin-bottom:4px}
.e span{font-size:15px;font-weight:800;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- 侧边栏 (S) 与触发器 (B, K) ---------- */
.S{position:fixed!important;right:0!important;top:0!important;bottom:0!important;width:min(400px,85vw)!important;background:rgba(255,255,255,0.98)!important;backdrop-filter:blur(25px)!important;border-left:2px solid #fbcfe8!important;box-shadow:-15px 0 40px rgba(2,132,199,0.1)!important;z-index:99999!important;transform:translateX(105%)!important;transition:transform 0.5s cubic-bezier(0.2,0.8,0.2,1)!important;display:flex!important;flex-direction:column!important}
#tg:checked~.S{transform:translateX(0)!important}
.K{position:fixed;inset:0;background:rgba(15,23,42,0.2);backdrop-filter:blur(4px);z-index:99990;opacity:0;visibility:hidden;transition:0.4s;cursor:pointer}
#tg:checked~.K{opacity:1;visibility:visible}
.B{position:fixed;right:0;top:30%;width:42px;min-height:120px;background:linear-gradient(180deg,#38bdf8,#f472b6,#e11d48);border:2px solid #fff;border-right:none;border-radius:16px 0 0 16px;box-shadow:-5px 0 25px rgba(244,113,182,0.5);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:900;writing-mode:vertical-rl;letter-spacing:4px;cursor:pointer;z-index:99980;transition:0.3s;padding:10px 0}
.B:hover{padding-right:8px;box-shadow:-8px 0 30px rgba(225,29,72,0.7)}
.B i{width:24px;height:24px;margin-bottom:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'/%3E%3C/svg%3E") center/cover}

/* 侧边栏内部 */
.L{flex:1;overflow-y:auto;padding:25px 18px 40px;scrollbar-width:none}
.L::-webkit-scrollbar{display:none}
.H1{font-size:26px;font-weight:900;color:#f472b6;letter-spacing:1px;text-shadow:2px 2px 0 rgba(2,132,199,0.1);text-align:center;margin-bottom:4px}
.H2{font-size:11px;color:#94a3b8;letter-spacing:5px;text-align:center;margin-bottom:25px}

/* ---------- 通用卡片模块 (c) ---------- */
.c{background:#fff;border:2px solid #e2e8f0;border-radius:16px;margin-bottom:14px;box-shadow:0 6px 15px rgba(0,0,0,0.03);transition:0.3s;overflow:hidden;animation:z-in 0.5s ease-out}
.c:hover{border-color:#7dd3fc;box-shadow:0 10px 25px rgba(14,165,233,0.12);transform:translateY(-2px)}
.c .s{padding:14px 16px;background:linear-gradient(90deg,#f8fafc,#fff);font-size:15px;font-weight:800;color:#1e293b;cursor:pointer;list-style:none;display:flex;align-items:center;border-bottom:2px solid transparent}
.c .s::-webkit-details-marker{display:none}
.c[open] .s{border-bottom-color:#bae6fd;background:#f0f9ff;color:#0284c7}
.c .b{padding:16px;background:#fff;display:flex;flex-direction:column;gap:12px}

/* 网格 (g) 与键值对 (r, k, v) */
.g{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.r{background:linear-gradient(90deg,#f1f5f9,#fff);border-left:4px solid #7dd3fc;padding:8px 12px;border-radius:0 8px 8px 0;display:flex;flex-direction:column}
.k{font-size:11px;font-weight:900;color:#0284c7;letter-spacing:0.3px;margin-bottom:2px}
.v{font-size:14px;font-weight:700;color:#0f172a}

/* 进度条组件 (p) */
.p{display:flex;flex-direction:column;gap:4px}
.p b{font-size:12px;color:#334155;font-weight:800}
.p-b{width:100%;height:18px;background:#e2e8f0;border-radius:9px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,0.05)}
.p-t{position:absolute;inset:0;text-align:center;font-size:11px;font-weight:900;color:#fff;line-height:18px;text-shadow:0 1px 3px rgba(0,0,0,0.4);z-index:2}
.p-f1,.p-f2,.p-f3,.p-f4,.p-f5{height:100%;width:100%;border-radius:9px;position:relative;animation:z-bar 2s ease-out forwards}
.p-f1{background:linear-gradient(90deg,#38bdf8,#0284c7)}
.p-f2{background:linear-gradient(90deg,#f472b6,#e11d48)}
.p-f3{background:linear-gradient(90deg,#34d399,#059669)}
.p-f4{background:linear-gradient(90deg,#fbbf24,#d97706)}
.p-f5{background:linear-gradient(90deg,#c084fc,#7e22ce)}
.p-f1::after,.p-f2::after,.p-f3::after,.p-f4::after,.p-f5::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);animation:z-shine 2s infinite}

/* 列表 (l, li) */
.l{display:flex;flex-direction:column;gap:8px}
.li{background:#f8fafc;border:1px dashed #cbd5e1;padding:8px 10px;border-radius:8px;display:flex;align-items:flex-start;gap:10px}
.li b{background:#e2e8f0;padding:3px 8px;border-radius:6px;font-size:11px;color:#0f172a;white-space:nowrap}
.li span{font-size:13.5px;color:#334155;font-weight:700;line-height:1.5}

/* NPC滚动盒 */
.sc-b{ma

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

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