西幻小说生成器【有丐版诡秘之主世界观】

/* ═══════════════ 顶部信息栏 ═══════════════ */
.top-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:space-between;margin:10px 0 14px;padding:11px 16px;background:linear-gradient(100deg,#12132a 0%,#1b1c38 45%,#101124 100%);border:1px solid rgba(201,162,39,0.34);border-left:3px solid #c9a227;border-radius:9px;box-shadow:0 3px 14px rgba(0,0,0,0.45),inset 0 1px 0 rgba(201,162,39,0.09);position:relative;overflow:hidden;}
.top-bar::after{content:'';position:absolute;top:0;left:-60%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(201,162,39,0.11),transparent);animation:tb-sweep 7s ease-in-out infinite;pointer-events:none;}
@keyframes tb-sweep{0%{left:-60%;}55%{left:110%;}100%{left:110%;}}
.top-bar span{display:inline-flex;align-items:center;gap:5px;padding:3px 11px;background:rgba(124,92,191,0.13);border:1px solid rgba(124,92,191,0.3);border-radius:14px;color:#dcd6ea;font-size:12.5px;letter-spacing:0.4px;white-space:nowrap;transition:all 0.25s ease;}
.top-bar span:hover{background:rgba(201,162,39,0.16);border-color:rgba(201,162,39,0.48);color:#f0e6c8;transform:translateY(-1px);}

/* ═══════════════ 思维链 ═══════════════ */
details.cot{margin:12px 0;background:linear-gradient(160deg,#0c0d1c 0%,#13142a 100%);border:1px dashed rgba(124,92,191,0.42);border-radius:9px;overflow:hidden;transition:border-color 0.3s ease;}
details.cot:hover{border-color:rgba(124,92,191,0.68);}
details.cot>summary{padding:10px 15px;background:linear-gradient(90deg,rgba(124,92,191,0.15),transparent);color:#b49ce0;font-size:13px;font-weight:600;letter-spacing:1.2px;cursor:pointer;list-style:none;user-select:none;transition:all 0.22s ease;}
details.cot>summary::-webkit-details-marker{display:none;}
details.cot>summary::before{content:'⟡';display:inline-block;margin-right:8px;color:#7c5cbf;font-size:11px;transition:transform 0.3s ease;}
details.cot[open]>summary::before{transform:rotate(180deg);}
details.cot>summary:hover{background:linear-gradient(90deg,rgba(124,92,191,0.26),transparent);color:#cbb8ee;}
details.cot[open]>summary{border-bottom:1px dashed rgba(124,92,191,0.3);}
/* 思维链内部文字样式 */
details.cot>div,details.cot>p,details.cot>ul,details.cot>ol{padding:12px 15px;color:#e5e0d8;font-size:13px;line-height:1.9;}
details.cot p{margin:0 0 10px;color:#e5e0d8;}
details.cot p:last-child{margin-bottom:0;}
details.cot ul,details.cot ol{margin:8px 0 8px 20px;padding:0;color:#e5e0d8;}
details.cot li{margin-bottom:6px;color:#e5e0d8;}
details.cot strong,details.cot b{color:#e8c860;}
details.cot em,details.cot i{color:#c8b3ec;}

/* ═══════════════ 正文气泡 ═══════════════ */
.story-bubble{display:block;margin:14px 0;padding:20px 24px;background:linear-gradient(168deg,#14152b 0%,#191a33 40%,#101124 100%);border:1px solid rgba(201,162,39,0.22);border-radius:11px;box-shadow:0 5px 24px rgba(0,0,0,0.48),inset 0 1px 0 rgba(232,200,96,0.06);color:#e2ddd0;font-size:15px;line-height:2;letter-spacing:0.3px;position:relative;}
.story-bubble::before{content:'❦';position:absolute;top:12px;right:16px;color:rgba(201,162,39,0.2);font-size:17px;pointer-events:none;}
.story-bubble p{margin:0 0 15px;text-align:justify;text-indent:2em;}
.story-bubble p:last-child{margin-bottom:0;}
.story-bubble strong,.story-bubble b{color:#e8c860;font-weight:600;}
.story-bubble em,.story-bubble i{color:#b49ce0;font-style:normal;border-bottom:1px dotted rgba(180,156,224,0.42);}
.story-bubble hr{margin:18px 0;border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(201,162,39,0.36),transparent);}

/* ═══════════════ 折叠面板·外层 ═══════════════ */
.story-bubble+details,
details:not(.cot){margin:9px 0;background:linear-gradient(150deg,#101126 0%,#171834 100%);border:1px solid rgba(201,162,39,0.24);border-left:3px solid rgba(201,162,39,0.5);border-radius:8px;overflow:hidden;transition:all 0.26s ease;}
details:not(.cot):hover{border-left-color:#c9a227;box-shadow:0 3px 13px rgba(201,162,39,0.13);}
details:not(.cot)>summary{padding:11px 15px;background:linear-gradient(90deg,rgba(201,162,39,0.1),transparent);color:#e0d5b0;font-size:13.5px;font-weight:600;letter-spacing:0.7px;cursor:pointer;list-style:none;user-select:none;transition:all 0.22s ease;}
details:not(.cot)>summary::-webkit-details-marker{display:none;}
details:not(.cot)>summary::before{content:'◈';display:inline-block;margin-right:8px;color:#c9a227;font-size:10.5px;transition:transform 0.28s ease;}
details:not(.cot)[open]>summary::before{transform:rotate(90deg);}
details:not(.cot)>summary:hover{background:linear-gradient(90deg,rgba(201,162,39,0.2),transparent);color:#f2e8c4;}
details:not(.cot)[open]>summary{border-bottom:1px solid rgba(201,162,39,0.16);}
details:not(.cot) summary span{font-weight:400;}

/* ═══════════════ 折叠面板·内层嵌套（单个NPC档案） ═══════════════ */
details details{margin:7px 8px;background:linear-gradient(150deg,#0d0e20 0%,#14152c 100%);border-color:rgba(124,92,191,0.26);border-left-color:rgba(124,92,191,0.55);}
details details:hover{border-left-color:#9d7fd4;box-shadow:0 2px 10px rgba(124,92,191,0.15);}
details details>summary{padding:9px 13px;background:linear-gradient(90deg,rgba(124,92,191,0.1),transparent);color:#c8bde2;font-size:12.5px;}
details details>summary::before{content:'❖';color:#9d7fd4;}
details details>summary:hover{background:linear-gradient(90deg,rgba(124,92,191,0.2),transparent);color:#ded4f2;}
details details[open]>summary{border-bottom-color:rgba(124,92,191,0.18);}

/* ═══════════════ 滚动容器 ═══════════════ */
.scroll-wrap{padding:12px 14px;overflow-x:auto;-webkit-overflow-scrolling:touch;}

/* ═══════════════ 档案表格 ═══════════════ */
.panel-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px;line-height:1.85;background:rgba(8,9,20,0.42);border-radius:6px;overflow:hidden;}
.panel-table th{padding:8px 11px;background:linear-gradient(140deg,rgba(201,162,39,0.16),rgba(124,92,191,0.1));color:#e0d5b0;font-weight:600;text-align:left;letter-spacing:0.5px;white-space:nowrap;border-bottom:1px solid rgba(201,162,39,0.14);border-right:1px solid rgba(201,162,39,0.09);vertical-align:top;}
.panel-table td{padding:8px 11px;color:#d6d1c4;border-bottom:1px solid rgba(201,162,39,0.08);border-right:1px solid rgba(201,162,39,0.05);word-break:break-word;vertical-align:top;}
.panel-table tr:last-child th,.panel-table tr:last-child td{border-bottom:none;}
.panel-table th:last-child,.panel-table td:last-child{border-right:none;}
.panel-table tr:hover td{background:rgba(201,162,39,0.055);color:#eae5d6;}
.panel-table tr:hover th{background:linear-gradient(140deg,rgba(201,162,39,0.23),rgba(124,92,191,0.14));}
.panel-table th[colspan]{text-align:center;letter-spacing:1.3px;font-size:12px;background:linear-gradient(100deg,rgba(201,162,39,0.2),rgba(124,92,191,0.14),rgba(201,162,39,0.2));}
.panel-table b,.panel-table strong{color:#e8c860;}
.panel-table br{line-height:2.1;}

/* ═══════════════ 行动推荐 ═══════════════ */
.opts-panel{margin:14px 0 8px;padding:13px 15px;background:linear-gradient(150deg,#101126 0%,#181935 100%);border:1px solid rgba(124,92,191,0.28);border-radius:9px;box-shadow:0 3px 15px rgba(0,0,0,0.38);}
.opts-panel::before{content:'⟢ 行动抉择';display:block;margin-bottom:11px;padding-bottom:8px;color:#b49ce0;font-size:12px;font-weight:600;letter-spacing:2px;border-bottom:1px dashed rgba(124,92,191,0.3);}
.opts-panel ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;}
.opts-panel li{margin:0;padding:0;}
.opts-panel li div{padding:11px 15px;background:linear-gradient(95deg,rgba(124,92,191,0.11),rgba(201,162,39,0.05));border:1px solid rgba(124,92,191,0.26);border-left:3px solid rgba(201,162,39,0.42);border-radius:7px;color:#ddd7ea;font-size:13.5px;letter-spacing:0.4px;cursor:pointer;transition:all 0.24s cubic-bezier(0.25,0.8,0.35,1);position:relative;overflow:hidden;}
.opts-panel li div::after{content:'›';position:absolute;right:14px;top:50%;transform:translateY(-50%);color:rgba(201,162,39,0.42);font-size:19px;transition:all 0.24s ease;}
.opts-panel li div:hover{background:linear-gradient(95deg,rgba(201,162,39,0.19),rgba(124,92,191,0.13));border-color:rgba(201,162,39,0.55);border-left-color:#e8c860;color:#f4ecd4;transform:translateX(5px);box-shadow:0 3px 14px rgba(201,162,39,0.19);}
.opts-panel li div:hover::after{right:10px;color:#e8c860;}
.opts-panel li div:active{transform:translateX(2px) scale(0.995);}

/* ═══════════════ 代码块（归档/协议00输出用） ═══════════════ */
pre{margin:14px 0;padding:0;background:linear-gradient(165deg,#0a0b18 0%,#101124 100%);border:1px solid rgba(201,162,39,0.3);border-radius:9px;box-shadow:0 4px 20px rgba(0,0,0,0.5),inset 0 1px 0 rgba(232,200,96,0.05);overflow:hidden;position:relative;}
pre::before{content:'⌘ 可复制内容';display:block;padding:8px 15px;background:linear-gradient(90deg,rgba(201,162,39,0.16),rgba(124,92,191,0.09),transparent);color:#c9a227;font-size:11px;font-weight:600;letter-spacing:1.6px;border-bottom:1px solid rgba(201,162,39,0.2);}
pre code{display:block;padding:15px 17px;background:transparent;border:none;color:#cfd6c4;font-family:'Consolas','Monaco','Menlo','Courier New',monospace;font-size:12.5px;line-height:1.85;white-space:pre-wrap;word-break:break-word;overflow-x:auto;-webkit-overflow-scrolling:touch;letter-spacing:0.2px;}
code{padding:2px 6px;background:rgba(124,92,191,0.16);border:1px solid rgba(124,92,191,0.24);border-radius:4px;color:#c8b3ec;font-family:'Consolas','Monaco','Menlo',monospace;font-size:12.5px;word-break:break-word;}
pre:hover{border-color:rgba(201,162,39,0.5);box-shadow:0 4px 26px rgba(201,162,39,0.14),inset 0 1px 0 rgba(232,200,96,0.07);}

/* ═══════════════ Markdown 通用元素 ═══════════════ */
blockquote{margin:13px 0;padding:11px 16px;background:linear-gradient(95deg,rgba(124,92,191,0.09),transparent);border-left:3px solid #7c5cbf;border-radius:0 7px 7px 0;color:#c5bedb;font-size:13.5px;line-height:1.9;}
blockquote p{margin:0 0 8px;text-indent:0;}
blockquote p:last-child{margin-bottom:0;}
h1,h2,h3,h4,h5,h6{margin:16px 0 10px;color:#e0d5b0;letter-spacing:1px;line-height:1.5;}
h1{font-size:20px;padding-bottom:9px;border-bottom:2px solid rgba(201,162,39,0.32);}
h2{font-size:18px;padding-bottom:7px;border-bottom:1px solid rgba(201,162,39,0.24);}
h3{font-size:16px;color:#d4c79a;}
h4{font-size:14.5px;color:#b49ce0;}
h1::before,h2::before{content:'◆ ';color:#c9a227;font-size:0.8em;}
h3::before{content:'◇ ';color:#9d7fd4;font-size:0.85em;}
table:not(.panel-table){width:100%;margin:13px 0;border-collapse:separate;border-spacing:0;font-size:12.5px;background:rgba(8,9,20,0.4);border:1px solid rgba(201,162,39,0.2);border-radius:7px;overflow:hidden;}
table:not(.panel-table) th{padding:9px 12px;background:linear-gradient(140deg,rgba(201,162,39,0.17),rgba(124,92,191,0.1));color:#e0d5b0;font-weight:600;text-align:left;border-bottom:1px solid rgba(201,162,39,0.16);}
table:not(.panel-table) td{padding:8px 12px;color:#d6d1c4;border-bottom:1px solid rgba(201,162,39,0.07);}
table:not(.panel-table) tr:last-child td{border-bottom:none;}
table:not(.panel-table) tr:hover td{background:rgba(201,162,39,0.05);}
.story-bubble ul,.story-bubble ol,.scroll-wrap ul,.scroll-wrap ol{margin:9px 0 9px 22px;padding:0;}
.story-bubble li,.scroll-wrap li{margin-bottom:5px;color:#d6d1c4;line-height:1.85;}
.story-bubble li::marker,.scroll-wrap li::marker{color:#c9a227;}
a{color:#9d7fd4;text-decoration:none;border-bottom:1px dotted rgba(157,127,212,0.5);transition:all 0.2s ease;}
a:hover{color:#c9a227;border-bottom-color:rgba(201,162,39,0.7);}

/* ═══════════════ 滚动条 ═══════════════ */
::-webkit-scrollbar{width:7px;height:7px;}
::-webkit-scrollbar-track{background:rgba(10,11,24,0.6);border-radius:4px;}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c9a227,#7c5cbf);border-radius:4px;}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8c860,#9d7fd4);}
::-webkit-scrollbar-corner{background:transparent;}

/* ═══════════════ 移动端适配 ═

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

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