斗罗大陆：绝世唐门

/* [1. 平台聊天界面全局美化] */
[class*="bg-[#F1CBCB]"],[class*="bg-[#c9e1e9]"] { display: none !important;}
.bg-gray-100\/90.relative.inline-block { background: linear-gradient(165deg, #ffffff 0%, #f0faff 100%) !important; border: 2px solid #4FC3F7 !important; border-radius: 16px !important; box-shadow: 8px 8px 0px #FFD700, 0 10px 30px rgba(79,195,247,0.15) !important; margin-bottom: 24px !important; transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important; position: relative !important; overflow: visible !important; }
.chat-answer-container .markdown-body { color: #1A237E !important; font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif !important; line-height: 1.8 !important; font-size: 16px !important; }
#ai-chat-bottom-input { background: #FFFFFF !important; border: 2px solid #4FC3F7 !important; box-shadow: 0 4px 0px #FFD700 !important; border-radius: 12px !important; }
.MuiTypography-root.css-6c0gf2 { color: #4FC3F7 !important; font-weight: bold !important; text-transform: uppercase !important; letter-spacing: 1px !important; }
.text-orange-500 { color: #FF6B35 !important; font-weight: 800 !important; }
.style_dot-flashing__8L91Q { display: none !important; }
.flex.items-center.justify-center.w-6.h-5::after { content: ""; width: 20px; height: 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234FC3F7'%3E%3Cpath d='M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83'/%3E%3C/svg%3E") no-repeat center; animation: gear-spin 2s linear infinite; }

/* [2. 22模块GUI顶层容器] */
.tang-ui-wrapper { --ice-blue: #4FC3F7; --tang-gold: #FFD700; --spirit-purple: #9C27B0; --soul-red: #FF1744; --text-main: #0D1B2A; background: #FFFFFF; padding: 5px; position: relative; width: 100%; box-sizing: border-box; }
.tang-ui-wrapper::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: radial-gradient(var(--ice-blue) 0.5px, transparent 0.5px); background-size: 15px 15px; opacity: 0.1; pointer-events: none; }

/* [3. 通用GUI模块样式：无文字裸露封装] */
.gui-mod { border: 2px solid var(--text-main); margin-bottom: 12px; border-radius: 8px; background: #FFF; box-shadow: 4px 4px 0px var(--text-main); overflow: hidden; }
.gui-mod summary { list-style: none; padding: 12px; cursor: pointer; display: flex; align-items: center; background: linear-gradient(90deg, #F0F4F8 0%, #FFFFFF 100%); border-bottom: 2px solid transparent; }
.gui-mod[open] summary { border-bottom: 2px solid var(--text-main); }
.gui-label-box { display: flex; align-items: center; gap: 8px; border: 1px solid var(--text-main); padding: 4px 10px; border-radius: 4px; background: var(--ice-blue); color: #FFF; font-weight: 900; box-shadow: 2px 2px 0px var(--text-main); }

/* [4. 正文滑动窗口设计] */
.story-scroll-area { max-height: 75vh; overflow-y: auto; padding: 25px; background: #FFFFFF; font-size: 17px; color: var(--text-main); text-align: justify; line-height: 2.2; scrollbar-width: thin; scrollbar-color: var(--ice-blue) transparent; }
.story-scroll-area p { text-indent: 2em; margin-bottom: 1.5em; position: relative; }
.story-scroll-area::-webkit-scrollbar { width: 4px; }
.story-scroll-area::-webkit-scrollbar-thumb { background: var(--ice-blue); border-radius: 10px; }

/* [5. 变量图形化实现] */
.gui-v-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 15px; }
.gui-v-item { border: 1px solid #EEE; padding: 10px; border-radius: 6px; position: relative; }
.gui-progress-bg { height: 8px; background: #E0E0E0; border-radius: 4px; overflow: hidden; margin-top: 8px; border: 1px solid var(--text-main); }
.gui-progress-fill { height: 100%; transition: width 1s ease-in-out; background: linear-gradient(90deg, var(--ice-blue), var(--spirit-purple)); animation: scan-light 2s infinite; }
.gui-ring-display { display: flex; gap: 5px; margin-top: 5px; }
.gui-ring-circle { width: 14px; height: 14px; border-radius: 50%; border: 1px solid var(--text-main); box-shadow: 0 0 5px rgba(0,0,0,0.1); }

/* [6. 角色群像横向滑动槽] */
.npc-cluster-grid { display: flex; overflow-x: auto; gap: 15px; padding: 10px; scroll-snap-type: x mandatory; }
.npc-card { min-width: 240px; border: 2px solid var(--text-main); border-radius: 12px; background: #FFF; scroll-snap-align: start; padding: 12px; flex-shrink: 0; box-shadow: 3px 3px 0px var(--ice-blue); }

/* [7. 行动选项微小说样式] */
.opt-box { padding: 15px; }
.opt-item { border: 2px solid #EEE; margin-bottom: 10px; border-radius: 10px; padding: 12px; cursor: pointer; transition: 0.3s; background: #FAFAFA; position: relative; overflow: hidden; }
.opt-item:hover { border-color: var(--ice-blue); transform: translateX(8px); box-shadow: -6px 0px 0px var(--ice-blue); }
.opt-num { position: absolute; right: -10px; bottom: -10px; font-size: 40px; opacity: 0.05; font-weight: 900; }

/* [8. 动画库] */
@keyframes gear-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes scan-light { 0% { filter: brightness(1); } 50% { filter: brightness(1.3); } 100% { filter: brightness(1); } }
@keyframes float-y { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }

/* [9. 移动端适配：全屏扩展] */
@media (max-width: 768px) {
  .bg-gray-100\/90.relative.inline-block { width: 100% !important; margin: 0 0 16px 0 !important; border-radius: 0 !important; border-left: none !important; border-right: none !important; }
  .tang-ui-wrapper { padding: 2px; }
  .story-scroll-area { max-height: 60vh; font-size: 16px; padding: 15px; }
  .gui-v-grid { grid-template-columns: 1fr; }
}

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