/* ════════════════════════════════════════════════ 甄嬛传 · 敬事房绿头牌 · 内置CSS全局主题 ──────────────────────────────────────────────── 设计原则： · 全局：浅色「暖绢」纸感（默认浅色铁律） · 三色体系：绢底 · 竹青 · 朱砂点睛 + 泥金细线 · 装饰母题：绿头牌 / 敬事房档 / 腰牌穗结（皆CSS描画，无文本符号字形） · 全部 !important，直写 hsl()，不用变量 · 移动优先，动效克制，无外链图片 ════════════════════════════════════════════════ */ /* ──────────────────────────────────────────────── § 0 基础重置 · 隐藏平台色条 ──────────────────────────────────────────────── */ [class*="bg-[#F1CBCB]"], [class*="bg-[#c9e1e9]"] { display: none !important; } /* details 宽度兜底 */ details { display: block !important; width: 100% !important; } /* ── 全局字体渲染优化 ── */ body, .hc, .markdown-body { -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; text-rendering: optimizeLegibility !important; } /* ──────────────────────────────────────────────── § 1 全局背景 · 暖绢晨阑 ──────────────────────────────────────────────── */ body, #root, .h-screen { background-color: transparent !important; color: hsl(32, 14%, 24%) !important; } /* ──────────────────────────────────────────────── § 2 顶部栏 · 竹青宫梁 ──────────────────────────────────────────────── */ .sticky.w-full.top-0.flex.items-center { background: linear-gradient(90deg, hsl(42, 30%, 90%), hsl(42, 30%, 93%)) !important; border-bottom: 1px solid hsl(40, 30%, 38%) !important; box-shadow: 0 2px 14px hsla(0, 0%, 0%, 0.1925) !important; } /* 模型选择器 · 金牌名刺 */ #ai-model-selector .group.flex.items-center { background: transparent !important; border: 1px solid transparent !important; border-radius: 6px !important; padding: 3px 8px !important; transition: background 0.15s ease, border-color 0.15s ease !important; } #ai-model-selector .group.flex.items-center:hover { background: hsl(42, 30%, 84%) !important; border-color: hsl(40, 36%, 46%) !important; } #ai-model-selector .truncate.text-\[13px\] { color: hsl(32, 16%, 24%) !important; font-weight: 600 !important; letter-spacing: 0.4px !important; } /* 顶部图标 · 黛青雕件 */ .sticky.w-full.top-0 svg { color: hsl(35, 20%, 38%) !important; transition: color 0.15s ease !important; } .sticky.w-full.top-0 svg:hover, #header-setting-button:hover svg { color: hsl(32, 16%, 24%) !important; } /* ──────────────────────────────────────────────── § 3 侧边栏 · 册页宫签 ──────────────────────────────────────────────── */ .shadow-lg.border-r.border-gray-200 { background: hsl(42, 30%, 92%) !important; border-right: 1px solid hsl(40, 30%, 38%) !important; } .MuiList-root { background: transparent !important; } .conversation-text { color: hsl(38, 18%, 40%) !important; } /* ──────────────────────────────────────────────── § 4 开场白区域 · 锦囊 ──────────────────────────────────────────────── */ div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] { background: hsl(42, 30%, 87%) !important; border: 1px solid hsl(35, 20%, 34%) !important; transition: border-color 0.15s ease, box-shadow 0.15s ease !important; } div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover { border-color: hsl(40, 36%, 46%) !important; box-shadow: 0 0 8px hsla(40, 36%, 46%, 0.2) !important; } div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] svg { color: hsl(35, 20%, 50%) !important; transition: color 0.15s ease !important; } div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover svg { color: hsl(32, 16%, 24%) !important; } /* ──────────────────────────────────────────────── § 5 聊天容器 · 绢本空间 ──────────────────────────────────────────────── */ .chat-container { background-color: transparent !important; } /* 用户消息气泡 · 黄绫笺 */ .bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) { background: hsl(35, 17%, 34%) !important; color: hsl(42, 38%, 93%) !important; border: 1px solid hsl(35, 16%, 28%) !important; border-left: 3px solid hsl(12, 50%, 40%) !important; border-radius: 4px !important; font-family: 'KaiTi', 'STKaiti', 'Noto Serif SC', 'Songti SC', 'Source Han Serif SC', serif !important; font-size: 15px !important; line-height: 1.82 !important; box-shadow: 0 1px 4px hsla(35, 18%, 50%, 0.12) !important; } /* AI回复容器（外壳透明，内容由 .hc 撑起） */ .chat-answer-container .bg-gray-100\/90.relative.inline-block { background: transparent !important; border: none !important; } /* ──────────────────────────────────────────────── § 6 Markdown正文区 · 朱批铭文 ──────────────────────────────────────────────── */ .markdown-body { color: hsl(32, 16%, 24%) !important; background: transparent !important; font-family: 'Noto Serif SC', 'Songti SC', 'Source Han Serif SC', 'SimSun', serif !important; font-size: 1.08em !important; line-height: 1.88 !important; } .markdown-body p { color: hsl(32, 16%, 24%) !important; } .markdown-body strong, .markdown-body b { color: hsl(32, 16%, 24%) !important; } .markdown-body em, .markdown-body i { color: hsl(35, 26%, 46%) !important; } .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4 { color: hsl(32, 16%, 24%) !important; border-bottom: 1px solid hsl(40, 30%, 38%) !important; padding-bottom: 4px !important; } .markdown-body code { background: hsl(42, 30%, 86%) !important; color: hsl(35, 26%, 52%) !important; border: 1px solid hsl(42, 30%, 76%) !important; border-radius: 3px !important; padding: 1px 5px !important; font-size: 0.9em !important; } .markdown-body pre { background: hsl(42, 30%, 90%) !important; border: 1px solid hsl(42, 30%, 78%) !important; border-radius: 6px !important; padding: 12px 16px !important; } .markdown-body pre code { background: transparent !important; border: none !important; color: hsl(38, 18%, 40%) !important; padding: 0 !important; } .markdown-body blockquote { border-left: 3px solid hsl(12, 50%, 40%) !important; background: hsl(42, 30%, 89%) !important; color: hsl(38, 18%, 40%) !important; border-radius: 0 4px 4px 0 !important; padding: 8px 14px !important; margin: 12px 0 !important; } .markdown-body hr { border: none !important; border-top: 1px solid hsl(40, 30%, 38%) !important; margin: 16px 0 !important; } .markdown-body a { color: hsl(35, 26%, 44%) !important; text-decoration: underline !important; } .markdown-body a:hover { color: hsl(32, 16%, 24%) !important; } .markdown-body table th { background: hsl(42, 30%, 85%) !important; color: hsl(32, 16%, 24%) !important; border: 1px solid hsl(42, 30%, 76%) !important; padding: 6px 10px !important; } .markdown-body table td { border: 1px solid hsl(42, 30%, 80%) !important; color: hsl(32, 16%, 28%) !important; padding: 5px 10px !important; } .markdown-body table tr:nth-child(even) { background: hsl(42, 30%, 90%) !important; } .markdown-body ul li::marker, .markdown-body ol li::marker { color: hsl(12, 54%, 46%) !important; } /* ──────────────────────────────────────────────── § 7 加载动画 · 银盘映烛花 ──────────────────────────────────────────────── */ /* 隐藏平台默认三点加载 */ .style-module__AtdJSq__dot-flashing.style-module__AtdJSq__text { display: none !important; } .style-module__AtdJSq__dot-flashing, .style-module__AtdJSq__dot-flashing::before, .style-module__AtdJSq__dot-flashing::after { background-color: transparent !important; box-shadow: none !important; } /* 拉伸加载容器 + SVG 花瓣动画背景 */ .flex.items-center.justify-center.w-6.h-5 { position: relative !important; width: 70vw !important; max-width: 480px !important; height: 240px !important; margin: 12px auto !important; overflow: hidden !important; background-image: url("data:image/svg+xml,") !important; background-size: 100% 100% !important; background-repeat: no-repeat !important; background-position: center !important; } /* 底部氛围光晕 · 宫灯暖光 */ .flex.items-center.justify-center.w-6.h-5::before { content: '' !important; position: absolute !important; bottom: 30px !important; left: 50% !important; transform: translateX(-50%) !important; width: 200px !important; height: 40px !important; border-radius: 50% !important; background: radial-gradient(ellipse, hsla(40, 36%, 46%, 0.1), transparent 70%) !important; pointer-events: none !important; animation: zh-lamp-glow 4s ease-in-out infinite !important; } /* 脉冲文字 */ .flex.items-center.justify-center.w-6.h-5::after { content: '深宫漏永，静待圣意\2026' !important; position: absolute !important; bottom: 10px !important; left: 50% !important; transform: translateX(-50%) !important; font-family: 'KaiTi','STKaiti','Noto Serif SC','Songti SC',serif !important; font-size: 13.5px !important; color: hsl(40, 36%, 46%) !important; letter-spacing: 3px !important; white-space: nowrap !important; animation: zh-lamp-text 3.2s ease-in-out infinite !important; z-index: 2 !important; } @keyframes zh-lamp-glow { 0%, 100% { opacity: .3; } 50% { opacity: .7; } } @keyframes zh-lamp-text { 0%, 100% { opacity: .2; letter-spacing: 3px; } 50% { opacity: .92; letter-spacing: 5.5px; } } /* 动效降速 */ @media (prefers-reduced-motion: reduce) { .flex.items-center.justify-center.w-6.h-5, .flex.items-center.justify-center.w-6.h-5::before, .flex.items-center.justify-center.w-6.h-5::after { animation: none !important; } } /* ──────────────────────────────────────────────── § 8 底部输入区 · 砚池砚台 ⚠️ 关键区域 ──────────────────────────────────────────────── */ .bg-gradient-to-t { background: none !important; background-color: transparent !important; } #ai-chat-bottom-input { background: hsl(42, 30%, 93%) !important; border-top: 1px solid hsl(40, 30%, 38%) !important; box-shadow: 0 -2px 14px hsla(0, 0%, 0%, 0.147) !important; } /* ⚠️ 输入框强制可见 · 最高优先 */ #ai-chat-input { background: hsl(42, 30%, 87%) !important; color: hsl(32, 14%, 24%) !important; caret-color: hsl(32, 16%, 24%) !important; border: 1px solid hsl(35, 18%, 34%) !important; border-radius: 8px !important; font-family: 'KaiTi', 'STKaiti', 'Noto Serif SC', 'Songti SC', 'Source Han Serif SC', serif !important; font-size: 15px !important; line-height: 1.7 !important; transition: border-color 0.15s ease, box-shadow 0.15s ease !important; } #ai-chat-input:focus { border-color: hsl(40, 36%, 46%) !important; box-shadow: 0 0 0 2px hsla(40, 36%, 46%, 0.16) !important; outline: none !important; } #ai-chat-input::placeholder { color: hsl(38, 14%, 52%) !important; opacity: 1 !important; } #ai-chat-input::selection { background: hsl(12, 50%, 40%) !important; color: hsl(32, 14%, 24%) !important; } /* ── 评论框同步可见 ── */ textarea.rc-textarea { background: hsl(42, 30%, 87%) !important; color: hsl(32, 14%, 24%) !important; border: 1px solid hsl(35, 18%, 32%) !important; font-family: 'KaiTi', 'STKaiti', 'Noto Serif SC', 'Songti SC', 'Source Han Serif SC', serif !important; } textarea.rc-textarea::placeholder { color: hsl(38, 14%, 52%) !important; opacity: 1 !important; } /* ──────────────────────────────────────────────── § 9 快捷命令按钮区 · 朱漆钮 ──────────────────────────────────────────────── */ #ai-mod-button2 button.MuiButton-root { color: hsl(35, 22%, 44%) !important; border: 1px solid hsl(35, 16%, 36%) !important; background: transparent !important; border-radius: 20px !important; font-size: 13px !important; transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease !important; } #ai-mod-button2 button.MuiButton-root:hover { background: hsl(42, 30%, 78%) !important; border-color: hsl(12, 50%, 40%) !important; color: hsl(32, 16%, 24%) !important; } /* ──────────────────────────────────────────────── § 10 分割线 · 金弦一横 ──────────────────────────────────────────────── */ .style_divider__mW0YX { background: linear-gradient(to right, transparent, hsl(40, 30%, 38%), transparent) !important; height: 1px !important; border: none !important; margin: 8px 0 !important; } /* ──────────────────────────────────────────────── § 11 分页 · 翻册叶 ──────────────────────────────────────────────── */ .MuiPaginationItem-root { color: hsl(38, 14%, 52%) !important; transition: background 0.12s ease, color 0.12s ease !important; } .MuiPaginationItem-root:hover { background: hsl(42, 30%, 84%) !important; color: hsl(32, 16%, 24%) !important; } .MuiPaginationItem-root.Mui-selected { background: hsl(12, 50%, 40%) !important; color: hsl(32, 14%, 24%) !important; border: 1px solid hsl(40, 36%, 46%) !important; font-weight: 700 !important; } .MuiPaginationItem-root.Mui-disabled { opacity: 0.28 !important; } .MuiInputBase-input { color: hsl(32, 16%, 24%) !important; background: hsl(42, 30%, 87%) !important; } /* ──────────────────────────────────────────────── § 12 MUI 通用对话框 ──────────────────────────────────────────────── */ .MuiDialog-paper { background: hsl(42, 30%, 90%) !important; color: hsl(32, 16%, 24%) !important; border: 1px solid hsl(40, 30%, 38%) !important; border-radius: 8px !important; } .MuiButton-contained, button.MuiButton-containedPrimary { background: hsl(12, 50%, 40%) !important; color: hsl(32, 14%, 24%) !important; border: 1px solid hsl(12, 50%, 40%) !important; border-radius: 18px !important; transition: background 0.12s ease !important; } .MuiButton-contained:hover, button.MuiButton-containedPrimary:hover { background: hsl(12, 50%, 40%) !important; } .MuiButton-outlined, button.MuiButton-outlinedPrimary { color: hsl(35, 22%, 42%) !important; border: 1px solid hsl(35, 16%, 38%) !important; border-radius: 18px !important; transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease !important; } .MuiButton-outlined:hover, button.MuiButton-outlinedPrimary:hover { background: hsl(35, 16%, 24%) !important; border-color: hsl(40, 36%, 46%) !important; color: hsl(32, 16%, 24%) !important; } /* ──────────────────────────────────────────────── § 13 评论区 · 宫墙题壁 ──────────────────────────────────────────────── */ div[class*="w-full"][class*="bg-white"][class*="bottom-0"] { background: hsl(42, 30%, 92%) !important; color: hsl(32, 16%, 24%) !important; } div.text-lg.font-bold { color: hsl(32, 16%, 24%) !important; } p.MuiTypography-body1 { color: hsl(38, 14%, 52%) !important; } /* 评分星星 */ span.MuiRating-iconEmpty svg { color: hsl(35, 18%, 42%) !important; opacity: 0.55 !important; } span.MuiRating-iconFilled svg { color: hsl(32, 16%, 24%) !important; } span.text-orange-500 { color: hsl(32, 16%, 24%) !important; } /* 评论项 */ div.group.ml-0 { background: hsl(42, 30%, 88%) !important; border-left: 3px solid hsl(35, 18%, 38%) !important; border-radius: 6px !important; margin-bottom: 0.7rem !important; padding: 0.6rem 0.8rem !important; transition: border-color 0.12s ease !important; } div.group.ml-0:hover { border-left-color: hsl(40, 36%, 46%) !important; } div.break-all { color: hsl(32, 14%, 24%) !important; } div.text-xs.text-grey-600, div.text-sm.text-grey-600 { color: hsl(38, 14%, 52%) !important; } div.text-sm.text-grey-600 span.font-bold { color: hsl(32, 16%, 24%) !important; } span.text-\[10px\] { background: hsl(12, 50%, 40%) !important; color: hsl(32, 14%, 24%) !important; padding: 1px 5px !important; border-radius: 4px !important; font-size: 10px !important; } div.flex.flex-col.border-gray-200 { border-color: hsl(35, 16%, 30%) !important; } div.group img.rounded-full { border: 2px solid hsl(35, 18%, 40%) !important; } div.ml-8.border-l { border-left-color: hsl(35, 16%, 28%) !important; } button.text-gray-400 { color: hsl(35, 18%, 46%) !important; } button.text-gray-400:hover { color: hsl(12, 54%, 46%) !important; } span.cursor-pointer { color: hsl(35, 18%, 50%) !important; transition: color 0.12s ease !important; } span.cursor-pointer:hover { color: hsl(32, 16%, 24%) !important; text-decoration: underline !important; } /* ──────────────────────────────────────────────── § 14 滚动条 · 宫栏细槽 ──────────────────────────────────────────────── */ ::-webkit-scrollbar { width: 4px !important; height: 4px !important; } ::-webkit-scrollbar-track { background: hsl(42, 30%, 94%) !important; } ::-webkit-scrollbar-thumb { background: hsl(42, 30%, 78%) !important; border-radius: 3px !important; } ::-webkit-scrollbar-thumb:hover { background: hsl(40, 30%, 38%) !important; } /* ──────────────────────────────────────────────── § 15 动效降速兜底 ──────────────────────────────────────────────── */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } /* ──────────────────────────────────────────────── § 16 壳层响应式 · 移动端适配 ──────────────────────────────────────────────── */ @media (max-width: 480px) { .markdown-body { font-size: 0.97em !important; line-height: 1.78 !important; color: hsl(32, 16%, 24%) !important; } .markdown-body p { color: hsl(32, 16%, 24%) !important; -webkit-text-stroke: 0.15px !important; } #ai-chat-input { font-size: 14px !important; } .bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) { font-size: 14px !important; } } /* ════════════════════════════════════════════════ AI 输出内容样式 · .hc ════════════════════════════════════════════════ 注：此区域是AI输出的HTML承载容器， 风格用「黄绫绢本」暖色纸感，与平台暗调形成对比， 仿御批奏折展开效果。 ════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════ § A 容器 · 绢本 (.gong) ════════════════════════════════════════════════ */ .markdown-body .gong{background:hsl(42,32%,93%) !important;color:hsl(32,16%,22%) !important; font-family:'Songti SC','Source Han Serif SC','Noto Serif CJK SC','SimSun',serif !important;border:1px solid hsla(40,36%,46%,.4) !important; border-radius:8px !important;padding:14px 16px 18px !important;box-shadow:0 3px 14px hsla(30,20%,20%,.08) !important;} .markdown-body .gong details{border:none !important;background:transparent !important;margin:0 0 14px !important;} .markdown-body .gong summary{list-style:none !important;cursor:pointer !important;} .markdown-body .gong summary::-webkit-details-marker,.markdown-body .gong summary::marker{display:none !important;} /* ════════════════════════════════════════════════ § B 敬事房档 · 状态栏 (.dang) ════════════════════════════════════════════════ */ .markdown-body .dang{background:hsl(42,36%,96%) !important;border:1px solid hsla(40,36%,46%,.42) !important; border-radius:4px !important;box-shadow:0 2px 10px hsla(30,20%,20%,.06) !important;} .markdown-body .dang>summary{display:flex !important;align-items:center !important;gap:12px !important; padding:10px 14px !important;} .markdown-body .dang .dtab{background:hsl(35,16%,38%) !important;color:hsl(42,40%,94%) !important; font-family:'STKaiti','KaiTi',serif !important;font-size:13px !important;letter-spacing:.34em !important; text-indent:.34em !important;padding:3px 10px !important;border-radius:2px !important;white-space:nowrap !important;} .markdown-body .dang .dloc{color:hsl(38,14%,46%) !important;font-size:13px !important;letter-spacing:.1em !important;} .markdown-body .dang .dbd{display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px 30px !important; padding:6px 18px 16px !important;} .markdown-body .dang .drow{display:flex !important;gap:10px !important;font-size:14.5px !important;line-height:1.85 !important; border-bottom:1px dashed hsla(40,36%,46%,.3) !important;padding-bottom:5px !important;} .markdown-body .dang .dk{color:hsl(36,17%,37%) !important;font-size:13px !important;letter-spacing:.06em !important; white-space:nowrap !important;padding-top:2px !important;} .markdown-body .dang .dv{color:hsl(30,18%,18%) !important;} .markdown-body .dang .dv b{font-weight:normal !important;color:hsl(12,50%,40%) !important;} /* ════════════════════════════════════════════════ § B2 抬头 · 场景时地 (.tou) ════════════════════════════════════════════════ */ .markdown-body .gong .tou{display:flex !important;flex-wrap:wrap !important;align-items:baseline !important; gap:0 14px !important;margin:2px 2px 14px !important;padding:0 0 9px !important; border-bottom:1px solid hsla(40,36%,46%,.38) !important; font-family:'STKaiti','KaiTi',serif !important;color:hsl(36,17%,40%) !important; font-size:13.5px !important;letter-spacing:.06em !important;} .markdown-body .gong .tou .td{color:hsl(32,16%,22%) !important;font-size:15px !important; letter-spacing:.16em !important;} .markdown-body .gong .tou .tl{margin-left:auto !important;color:hsl(35,18%,34%) !important;} /* ════════════════════════════════════════════════ § C 正文 (.wen) ════════════════════════════════════════════════ */ .markdown-body .gong .wen{font-size:16.5px !important;line-height:2.0 !important;letter-spacing:0 !important; color:hsl(30,18%,17%) !important;border-left:2px solid hsla(35,20%,42%,.55) !important; padding:2px 4px 2px 18px !important;margin:18px 2px !important;} /* ════════════════════════════════════════════════ § D 绿头牌 · 行动选项 (.pga 横置牌) ════════════════════════════════════════════════ */ .markdown-body .pga{counter-reset:opt !important;margin:24px 0 !important;} .markdown-body .pga .pgh{text-align:center !important;font-size:12px !important;letter-spacing:.32em !important; color:hsl(38,14%,46%) !important;margin-bottom:14px !important;} .markdown-body .pga pre{counter-increment:opt !important;position:relative !important; background:hsl(42,38%,97%) !important;border:1px solid hsla(40,30%,40%,.45) !important; border-radius:8px 4px 4px 8px !important;margin:9px 0 !important;padding:11px 14px 11px 62px !important; box-shadow:0 3px 8px hsla(30,20%,20%,.08) !important;cursor:pointer !important;overflow:visible !important; transition:transform .16s ease,box-shadow .16s ease !important;} .markdown-body .pga pre:hover{transform:translateX(5px) !important;box-shadow:0 6px 14px hsla(30,20%,20%,.14) !important;} .markdown-body .pga pre::before{content:counter(opt,cjk-decimal) !important;position:absolute !important; left:0 !important;top:0 !important;bottom:0 !important;width:44px !important; background:hsl(35,17%,36%) !important;color:hsl(42,42%,94%) !important; border-radius:7px 0 0 7px !important;display:flex !important;align-items:center !important;justify-content:center !important; font-family:'STKaiti','KaiTi',serif !important;font-size:16px !important;} .markdown-body .pga pre::after{content:'' !important;position:absolute !important;left:48px !important; top:6px !important;bottom:6px !important;width:1px !important;background:hsla(40,36%,46%,.5) !important;} .markdown-body .pga pre code{background:transparent !important;border:none !important;padding:0 !important; font-family:'STKaiti','KaiTi',serif !important;font-size:15.5px !important;letter-spacing:0 !important; color:hsl(30,18%,17%) !important;white-space:pre-wrap !important;} /* ════════════════════════════════════════════════ § E 彤史 · 玩家面板 (.ts) ════════════════════════════════════════════════ */ .markdown-body .ts,.markdown-body .yp{background:hsl(42,36%,96%) !important; border:1px solid hsla(40,36%,46%,.4) !important;border-radius:4px !important; box-shadow:0 2px 10px hsla(30,20%,20%,.06) !important;} .markdown-body .ts>summary{display:flex !important;align-items:baseline !important;gap:12px !important; padding:11px 16px !important;border-bottom:1px solid hsla(40,36%,46%,.35) !important;} .markdown-body .ts .tst{background:hsl(35,16%,38%) !important;color:hsl(42,40%,94%) !important; font-family:'STKaiti','KaiTi',serif !important;font-size:12.5px !important;letter-spacing:.3em !important; text-indent:.3em !important;padding:2px 9px !important;border-radius:2px !important;} .markdown-body .ts .tsn{font-family:'STKaiti','KaiTi',serif !important;font-size:17px !important; letter-spacing:.14em !important;color:hsl(32,16%,22%) !important;} .markdown-body .ts .tsg{display:grid !important;grid-template-columns:1fr 1fr !important;gap:7px 28px !important; padding:14px 18px 6px !important;} .markdown-body .ts .tsc{display:flex !important;gap:10px !important;font-size:14.5px !important;line-height:1.85 !important; border-bottom:1px dashed hsla(40,36%,46%,.26) !important;padding-bottom:4px !important;} .markdown-body .ts .tsk{color:hsl(36,17%,37%) !important;font-size:13px !important;letter-spacing:.06em !important; white-space:nowrap !important;padding-top:1px !important;} .markdown-body .ts .tsv{color:hsl(30,18%,18%) !important;} .markdown-body .ts .tsp{margin:10px 18px 4px !important;padding:10px 14px 6px !important; background:hsla(12,40%,50%,.07) !important;border-radius:3px !important; display:grid !important;grid-template-columns:1fr 1fr !important;gap:6px 24px !important;} .markdown-body .ts .tsps{grid-column:1/-1 !important;font-family:'STKaiti','KaiTi',serif !important; font-size:12.5px !important;letter-spacing:.3em !important;color:hsl(12,50%,40%) !important;} .markdown-body .ts .tsr{display:flex !important;flex-wrap:wrap !important;gap:8px !important;padding:12px 18px 16px !important;} .markdown-body .ts .tsi{font-size:12px !important;letter-spacing:.1em !important;color:hsl(35,18%,32%) !important; border:1px solid hsla(35,20%,42%,.5) !important;padding:2px 10px !important;border-radius:2px !important;} .markdown-body .ts .tsi b{font-weight:normal !important;color:hsl(38,14%,46%) !important;margin-right:6px !important;} /* ════════════════════════════════════════════════ § F 腰牌 · NPC (.yp) ════════════════════════════════════════════════ */ .markdown-body .yp>summary{display:flex !important;align-items:center !important;gap:12px !important; padding:11px 16px !important;} .markdown-body .yp .ypk{width:13px !important;height:13px !important;flex:none !important; border:3px solid hsl(12,50%,40%) !important;border-radius:50% !important;position:relative !important;} .markdown-body .yp .ypk::after{content:'' !important;position:absolute !important;left:50% !important; top:100% !important;transform:translateX(-50%) !important;width:2.5px !important;height:14px !important; background:hsl(12,50%,40%) !important;opacity:.8 !important;} .markdown-body .yp .ypn{font-family:'STKaiti','KaiTi',serif !important;font-size:18px !important; letter-spacing:.12em !important;color:hsl(32,16%,22%) !important;} .markdown-body .yp .ypi{font-size:12.5px !important;color:hsl(38,14%,46%) !important;letter-spacing:.08em !important;} .markdown-body .yp .ypc{display:flex !important;gap:8px !important;padding:2px 16px 8px !important;} .markdown-body .yp .ypch{font-size:12px !important;letter-spacing:.14em !important;color:hsl(35,18%,32%) !important; border:1px solid hsla(35,20%,42%,.5) !important;padding:2px 10px !important;border-radius:2px !important;} .markdown-body .yp .yps{margin:0 16px 10px !important;font-size:14.5px !important;line-height:1.85 !important; color:hsl(32,16%,26%) !important;} .markdown-body .yp .ypr{display:flex !important;gap:10px !important;margin:0 16px 7px !important; font-size:14.5px !important;line-height:1.85 !important;border-bottom:1px dashed hsla(40,36%,46%,.24) !important; padding-bottom:4px !important;} .markdown-body .yp .ypl{color:hsl(36,17%,37%) !important;font-size:13px !important;letter-spacing:.06em !important; white-space:nowrap !important;padding-top:1px !important;} .markdown-body .yp .ypp{margin:8px 16px 14px !important;padding:8px 12px 4px !important; background:hsla(12,40%,50%,.07) !important;border-radius:3px !important;} .markdown-body .yp .ypps{font-family:'STKaiti','KaiTi',serif !important;font-size:12.5px !important; letter-spacing:.3em !important;color:hsl(12,50%,40%) !important;margin-bottom:6px !important;} .markdown-body .yp .ypp .ypr{margin:0 0 6px !important;border-bottom-color:hsla(12,40%,50%,.2) !important;} /* ════════════════════════════════════════════════ § G 风语笺 · 暗流 (.fy) ════════════════════════════════════════════════ */ .markdown-body .fy{display:flex !important;align-items:stretch !important;gap:12px !important;margin:0 0 14px !important;} .markdown-body .fy .fyt{writing-mode:vertical-rl !important;background:hsl(35,16%,38%) !important; color:hsl(42,40%,94%) !important;font-family:'STKaiti','KaiTi',serif !important;font-size:12.5px !important; letter-spacing:.3em !important;padding:10px 6px !important;border-radius:2px !important;flex:none !important;} .markdown-body .fy .fyi{flex:1 !important;background:hsl(42,36%,96%) !important; border:1px solid hsla(40,36%,46%,.35) !important;border-left:3px solid hsla(35,20%,42%,.6) !important; border-radius:0 3px 3px 0 !important;padding:11px 14px !important;font-size:14px !important; line-height:1.85 !important;color:hsl(33,16%,26%) !important;} /* ════════════════════════════════════════════════ § H 起居注 · 记忆 (.qj) ════════════════════════════════════════════════ */ .markdown-body .qj{background:hsl(42,36%,96%) !important;border:1px solid hsla(40,36%,46%,.4) !important; border-radius:4px !important;box-shadow:0 2px 10px hsla(30,20%,20%,.06) !important;} .markdown-body .qj>summary{display:flex !important;align-items:baseline !important;gap:14px !important; padding:10px 16px !important;} .markdown-body .qj .qjt{background:hsl(40,36%,46%) !important;color:hsl(42,42%,96%) !important; font-family:'STKaiti','KaiTi',serif !important;font-size:12.5px !important;letter-spacing:.3em !important; text-indent:.3em !important;padding:2px 9px !important;border-radius:2px !important;} .markdown-body .qj .qjn{font-size:12.5px !important;color:hsl(38,14%,46%) !important;letter-spacing:.08em !important; font-variant-numeric:tabular-nums !important;} .markdown-body .qj table{width:100% !important;border-collapse:collapse !important;font-size:12.5px !important; background:transparent !important;} .markdown-body .qj th{font-family:'STKaiti','KaiTi',serif !important;font-weight:normal !important; color:hsl(38,14%,46%) !important;border-bottom:1px solid hsla(40,36%,46%,.45) !important; padding:5px 8px !important;letter-spacing:.1em !important;} .markdown-body .qj td{border-bottom:1px dashed hsla(40,36%,46%,.25) !important;padding:5px 8px !important; color:hsl(32,16%,26%) !important;line-height:1.7 !important;} .markdown-body .qj details{margin:4px 12px 12px !important;} .markdown-body .qj details>summary{font-size:12.5px !important;color:hsl(38,14%,46%) !important; letter-spacing:.16em !important;padding:5px 4px !important;} .markdown-body .qj pre{background:transparent !important;border:none !important;margin:0 !important; padding:2px 4px !important;font-size:12.5px !important;color:hsl(35,14%,34%) !important; white-space:pre-wrap !important;} /* ════════════════════════════════════════════════ § Z 组件层响应式 (≤640px) ════════════════════════════════════════════════ */ @media (max-width:640px){ .markdown-body .gong{padding:10px 10px 14px !important;} .markdown-body .dang .dbd,.markdown-body .ts .tsg,.markdown-body .ts .tsp{grid-template-columns:1fr !important;} .markdown-body .pga pre{padding:10px 12px 10px 54px !important;} .markdown-body .pga pre::before{width:38px !important;font-size:14.5px !important;} .markdown-body .pga pre::after{left:42px !important;} .markdown-body .dang>summary{flex-wrap:wrap !important;gap:8px !important;} } /* ── 可读性补强（2026-07-20 真机反馈：字段区发糊 / 层次塌平） ── */ .markdown-body .gong .tou .td, .markdown-body .dang .dtab, .markdown-body .ts .tst, .markdown-body .fy .fyt, .markdown-body .qj .qjt, .markdown-body .ts .tsn, .markdown-body .yp .ypn{font-family:'STKaiti','KaiTi',serif !important;} /* 面板比容器再亮一档，边框加重，层次不塌 */ .markdown-body .dang, .markdown-body .ts, .markdown-body .yp, .markdown-body .qj, .markdown-body .fy .fyi{ background:hsl(44,44%,97.5%) !important;border-color:hsla(40,36%,44%,.5) !important;} /* 字段行分隔线加重一档，长值换行时仍分得清 */ .markdown-body .dang .drow, .markdown-body .ts .tsc, .markdown-body .yp .ypr{ border-bottom-color:hsla(40,34%,44%,.4) !important;} /* 字段名右对齐定宽，值左边缘对齐 → 扫读成列不参差 */ .markdown-body .dang .dk, .markdown-body .ts .tsk{ min-width:4.6em !important;text-align:right !important;flex:none !important;} .markdown-body .yp .ypl{min-width:4.6em !important;text-align:right !important;flex:none !important;} /* ════════════════════════════════════════════════ § B3 氛围层 · 天气带(.sc) / 地点层级(loc) / 时局(.drw) 全 CSS 描画，零外链、零文本符号字形；尊重 prefers-reduced-motion ════════════════════════════════════════════════ */ /* ── 天气带：抬头之下一条窄氛围条 ── */ .markdown-body .gong .sc{position:relative !important;height:34px !important;margin:-6px 2px 16px !important; border-radius:3px !important;overflow:hidden !important; background:linear-gradient(180deg,hsl(42,34%,94%),hsl(42,30%,90%)) !important; border:1px solid hsla(40,34%,46%,.3) !important;} .markdown-body .gong .sc::before,.markdown-body .gong .sc::after{content:'' !important;position:absolute !important; inset:0 !important;pointer-events:none !important;} /* 晴：暖光晕缓脉 */ .markdown-body .gong .sc[data-env*="clear"]{background:linear-gradient(180deg,hsl(44,52%,94%),hsl(42,40%,88%)) !important;} .markdown-body .gong .sc[data-env*="clear"]::before{ background:radial-gradient(circle at 82% 46%,hsla(45,80%,72%,.55),transparent 62%) !important; animation:zhSun 7s ease-in-out infinite !important;} @keyframes zhSun{0%,100%{opacity:.55}50%{opacity:.95}} /* 雨：斜雨丝下落 */ .markdown-body .gong .sc[data-env*="rain"]{background:linear-gradient(180deg,hsl(200,14%,88%),hsl(205,12%,82%)) !important;} .markdown-body .gong .sc[data-env*="rain"]::before{ background:repeating-linear-gradient(102deg,hsla(205,26%,52%,.42) 0 1px,transparent 1px 9px) !important; animation:zhRain .55s linear infinite !important;} @keyframes zhRain{from{transform:translate3d(0,-14px,0)}to{transform:translate3d(-3px,14px,0)}} /* 雪：白点飘落 */ .markdown-body .gong .sc[data-env*="snow"]{background:linear-gradient(180deg,hsl(210,16%,93%),hsl(210,12%,87%)) !important;} .markdown-body .gong .sc[data-env*="snow"]::before{ background:radial-gradient(circle,hsla(0,0%,100%,.95) 1.2px,transparent 1.6px) 0 0/22px 22px, radial-gradient(circle,hsla(0,0%,100%,.7) 1px,transparent 1.4px) 9px 11px/17px 17px !important; animation:zhSnow 6s linear infinite !important;} @keyframes zhSnow{from{transform:translate3d(0,-22px,0)}to{transform:translate3d(6px,22px,0)}} /* 雾：白雾横漂 */ .markdown-body .gong .sc[data-env*="fog"]{background:linear-gradient(180deg,hsl(40,12%,90%),hsl(40,10%,85%)) !important;} .markdown-body .gong .sc[data-env*="fog"]::before{ background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.75),transparent) !important; background-size:60% 100% !important;background-repeat:no-repeat !important; animation:zhFog 11s ease-in-out infinite !important;} @keyframes zhFog{0%{background-position:-60% 0}100%{background-position:160% 0}} /* 夜：深蓝底 + 星点明灭 */ .markdown-body .gong .sc[data-env*="night"]{background:linear-gradient(180deg,hsl(224,22%,26%),hsl(224,26%,18%)) !important; border-color:hsla(224,20%,44%,.5) !important;} .markdown-body .gong .sc[data-env*="night"]::before{ background:radial-gradient(circle,hsla(45,70%,88%,.9) .9px,transparent 1.3px) 4px 6px/26px 20px, radial-gradient(circle,hsla(45,60%,84%,.6) .8px,transparent 1.2px) 15px 14px/33px 26px !important; animation:zhStar 3.6s ease-in-out infinite !important;} @keyframes zhStar{0%,100%{opacity:.45}50%{opacity:1}} /* 雷暴：密雨 + 闪电 */ .markdown-body .gong .sc[data-env*="storm"]{background:linear-gradient(180deg,hsl(220,14%,52%),hsl(220,16%,38%)) !important; border-color:hsla(220,16%,40%,.6) !important;} .markdown-body .gong .sc[data-env*="storm"]::before{ background:repeating-linear-gradient(100deg,hsla(210,20%,88%,.5) 0 1px,transparent 1px 6px) !important; animation:zhRain .4s linear infinite !important;} .markdown-body .gong .sc[data-env*="storm"]::after{ background:linear-gradient(180deg,hsla(48,90%,92%,.85),transparent 55%) !important; opacity:0 !important;animation:zhFlash 6s steps(1,end) infinite !important;} @keyframes zhFlash{0%,92%{opacity:0}93%{opacity:.9}94%{opacity:.1}95%{opacity:.7}97%,100%{opacity:0}} /* ── 地点层级 loc：越近内廷越重 ── */ .markdown-body .gong .tou loc{display:inline-block !important;margin-left:auto !important; font-family:'STKaiti','KaiTi',serif !important;font-size:13.5px !important;letter-spacing:.1em !important; padding:2px 11px !important;border-radius:2px !important;white-space:nowrap !important;} .markdown-body .gong .tou loc[t="1"]{background:hsl(12,50%,38%) !important;color:hsl(44,52%,92%) !important; box-shadow:0 1px 5px hsla(12,50%,38%,.35) !important;} .markdown-body .gong .tou loc[t="2"]{background:hsl(35,18%,34%) !important;color:hsl(44,46%,93%) !important;} .markdown-body .gong .tou loc[t="3"]{background:hsla(40,30%,52%,.2) !important;color:hsl(34,20%,32%) !important; border:1px solid hsla(40,34%,46%,.55) !important;} .markdown-body .gong .tou loc[t="4"]{background:transparent !important;color:hsl(36,17%,42%) !important; border:1px dashed hsla(40,30%,48%,.6) !important;} /* ── 时局：档内最重一行 ── */ .markdown-body .dang .drw{border-bottom-width:2px !important;border-bottom-color:hsla(12,46%,44%,.4) !important;} .markdown-body .dang .drw .dk{color:hsl(12,46%,38%) !important;} .markdown-body .dang .drw .dv b{font-size:15.5px !important;letter-spacing:.1em !important; color:hsl(12,54%,40%) !important;} @media (prefers-reduced-motion:reduce){ .markdown-body .gong .sc::before,.markdown-body .gong .sc::after{animation:none !important;} } /* ════════════════════════════════════════════════ § D2 字色穿透 · 反"发淡"（2026-07-20 真机反馈） 根因：平台代码高亮把选项文字拆进 code 内层 （可能还带 inline style）， 颜色只设在 code 上够不到里层 → 渲染成浅灰。 修法：!important 强制穿透到 code 的所有后代（!important 亦压过 inline style）。 ════════════════════════════════════════════════ */ .markdown-body .pga pre code, .markdown-body .pga pre code *, .markdown-body .pga pre code span, .markdown-body .pga pre code [class*="token"], .markdown-body .pga pre code [class*="hljs"]{ color:hsl(30,20%,16%) !important; -webkit-text-fill-color:hsl(30,20%,16%) !important; /* 防高亮器用 text-fill-color */ opacity:1 !important; background:transparent !important; font-family:'STKaiti','KaiTi',serif !important; font-size:15.5px !important; font-style:normal !important; text-shadow:none !important;} /* ── 其余偏淡处一并加深（同轮真机观感） ── */ /* 银盘提示语 */ .markdown-body .pga .pgh{color:hsl(34,20%,38%) !important;} /* 抬头：时辰 / 节令 */ .markdown-body .gong .tou .tt, .markdown-body .gong .tou .tj{color:hsl(34,18%,36%) !important;} /* 敬事房档头的宫苑·时辰·节令 */ .markdown-body .dang .dloc{color:hsl(34,18%,36%) !important;} /* 腰牌 summary 的位分身份、彤史私状标 */ .markdown-body .yp .ypi{color:hsl(34,18%,36%) !important;} /* 起居注头部计数 */ .markdown-body .qj .qjn{color:hsl(34,18%,38%) !important;} /* 风语正文再实一档 */ .markdown-body .fy .fyi{color:hsl(32,17%,23%) !important;} /* ════ DARK-START ════ */ /* ════════════════════════════════════════════════ § N 站内夜间模式适配（平台 .dark 标记） ──────────────────────────────────────────────── · 原白天样式一字不改，仅在此段追加夜间覆盖 · 必须用后缀 :is(.dark *)；`.dark 前缀`在平台作用域前缀下不生效 · 禁 @media(prefers-color-scheme)（跟系统而非站内开关） · 凡设背景处必设 color，防夜间「灰底黑字」 夜色母题：深宫夜阑——墨夜绢底 × 竹青提亮 × 朱砂灯火 × 泥金细线 ════════════════════════════════════════════════ */ body:is(.dark *), #root:is(.dark *), .h-screen:is(.dark *) { color: hsl(40, 18%, 85%) !important; } .sticky.w-full.top-0.flex.items-center:is(.dark *) { background: linear-gradient(90deg, hsl(35, 10%, 15.1%), hsl(35, 10%, 17%)) !important; border-bottom: 1px solid hsla(42, 28%, 52%, 0.3) !important; } #ai-model-selector .group.flex.items-center:hover:is(.dark *) { background: hsl(35, 9%, 21%) !important; border-color: hsla(42, 28%, 52%, 0.3) !important; } #ai-model-selector .truncate.text-\[13px\]:is(.dark *) { color: hsl(40, 18%, 85%) !important; } .sticky.w-full.top-0 svg:is(.dark *) { color: hsl(35, 28%, 55%) !important; } .sticky.w-full.top-0 svg:hover:is(.dark *), #header-setting-button:hover svg:is(.dark *) { color: hsl(40, 18%, 85%) !important; } .shadow-lg.border-r.border-gray-200:is(.dark *) { background: hsl(35, 10%, 16.3%) !important; border-right: 1px solid hsla(42, 28%, 52%, 0.3) !important; } .conversation-text:is(.dark *) { color: hsl(40, 18%, 85%) !important; } div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:is(.dark *) { background: hsl(35, 10%, 13.2%) !important; border: 1px solid hsl(35, 24%, 42%) !important; } div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover:is(.dark *) { border-color: hsla(42, 28%, 52%, 0.3) !important; } div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] svg:is(.dark *) { color: hsl(35, 28%, 55%) !important; } div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover svg:is(.dark *) { color: hsl(40, 18%, 85%) !important; } .bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90):is(.dark *) { background: hsl(35, 22%, 27%) !important; color: hsl(40, 20%, 92%) !important; border: 1px solid hsl(35, 24%, 42%) !important; border-left: 3px solid hsl(12, 46%, 46%) !important; } .markdown-body:is(.dark *) { color: hsl(40, 18%, 85%) !important; } .markdown-body p:is(.dark *) { color: hsl(40, 18%, 85%) !important; } .markdown-body strong:is(.dark *), .markdown-body b:is(.dark *) { color: hsl(40, 18%, 85%) !important; } .markdown-body em:is(.dark *), .markdown-body i:is(.dark *) { color: hsl(35, 28%, 55%) !important; } .markdown-body h1:is(.dark *), .markdown-body h2:is(.dark *), .markdown-body h3:is(.dark *), .markdown-body h4:is(.dark *) { color: hsl(40, 18%, 85%) !important; border-bottom: 1px solid hsla(42, 28%, 52%, 0.3) !important; } .markdown-body code:is(.dark *) { background: hsl(35, 10%, 12.6%) !important; color: hsl(35, 28%, 55%) !important; border: 1px solid hsla(42, 28%, 52%, 0.3) !important; } .markdown-body pre:is(.dark *) { background: hsl(35, 10%, 15.1%) !important; border: 1px solid hsla(42, 28%, 52%, 0.3) !important; } .markdown-body pre code:is(.dark *) { color: hsl(40, 18%, 85%) !important; } .markdown-body blockquote:is(.dark *) { border-left: 3px solid hsl(12, 46%, 46%) !important; background: hsl(35, 10%, 14.5%) !important; color: hsl(40, 18%, 85%) !important; } .markdown-body hr:is(.dark *) { border-top: 1px solid hsla(42, 28%, 52%, 0.3) !important; } .markdown-body a:is(.dark *) { color: hsl(35, 28%, 55%) !important; } .markdown-body a:hover:is(.dark *) { color: hsl(40, 18%, 85%) !important; } .markdown-body table th:is(.dark *) { background: hsl(35, 10%, 12%) !important; color: hsl(40, 18%, 85%) !important; border: 1px solid hsla(42, 28%, 52%, 0.3) !important; } .markdown-body table td:is(.dark *) { border: 1px solid hsla(42, 28%, 52%, 0.3) !important; color: hsl(40, 18%, 85%) !important; } .markdown-body table tr:nth-child(even):is(.dark *) { background: hsl(35, 10%, 15.1%) !important; } .markdown-body ul li:is(.dark *)::marker, .markdown-body ol li:is(.dark *)::marker { color: hsl(12, 58%, 63%) !important; } .flex.items-center.justify-center.w-6.h-5:is(.dark *)::before { background: radial-gradient(ellipse, hsla(42, 30%, 58%, 0.1), transparent 70%) !important; } .flex.items-center.justify-center.w-6.h-5:is(.dark *)::after { color: hsl(44, 44%, 62%) !important; } #ai-chat-bottom-input:is(.dark *) { background: hsl(35, 10%, 17%) !important; border-top: 1px solid hsla(42, 28%, 52%, 0.3) !important; } #ai-chat-input:is(.dark *) { background: hsl(35, 10%, 13.2%) !important; color: hsl(40, 18%, 85%) !important; caret-color: hsl(40, 18%, 85%) !important; border: 1px solid hsl(35, 24%, 42%) !important; } #ai-chat-input:focus:is(.dark *) { border-color: hsla(42, 28%, 52%, 0.3) !important; } #ai-chat-input:is(.dark *)::placeholder { color: hsl(38, 14%, 64%) !important; } #ai-chat-input:is(.dark *)::selection { background: hsl(12, 42%, 30%) !important; color: hsl(40, 18%, 85%) !important; } textarea.rc-textarea:is(.dark *) { background: hsl(35, 10%, 13.2%) !important; color: hsl(40, 18%, 85%) !important; border: 1px solid hsl(35, 24%, 42%) !important; } textarea.rc-textarea:is(.dark *)::placeholder { color: hsl(38, 14%, 64%) !important; } #ai-mod-button2 button.MuiButton-root:is(.dark *) { color: hsl(35, 28%, 55%) !important; border: 1px solid hsl(35, 24%, 42%) !important; } #ai-mod-button2 button.MuiButton-root:hover:is(.dark *) { background: hsl(35, 9%, 21%) !important; border-color: hsl(12, 46%, 46%) !important; color: hsl(40, 18%, 85%) !important; } .style_divider__mW0YX:is(.dark *) { background: linear-gradient(to right, transparent, hsl(35, 10%, 17%), transparent) !important; } .MuiPaginationItem-root:is(.dark *) { color: hsl(38, 14%, 64%) !important; } .MuiPaginationItem-root:hover:is(.dark *) { background: hsl(35, 9%, 21%) !important; color: hsl(40, 18%, 85%) !important; } .MuiPaginationItem-root.Mui-selected:is(.dark *) { background: hsl(12, 42%, 30%) !important; color: hsl(40, 18%, 85%) !important; border: 1px solid hsla(42, 28%, 52%, 0.3) !important; } .MuiInputBase-input:is(.dark *) { color: hsl(40, 18%, 85%) !important; background: hsl(35, 10%, 13.2%) !important; } .MuiDialog-paper:is(.dark *) { background: hsl(35, 10%, 15.1%) !important; color: hsl(40, 18%, 85%) !important; border: 1px solid hsla(42, 28%, 52%, 0.3) !important; } .MuiButton-contained:is(.dark *), button.MuiButton-containedPrimary:is(.dark *) { background: hsl(12, 42%, 30%) !important; color: hsl(40, 18%, 85%) !important; border: 1px solid hsl(12, 46%, 46%) !important; } .MuiButton-contained:hover:is(.dark *), button.MuiButton-containedPrimary:hover:is(.dark *) { background: hsl(12, 42%, 30%) !important; } .MuiButton-outlined:is(.dark *), button.MuiButton-outlinedPrimary:is(.dark *) { color: hsl(35, 28%, 55%) !important; border: 1px solid hsl(35, 24%, 42%) !important; } .MuiButton-outlined:hover:is(.dark *), button.MuiButton-outlinedPrimary:hover:is(.dark *) { background: hsl(35, 22%, 27%) !important; border-color: hsla(42, 28%, 52%, 0.3) !important; color: hsl(40, 18%, 85%) !important; } div[class*="w-full"][class*="bg-white"][class*="bottom-0"]:is(.dark *) { background: hsl(35, 10%, 16.3%) !important; color: hsl(40, 18%, 85%) !important; } div.text-lg.font-bold:is(.dark *) { color: hsl(40, 18%, 85%) !important; } p.MuiTypography-body1:is(.dark *) { color: hsl(38, 14%, 64%) !important; } span.MuiRating-iconEmpty svg:is(.dark *) { color: hsl(35, 28%, 55%) !important; } span.MuiRating-iconFilled svg:is(.dark *) { color: hsl(40, 18%, 85%) !important; } span.text-orange-500:is(.dark *) { color: hsl(40, 18%, 85%) !important; } div.group.ml-0:is(.dark *) { background: hsl(35, 10%, 13.9%) !important; border-left: 3px solid hsl(35, 24%, 42%) !important; } div.group.ml-0:hover:is(.dark *) { border-left-color: hsla(42, 28%, 52%, 0.3) !important; } div.break-all:is(.dark *) { color: hsl(40, 18%, 85%) !important; } div.text-xs.text-grey-600:is(.dark *), div.text-sm.text-grey-600:is(.dark *) { color: hsl(38, 14%, 64%) !important; } div.text-sm.text-grey-600 span.font-bold:is(.dark *) { color: hsl(40, 18%, 85%) !important; } span.text-\[10px\]:is(.dark *) { background: hsl(12, 42%, 30%) !important; color: hsl(40, 18%, 85%) !important; } div.flex.flex-col.border-gray-200:is(.dark *) { border-color: hsl(35, 24%, 42%) !important; } div.group img.rounded-full:is(.dark *) { border: 2px solid hsl(35, 24%, 42%) !important; } div.ml-8.border-l:is(.dark *) { border-left-color: hsl(35, 24%, 42%) !important; } button.text-gray-400:is(.dark *) { color: hsl(35, 28%, 55%) !important; } button.text-gray-400:hover:is(.dark *) { color: hsl(12, 58%, 63%) !important; } span.cursor-pointer:is(.dark *) { color: hsl(35, 28%, 55%) !important; } span.cursor-pointer:hover:is(.dark *) { color: hsl(40, 18%, 85%) !important; } :is(.dark *)::-webkit-scrollbar-track { background: hsl(35, 10%, 17.6%) !important; } :is(.dark *)::-webkit-scrollbar-thumb { background: hsl(35, 9%, 21%) !important; } :is(.dark *)::-webkit-scrollbar-thumb:hover { background: hsl(35, 10%, 17%) !important; } @media (max-width: 480px):is(.dark *) { color: hsl(40, 18%, 85%) !important; } .markdown-body .gong:is(.dark *) { background: hsl(35, 10%, 17%) !important; color: hsl(40, 18%, 85%) !important; border: 1px solid hsla(42, 28%, 52%, 0.34) !important; } .markdown-body .dang:is(.dark *) { background: hsl(35, 10%, 18.8%) !important; border: 1px solid hsla(42, 28%, 52%, 0.34) !important; } .markdown-body .dang .dtab:is(.dark *) { background: hsl(35, 22%, 27%) !important; color: hsl(40, 20%, 92%) !important; } .markdown-body .dang .dloc:is(.dark *) { color: hsl(38, 14%, 64%) !important; } .markdown-body .dang .drow:is(.dark *) { border-bottom: 1px dashed hsla(42, 28%, 52%, 0.3) !important; } .markdown-body .dang .dk:is(.dark *) { color: hsl(40, 18%, 85%) !important; } .markdown-body .dang .dv:is(.dark *) { color: hsl(40, 18%, 85%) !important; } .markdown-body .dang .dv b:is(.dark *) { color: hsl(12, 58%, 63%) !important; } .markdown-body .gong .tou:is(.dark *) { border-bottom: 1px solid hsla(42, 28%, 52%, 0.34) !important; color: hsl(40, 18%, 85%) !important; } .markdown-body .gong .tou .td:is(.dark *) { color: hsl(40, 18%, 85%) !important; } .markdown-body .gong .tou .tl:is(.dark *) { color: hsl(35, 28%, 55%) !important; } .markdown-body .gong .wen:is(.dark *) { color: hsl(40, 18%, 85%) !important; border-left: 2px solid hsla(35, 24%, 42%, 0.55) !important; } .markdown-body .pga .pgh:is(.dark *) { color: hsl(38, 14%, 64%) !important; } .markdown-body .pga pre:is(.dark *) { background: hsl(35, 10%, 19.4%) !important; border: 1px solid hsla(42, 28%, 52%, 0.34) !important; } .markdown-body .pga pre:is(.dark *)::before { background: hsl(35, 22%, 27%) !important; color: hsl(40, 20%, 92%) !important; } .markdown-body .pga pre:is(.dark *)::after { background: hsla(35, 10%, 17%, 0.5) !important; } .markdown-body .pga pre code:is(.dark *) { color: hsl(40, 18%, 85%) !important; } .markdown-body .ts:is(.dark *), .markdown-body .yp:is(.dark *) { background: hsl(35, 10%, 18.8%) !important; border: 1px solid hsla(42, 28%, 52%, 0.34) !important; } .markdown-body .ts>summary:is(.dark *) { border-bottom: 1px solid hsla(42, 28%, 52%, 0.34) !important; } .markdown-body .ts .tst:is(.dark *) { background: hsl(35, 22%, 27%) !important; color: hsl(40, 20%, 92%) !important; } .markdown-body .ts .tsn:is(.dark *) { color: hsl(40, 18%, 85%) !important; } .markdown-body .ts .tsc:is(.dark *) { border-bottom: 1px dashed hsla(42, 28%, 52%, 0.26) !important; } .markdown-body .ts .tsk:is(.dark *) { color: hsl(40, 18%, 85%) !important; } .markdown-body .ts .tsv:is(.dark *) { color: hsl(40, 18%, 85%) !important; } .markdown-body .ts .tsp:is(.dark *) { background: hsla(12, 52%, 56%, 0.1) !important; } .markdown-body .ts .tsps:is(.dark *) { color: hsl(12, 58%, 63%) !important; } .markdown-body .ts .tsi:is(.dark *) { color: hsl(35, 28%, 55%) !important; border: 1px solid hsla(35, 24%, 42%, 0.5) !important; } .markdown-body .ts .tsi b:is(.dark *) { color: hsl(38, 14%, 64%) !important; } .markdown-body .yp .ypk:is(.dark *) { border: 3px solid hsl(12, 46%, 46%) !important; } .markdown-body .yp .ypk:is(.dark *)::after { background: hsl(12, 42%, 30%) !important; } .markdown-body .yp .ypn:is(.dark *) { color: hsl(40, 18%, 85%) !important; } .markdown-body .yp .ypi:is(.dark *) { color: hsl(38, 14%, 64%) !important; } .markdown-body .yp .ypch:is(.dark *) { color: hsl(35, 28%, 55%) !important; border: 1px solid hsla(35, 24%, 42%, 0.5) !important; } .markdown-body .yp .yps:is(.dark *) { color: hsl(40, 18%, 85%) !important; } .markdown-body .yp .ypr:is(.dark *) { border-bottom: 1px dashed hsla(42, 28%, 52%, 0.24) !important; } .markdown-body .yp .ypl:is(.dark *) { color: hsl(40, 18%, 85%) !important; } .markdown-body .yp .ypp:is(.dark *) { background: hsla(12, 52%, 56%, 0.1) !important; } .markdown-body .yp .ypps:is(.dark *) { color: hsl(12, 58%, 63%) !important; } .markdown-body .yp .ypp .ypr:is(.dark *) { border-bottom-color: hsla(12, 46%, 46%, 0.2) !important; } .markdown-body .fy .fyt:is(.dark *) { background: hsl(35, 22%, 27%) !important; color: hsl(40, 20%, 92%) !important; } .markdown-body .fy .fyi:is(.dark *) { background: hsl(35, 10%, 18.8%) !important; border: 1px solid hsla(42, 28%, 52%, 0.34) !important; border-left: 3px solid hsla(35, 24%, 42%, 0.6) !important; color: hsl(40, 18%, 85%) !important; } .markdown-body .qj:is(.dark *) { background: hsl(35, 10%, 18.8%) !important; border: 1px solid hsla(42, 28%, 52%, 0.34) !important; } .markdown-body .qj .qjt:is(.dark *) { background: hsl(35, 10%, 17%) !important; color: hsl(40, 20%, 92%) !important; } .markdown-body .qj .qjn:is(.dark *) { color: hsl(38, 14%, 64%) !important; } .markdown-body .qj th:is(.dark *) { color: hsl(38, 14%, 64%) !important; border-bottom: 1px solid hsla(42, 28%, 52%, 0.34) !important; } .markdown-body .qj td:is(.dark *) { border-bottom: 1px dashed hsla(42, 28%, 52%, 0.25) !important; color: hsl(40, 18%, 85%) !important; } .markdown-body .qj details>summary:is(.dark *) { color: hsl(38, 14%, 64%) !important; } .markdown-body .qj pre:is(.dark *) { color: hsl(40, 18%, 85%) !important; } .markdown-body .dang:is(.dark *), .markdown-body .ts:is(.dark *), .markdown-body .yp:is(.dark *), .markdown-body .qj:is(.dark *), .markdown-body .fy .fyi:is(.dark *) { background: hsl(35, 10%, 19.8%) !important; border-color: hsla(42, 28%, 52%, 0.34) !important; } .markdown-body .dang .drow:is(.dark *), .markdown-body .ts .tsc:is(.dark *), .markdown-body .yp .ypr:is(.dark *) { border-bottom-color: hsla(42, 28%, 52%, 0.34) !important; } .markdown-body .gong .sc:is(.dark *) { background: linear-gradient(180deg,hsl(35, 10%, 17.6%),hsl(35, 10%, 15.1%)) !important; border: 1px solid hsla(42, 28%, 52%, 0.3) !important; } .markdown-body .gong .sc[data-env*="clear"]:is(.dark *) { background: linear-gradient(180deg,hsl(35, 10%, 17.6%),hsl(35, 10%, 13.9%)) !important; } .markdown-body .gong .sc[data-env*="clear"]:is(.dark *)::before { background: radial-gradient(circle at 82% 46%,hsla(35, 9%, 21%, 0.55),transparent 62%) !important; } .markdown-body .gong .sc[data-env*="rain"]:is(.dark *) { background: linear-gradient(180deg,hsl(35, 10%, 13.9%),hsl(35, 9%, 21%)) !important; } .markdown-body .gong .sc[data-env*="rain"]:is(.dark *)::before { background: repeating-linear-gradient(102deg,hsla(35, 10%, 17%, 0.42) 0 1px,transparent 1px 9px) !important; } .markdown-body .gong .sc[data-env*="snow"]:is(.dark *) { background: linear-gradient(180deg,hsl(35, 10%, 17%),hsl(35, 10%, 13.2%)) !important; } .markdown-body .gong .sc[data-env*="snow"]:is(.dark *)::before { background: radial-gradient(circle,hsla(35, 10%, 20.5%, 0.95) 1.2px,transparent 1.6px) 0 0/22px 22px, radial-gradient(circle,hsla(35, 10%, 20.5%, 0.7) 1px,transparent 1.4px) 9px 11px/17px 17px !important; } .markdown-body .gong .sc[data-env*="fog"]:is(.dark *) { background: linear-gradient(180deg,hsl(35, 10%, 15.1%),hsl(35, 10%, 12%)) !important; } .markdown-body .gong .sc[data-env*="fog"]:is(.dark *)::before { background: linear-gradient(90deg,transparent,hsla(35, 10%, 20.5%, 0.75),transparent) !important; } .markdown-body .gong .sc[data-env*="night"]:is(.dark *) { background: linear-gradient(180deg,hsl(224, 22%, 23%),hsl(224, 26%, 15%)) !important; border-color: hsla(42, 28%, 52%, 0.34) !important; } .markdown-body .gong .sc[data-env*="night"]:is(.dark *)::before { background: radial-gradient(circle,hsla(35, 10%, 13.9%, 0.9) .9px,transparent 1.3px) 4px 6px/26px 20px, radial-gradient(circle,hsla(35, 9%, 21%, 0.6) .8px,transparent 1.2px) 15px 14px/33px 26px !important; } .markdown-body .gong .sc[data-env*="storm"]:is(.dark *) { background: linear-gradient(180deg,hsl(35, 10%, 17%),hsl(35, 10%, 17%)) !important; border-color: hsla(42, 28%, 52%, 0.34) !important; } .markdown-body .gong .sc[data-env*="storm"]:is(.dark *)::before { background: repeating-linear-gradient(100deg,hsla(35, 10%, 13.9%, 0.5) 0 1px,transparent 1px 6px) !important; } .markdown-body .gong .sc[data-env*="storm"]:is(.dark *)::after { background: linear-gradient(180deg,hsla(35, 10%, 16.3%, 0.85),transparent 55%) !important; } .markdown-body .gong .tou loc[t="1"]:is(.dark *) { background: hsl(12, 42%, 30%) !important; color: hsl(40, 20%, 92%) !important; } .markdown-body .gong .tou loc[t="2"]:is(.dark *) { background: hsl(35, 22%, 27%) !important; color: hsl(40, 20%, 92%) !important; } .markdown-body .gong .tou loc[t="3"]:is(.dark *) { background: hsla(42, 30%, 58%, 0.14) !important; color: hsl(40, 18%, 85%) !important; border: 1px solid hsla(42, 28%, 52%, 0.34) !important; } .markdown-body .gong .tou loc[t="4"]:is(.dark *) { color: hsl(40, 18%, 85%) !important; border: 1px dashed hsla(42, 28%, 52%, 0.34) !important; } .markdown-body .dang .drw:is(.dark *) { border-bottom-color: hsla(12, 46%, 46%, 0.4) !important; } .markdown-body .dang .drw .dk:is(.dark *) { color: hsl(12, 58%, 63%) !important; } .markdown-body .dang .drw .dv b:is(.dark *) { color: hsl(12, 58%, 63%) !important; } .markdown-body .pga pre code:is(.dark *), .markdown-body .pga pre code *:is(.dark *), .markdown-body .pga pre code span:is(.dark *), .markdown-body .pga pre code [class*="token"]:is(.dark *), .markdown-body .pga pre code [class*="hljs"]:is(.dark *) { color: hsl(40, 18%, 85%) !important; -webkit-text-fill-color: hsl(40, 18%, 85%) !important; } .markdown-body .pga .pgh:is(.dark *) { color: hsl(40, 18%, 85%) !important; } .markdown-body .gong .tou .tt:is(.dark *), .markdown-body .gong .tou .tj:is(.dark *) { color: hsl(40, 18%, 85%) !important; } .markdown-body .dang .dloc:is(.dark *) { color: hsl(40, 18%, 85%) !important; } .markdown-body .yp .ypi:is(.dark *) { color: hsl(40, 18%, 85%) !important; } .markdown-body .qj .qjn:is(.dark *) { color: hsl(40, 18%, 85%) !important; } .markdown-body .fy .fyi:is(.dark *) { color: hsl(40, 18%, 85%) !important; } /* ── 夜间兜底：白天靠继承取色的文本容器，夜间显式钉一次，杜绝「深底黑字」 ── （滚动条/分隔线/穗结等纯装饰伪元素不含文本，无需设 color） */ .shadow-lg.border-r.border-gray-200:is(.dark *), #ai-chat-bottom-input:is(.dark *), div.group.ml-0:is(.dark *), .markdown-body table tr:nth-child(even):is(.dark *), .markdown-body .ts .tsp:is(.dark *) { color: hsl(40, 18%, 85%) !important; } .MuiButton-contained:hover:is(.dark *), button.MuiButton-containedPrimary:hover:is(.dark *) { color: hsl(40, 20%, 92%) !important; } /* ════════════════════════════════════════════════ § R2 可读性补强二期 · 账册框线体系（2026-07-20 用户真机反馈） 玩家气泡改「黄绫绢底」· 面板文武线装裱 · 字段账册竖栏 · 双栏中缝线 分界全部用「线与留白」结构表达，不引入新色相（用户明确：不靠颜色区分） ════════════════════════════════════════════════ */ /* R2-1 玩家气泡 → 绢黄纸底。 病根：原橄榄绿底，但气泡内文字走 .markdown-body 墨色（32,16%,24%），深字压深底成暗糊。 改浅底后墨字天然可读，无需层层覆盖内层选择器 */ .bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90){ background:hsl(45,46%,92%) !important; color:hsl(32,16%,24%) !important; border:1px solid hsla(40,32%,45%,.55) !important; border-left:3px solid hsl(12,50%,40%) !important; box-shadow:0 1px 5px hsla(35,18%,40%,.14) !important;} /* 夜间深绢重申（本段在文件末，防止把 §夜间 的气泡规则按序压掉） */ .bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90):is(.dark *){ background:hsl(35,22%,27%) !important; color:hsl(40,20%,92%) !important; border:1px solid hsl(35,24%,42%) !important; border-left:3px solid hsl(12,46%,46%) !important;} /* R2-2 面板「文武线」装裱：细内线 + 3px 留白圈 + 细外线（古籍装裱的双框）， 面板与绢本容器的分界靠框线结构而非色差 */ .markdown-body .dang,.markdown-body .ts,.markdown-body .yp,.markdown-body .qj{ border:1px solid hsla(40,32%,42%,.62) !important; box-shadow:0 0 0 3px hsl(44,44%,97.5%),0 0 0 4px hsla(40,32%,42%,.34),0 2px 10px hsla(30,20%,20%,.07) !important; margin:2px 5px 18px !important;} /* R2-3 档头与档身之间：实线隔断（三面板统一） */ .markdown-body .dang>summary,.markdown-body .ts>summary,.markdown-body .yp>summary{ border-bottom:1px solid hsla(40,32%,42%,.4) !important;} /* R2-4 字段行：虚线改实线 hairline；字段名两端对齐（官档排版）+ 右侧账册竖线 */ .markdown-body .dang .drow,.markdown-body .ts .tsc,.markdown-body .yp .ypr{ border-bottom:1px solid hsla(40,30%,45%,.34) !important; padding-bottom:6px !important; gap:12px !important;} .markdown-body .dang .dk,.markdown-body .ts .tsk,.markdown-body .yp .ypl{ min-width:4.6em !important; flex:none !important; text-align:justify !important; text-align-last:justify !important; border-right:1px solid hsla(40,30%,45%,.42) !important; padding-right:11px !important;} /* R2-5 双栏中缝界线（桌面双栏时可见） */ .markdown-body .dang .dbd,.markdown-body .ts .tsg,.markdown-body .ts .tsp{ background-image:linear-gradient(hsla(40,30%,45%,.28),hsla(40,30%,45%,.28)) !important; background-size:1px calc(100% - 20px) !important; background-position:center 10px !important; background-repeat:no-repeat !important;} /* R2-6 私状：色块归框线（去朱色底纹，改中性细框，朱色只留给「私状」签） */ .markdown-body .ts .tsp,.markdown-body .yp .ypp{ background-color:transparent !important; border:1px solid hsla(40,32%,42%,.45) !important; border-radius:3px !important;} /* R2-8 夜间对应（结构同款，线色换夜间灰金） */ .markdown-body .dang:is(.dark *),.markdown-body .ts:is(.dark *),.markdown-body .yp:is(.dark *),.markdown-body .qj:is(.dark *){ border:1px solid hsla(42,28%,58%,.4) !important; box-shadow:0 0 0 3px hsl(35,10%,18.8%),0 0 0 4px hsla(42,28%,58%,.24),0 2px 10px hsla(0,0%,0%,.3) !important;} .markdown-body .dang>summary:is(.dark *),.markdown-body .ts>summary:is(.dark *),.markdown-body .yp>summary:is(.dark *){ border-bottom:1px solid hsla(42,28%,58%,.3) !important;} .markdown-body .dang .drow:is(.dark *),.markdown-body .ts .tsc:is(.dark *),.markdown-body .yp .ypr:is(.dark *){ border-bottom:1px solid hsla(42,26%,60%,.22) !important;} .markdown-body .dang .dk:is(.dark *),.markdown-body .ts .tsk:is(.dark *),.markdown-body .yp .ypl:is(.dark *){ border-right:1px solid hsla(42,26%,60%,.28) !important;} .markdown-body .dang .dbd:is(.dark *),.markdown-body .ts .tsg:is(.dark *),.markdown-body .ts .tsp:is(.dark *){ background-image:linear-gradient(hsla(42,26%,60%,.18),hsla(42,26%,60%,.18)) !important;} .markdown-body .ts .tsp:is(.dark *),.markdown-body .yp .ypp:is(.dark *){ background-color:transparent !important; border:1px solid hsla(42,28%,58%,.32) !important;} /* R2-7 移动端：单栏无中缝；账册栏微收（置于段尾，压过 R2-8 的夜间中缝线） */ @media (max-width:640px){ .markdown-body .dang .dbd,.markdown-body .ts .tsg,.markdown-body .ts .tsp, .markdown-body .dang .dbd:is(.dark *),.markdown-body .ts .tsg:is(.dark *),.markdown-body .ts .tsp:is(.dark *){ background-image:none !important;} .markdown-body .dang .dk,.markdown-body .ts .tsk,.markdown-body .yp .ypl{min-width:4.2em !important;} .markdown-body .dang,.markdown-body .ts,.markdown-body .yp,.markdown-body .qj{margin:2px 3px 16px !important;} } /* ════════════════════════════════════════════════ § R3 方向A · 宣纸朱印（2026-07-20 用户选定） 绿退场（全文件 hue104→35 暖墨化，另行 sed）· 朱印当唯一贵气锚点 · 线减负（回撤 R2 过密线格）· 气泡=朱头笺 ════════════════════════════════════════════════ */ /* R3-1 玩家气泡 → 朱头笺：干净宣纸底 + 顶边一条朱线（笺头），不占气泡宽度 */ .bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90){ background:hsl(43,42%,97%) !important; color:hsl(32,16%,23%) !important; border:1px solid hsla(38,24%,52%,.4) !important; border-top:2px solid hsl(8,52%,42%) !important; border-radius:2px 2px 4px 4px !important; box-shadow:0 1px 4px hsla(35,18%,40%,.1) !important;} .bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90):is(.dark *){ background:hsl(35,10%,21%) !important; color:hsl(40,18%,86%) !important; border:1px solid hsla(42,26%,58%,.35) !important; border-top:2px solid hsl(8,48%,48%) !important;} /* R3-2 档签 → 朱印（敬事房档/彤史/风语[竖排即竖印]/起居注） */ .markdown-body .dang .dtab,.markdown-body .ts .tst,.markdown-body .fy .fyt,.markdown-body .qj .qjt{ background:hsl(8,52%,40%) !important; color:hsl(44,52%,94%) !important;} .markdown-body .dang .dtab:is(.dark *),.markdown-body .ts .tst:is(.dark *), .markdown-body .fy .fyt:is(.dark *),.markdown-body .qj .qjt:is(.dark *){ background:hsl(8,44%,44%) !important; color:hsl(44,50%,94%) !important;} /* R3-3 地点层级重映射：印的轻重表达宫禁等级（朱印>墨印>框字>素字），零绿 */ .markdown-body .gong .tou loc[t="1"]{background:hsl(8,52%,40%) !important; color:hsl(44,52%,93%) !important; box-shadow:0 1px 5px hsla(8,52%,40%,.3) !important;} .markdown-body .gong .tou loc[t="2"]{background:hsl(32,14%,30%) !important; color:hsl(43,40%,94%) !important;} .markdown-body .gong .tou loc[t="2"]:is(.dark *){background:hsl(35,12%,34%) !important; color:hsl(40,20%,90%) !important;} /* R3-4 行动区编号块：绿头→墨头（配 .pga 朱点分隔的间隔号） */ .markdown-body .pga pre::before{background:hsl(32,14%,28%) !important; color:hsl(43,40%,94%) !important;} .markdown-body .pga pre:is(.dark *)::before{background:hsl(35,12%,32%) !important; color:hsl(40,20%,90%) !important;} /* R3-5 chips 去框化：浅墨小字 + 朱色间隔点（修「帝心{留意}」的票签框感） */ .markdown-body .ts .tsi,.markdown-body .yp .ypch{border:none !important; padding:0 !important; background:transparent !important; color:hsl(32,12%,30%) !important; font-size:12.5px !important; letter-spacing:.08em !important;} .markdown-body .ts .tsi b{color:hsl(35,14%,46%) !important; font-family:'STKaiti','KaiTi',serif !important; margin-right:4px !important;} .markdown-body .ts .tsr .tsi+.tsi::before,.markdown-body .yp .ypc .ypch+.ypch::before{ content:'·' !important; color:hsl(8,52%,44%) !important; margin-right:8px !important;} .markdown-body .ts .tsi:is(.dark *),.markdown-body .yp .ypch:is(.dark *){border:none !important; background:transparent !important; color:hsl(40,16%,78%) !important;} .markdown-body .ts .tsi:is(.dark *) b{color:hsl(40,12%,62%) !important;} /* R3-6 线减负：行下划线与账册竖线撤除，行距扩，留白当分界（时局行保留一条朱线） */ .markdown-body .dang .drow,.markdown-body .ts .tsc,.markdown-body .yp .ypr, .markdown-body .dang .drow:is(.dark *),.markdown-body .ts .tsc:is(.dark *),.markdown-body .yp .ypr:is(.dark *){ border-bottom:none !important; padding-bottom:2px !important;} .markdown-body .dang .dk,.markdown-body .ts .tsk,.markdown-body .yp .ypl, .markdown-body .dang .dk:is(.dark *),.markdown-body .ts .tsk:is(.dark *),.markdown-body .yp .ypl:is(.dark *){ border-right:none !important; padding-right:0 !important;} .markdown-body .dang .dbd{row-gap:10px !important;} .markdown-body .ts .tsg{row-gap:9px !important;} .markdown-body .dang .drw,.markdown-body .dang .drw:is(.dark *){ border-bottom:1px solid hsla(8,46%,44%,.4) !important; padding-bottom:5px !important;} /* R3-7 面板：文武线双框 → 单细框（同步回撤 R2-2） */ .markdown-body .dang,.markdown-body .ts,.markdown-body .yp,.markdown-body .qj{ border:1px solid hsla(38,26%,48%,.45) !important; box-shadow:0 1px 6px hsla(30,20%,20%,.05) !important; margin:2px 0 16px !important;} .markdown-body .dang:is(.dark *),.markdown-body .ts:is(.dark *),.markdown-body .yp:is(.dark *),.markdown-body .qj:is(.dark *){ border:1px solid hsla(42,28%,58%,.35) !important; box-shadow:0 1px 6px hsla(0,0%,0%,.25) !important;} /* R3-8 私状：细框 + 朱签浮在框线上（宣纸方案的唯一子框） */ .markdown-body .ts .tsp,.markdown-body .yp .ypp{position:relative !important; margin-top:16px !important; padding-top:12px !important; background-color:transparent !important; border:1px solid hsla(38,26%,48%,.45) !important; border-radius:3px !important;} .markdown-body .ts .tsps,.markdown-body .yp .ypps{position:absolute !important; top:-9px !important; left:12px !important; background:hsl(44,44%,97.5%) !important; padding:0 7px !important; margin:0 !important; color:hsl(8,52%,42%) !important; font-size:12px !important; letter-spacing:.3em !important;} .markdown-body .ts .tsp:is(.dark *),.markdown-body .yp .ypp:is(.dark *){ background-color:transparent !important; border:1px solid hsla(42,28%,58%,.32) !important;} .markdown-body .ts .tsps:is(.dark *),.markdown-body .yp .ypps:is(.dark *){ background:hsl(35,10%,18.8%) !important; color:hsl(8,50%,58%) !important;} /* R3-9 正文：去左侧色条，纯文块 */ .markdown-body .gong .wen,.markdown-body .gong .wen:is(.dark *){border-left:none !important; padding-left:4px !important;} /* R3-10 天气条：默认态修缮（收窄+暖调，不再是秃杠）+ 中文取值兜底 */ .markdown-body .gong .sc{height:26px !important; background:linear-gradient(180deg,hsl(44,42%,95%),hsl(42,34%,90%)) !important;} .markdown-body .gong .sc[data-env*="晴"],.markdown-body .gong .sc[data-env*="阳"]{ background:linear-gradient(180deg,hsl(44,52%,94%),hsl(42,40%,88%)) !important;} .markdown-body .gong .sc[data-env*="晴"]::before,.markdown-body .gong .sc[data-env*="阳"]::before{ background:radial-gradient(circle at 82% 46%,hsla(45,80%,72%,.55),transparent 62%) !important; animation:zhSun 7s ease-in-out infinite !important;} .markdown-body .gong .sc[data-env*="雨"]{background:linear-gradient(180deg,hsl(200,14%,88%),hsl(205,12%,82%)) !important;} .markdown-body .gong .sc[data-env*="雨"]::before{ background:repeating-linear-gradient(102deg,hsla(205,26%,52%,.42) 0 1px,transparent 1px 9px) !important; animation:zhRain .55s linear infinite !important;} .markdown-body .gong .sc[data-env*="雪"]{background:linear-gradient(180deg,hsl(210,16%,93%),hsl(210,12%,87%)) !important;} .markdown-body .gong .sc[data-env*="雪"]::before{ background:radial-gradient(circle,hsla(0,0%,100%,.95) 1.2px,transparent 1.6px) 0 0/22px 22px, radial-gradient(circle,hsla(0,0%,100%,.7) 1px,transparent 1.4px) 9px 11px/17px 17px !important; animation:zhSnow 6s linear infinite !important;} .markdown-body .gong .sc[data-env*="雾"],.markdown-body .gong .sc[data-env*="霾"]{ background:linear-gradient(180deg,hsl(40,12%,90%),hsl(40,10%,85%)) !important;} .markdown-body .gong .sc[data-env*="雾"]::before,.markdown-body .gong .sc[data-env*="霾"]::before{ background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.75),transparent) !important; background-size:60% 100% !important; background-repeat:no-repeat !important; animation:zhFog 11s ease-in-out infinite !important;} .markdown-body .gong .sc[data-env*="夜"],.markdown-body .gong .sc[data-env*="月"]{ background:linear-gradient(180deg,hsl(224,22%,26%),hsl(224,26%,18%)) !important; border-color:hsla(224,20%,44%,.5) !important;} .markdown-body .gong .sc[data-env*="夜"]::before,.markdown-body .gong .sc[data-env*="月"]::before{ background:radial-gradient(circle,hsla(45,70%,88%,.9) .9px,transparent 1.3px) 4px 6px/26px 20px, radial-gradient(circle,hsla(45,60%,84%,.6) .8px,transparent 1.2px) 15px 14px/33px 26px !important; animation:zhStar 3.6s ease-in-out infinite !important;} .markdown-body .gong .sc[data-env*="雷"],.markdown-body .gong .sc[data-env*="暴"]{ background:linear-gradient(180deg,hsl(220,14%,52%),hsl(220,16%,38%)) !important; border-color:hsla(220,16%,40%,.6) !important;} .markdown-body .gong .sc[data-env*="雷"]::before,.markdown-body .gong .sc[data-env*="暴"]::before{ background:repeating-linear-gradient(100deg,hsla(210,20%,88%,.5) 0 1px,transparent 1px 6px) !important; animation:zhRain .4s linear infinite !important;} .markdown-body .gong .sc[data-env*="雷"]::after,.markdown-body .gong .sc[data-env*="暴"]::after{ background:linear-gradient(180deg,hsla(48,90%,92%,.85),transparent 55%) !important; opacity:0 !important; animation:zhFlash 6s steps(1,end) infinite !important;} /* ════════════════════════════════════════════════ § R4 行距与分栏修正（2026-07-20 二反馈：全拆线后换行值粘连+grid行高同步空洞） 只回归「单一超淡行线」；竖线/双框/绿等土气装置不回来 ════════════════════════════════════════════════ */ /* R4-1 行分隔线回归：一根超淡 hairline + 行距放宽 */ .markdown-body .dang .drow,.markdown-body .ts .tsc,.markdown-body .yp .ypr{ border-bottom:1px solid hsla(38,24%,46%,.22) !important; padding-bottom:7px !important;} .markdown-body .dang .drow:is(.dark *),.markdown-body .ts .tsc:is(.dark *),.markdown-body .yp .ypr:is(.dark *){ border-bottom:1px solid hsla(42,26%,60%,.15) !important;} /* 时局行的朱线重申（防被上一条按序压掉） */ .markdown-body .dang .drw,.markdown-body .dang .drw:is(.dark *){ border-bottom:1px solid hsla(8,46%,44%,.4) !important;} /* R4-2 双栏 grid→瀑布流：两栏各自流动，消灭行高同步的空洞 */ .markdown-body .ts .tsg,.markdown-body .dang .dbd{ display:block !important; column-count:2 !important; column-gap:30px !important;} .markdown-body .ts .tsg .tsc,.markdown-body .dang .dbd .drow{ display:flex !important; break-inside:avoid !important; -webkit-column-break-inside:avoid !important; margin-bottom:9px !important;} /* 移动端单栏 */ @media (max-width:640px){ .markdown-body .ts .tsg,.markdown-body .dang .dbd{column-count:1 !important;} } /* ════════════════════════════════════════════════ § R5 面板与绢面的层差（2026-07-20 三反馈：状态栏 vs 容器底分不清） 双端拉开：绢面微沉 + 面板提成近白「白笺」；边框 1→1.5px；轻纸浮影 ════════════════════════════════════════════════ */ .markdown-body .gong{background:hsl(42,30%,91.5%) !important;} .markdown-body .dang,.markdown-body .ts,.markdown-body .yp,.markdown-body .qj,.markdown-body .fy .fyi{ background:hsl(45,60%,98.7%) !important; border:1.5px solid hsla(38,28%,42%,.6) !important; box-shadow:0 2px 9px hsla(30,20%,20%,.09) !important;} .markdown-body .ts .tsps,.markdown-body .yp .ypps{background:hsl(45,60%,98.7%) !important;} /* 夜间：容器 17% 不动，面板提到 22.5% */ .markdown-body .dang:is(.dark *),.markdown-body .ts:is(.dark *),.markdown-body .yp:is(.dark *), .markdown-body .qj:is(.dark *),.markdown-body .fy .fyi:is(.dark *){ background:hsl(35,11%,22.5%) !important; border:1.5px solid hsla(42,28%,58%,.42) !important; box-shadow:0 2px 9px hsla(0,0%,0%,.3) !important;} .markdown-body .ts .tsps:is(.dark *),.markdown-body .yp .ypps:is(.dark *){background:hsl(35,11%,22.5%) !important;} /* ════════════════════════════════════════════════ § R6 档头铺色带 + 默认收起（2026-07-20 四反馈：面板间分隔仍不可辨） ════════════════════════════════════════════════ */ /* R6-1 档头整行铺深绢带：面板起点从此不可能看不见 */ .markdown-body .dang>summary,.markdown-body .ts>summary,.markdown-body .yp>summary,.markdown-body .qj>summary{ background:hsl(38,24%,84.5%) !important; border-bottom:1.5px solid hsla(38,28%,42%,.5) !important; padding:9px 14px !important; display:flex !important; align-items:center !important; gap:12px !important;} .markdown-body .dang>summary:is(.dark *),.markdown-body .ts>summary:is(.dark *), .markdown-body .yp>summary:is(.dark *),.markdown-body .qj>summary:is(.dark *){ background:hsl(35,11%,27%) !important; border-bottom:1.5px solid hsla(42,28%,58%,.4) !important;} /* R6-2 面板间距 16→22px，隔离带更宽 */ .markdown-body .dang,.markdown-body .ts,.markdown-body .yp,.markdown-body .qj{margin:2px 0 22px !important;} /* R6-3 开合折角指示（默认收起后必需的可点暗示；CSS 画形零字形） */ .markdown-body .dang>summary::after,.markdown-body .ts>summary::after, .markdown-body .yp>summary::after,.markdown-body .qj>summary::after{ content:'' !important; width:.42em !important; height:.42em !important; flex:none !important; border-right:2px solid hsl(35,14%,42%) !important; border-bottom:2px solid hsl(35,14%,42%) !important; transform:rotate(45deg) !important; margin-left:auto !important; margin-top:-2px !important; transition:transform .2s ease !important;} .markdown-body details[open].dang>summary::after,.markdown-body details[open].ts>summary::after, .markdown-body details[open].yp>summary::after,.markdown-body details[open].qj>summary::after{ transform:rotate(225deg) !important; margin-top:3px !important;} .markdown-body .dang>summary:is(.dark *)::after,.markdown-body .ts>summary:is(.dark *)::after, .markdown-body .yp>summary:is(.dark *)::after,.markdown-body .qj>summary:is(.dark *)::after{ border-right-color:hsl(40,16%,70%) !important; border-bottom-color:hsl(40,16%,70%) !important;}