⚜️斗罗大陆⚜️大世界

/* ========================================================================
   斗罗大陆大世界 · builtInCss v3.39
   ------------------------------------------------------------------------
   日期：2026-05-27
   v3.39 改动（用户拍板 · 最底下整栏继续透明,消除浅米色衬底）：
   · .bg-gradient-to-t 输入区上方渐变遮罩 → transparent(去浅米淡入)
   · #ai-chat-input + textarea.rc-textarea 输入框本体
       bg 0.95→0.35 半透浅米(藤蔓透 65%)
       border 1px(0.45)→1.5px(0.55) 加强暗金边保边界感
   · 累积效果：工具栏/容器/输入框/遮罩 4 层全透,藤蔓直透到字符前
   ------------------------------------------------------------------------
   v3.38 改动（顶栏+下栏透明,让 .h-screen 的 ZHENGWEN 直透）：
   · header.sticky · #ai-chat-bottom-input · #ai-mod-button2 三处 bg→transparent
   · 保留 rgba(106,72,24,0.30~0.35) 半透暗金细线做上下区分
   · 去掉 inset 金线 shadow（透明叠金线突兀）
   · 其余 5 处壳层（.h-screen / 侧栏 / 评论区 / Dialog / Drawer）保留 ZHENGWEN
   ------------------------------------------------------------------------
   v3.37 改动（ZHENGWEN 蓝银草藤蔓羊皮纸统一全壳层 · 已被 v3.38 部分覆盖）：
   · 8 处壳层 background 全改 ZHENGWEN.png 平铺(与正文 .hpr 一致)
   · 应用：.h-screen / header.sticky / 侧栏 / #ai-chat-bottom-input
   · 应用：#ai-mod-button2 / 评论区容器 / MuiDialog-paper / MuiDrawer-paper
   · 不动：气泡内 / d* 组件 / description.html(气泡纪律)
   · 修正：MuiDialog-paper 的 inset shadow border 复用统一金线配方
   ------------------------------------------------------------------------
   架构：div+class 体系（v3.3 sanitizer 安全）/ 36 张 R2 PNG / 25+ keyframes
   设计：派系色彩政治 · 强作用域 .markdown-body · 零 SVG 全 PNG
   ------------------------------------------------------------------------
   v3.36 改动（平台壳层美化 · 气泡外 13 组 PHASE 11-15）：
   · 依据 04-reference/内置CSS与UI组件设计.txt v4.0.0 §2.3.2-§2.3.13
   · 颜色全部直接 hsl()/rgba() 写死（规范 §2.1 禁止 var）
   · §2.3.1 危险区 6 类 已在 v3.6 PHASE 9 完成（装饰条/代码块/details/滚动条/选区/输入框）
   · §2.3.7 聊天气泡 已在 v3.7-v3.30 完整迭代（不再动 — 气泡纪律）
   · PHASE 11 §2.3.2-3：body/#root/.h-screen 浅羊皮底 + header.sticky 渐变 + 模型选择器 + 设置按钮
   · PHASE 12 §2.3.4-6：开场白按钮 + 侧栏（朱砂左线 + 古铜对话项）+ #ai-mod-button2 模组/工具
   · PHASE 13 §2.3.8-9：朱砂三珠 SMIL 加载动画 + 渐变遮罩浅化 + 发送按钮（朱砂渐变 + 暗金高光）
   · PHASE 14 §2.3.10：评论区 20+ 选择器（评分 / 评论项朱砂左线 / 头像朱砂边 / 分隔线 ❖❖❖）
   · PHASE 15 §2.3.11-12：分页（朱砂选中态）+ MUI 全局（弹窗/抽屉/遮罩/Divider/Ripple）
   · §2.3.13 响应式（≤480px）+ 降速兜底（prefers-reduced-motion） + WCAG AA 自检全 PASS
   · 体积：107K → 131K（+22%）/ 行数：2749 → 3535
   ------------------------------------------------------------------------
   ------------------------------------------------------------------------
   ------------------------------------------------------------------------
   v3.4 改动（依《内置CSS与UI组件设计》§2 + 《聊天框美化》§平台选择器）：
   · 删 :has() 派系切换 → .dpanel[data-faction] / .dnpc 自挂属性（规范 §4.2 禁用）
   · 删 position:fixed 派系字水印（规范 §2.1 禁用）
   · 删 background-blend-mode 2 处（CSS高级技法 §四 内置层禁用）
   · 删 background-attachment:fixed（规范 §4.1 禁用）
   · 删 :has() / :contains NPC 检测 → 走 [data-portrait]
   · 删 mix-blend-mode + filter:blur 共 5 处（.dzone + 3 keyframes，规范 §4.1 禁用）
   · 追加 PHASE 9 平台标准选择器强制覆盖（11 类选择器全覆盖）
   ------------------------------------------------------------------------
   v3.5 改动（关键 · 根因修正）：
   · 全局 root 重写：#installedBuiltInCss → .markdown-body
   · 原因：aifuck 平台实测显示 #installedBuiltInCss ID 不存在
   · 凭据：user memory · "root 是 .markdown-body" + v3.4 截图（白底浅字）
   · 影响：所有主样式 (PHASE 1-8) 现在通过 .markdown-body 作用域生效
   ------------------------------------------------------------------------
   v3.6 改动（审美大反转 · 暗系 → 浅羊皮纸古卷风）：
   · 主色翻转：暗底浅字 → 浅羊皮纸 + 暗棕墨字 + 暗金/朱砂强调
   · 调色板：新增 paper-light/mid/deep/tint + ink-main/mid/light + jade
   · 派系切换：hall/shrek/tang 从暗紫/暗绿/暗红 → 浅紫/浅绿/浅红晕染
   · 批量反转 101 处深色 rgba → 浅米色（PHASE 2-5 卡片底全部浅化）
   · 阴影系统：rgba(0,0,0) → rgba(106,72,24) 古铜软阴影
   · PHASE 9 反转：.markdown-body 主色 #fff5d8 → #3a2418 深棕墨
   · 进度条：朱砂主色 + 暗金标签 + 内嵌微高光
   · 字体强调：strong 朱砂 / em 中金 / blockquote 朱砂边
   ------------------------------------------------------------------------
   v3.7 改动（参考 BOSS 卡视觉 · 最小改动）：
   · 加 .bg-gray-100\/90.relative.inline-block · 气泡外层 dizhuanbeijing 石墙背景 + 细金边
   · 不动 v3.6 内部浅色系，等用户分步细调需求
   ------------------------------------------------------------------------
   v3.7.1 修正：
   · dizhuanbeijing 改为可平铺纹理 · background-size:100% auto · repeat-y
   · 之前 cover 拉伸不对（图被裁切）· 现在宽度满容器 · 高度按比例 · 超出向下接拼
   ------------------------------------------------------------------------
   v3.7.2 改动（PHASE 10 · 用户输入气泡特化）：
   · 新增 .bg-gray-100\/90:not(.chat-answer-container) 选择器
   · 仅匹配用户输入气泡（不影响 AI 回复 = 保持 v3.7 石墙）
   · 方案 D 神秘符箓底纹：深底 + 八角星 SVG · 12s 漂移动画
   · 气泡内文字反相：深底浅金字（覆盖 v3.6 浅底深字）
   ------------------------------------------------------------------------
   v3.7.3 修正（双层架构）：
   · v3.7.2 错误：方案 D 覆盖了气泡外圈 → 丢失 v3.7 石墙
   · 现修正：外圈 .bg-gray-100\/90 保持 v3.7 石墙不动 · 方案 D 移到内层 .markdown-body
   · 视觉双层：石墙气泡 + 内嵌符箓黑卡（玩家签名印感）
   · 动画加速：12s → 8s · 符号 opacity 0.32 → 0.42 · 边框透明 0.42 → 0.62（更明显）
   · 加内层双描边：黑细线 + 暗金辉，立体感增强
   ------------------------------------------------------------------------
   v3.7.4 修正（用户反馈：动画不动 + 按钮没包进黑底）：
   · 根因 1：animation 不能加 !important（CSS 引擎解析坑，对照 BOSS L353 无 !important）
   · 根因 2：v3.7.3 挂在 .markdown-body 内层 → 复制/编辑/删除按钮在外层石墙上
   · 修正 1：animation 去掉 !important · 关键帧改 0%/100%（替代 from/to）
   · 修正 2：方案 D 挂回主气泡 · 按钮一起包进黑底
   · 修正 3：外圈 border-image 用 dizhuanbeijing 做 6px 窄石墙描边
   · 修正 4：background-clip: padding-box 防止背景延伸到 border-image 区
   ------------------------------------------------------------------------
   v3.7.5 修正（v3.7.4 仍不动 · 切换 transform 兜底动画）：
   · 真正根因：background-position 动画在 background !important 环境下可能被拦截
   · 切换实现：SVG 符号层挂到 ::before 伪元素 · animation 改 transform: translate
   · transform 走 GPU 合成层 · 不受 background !important 干扰 · 跨平台稳定
   · border-image 6px → 12px（外圈石墙描边加宽 · 用户要求）
   · 动画周期 8s → 6s · 增加 will-change: transform 强制 GPU 层
   · z-index 分层：::before(0) 符号 / .markdown-body(1) 文字 / 按钮等(1) 操作
   ------------------------------------------------------------------------
   v3.7.6 修正（动画对了但黑底丢了）：
   · 根因：v3.7.5 只设 background-color · v3.7 的 dizhuanbeijing 在 background-image
     上仍生效 → 浅色花纹图盖住黑色 → 视觉黑底消失
   · 修正：background-color: #0a0604 → background: #0a0604 (shorthand)
     一次性清掉所有 background-* 子属性（含 dizhuanbeijing image / size / repeat）
   · background-clip: padding-box 单独保留（防黑底延伸到 border-image 区）
   ------------------------------------------------------------------------
   v3.8 美感升级（用户反馈 · 多选采纳 3 项）：
   ① 移除 border-image dizhuanbeijing → 纯 CSS 多层金线设计粗边
      box-shadow inset 4 层「黑线/暗金/黑线/中央辉」+ border 3px 深金
   ② 黑底改深棕径向渐变（中央 #2a1a10 → 边缘 #0c0604）
   ③ 4 角 ornament（::after multiple background-position 4 角同款八角星）
   ④ 字距 letter-spacing 0.04 → 0.10 · 行距 line-height 1.85 → 2.0
   ⑤ h1/h2 标题暗金发光（text-shadow 双层 · 字距 0.18em 仪式感）
   · 整体氛围：从「纯黑工程感」→「深棕古卷设计感」
   ------------------------------------------------------------------------
   v3.8.1 修正（用户反馈：按键名颜色看不清 + 字体/排版微调）：
   · 修按键：复制/编辑/删除/消耗详情 在用户输入气泡内 → 浅金 #e8c98a
     · v3.6 PHASE 9 给的按钮深棕色适配浅底，在 v3.8 深棕气泡内不可见
     · hover 提亮 #f5d870 + 暗金底
     · 按钮 SVG 图标走 currentColor 跟随文字
     · .text-orange-500（消耗详情前圆点）提亮 #f5c870
   · 字体：标题 h1-h3 font-weight 700 + padding-bottom 10px + margin-bottom 14px
   · 排版：段落 p margin 4px 0（替代 markdown 默认 1em，更紧凑）
   ------------------------------------------------------------------------
   v3.8.2 修正（用户反馈：4 角八角星挡字）：
   · 移除 ::after 4 角 ornament（v3.8 加的）
   · 仅保留 ::before 中央符号漂移动画
   ------------------------------------------------------------------------
   v3.9 架构重做（用户设计的 AI 输出气泡四段式版面）：
   · 区域 1：顶部 .dmap[open="true"] 完整大地图（默认展开，删 .dmapbtn）
   · 区域 2：.dscene 美化版（横向不耿直布局：地点/时辰/天气 一行 + 在场单独一行）
   · 区域 3：.hpr 正文，背景换 DOULUO/WENZIBEIJING.png 可平铺纹理
   · 区域 4：.dpanel 底部细条按钮 + 仿 BOSS BAR 弹窗（CSS-only checkbox hack）
   · NPC 卡：维持 sample-preview.html 风格不动
   · .dpanel 从「完整面板容器」简化为「按钮+弹窗 wrapper」
   · 6 段状态（dprofile/dcultivation/drings/dskills/dbones/dtools）移入 .dpanel-popup
   · 弹窗用 input[type=checkbox]:checked ~ .dpanel-popup 触发（仿 BOSS BAR L3134）
   · 弹窗 absolute 浮起（aifuck 禁 position:fixed，按 BOSS BAR L1013 走 absolute）
   · 弹窗本体底纹也用 WENZIBEIJING.png（追问 1 用户选「同正文」）
   · 入场 stagger 选择器从 .dpanel > xxx 改为 .dpanel-popup > xxx
   · grammar 同步：dscene 提升为顶级 / dpanel 加 input+label+popup 三件套 / id 后缀 6 位随机
   ------------------------------------------------------------------------
   v3.10 用户细修反馈（保持浅色方向 · 选 B）：
   · .hpr 删除 WENZIBEIJING.png 棕色拖底背景（在浅羊皮上烘出棕褐色调，丑）
   · .hpr 改为纯浅米色渐变 + 4 边等粗 1px 古铜金边
   · .hpr 删除 border-left 4px 派系色线（正文左侧那道彩色边丑）
   · 地图 / 场景行 / 弹窗细修待 user 看完按需逐项追加
   ------------------------------------------------------------------------
   v3.11 用户指定 .hpr 背景换 R2 ZHENGWEN.png：
   · 用法：repeat + background-size:100% auto（跟之前 WENZIBEIJING 同思路 · 宽度满容器 + 向下接拼）
   ------------------------------------------------------------------------
   v3.12 用户反馈：气泡外圈的 dizhuanbeijing.png 棕色石墙底背删除
   · v3.7 给 .bg-gray-100\/90.relative.inline-block 加的 AI 气泡外圈背景
   · NPC 卡之间露出棕色横条 + 顶部棕褐 → 跟整体浅羊皮调相冲
   · 改为 浅米色 gradient · 气泡外圈跟内部一致浅羊皮调
   · box-shadow 阴影也从 rgba(0,0,0,0.32) 改 rgba(106,72,24,0.18) 古铜软阴影
   ------------------------------------------------------------------------
   v3.13 用户再反馈："中间那层毛毛愣愣的那个棕色" — 是 .markdown-body 这层
   · v3.6 给 .markdown-body 加的 bg-parchment-main.png R2 棕色羊皮纹理（cover）
   · 在 NPC 卡之间露出来 → 棕褐毛感 → 跟浅米色调冲突
   · 删 var(--dlw-bg-parchment) 引用 · 保留 radial + linear gradient 纯浅色
   ------------------------------------------------------------------------
   v3.14 用户纠正：v3.12 不该删的 — dizhuanbeijing.png 气泡外圈石墙要保留
   · 还原 v3.7.1 .bg-gray-100\/90.relative.inline-block 的石墙背景
   · 真正"毛毛愣愣"的只是 v3.13 已删的 .markdown-body bg-parchment-main.png
   ------------------------------------------------------------------------
   v3.15 用户反馈：地图 / 场景 / 正文 中间的浅色纯色背景层也要删
   · v3.13 我把 .markdown-body 换成浅米色 gradient · 在各段间隙露出来
   · 用户要的效果：各段间隙直接露 .bg-gray-100\/90 外层的 dizhuanbeijing 石墙
   · 改为 background: transparent · 让石墙穿透
   ------------------------------------------------------------------------
   v3.16 地图大改（用户反馈：看着廉价）：
   · 删 8 派系 dzone 弥散 blur 圆斑（display:none · 整个地图清净）
   · POI 散布：从中央扎堆 → 按地理分散到 8 方位
   · dplayer 软化：红方块 "我" → 朱砂小点 + 「君在此」纸笺
   · dtarget 软化：红色虚线扫描圆 → 朱砂三角小旗 SVG（摇摆动画 3s）
   · dcompass 重做：红色 conic 靶心 → 古风方位盘 SVG（北箭头+东西南北）
   · 配套 keyframes 重写：dlwPlayerMarkerPulse 适配新尺寸 + 新增 dlwTargetFlagWave
   ------------------------------------------------------------------------
   v3.17 地图细节加强（用户反馈：效果不错，再加 2 项）：
   · 点阵网格：28×28 间距 · rgba(106,72,24,0.32) 暗金点 · 叠在地图最顶层（古地图经纬）
   · 地图顶部标题：「昊  天  大  陆」古碑感（上下双横线 + 浅羊皮纸底 + 暗金字 + 0.48em 字距）
   · 用 .dmap::before 实现 · pointer-events:none 不影响交互
   ------------------------------------------------------------------------
   v3.18 用户反馈：「昊天大陆」标题廉价
   · 改为古匾额风格：深棕木质渐变底 + 浅金字 + 4 角铜钉 + 多层立体阴影
   · 字色 #f5d8a0 + 双层 text-shadow 暗金辉光
   · 6 层 inset box-shadow 模拟金属雕花描边 + 2 层外投影立体感
   · ::after 4 角铜钉（radial-gradient 4 个位置）· 跟匾额 4 角对齐
   ------------------------------------------------------------------------
   v3.19 .dscene 场景区审美升级（用户反馈：场景区廉价）：
   · 朱砂双线书脊（border-left:4px double 朱砂）· 古书装订感
   · 左上「景」字朱砂方印（rotate -4deg）+ 金边 · 章节标题视觉锚
   · dtime[period] 颜色全深化：之前浅米/浅金/浅橙在浅羊皮上看不清
     → 改为 黎明暗蓝/晨曦暗金/正午赤金/暮色朱砂/夜深靛蓝（对比度全提）
   · ❖ 地点 ┊ 时辰 ┊ 天气 横排 · 分隔符 ◇→┊（更书页感）
   · 「在席」从 ▸ 文字升级为朱砂方印章 + 金边
   · 整体加 4 层 box-shadow 立体感 + 横线纹底（书页纸质）
   ------------------------------------------------------------------------
   v3.20 用户发现：.dscene 缺日期字段
   · grammar 加 .ddate 字段：昊天历 X 年 · 季节 · 月日
   · CSS .ddate 独立顶行 · 小字（0.86em）· 暗金 · 「卷」朱砂标题
   · 底部虚点线分隔（跟下方主行明显分级）
   ------------------------------------------------------------------------
   v3.21 用户反馈：段间距 + 重点字
   · .dburst 重点字：浅金 → 深朱砂方块 + 下划线（之前浅金在 ZHENGWEN.png 上看不清）
   · 加浅描边 text-shadow + 朱砂淡晕底 + 朱砂下划线 → 浅底对比度最高
   · 段间距 .hpr br+br line-height 0.6 → 1.6（之前太紧）
   ------------------------------------------------------------------------
   v3.22 段间距再缩 · 1.6 → 1.1（用户：再少一点）
   ------------------------------------------------------------------------
   v3.23 紧急 bug 修：grammar 弹窗 HTML 被 markdown 解析为代码块
   · 症状：用户截图显示 dpanel-popup 内 6 段全部 <pre><code> 裸代码渲染
   · 根因：grammar 模板 dpanel 内部用 4 空格缩进（为了人类可读性）
     → markdown 解析器把缩进 ≥ 4 空格的行视为 code block
   · 修复：pre_prompt.txt 把 dpanel 内所有标签去掉缩进 · 全部顶格
   · grammar 加铁律说明：HTML 标签必须顶格输出
   · CSS 不变 · 只改 pre_prompt.txt
   -----------------------------------------------------------------------

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

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