diff --git a/modules/story-outline/story-outline.html b/modules/story-outline/story-outline.html
index 27d7ad0..417d681 100644
--- a/modules/story-outline/story-outline.html
+++ b/modules/story-outline/story-outline.html
@@ -1,2885 +1,2885 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-
-<head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
-    <title>小白板</title>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
-    <style>
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box
-        }
-
-        :root {
-            /* === 背景色阶 (3级) === */
-            --bg: #FDFDF9;
-            --bg2: #FFFFFF;
-            --bg3: #F0F0EE;
-
-            /* === 文字色阶 (4级) === */
-            --c: #1C1917;
-            --c2: #57534E;
-            --c3: #78716C;
-            --c4: #aaa;
-
-            /* === 边框 === */
-            --bd: #E5E5E4;
-
-            /* === 状态色 - 成功/绿 === */
-            --ok: #4a9;
-            --ok-bg: #dcfce7;
-            --ok-c: #166534;
-            --ok-bd: #86efac;
-
-            /* === 状态色 - 错误/红 === */
-            --err: #b91c1c;
-            --err-bg: #fef2f2;
-            --err-bd: #fecaca;
-
-            /* === 状态色 - 到期/红 === */
-            --due-bg: #ffe1e1;
-            --due-bd: #ff9b9b;
-            --due-c: #7a1f1f;
-
-            /* === 状态色 - 警告/橙 === */
-            --warn: #f80;
-
-            /* === 尺寸 === */
-            --r4: 8px;
-            --r6: 12px;
-            --r8: 16px;
-
-            /* === 阴影 === */
-            --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
-            --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-            --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-
-            /* === 滚动条 === */
-            --sb-size: 10px;
-            --sb-track: rgba(0, 0, 0, 0.06);
-            --sb-thumb: rgba(0, 0, 0, 0.22);
-            --sb-thumb-hover: rgba(0, 0, 0, 0.34)
-        }
-
-        /* === 暗黑主题 (Refined) === */
-        [data-theme="dark"] {
-            /* 背景：更深邃的层次，类似 Vercel/Modern Dark */
-            --bg: #0f0f11;
-            --bg2: #18181b;
-            --bg3: #0f0f11;
-
-            /* 文字：略微降低纯白刺眼感，提升阅读舒适度 */
-            --c: #ededed;
-            --c2: #a1a1aa;
-            --c3: #52525b;
-            --c4: #3f3f46;
-
-            /* 边框：大幅降低亮度，融入背景 */
-            --bd: #2e2e32;
-
-            /* 状态色：使用深色半透明背景 */
-            --ok: #4ade80;
-            --ok-bg: rgba(20, 83, 45, 0.4);
-            --ok-c: #bbf7d0;
-            --ok-bd: #14532d;
-
-            --err: #f87171;
-            --err-bg: rgba(69, 10, 10, 0.4);
-            --err-bd: #7f1d1d;
-
-            --due-bg: rgba(69, 10, 10, 0.6);
-            --due-bd: #7f1d1d;
-            --due-c: #fca5a5;
-
-            --warn: #fbbf24;
-
-            /* 阴影：加深阴影以适应暗色背景 */
-            --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.6);
-            --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.6), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
-            --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.8), 0 10px 10px -5px rgba(0, 0, 0, 0.6);
-
-            /* === 滚动条 === */
-            --sb-track: rgba(255, 255, 255, 0.08);
-            --sb-thumb: rgba(255, 255, 255, 0.22);
-            --sb-thumb-hover: rgba(255, 255, 255, 0.32)
-        }
-
-        /* === 通用滚动条（亮/暗主题） === */
-        html {
-            scrollbar-width: thin;
-            scrollbar-color: var(--sb-thumb) var(--sb-track)
-        }
-
-        *::-webkit-scrollbar {
-            width: var(--sb-size);
-            height: var(--sb-size)
-        }
-
-        *::-webkit-scrollbar-track {
-            background: var(--sb-track)
-        }
-
-        *::-webkit-scrollbar-thumb {
-            background-color: var(--sb-thumb);
-            border-radius: 999px;
-            border: 2px solid var(--sb-track)
-        }
-
-        *::-webkit-scrollbar-thumb:hover {
-            background-color: var(--sb-thumb-hover)
-        }
-
-        [data-theme="dark"] .side-glass {
-            background: rgba(24, 24, 27, 0.7);
-            backdrop-filter: blur(12px);
-            border-color: rgba(255, 255, 255, 0.08)
-        }
-
-        [data-theme="dark"] .banner-ov {
-            background: linear-gradient(transparent 40%, #0f0f11)
-        }
-
-        [data-theme="dark"] .loc-lk {
-            border-bottom-color: var(--c3)
-        }
-
-        [data-theme="dark"] .data-item.sel {
-            background: rgba(255, 255, 255, 0.03);
-            border-color: var(--c3);
-            box-shadow: none;
-        }
-
-        [data-theme="dark"] .data-item:hover {
-            border-color: var(--c3);
-            background: var(--bg3);
-        }
-
-        html,
-        body {
-            width: 100%;
-            height: 100%;
-            overflow: hidden;
-            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-            background: var(--bg);
-            color: var(--c);
-            transition: background .3s, color .3s
-        }
-
-        .fc,
-        .fcc {
-            display: flex;
-            align-items: center
-        }
-
-        .fcc {
-            justify-content: center
-        }
-
-        .g4 {
-            gap: 4px
-        }
-
-        .g6 {
-            gap: 6px
-        }
-
-        .g10 {
-            gap: 10px
-        }
-
-        .g20 {
-            gap: 20px
-        }
-
-        .p12 {
-            padding: 12px
-        }
-
-        .r6 {
-            border-radius: var(--r6)
-        }
-
-        .bd {
-            border: 1px solid var(--bd)
-        }
-
-        .bg3 {
-            background: var(--bg3)
-        }
-
-        .fs12 {
-            font-size: 12px
-        }
-
-        .fw6 {
-            font-weight: 600
-        }
-
-        .c2 {
-            color: var(--c2)
-        }
-
-        .usn {
-            user-select: none
-        }
-
-        .f1 {
-            flex: 1
-        }
-
-        .jsb {
-            justify-content: space-between
-        }
-
-        .mt6 {
-            margin-top: 6px
-        }
-
-        .mt8 {
-            margin-top: 8px
-        }
-
-        .mt10 {
-            margin-top: 10px
-        }
-
-        .mt12 {
-            margin-top: 12px
-        }
-
-        .mt16 {
-            margin-top: 16px
-        }
-
-        .mb4 {
-            margin-bottom: 4px
-        }
-
-        .mb8 {
-            margin-bottom: 8px
-        }
-
-        .mb10 {
-            margin-bottom: 10px
-        }
-
-        .mb12 {
-            margin-bottom: 12px
-        }
-
-        .lh15 {
-            line-height: 1.5
-        }
-
-        .lh165 {
-            line-height: 1.65
-        }
-
-        .w100 {
-            width: 100px
-        }
-
-        .w140 {
-            width: 140px
-        }
-
-        .btn {
-            padding: 8px 16px;
-            background: var(--bg2);
-            font-size: 13px;
-            font-weight: 500;
-            cursor: pointer;
-            border: 1px solid var(--bd);
-            border-radius: var(--r4);
-            color: var(--c);
-            transition: all .2s;
-            box-shadow: var(--shadow-sm);
-            display: inline-flex;
-            align-items: center;
-            justify-content: center;
-            gap: 6px
-        }
-
-        .btn:hover {
-            background: var(--bg);
-            border-color: var(--c3);
-            box-shadow: var(--shadow);
-            transform: translateY(-1px)
-        }
-
-        .btn:active {
-            transform: translateY(0)
-        }
-
-        .btn:disabled {
-            opacity: .5;
-            cursor: not-allowed;
-            box-shadow: none;
-            transform: none
-        }
-
-        .btn-p {
-            background: var(--c);
-            color: var(--bg2);
-            border-color: var(--c)
-        }
-
-        .btn-p:hover {
-            background: var(--c2);
-            color: var(--bg2);
-            border-color: var(--c2)
-        }
-
-        .btn-due {
-            background: var(--due-bg) !important;
-            border-color: var(--due-bd) !important;
-            color: var(--due-c) !important
-        }
-
-        .btn-s {
-            padding: 6px 12px;
-            font-size: 12px
-        }
-
-        .btn-c,
-        .btn-add {
-            padding: 0;
-            border-radius: 50%;
-            flex-shrink: 0
-        }
-
-        .btn-c {
-            width: 32px;
-            height: 32px;
-            background: var(--bg3);
-            border-color: var(--bd);
-            color: var(--c2)
-        }
-
-        .btn-c:hover {
-            background: var(--bd);
-            color: var(--c)
-        }
-
-        .btn-add {
-            width: 36px;
-            height: 36px;
-            background: var(--bg2);
-            color: var(--c);
-            box-shadow: var(--shadow-sm)
-        }
-
-        .fold {
-            background: var(--bg2);
-            border: 1px solid var(--bd);
-            border-radius: var(--r6);
-            margin-bottom: 8px;
-            overflow: hidden;
-            box-shadow: var(--shadow-sm);
-            transition: box-shadow .2s
-        }
-
-        .fold:hover {
-            box-shadow: var(--shadow)
-        }
-
-        .fold-h {
-            padding: 12px 16px;
-            cursor: pointer;
-            display: flex;
-            justify-content: space-between;
-            align-items: center
-        }
-
-        .fold-a {
-            color: var(--c3);
-            font-size: 10px;
-            transition: transform .15s
-        }
-
-        .fold.exp .fold-a {
-            transform: rotate(180deg)
-        }
-
-        .fold-b {
-            max-height: 0;
-            overflow: hidden;
-            transition: max-height .2s cubic-bezier(0, 1, 0, 1)
-        }
-
-        .fold.exp .fold-b {
-            max-height: 500px;
-            transition: max-height .3s ease-in-out
-        }
-
-        .side-nav-wrap {
-            position: fixed;
-            left: 12px;
-            top: 50%;
-            transform: translateY(-50%);
-            z-index: 500;
-            display: flex;
-            flex-direction: column;
-            gap: 8px
-        }
-
-        .side-glass {
-            background: rgba(255, 255, 255, .8);
-            backdrop-filter: blur(10px);
-            border: 1px solid rgba(255, 255, 255, 0.5);
-            box-shadow: var(--shadow);
-            transition: background .3s, border-color .3s
-        }
-
-        .side-nav,
-        .side-menu {
-            display: flex;
-            flex-direction: column;
-            border-radius: 24px
-        }
-
-        .side-nav {
-            gap: 6px;
-            padding: 8px 6px
-        }
-
-        .side-menu {
-            position: relative;
-            padding: 6px 6px;
-            align-items: center
-        }
-
-        .side-menu-btn,
-        .nav-i {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            cursor: pointer;
-            color: var(--c3);
-            transition: all .2s
-        }
-
-        .side-menu-btn {
-            width: 32px;
-            height: 32px;
-            font-size: 12px;
-            border-radius: 10px
-        }
-
-        .nav-i {
-            width: 36px;
-            height: 36px;
-            border-radius: 50%
-        }
-
-        .nav-i i {
-            font-size: 14px
-        }
-
-        .side-menu-btn:hover,
-        .nav-i:hover {
-            background: var(--bg3);
-            color: var(--c)
-        }
-
-        .side-menu-btn.act,
-        .nav-i.act {
-            background: var(--c);
-            color: var(--bg2);
-            box-shadow: var(--shadow-sm)
-        }
-
-        .side-menu-panel {
-            position: absolute;
-            left: 100%;
-            top: 50%;
-            transform: translateY(-50%);
-            margin-left: 12px;
-            display: none;
-            flex-direction: column;
-            gap: 6px;
-            padding: 8px;
-            background: var(--bg2);
-            border-radius: var(--r6);
-            border: 1px solid var(--bd);
-            white-space: nowrap;
-            z-index: 600;
-            box-shadow: var(--shadow)
-        }
-
-        .side-menu-panel.show {
-            display: flex
-        }
-
-        .side-menu-panel .btn {
-            font-size: 11px;
-            padding: 6px 12px;
-            width: 100%;
-            justify-content: flex-start
-        }
-
-        .toolbar {
-            height: 52px;
-            background: var(--bg2);
-            border-bottom: 1px solid var(--bd);
-            padding: 0 16px 0 64px;
-            position: relative;
-            z-index: 200;
-            box-shadow: var(--shadow-sm);
-            transition: background .3s, border-color .3s
-        }
-
-        .toolbar-t {
-            font-size: 16px;
-            font-weight: 700;
-            margin-right: auto;
-            letter-spacing: -0.5px;
-            color: var(--c)
-        }
-
-        .toolbar-t span {
-            font-weight: 400;
-            color: var(--c3);
-            margin-left: 8px;
-            font-size: 12px;
-            letter-spacing: 0
-        }
-
-        .main-wrap {
-            width: 100%;
-            height: calc(100% - 52px);
-            position: relative
-        }
-
-        .page {
-            position: absolute;
-            inset: 0;
-            background: var(--bg);
-            display: none;
-            overflow: hidden;
-            transition: background .3s
-        }
-
-        .page.act {
-            display: block
-        }
-
-        .page-pad {
-            padding: 24px 24px 24px 72px;
-            overflow-y: auto;
-            height: 100%
-        }
-
-        .banner {
-            width: 100%;
-            height: 180px;
-            border-radius: var(--r8);
-            overflow: hidden;
-            margin-bottom: 24px;
-            position: relative;
-            background: var(--bg3);
-            box-shadow: var(--shadow-sm)
-        }
-
-        .banner img {
-            width: 100%;
-            height: 100%;
-            object-fit: cover
-        }
-
-        .banner-ov {
-            position: absolute;
-            inset: 0;
-            background: linear-gradient(transparent 40%, rgba(0, 0, 0, .6));
-            display: flex;
-            align-items: flex-end;
-            padding: 20px
-        }
-
-        .banner-ov div {
-            color: var(--bg2);
-            font-size: 14px;
-            font-weight: 500;
-            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)
-        }
-
-        .sec-t {
-            font-size: 13px;
-            color: var(--c3);
-            margin-bottom: 12px;
-            font-weight: 600;
-            letter-spacing: 0.5px;
-            text-transform: uppercase
-        }
-
-        .sec-hd {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            margin-bottom: 12px
-        }
-
-        .sec-hd .sec-t {
-            margin-bottom: 0
-        }
-
-        .news-sec {
-            margin-bottom: 32px
-        }
-
-        .news-t {
-            font-size: 14px;
-            font-weight: 600;
-            color: var(--c)
-        }
-
-        .news-time {
-            font-size: 11px;
-            color: var(--c3)
-        }
-
-        .fold.exp .news-b {
-            padding: 0 16px 16px
-        }
-
-        .news-b p {
-            font-size: 13px;
-            color: var(--c2);
-            line-height: 1.7
-        }
-
-        .user-guide {
-            padding: 20px;
-            background: var(--bg2);
-            border-radius: var(--r6);
-            border: 1px solid var(--bd);
-            margin-bottom: 24px;
-            box-shadow: var(--shadow-sm)
-        }
-
-        .user-guide-state {
-            font-size: 14px;
-            font-weight: 500;
-            margin-bottom: 12px;
-            color: var(--c)
-        }
-
-        .user-guide-actions {
-            display: flex;
-            flex-direction: column;
-            gap: 8px
-        }
-
-        .user-guide-action {
-            padding: 10px 14px;
-            background: var(--bg);
-            border: 1px solid var(--bd);
-            border-radius: var(--r4);
-            font-size: 13px;
-            color: var(--c2);
-            cursor: pointer;
-            transition: all .2s
-        }
-
-        .user-guide-action:hover {
-            background: var(--bg2);
-            border-color: var(--c3)
-        }
-
-        #mapWrap {
-            width: 100%;
-            height: 100%;
-            background: var(--bg);
-            cursor: grab;
-            overflow: hidden;
-            position: relative;
-            touch-action: none
-        }
-
-        #inner,
-        #lines {
-            position: absolute;
-            width: 4000px;
-            height: 4000px;
-            transform-origin: 0 0
-        }
-
-        #lines {
-            pointer-events: none
-        }
-
-        .item {
-            position: absolute;
-            padding: 8px 16px;
-            background: var(--bg2);
-            border: 1px solid var(--bd);
-            border-radius: 20px;
-            font-size: 12px;
-            font-weight: 600;
-            white-space: nowrap;
-            cursor: pointer;
-            user-select: none;
-            box-shadow: var(--shadow-sm);
-            color: var(--c);
-            transition: transform .1s, border-color .1s, background .3s
-        }
-
-        .item.node-main {
-            background: var(--c);
-            color: var(--bg2);
-            border-color: var(--c);
-            z-index: 10
-        }
-
-        .item.node-home {
-            background: var(--bg2);
-            color: var(--c);
-            border: 2px solid var(--c);
-            z-index: 11
-        }
-
-        .item.node-sub {
-            background: var(--bg2)
-        }
-
-        .item:hover {
-            transform: scale(1.05);
-            z-index: 20
-        }
-
-        .item.hl {
-            border-color: var(--c);
-            box-shadow: 0 0 0 3px rgba(68, 64, 60, 0.2);
-            z-index: 20
-        }
-
-        .map-act {
-            position: absolute;
-            top: 16px;
-            right: 16px;
-            z-index: 100
-        }
-
-        #btn-goto {
-            display: none;
-            background: var(--c);
-            color: var(--bg2);
-            border: none;
-            box-shadow: var(--shadow)
-        }
-
-        #btn-goto.show {
-            display: flex
-        }
-
-        .map-lbl {
-            position: absolute;
-            top: 16px;
-            left: 72px;
-            z-index: 100;
-            background: var(--bg2);
-            border: 1px solid var(--bd);
-            border-radius: 20px;
-            padding: 8px 16px;
-            font-size: 12px;
-            color: var(--c);
-            cursor: pointer;
-            display: flex;
-            align-items: center;
-            box-shadow: var(--shadow-sm)
-        }
-
-        .map-lbl i:first-child {
-            margin-right: 8px;
-            color: var(--c3)
-        }
-
-        .map-lbl .fa-chevron-down {
-            margin-left: 8px;
-            font-size: 9px;
-            color: var(--c3)
-        }
-
-        .map-lbl-sel {
-            position: absolute;
-            opacity: 0;
-            cursor: pointer;
-            inset: 0;
-            border: none;
-            background: transparent;
-            -webkit-appearance: none;
-            appearance: none
-        }
-
-        .panel {
-            position: fixed;
-            background: var(--bg2);
-            padding: 12px 16px;
-            border-radius: var(--r6);
-            font-size: 12px;
-            color: var(--c2);
-            border: 1px solid var(--bd);
-            box-shadow: var(--shadow);
-            transition: background .3s, border-color .3s
-        }
-
-        #zoom-ind {
-            bottom: 20px;
-            right: 20px;
-            font-family: monospace
-        }
-
-        #tip {
-            bottom: 20px;
-            left: 72px;
-            max-width: 280px;
-            line-height: 1.6;
-            max-height: 220px;
-            overflow-y: auto;
-            display: none
-        }
-
-        #tip .desc {
-            display: none
-        }
-
-        #tip .info-w {
-            display: block
-        }
-
-        #tip.show {
-            display: block
-        }
-
-        .loc-lk {
-            color: var(--c);
-            font-weight: 600;
-            cursor: pointer;
-            border-bottom: 1px dashed var(--c3);
-            transition: color .2s
-        }
-
-        .loc-lk:hover {
-            color: var(--c2);
-            border-bottom-style: solid
-        }
-
-        .local-map-title {
-            font-size: 15px;
-            font-weight: 700;
-            color: var(--c);
-            margin-bottom: 12px;
-            padding-bottom: 10px;
-            border-bottom: 1px solid var(--bd)
-        }
-
-        .info-h {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            margin-bottom: 8px
-        }
-
-        .info-t {
-            font-weight: 700;
-            color: var(--c);
-            font-size: 14px
-        }
-
-        .info-bk {
-            font-size: 11px;
-            color: var(--c3);
-            cursor: pointer;
-            padding: 4px 8px;
-            border-radius: 4px;
-            background: var(--bg3)
-        }
-
-        .info-c {
-            color: var(--c2);
-            font-size: 13px;
-            line-height: 1.6
-        }
-
-        .comm-hd {
-            display: flex;
-            align-items: center;
-            gap: 12px;
-            margin-bottom: 20px
-        }
-
-        .comm-tabs {
-            display: flex;
-            gap: 4px;
-            background: var(--bg3);
-            padding: 4px;
-            border-radius: var(--r6)
-        }
-
-        .comm-tab {
-            padding: 8px 20px;
-            text-align: center;
-            border-radius: var(--r4);
-            cursor: pointer;
-            font-size: 12px;
-            font-weight: 600;
-            color: var(--c3);
-            transition: all .2s;
-            border: none
-        }
-
-        .comm-tab:first-child {
-            border-radius: var(--r4)
-        }
-
-        .comm-tab:last-child {
-            border-radius: var(--r4);
-            border-left: none
-        }
-
-        .comm-tab.act {
-            background: var(--bg2);
-            color: var(--c);
-            box-shadow: var(--shadow-sm)
-        }
-
-        .comm-sec {
-            display: none
-        }
-
-        .comm-sec.act {
-            display: block
-        }
-
-        .ct-hd {
-            gap: 12px
-        }
-
-        .ct-av,
-        .chat-av {
-            width: 40px;
-            height: 40px;
-            border-radius: 50%;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            color: var(--bg2);
-            font-weight: 600;
-            font-size: 14px;
-            flex-shrink: 0;
-            box-shadow: var(--shadow-sm)
-        }
-
-        .ct-info {
-            flex: 1;
-            min-width: 0
-        }
-
-        .ct-name {
-            font-size: 14px;
-            font-weight: 600;
-            color: var(--c)
-        }
-
-        .ct-st {
-            font-size: 12px;
-            color: var(--c3);
-            margin-top: 2px
-        }
-
-        .ct-det {
-            padding: 0 16px 16px
-        }
-
-        .ct-info-text {
-            font-size: 13px;
-            color: var(--c2);
-            line-height: 1.7;
-            margin: 0 0 16px;
-            background: var(--bg);
-            padding: 10px;
-            border-radius: var(--r4)
-        }
-
-        .ct-acts {
-            display: flex;
-            gap: 10px
-        }
-
-        .ct-acts .btn {
-            flex: 1;
-            justify-content: center;
-            font-size: 12px;
-            height: 32px
-        }
-
-        .empty {
-            text-align: center;
-            padding: 60px 20px;
-            color: var(--c3);
-            font-size: 13px;
-            background: var(--bg3);
-            border-radius: var(--r6);
-            border: 1px dashed var(--bd)
-        }
-
-        .modal {
-            position: fixed;
-            inset: 0;
-            z-index: 10000;
-            display: none;
-            justify-content: center;
-            align-items: center;
-            backdrop-filter: blur(2px);
-            transition: all .3s
-        }
-
-        .modal.act {
-            display: flex
-        }
-
-        .modal-bd {
-            position: absolute;
-            inset: 0;
-            background: rgba(0, 0, 0, .15)
-        }
-
-        .modal-p {
-            position: relative;
-            width: 90%;
-            max-width: 700px;
-            max-height: 85vh;
-            background: var(--bg2);
-            border: 1px solid var(--bd);
-            border-radius: var(--r8);
-            overflow: hidden;
-            display: flex;
-            flex-direction: column;
-            box-shadow: var(--shadow-lg);
-            transition: background .3s, border-color .3s
-        }
-
-        .modal-p.sm {
-            max-width: 400px
-        }
-
-        .modal-p.lg {
-            max-width: 800px
-        }
-
-        .modal-hd,
-        .modal-ft {
-            padding: 16px 20px;
-            background: var(--bg2);
-            transition: background .3s
-        }
-
-        .modal-hd {
-            justify-content: space-between;
-            border-bottom: 1px solid var(--bd);
-            display: flex;
-            align-items: center
-        }
-
-        .modal-hd h2 {
-            font-size: 16px;
-            font-weight: 700;
-            color: var(--c)
-        }
-
-        .modal-ft {
-            justify-content: flex-end;
-            gap: 12px;
-            border-top: 1px solid var(--bd);
-            background: var(--bg)
-        }
-
-        .modal-x {
-            width: 32px;
-            height: 32px;
-            background: transparent;
-            cursor: pointer;
-            border: none;
-            border-radius: 50%;
-            color: var(--c3);
-            font-size: 16px
-        }
-
-        .modal-x:hover {
-            background: var(--bg3);
-            color: var(--c)
-        }
-
-        .modal-by {
-            flex: 1;
-            overflow-y: auto;
-            padding: 24px
-        }
-
-        .form-g {
-            margin-bottom: 20px
-        }
-
-        .form-l {
-            display: block;
-            font-size: 12px;
-            font-weight: 600;
-            margin-bottom: 8px;
-            color: var(--c2);
-            text-transform: uppercase;
-            letter-spacing: 0.5px
-        }
-
-        .form-in {
-            width: 100%;
-            padding: 10px 14px;
-            border: 1px solid var(--bd);
-            border-radius: var(--r4);
-            font-size: 14px;
-            outline: none;
-            background: var(--bg);
-            color: var(--c);
-            transition: all .2s;
-            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03)
-        }
-
-        .form-in:focus {
-            background: var(--bg2);
-            border-color: var(--c3);
-            box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05)
-        }
-
-        .form-ta {
-            min-height: 100px;
-            resize: vertical;
-            font-family: inherit;
-            line-height: 1.6
-        }
-
-        .goto-d {
-            font-size: 14px;
-            color: var(--c);
-            font-weight: 500;
-            padding: 12px 16px;
-            background: var(--bg3);
-            border-radius: var(--r4);
-            margin-bottom: 16px;
-            border: 1px solid var(--bd)
-        }
-
-        .ed-ta {
-            width: 100%;
-            min-height: 120px;
-            padding: 16px;
-            background: var(--bg);
-            border: 1px solid var(--bd);
-            border-radius: var(--r4);
-            font-family: "SF Mono", Monaco, Consolas, monospace;
-            font-size: 12px;
-            line-height: 1.6;
-            color: var(--c);
-            resize: vertical;
-            outline: 0;
-            overflow: auto
-        }
-
-        .ed-ta:focus {
-            background: var(--bg2);
-            border-color: var(--c3)
-        }
-
-        .ed-preview {
-            margin-top: 12px;
-            padding: 16px;
-            background: var(--bg3);
-            border: 1px solid var(--bd);
-            border-radius: var(--r4);
-            font-size: 11px;
-            font-family: "SF Mono", Monaco, Consolas, monospace;
-            white-space: pre-wrap;
-            display: none;
-            color: var(--c2)
-        }
-
-        .ed-err {
-            padding: 12px;
-            background: var(--err-bg);
-            border: 1px solid var(--err-bd);
-            border-radius: var(--r4);
-            color: var(--err);
-            font-size: 13px;
-            margin-top: 12px;
-            display: none
-        }
-
-        .ed-err.vis {
-            display: block
-        }
-
-        .chat {
-            position: fixed;
-            top: 0;
-            right: -420px;
-            width: 380px;
-            height: 100%;
-            background: var(--bg2);
-            border-left: 1px solid var(--bd);
-            z-index: 600;
-            display: flex;
-            flex-direction: column;
-            box-shadow: var(--shadow-lg);
-            transition: right .3s cubic-bezier(0.16, 1, 0.3, 1), background .3s, border-color .3s
-        }
-
-        .chat.act {
-            right: 0
-        }
-
-        .chat-hd {
-            padding: 16px 20px;
-            border-bottom: 1px solid var(--bd);
-            display: flex;
-            align-items: center;
-            gap: 14px;
-            flex-shrink: 0
-        }
-
-        .chat-t {
-            flex: 1;
-            min-width: 0
-        }
-
-        .chat-nm {
-            font-size: 15px;
-            font-weight: 700;
-            color: var(--c)
-        }
-
-        .chat-st {
-            font-size: 12px;
-            color: var(--c3);
-            margin-top: 2px
-        }
-
-        .chat-hd-acts {
-            display: flex;
-            align-items: center;
-            gap: 6px
-        }
-
-        .chat-compress,
-        .chat-clr,
-        .chat-x {
-            width: 36px;
-            height: 36px;
-            border: none;
-            background: transparent;
-            cursor: pointer;
-            border-radius: 50%;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            color: var(--c3);
-            transition: background .2s
-        }
-
-        .chat-compress:hover,
-        .chat-clr:hover,
-        .chat-x:hover {
-            background: var(--bg3);
-            color: var(--c)
-        }
-
-        .chat-compress:disabled {
-            opacity: .4;
-            cursor: not-allowed
-        }
-
-        .chat-divider {
-            width: 100%;
-            text-align: center;
-            padding: 12px 0;
-            color: var(--c3);
-            font-size: 11px;
-            position: relative
-        }
-
-        .chat-divider:before,
-        .chat-divider:after {
-            content: "";
-            position: absolute;
-            top: 50%;
-            width: 30%;
-            height: 1px;
-            background: var(--bd)
-        }
-
-        .chat-divider:before {
-            left: 0
-        }
-
-        .chat-divider:after {
-            right: 0
-        }
-
-        .chat-msgs {
-            flex: 1;
-            overflow-y: auto;
-            padding: 20px;
-            display: flex;
-            flex-direction: column;
-            gap: 16px;
-            background: var(--bg)
-        }
-
-        .chat-msg {
-            max-width: 85%;
-            padding: 12px 16px;
-            border-radius: 18px;
-            font-size: 14px;
-            line-height: 1.6;
-            white-space: pre-wrap;
-            box-shadow: var(--shadow-sm)
-        }
-
-        .chat-msg.sent {
-            align-self: flex-end;
-            background: var(--c);
-            color: var(--bg2);
-            border-bottom-right-radius: 4px
-        }
-
-        .chat-msg.recv {
-            align-self: flex-start;
-            background: var(--bg2);
-            border-bottom-left-radius: 4px;
-            border: 1px solid var(--bd);
-            color: var(--c)
-        }
-
-        .chat-msg.typing {
-            font-style: italic;
-            opacity: .7;
-            background: transparent;
-            box-shadow: none;
-            border: none;
-            padding: 0
-        }
-
-        .chat-in-w {
-            padding: 16px;
-            border-top: 1px solid var(--bd);
-            display: flex;
-            gap: 12px;
-            flex-shrink: 0;
-            background: var(--bg2)
-        }
-
-        .chat-in {
-            flex: 1;
-            padding: 12px 16px;
-            border: 1px solid var(--bd);
-            border-radius: 24px;
-            font-size: 14px;
-            outline: none;
-            background: var(--bg);
-            transition: all .2s
-        }
-
-        .chat-in:focus {
-            border-color: var(--c);
-            background: var(--bg2);
-            box-shadow: var(--shadow-sm)
-        }
-
-        .chat-in:disabled,
-        .chat-send:disabled {
-            opacity: .5;
-            cursor: not-allowed
-        }
-
-        .chat-send {
-            width: 40px;
-            height: 40px;
-            border: none;
-            background: var(--c);
-            color: var(--bg2);
-            border-radius: 50%;
-            cursor: pointer;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            box-shadow: var(--shadow-sm);
-            transition: transform .2s
-        }
-
-        .chat-send:hover {
-            transform: scale(1.05)
-        }
-
-        .chat-emp {
-            text-align: center;
-            color: var(--c3);
-            font-size: 13px;
-            padding: 60px 20px
-        }
-
-        .loc-list {
-            max-height: 300px;
-            overflow-y: auto
-        }
-
-        .loc-i {
-            padding: 14px 16px;
-            border: 1px solid var(--bd);
-            border-radius: var(--r6);
-            margin-bottom: 10px;
-            cursor: pointer;
-            background: var(--bg2);
-            transition: all .2s
-        }
-
-        .loc-i:hover {
-            border-color: var(--c3);
-            transform: translateY(-1px)
-        }
-
-        .loc-i.sel {
-            border-color: var(--c);
-            background: var(--c);
-            color: var(--bg2);
-            box-shadow: var(--shadow)
-        }
-
-        .loc-i.sel .loc-i-info {
-            color: rgba(255, 255, 255, 0.8)
-        }
-
-        .loc-i-nm {
-            font-size: 14px;
-            font-weight: 600
-        }
-
-        .loc-i-info {
-            font-size: 12px;
-            opacity: .7;
-            margin-top: 4px
-        }
-
-        .mob-pop {
-            position: fixed;
-            bottom: 0;
-            left: 0;
-            right: 0;
-            background: var(--bg2);
-            border-top: 1px solid var(--bd);
-            border-radius: 20px 20px 0 0;
-            z-index: 101;
-            display: none;
-            flex-direction: column;
-            box-shadow: var(--shadow-lg)
-        }
-
-        .mob-pop.act {
-            display: flex
-        }
-
-        .pop-hd {
-            padding: 12px;
-            cursor: grab;
-            touch-action: none;
-            flex-shrink: 0
-        }
-
-        .pop-handle {
-            width: 40px;
-            height: 5px;
-            background: var(--bd);
-            border-radius: 3px;
-            margin: 0 auto
-        }
-
-        .pop-ct {
-            flex: 1;
-            overflow-y: auto;
-            padding: 0 24px 24px;
-            -webkit-overflow-scrolling: touch
-        }
-
-        .pop-desc {
-            display: none
-        }
-
-        .pop-info {
-            display: block
-        }
-
-        .pop-info-h {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            margin-bottom: 12px
-        }
-
-        .pop-info-t {
-            font-weight: 700;
-            font-size: 16px;
-            color: var(--c)
-        }
-
-        .pop-info-bk {
-            font-size: 12px;
-            color: var(--c3);
-            cursor: pointer;
-            padding: 6px 12px;
-            border-radius: var(--r4);
-            background: var(--bg3)
-        }
-
-        .pop-h-ind {
-            position: absolute;
-            top: 50%;
-            right: 8px;
-            transform: translateY(-50%);
-            display: flex;
-            flex-direction: column;
-            gap: 4px;
-            opacity: 0
-        }
-
-        .mob-pop.drag .pop-h-ind {
-            opacity: 1
-        }
-
-        .pop-h-ind span {
-            width: 4px;
-            height: 10px;
-            background: var(--bd);
-            border-radius: 2px
-        }
-
-        .pop-h-ind span.act {
-            background: var(--c)
-        }
-
-        .side-pop {
-            position: fixed;
-            top: 44px;
-            right: 0;
-            bottom: 0;
-            background: var(--bg2);
-            border-left: 1px solid var(--bd);
-            z-index: 90;
-            display: none;
-            width: 12px;
-            transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), background .3s, border-color .3s;
-            overflow: hidden
-        }
-
-        .side-pop.show {
-            display: flex
-        }
-
-        .side-pop.act {
-            width: 332px;
-            box-shadow: var(--shadow-lg)
-        }
-
-        .side-pop-handle {
-            width: 12px;
-            background: var(--bg3);
-            cursor: pointer;
-            flex-shrink: 0;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            touch-action: none;
-            border-right: 1px solid var(--bd);
-            transition: background 0.2s
-        }
-
-        .side-pop-handle:hover {
-            background: var(--bd)
-        }
-
-        .side-pop-bar {
-            width: 3px;
-            height: 36px;
-            background: var(--bd);
-            border-radius: 2px
-        }
-
-        .side-pop-ct {
-            flex: 1;
-            overflow-y: auto;
-            overflow-x: hidden;
-            padding: 16px;
-            margin-bottom: 30vh;
-            min-width: 0
-        }
-
-        .side-pop-hd {
-            font-size: 11px;
-            color: var(--c3);
-            margin-bottom: 10px
-        }
-
-        .side-pop-desc {
-            font-size: 13px;
-            color: var(--c2);
-            line-height: 1.7;
-            margin-top: 2em
-        }
-
-        .set-row {
-            display: flex;
-            align-items: center;
-            gap: 8px;
-            margin-bottom: 10px
-        }
-
-        .set-row .form-in {
-            flex: 1
-        }
-
-        .set-row .btn {
-            flex-shrink: 0
-        }
-
-        .set-hint {
-            font-size: 11px;
-            color: var(--c3);
-            margin-top: 4px
-        }
-
-        .set-test {
-            display: flex;
-            align-items: center;
-            gap: 8px;
-            margin-top: 8px
-        }
-
-        .set-test-res {
-            font-size: 12px;
-            padding: 6px 10px;
-            border-radius: var(--r4);
-            display: none
-        }
-
-        .set-test-res.ok {
-            display: block;
-            background: var(--ok-bg);
-            color: var(--ok-c);
-            border: 1px solid var(--ok-bd)
-        }
-
-        .set-test-res.err {
-            display: block;
-            background: var(--err-bg);
-            color: var(--err);
-            border: 1px solid var(--err-bd)
-        }
-
-        .warn {
-            color: var(--warn)
-        }
-
-        .settings-body {
-            height: 480px;
-            overflow-y: auto;
-            background: var(--bg2);
-            padding: 24px
-        }
-
-        .settings-nav {
-            display: flex;
-            align-items: center;
-            gap: 4px;
-            background: var(--bg3);
-            padding: 4px;
-            border-radius: var(--r6);
-            height: 40px
-        }
-
-        .set-nav-item {
-            padding: 0 16px;
-            height: 32px;
-            background: transparent;
-            border: none;
-            border-radius: var(--r4);
-            cursor: pointer;
-            font-size: 13px;
-            font-weight: 500;
-            color: var(--c3);
-            display: flex;
-            align-items: center;
-            gap: 8px;
-            transition: all .2s;
-            white-space: nowrap
-        }
-
-        .set-nav-item:hover {
-            color: var(--c2)
-        }
-
-        .set-nav-item.act {
-            background: var(--bg2);
-            color: var(--c);
-            box-shadow: var(--shadow-sm);
-            font-weight: 600
-        }
-
-        .set-tab-page {
-            display: none;
-            animation: fadeIn .3s
-        }
-
-        .set-tab-page.act {
-            display: block
-        }
-
-        .set-group {
-            background: var(--bg2);
-            border: 1px solid var(--bd);
-            border-radius: var(--r6);
-            padding: 20px;
-            margin-bottom: 20px;
-            box-shadow: var(--shadow-sm)
-        }
-
-        .set-group-t {
-            font-size: 14px;
-            font-weight: 700;
-            color: var(--c);
-            margin-bottom: 16px;
-            display: flex;
-            align-items: center;
-            gap: 8px;
-            padding-bottom: 10px;
-            border-bottom: 1px dashed var(--bd)
-        }
-
-        .tips-box {
-            background: var(--bg3);
-            padding: 10px 12px;
-            border-radius: var(--r4);
-            font-size: 12px;
-            color: var(--c2);
-            line-height: 1.5;
-            margin-top: 8px
-        }
-
-        .btn.w100 {
-            width: 100%
-        }
-
-        #data-list {
-            display: grid;
-            grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
-            gap: 12px
-        }
-
-        .data-item {
-            display: flex;
-            align-items: center;
-            gap: 10px;
-            padding: 10px 12px;
-            background: var(--bg);
-            border: 1px solid var(--bd);
-            border-radius: var(--r6);
-            cursor: pointer;
-            transition: all .2s;
-            position: relative;
-            min-height: 60px
-        }
-
-        .data-item:hover {
-            border-color: var(--c3);
-            transform: translateY(-1px);
-            box-shadow: var(--shadow-sm)
-        }
-
-        .data-item.sel {
-            background: var(--bg2);
-            border-color: var(--c);
-            box-shadow: 0 0 0 1px var(--c) inset
-        }
-
-        .data-ck {
-            width: 20px;
-            height: 20px;
-            border: 1px solid var(--bd);
-            background: var(--bg3);
-            border-radius: 4px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            color: transparent;
-            font-size: 10px;
-            flex-shrink: 0
-        }
-
-        .data-item.sel .data-ck {
-            background: var(--c);
-            border-color: var(--c);
-            color: var(--bg2)
-        }
-
-        .data-info {
-            flex: 1;
-            min-width: 0
-        }
-
-        .data-nm {
-            font-size: 13px;
-            font-weight: 600;
-            color: var(--c);
-            margin-bottom: 2px
-        }
-
-        .data-desc {
-            font-size: 11px;
-            color: var(--c3);
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis
-        }
-
-        .data-edit {
-            width: 28px;
-            height: 28px;
-            border-radius: 4px;
-            border: 1px solid transparent;
-            background: transparent;
-            color: var(--c3);
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            font-size: 12px;
-            transition: all .2s;
-            cursor: pointer
-        }
-
-        .data-edit:hover {
-            background: var(--bg3);
-            color: var(--c);
-            border-color: var(--bd)
-        }
-
-        @keyframes fadeIn {
-            from {
-                opacity: 0;
-                transform: translateY(4px)
-            }
-
-            to {
-                opacity: 1;
-                transform: translateY(0)
-            }
-        }
-
-        @media (max-width:600px) {
-            .modal-p.lg {
-                width: 100%;
-                height: 100%;
-                max-height: 100%;
-                border-radius: 0
-            }
-
-            .settings-body {
-                height: auto;
-                flex: 1;
-                padding: 16px
-            }
-
-            .modal-hd {
-                padding: 10px 16px;
-                display: flex;
-                justify-content: flex-end
-            }
-
-            .modal-hd h2 {
-                display: none
-            }
-
-            .modal-hd .settings-nav {
-                flex: 0 0 auto;
-                margin-left: auto;
-                margin-right: 8px
-            }
-
-            .set-nav-item {
-                padding: 0 10px;
-                font-size: 12px
-            }
-
-            .set-nav-item i {
-                display: none
-            }
-
-            #data-list {
-                grid-template-columns: 1fr
-            }
-
-            .set-row {
-                flex-wrap: wrap
-            }
-
-            .mt-mob-8 {
-                margin-top: 8px
-            }
-        }
-
-        .data-item {
-            display: flex;
-            align-items: flex-start;
-            gap: 10px;
-            padding: 12px;
-            background: var(--bg);
-            border: 1px solid var(--bd);
-            border-radius: var(--r6);
-            margin-bottom: 8px;
-            cursor: pointer
-        }
-
-        .data-item.sel {
-            border-color: var(--c);
-            background: rgba(34, 34, 34, .05)
-        }
-
-        .data-ck {
-            width: 18px;
-            height: 18px;
-            border: 2px solid var(--bd);
-            border-radius: var(--r4);
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            flex-shrink: 0;
-            margin-top: 2px
-        }
-
-        .data-item.sel .data-ck {
-            background: var(--c);
-            border-color: var(--c);
-            color: var(--bg2)
-        }
-
-        .data-ck i {
-            font-size: 10px;
-            opacity: 0
-        }
-
-        .data-item.sel .data-ck i {
-            opacity: 1
-        }
-
-        .data-info {
-            flex: 1;
-            min-width: 0
-        }
-
-        .data-nm {
-            font-size: 13px;
-            font-weight: 500;
-            margin-bottom: 4px
-        }
-
-        .data-desc {
-            font-size: 11px;
-            color: var(--c3);
-            line-height: 1.4
-        }
-
-        .data-edit {
-            width: 28px;
-            height: 28px;
-            border: 1px solid var(--bd);
-            border-radius: var(--r4);
-            background: var(--bg2);
-            cursor: pointer;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            flex-shrink: 0;
-            color: var(--c3)
-        }
-
-        #set-model-list {
-            display: none;
-            margin-top: 8px
-        }
-
-        #world-gen-status,
-        #world-sim-status {
-            display: none;
-            color: var(--ok)
-        }
-
-        #adv-u1,
-        #adv-a1,
-        #adv-u2,
-        #adv-a2 {
-            height: 85px
-        }
-
-        #adv-json {
-            min-height: 140px
-        }
-
-        #data-edit-ta {
-            min-height: 300px
-        }
-
-        #res-msg {
-            margin-bottom: 10px;
-            line-height: 1.5
-        }
-
-        #res-record-box {
-            display: none
-        }
-
-        #res-action {
-            display: none
-        }
-
-        #res-record {
-            max-height: 200px;
-            overflow-y: auto;
-            background: var(--bg3);
-            padding: 8px;
-            border-radius: var(--r4);
-            font-size: 12px;
-            white-space: pre-wrap;
-            word-break: break-all
-        }
-
-        .adv-layout {
-            display: flex;
-            flex: 1;
-            overflow: hidden;
-            height: 100%
-        }
-
-        .adv-sidebar {
-            width: 260px;
-            background: var(--bg3);
-            border-right: 1px solid var(--bd);
-            padding: 20px;
-            overflow-y: auto;
-            display: flex;
-            flex-direction: column;
-            gap: 24px;
-            flex-shrink: 0
-        }
-
-        .adv-sidebar .form-g {
-            margin-bottom: 0
-        }
-
-        .adv-sidebar .set-hint {
-            font-size: 12px;
-            color: var(--c3);
-            line-height: 1.6
-        }
-
-        .adv-main {
-            flex: 1;
-            padding: 24px 32px;
-            overflow-y: auto;
-            background: var(--bg2);
-            display: flex;
-            flex-direction: column;
-            gap: 32px;
-            min-width: 0
-        }
-
-        .adv-var-group-title {
-            font-size: 12px;
-            font-weight: 700;
-            color: var(--c2);
-            text-transform: uppercase;
-            letter-spacing: 0.5px;
-            margin: 16px 0 8px 0;
-            padding-bottom: 4px;
-            border-bottom: 1px solid var(--bd)
-        }
-
-        .adv-var-item {
-            font-size: 12px;
-            color: var(--c2);
-            padding: 4px 0;
-            display: flex;
-            flex-direction: column;
-            gap: 2px
-        }
-
-        .adv-var-item code {
-            font-family: "SF Mono", Monaco, Consolas, monospace;
-            background: rgba(0, 0, 0, 0.06);
-            padding: 2px 5px;
-            border-radius: 4px;
-            color: var(--c);
-            font-size: 11px;
-            align-self: flex-start;
-            border: 1px solid rgba(0, 0, 0, 0.05)
-        }
-
-        .adv-var-desc {
-            color: var(--c3);
-            font-size: 11px;
-            line-height: 1.4;
-            padding-left: 2px
-        }
-
-        .adv-section {
-            background: var(--bg);
-            border: 1px solid var(--bd);
-            border-radius: var(--r6);
-            padding: 20px;
-            box-shadow: var(--shadow-sm)
-        }
-
-        .adv-h-title {
-            font-size: 14px;
-            font-weight: 700;
-            color: var(--c);
-            margin-bottom: 16px;
-            display: flex;
-            align-items: center;
-            gap: 8px
-        }
-
-        .adv-h-title::before {
-            content: '';
-            width: 4px;
-            height: 16px;
-            background: var(--c);
-            border-radius: 2px;
-            display: block
-        }
-
-        .uaua-grid {
-            display: grid;
-            grid-template-columns: 1fr 1fr;
-            gap: 16px
-        }
-
-        .ed-ta-adv {
-            font-family: "SF Mono", Monaco, Consolas, monospace;
-            font-size: 12px;
-            line-height: 1.5;
-            padding: 12px;
-            border: 1px solid var(--bd);
-            border-radius: var(--r4);
-            background: var(--bg2);
-            width: 100%;
-            resize: vertical;
-            min-height: 120px;
-            transition: border-color 0.2s;
-            outline: none;
-            color: var(--c)
-        }
-
-        .ed-ta-adv:focus {
-            border-color: var(--c);
-            box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05)
-        }
-
-        .adv-tag-list {
-            display: flex;
-            flex-wrap: wrap;
-            gap: 6px;
-            margin-bottom: 12px
-        }
-
-        .adv-tag {
-            font-size: 10px;
-            padding: 4px 8px;
-            background: var(--bg2);
-            border: 1px solid var(--bd);
-            border-radius: 12px;
-            color: var(--c2);
-            cursor: pointer;
-            transition: all 0.2s;
-            user-select: none
-        }
-
-        .adv-tag:hover {
-            border-color: var(--c3);
-            color: var(--c);
-            background: var(--bg2)
-        }
-
-        /* === 主题切换按钮 === */
-        .theme-toggle {
-            width: 36px;
-            height: 36px;
-            border-radius: 50%;
-            border: 1px solid var(--bd);
-            background: var(--bg2);
-            color: var(--c3);
-            cursor: pointer;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            transition: all .2s;
-            font-size: 14px
-        }
-
-        .theme-toggle:hover {
-            background: var(--bg3);
-            color: var(--c);
-            border-color: var(--c3)
-        }
-
-        .theme-toggle i {
-            transition: transform .3s
-        }
-
-        [data-theme="dark"] .theme-toggle i.fa-moon {
-            display: none
-        }
-
-        [data-theme="dark"] .theme-toggle i.fa-sun {
-            display: inline
-        }
-
-        :root .theme-toggle i.fa-sun {
-            display: none
-        }
-
-        :root .theme-toggle i.fa-moon {
-            display: inline
-        }
-
-        [data-theme="dark"] .adv-var-item code {
-            background: rgba(255, 255, 255, 0.1);
-            border-color: rgba(255, 255, 255, 0.1)
-        }
-
-        [data-theme="dark"] .item.hl {
-            box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2)
-        }
-
-        [data-theme="dark"] .modal-bd {
-            background: rgba(0, 0, 0, .5)
-        }
-
-        @media(max-width:768px) {
-            .adv-layout {
-                flex-direction: column;
-                overflow-y: auto
-            }
-
-            .adv-sidebar {
-                width: 100%;
-                height: auto;
-                border-right: none;
-                border-bottom: 1px solid var(--bd);
-                padding: 16px
-            }
-
-            .adv-main {
-                overflow: visible;
-                padding: 16px
-            }
-
-            .uaua-grid {
-                grid-template-columns: 1fr
-            }
-        }
-
-        @media(max-width:550px) {
-            .chat {
-                width: 100%;
-                right: -100%
-            }
-
-            .side-pop {
-                bottom: 0
-            }
-
-            .side-nav-wrap {
-                left: 6px
-            }
-
-            .side-nav {
-                padding: 6px 4px
-            }
-
-            .side-menu {
-                padding: 5px 4px
-            }
-
-            .nav-i {
-                width: 28px;
-                height: 28px
-            }
-
-            .nav-i i {
-                font-size: 11px
-            }
-
-            .toolbar {
-                padding: 0 12px 0 56px
-            }
-
-            .toolbar-t span {
-                display: none
-            }
-
-            .btn {
-                padding: 6px 10px;
-                font-size: 11px
-            }
-
-            .modal-p {
-                width: 100%;
-                max-height: 100%;
-                border-radius: 0
-            }
-
-            #tip {
-                display: none !important
-            }
-
-            .page-pad {
-                padding: 14px 14px 14px 48px
-            }
-
-            .map-lbl {
-                left: 48px
-            }
-        }
-    </style>
-</head>
-
-<body>
-    <!-- Side Nav -->
-    <div class="side-nav-wrap">
-        <div class="side-menu side-glass">
-            <div class="side-menu-btn" id="btn-side-menu-toggle" title="快捷操作"><i class="fa-solid fa-ellipsis"></i></div>
-            <div class="side-menu-panel" id="side-menu-panel">
-                <button class="btn btn-s fc g4" id="btn-gen-local-map"><i class="fa-solid fa-plus"></i>局部地图</button>
-                <button class="btn btn-s fc g4" id="btn-simulate"><i class="fa-solid fa-rotate"></i>世界推演</button>
-                <button class="btn btn-s fc g4" id="btn-gen-local-scene"><i
-                        class="fa-solid fa-feather-pointed"></i>局部剧情</button>
-            </div>
-        </div>
-        <nav class="side-nav side-glass">
-            <div class="nav-i" data-p="world"><i class="fa-solid fa-earth-americas"></i></div>
-            <div class="nav-i act" data-p="map"><i class="fa-solid fa-map"></i></div>
-            <div class="nav-i" data-p="comm"><i class="fa-solid fa-phone"></i></div>
-        </nav>
-    </div>
-
-    <!-- Toolbar -->
-    <div class="toolbar fc g10 usn">
-        <div class="toolbar-t">小白板<span>预测试</span></div>
-        <button class="btn btn-s fc g6" id="btn-deduce"><i class="fa-solid fa-wand-magic-sparkles"></i>生成</button>
-        <button class="btn btn-s fc g6" id="btn-settings"><i class="fa-solid fa-gear"></i>设置</button>
-        <button class="theme-toggle" id="btn-theme" title="切换主题"><i class="fa-solid fa-moon"></i><i
-                class="fa-solid fa-sun"></i></button>
-        <button class="btn btn-c fcc" id="btn-close">✕</button>
-    </div>
-
-    <!-- Main -->
-    <div class="main-wrap">
-        <!-- World -->
-        <div class="page page-pad" id="page-world">
-            <div class="banner">
-                <img src="https://picsum.photos/800/300" alt="" />
-                <div class="banner-ov">
-                    <div>探索未知的世界...</div>
-                </div>
-            </div>
-
-            <div class="news-sec">
-                <div class="sec-hd">
-                    <h3 class="sec-t">最新消息</h3>
-                    <button class="btn btn-add fcc" id="btn-refresh-world-news" title="只刷新世界新闻"><i
-                            class="fa-solid fa-rotate"></i></button>
-                </div>
-                <div id="news-list"></div>
-            </div>
-
-            <div class="user-guide" id="user-guide">
-                <h3 class="sec-t">当前状态</h3>
-                <div class="user-guide-state" id="ug-state">尚未生成世界数据...</div>
-                <h3 class="sec-t mt12">行动指南</h3>
-                <div class="user-guide-actions" id="ug-actions">
-                    <div class="user-guide-action">等待世界生成...</div>
-                </div>
-            </div>
-        </div>
-
-        <!-- Map -->
-        <div class="page act" id="page-map">
-            <div id="mapWrap">
-                <div class="map-lbl" id="map-lbl">
-                    <i class="fa-solid fa-map-location-dot"></i>
-                    <span id="map-lbl-t">大地图</span>
-                    <i class="fa-solid fa-chevron-down"></i>
-                    <select id="map-lbl-select" class="map-lbl-sel"></select>
-                </div>
-                <div class="map-act">
-                    <button class="btn btn-s btn-p fc g6" id="btn-goto"><i class="fa-solid fa-location-arrow"></i><span
-                            id="goto-t">前往</span></button>
-                </div>
-                <div id="inner"><svg id="lines"></svg></div>
-            </div>
-
-            <div class="panel" id="zoom-ind">100%</div>
-            <div class="panel" id="tip">
-                <div class="desc" id="desc"></div>
-                <div class="info-w">
-                    <div class="info-h">
-                        <div class="info-t" id="info-t"></div>
-                        <div class="info-bk" id="info-bk">← 返回</div>
-                    </div>
-                    <div class="info-c" id="info-c"></div>
-                </div>
-            </div>
-        </div>
-
-        <!-- Contacts -->
-        <div class="page page-pad" id="page-comm">
-            <div class="comm-hd">
-                <div class="comm-tabs">
-                    <div class="comm-tab act" data-t="stranger">陌路人</div>
-                    <div class="comm-tab" data-t="contact">联络人</div>
-                </div>
-                <button class="btn btn-add fcc" id="btn-refresh-strangers" title="微信摇一摇，寻找遇过的陌生人"><i
-                        class="fa-solid fa-street-view"></i></button>
-                <button class="btn btn-add fcc" id="btn-add-ct"><i class="fa-solid fa-plus"></i></button>
-            </div>
-            <div id="sec-stranger" class="comm-sec act"></div>
-            <div id="sec-contact" class="comm-sec"></div>
-        </div>
-    </div>
-
-    <!-- Chat -->
-    <div class="chat" id="chat">
-        <div class="chat-hd">
-            <div class="chat-av" id="chat-av"></div>
-            <div class="chat-t">
-                <div class="chat-nm" id="chat-nm"></div>
-                <div class="chat-st" id="chat-st"></div>
-            </div>
-            <div class="chat-hd-acts">
-                <button class="chat-compress" id="chat-compress" title="压缩总结"><i
-                        class="fa-solid fa-compress"></i></button>
-                <button class="chat-clr" id="chat-clr" title="清空记录"><i class="fa-solid fa-trash"></i></button>
-                <button class="chat-x" id="chat-x"><i class="fa-solid fa-xmark"></i></button>
-            </div>
-        </div>
-        <div class="chat-msgs" id="chat-msgs"></div>
-        <div class="chat-in-w">
-            <button class="chat-send" id="chat-back" title="回退"><i class="fa-solid fa-rotate-left"></i></button>
-            <input type="text" class="chat-in" id="chat-in" placeholder="输入消息..." />
-            <button class="chat-send" id="chat-send"><i class="fa-solid fa-paper-plane"></i></button>
-        </div>
-    </div>
-
-    <!-- Right Panel -->
-    <div class="side-pop" id="side-pop">
-        <div class="side-pop-handle" id="side-pop-handle">
-            <div class="side-pop-bar"></div>
-        </div>
-        <div class="side-pop-ct">
-            <div class="side-pop-hd fc jsb">
-                <span>场景描述</span>
-                <button class="btn btn-s fc g4" id="btn-refresh-local-map"><i
-                        class="fa-solid fa-rotate-right"></i>刷新</button>
-            </div>
-            <div class="side-pop-desc" id="side-desc"></div>
-        </div>
-    </div>
-
-    <!-- Mobile Bottom Sheet -->
-    <div class="mob-pop" id="mob-pop">
-        <div class="pop-h-ind"><span data-l="2"></span><span data-l="1"></span><span data-l="0"></span></div>
-        <div class="pop-hd" id="pop-hd">
-            <div class="pop-handle"></div>
-        </div>
-        <div class="pop-ct">
-            <div class="pop-desc" id="mob-desc"></div>
-            <div class="pop-info">
-                <div class="pop-info-h">
-                    <div class="pop-info-t" id="mob-info-t"></div>
-                    <div class="pop-info-bk" id="mob-info-bk">← 返回</div>
-                </div>
-                <div id="mob-info-c"></div>
-            </div>
-        </div>
-    </div>
-
-    <!-- Settings Modal (Redesigned) -->
-    <div class="modal" id="m-settings">
-        <div class="modal-bd"></div>
-        <div class="modal-p lg settings-modal">
-            <div class="modal-hd fc">
-                <nav class="settings-nav">
-                    <button class="set-nav-item act" onclick="clickTab(this, 'tab-general')"><i
-                            class="fa-solid fa-sliders"></i> <span class="nav-txt">常规</span></button>
-                    <button class="set-nav-item" onclick="clickTab(this, 'tab-conn')"><i class="fa-solid fa-link"></i>
-                        <span class="nav-txt">连接</span></button>
-                    <button class="set-nav-item" onclick="clickTab(this, 'tab-data')"><i
-                            class="fa-solid fa-database"></i> <span class="nav-txt">数据</span></button>
-                </nav>
-                <button class="modal-x fcc">✕</button>
-            </div>
-
-            <div class="settings-body">
-                <!-- Content -->
-                <div class="settings-content">
-                    <!-- Tab: General -->
-                    <div class="set-tab-page act" id="tab-general">
-                        <div class="set-group">
-                            <div class="set-group-t">运行模式</div>
-                            <div class="form-g mb4">
-                                <select class="form-in" id="set-mode">
-                                    <option value="story">故事模式 (Story Mode)</option>
-                                    <option value="assist">辅助模式 (Assist Mode)</option>
-                                </select>
-                                <div class="tips-box"><i class="fa-solid fa-circle-info"></i>
-                                    故事模式包含完整的世界模拟；辅助模式仅用于生成辅助地图/剧情。</div>
-                            </div>
-                        </div>
-
-                        <div class="set-group">
-                            <div class="set-group-t">剧情控制</div>
-                            <div class="set-row g20">
-                                <div class="form-g f1">
-                                    <label class="form-l">当前阶段 (Stage)</label>
-                                    <input type="number" class="form-in" id="set-stage" min="0" max="10" value="0" />
-                                </div>
-                                <div class="form-g f1">
-                                    <label class="form-l">偏离分数 (Deviation)</label>
-                                    <input type="number" class="form-in" id="set-deviation" min="0" max="100"
-                                        value="0" />
-                                </div>
-                            </div>
-                            <div class="form-g">
-                                <label class="form-l">推演倒计时 (Sim Countdown)</label>
-                                <div class="fc g10">
-                                    <input type="number" class="form-in f1" id="set-sim-target" value="5" />
-                                    <span class="fs12 c2">行动数</span>
-                                </div>
-                                <div class="set-hint">当数值≤0时提醒进行世界推演。</div>
-                            </div>
-                        </div>
-                    </div>
-
-                    <!-- Tab: Connection -->
-                    <div class="set-tab-page" id="tab-conn">
-                        <div class="set-group">
-                            <div class="set-group-t">API 设置</div>
-                            <div class="form-g">
-                                <label class="form-l">API 端点 (URL)</label>
-                                <input type="text" class="form-in" id="set-api-url" placeholder="默认使用 SillyTavern 设置" />
-                            </div>
-                            <div class="form-g">
-                                <label class="form-l">API 密钥 (Key)</label>
-                                <input type="password" class="form-in" id="set-api-key" placeholder="如需覆盖请填写" />
-                            </div>
-                        </div>
-
-                        <div class="set-group">
-                            <div class="set-group-t">模型选择 (Model)</div>
-                            <div class="set-row g10">
-                                <input type="text" class="form-in f1" id="set-model" placeholder="Model ID" />
-                                <button class="btn btn-s" id="btn-fetch-models">获取列表</button>
-                            </div>
-                            <select class="form-in mt6" id="set-model-list"></select>
-                            <div class="mt10">
-                                <button class="btn btn-s btn-p w100" id="btn-test-conn">测试连接</button>
-                            </div>
-                        </div>
-
-                        <div class="set-group">
-                            <div class="set-group-t">调用控制</div>
-                            <div class="set-test">
-                                <label class="form-l">上下文楼层数</label>
-                                <input type="number" class="form-in w100" id="set-history-count" min="0" max="200"
-                                    value="50" />
-                                <label class="fc g4 fs12 c2 usn" style="margin-left:auto">
-                                    <input type="checkbox" id="set-use-stream" /> <span style="font-weight:600">启用流式
-                                        (Streaming)</span>
-                                </label>
-                            </div>
-                            <div class="set-test-res" id="test-res"></div>
-                        </div>
-                    </div>
-
-                    <!-- Tab: Data -->
-                    <div class="set-tab-page" id="tab-data">
-                        <div class="set-group">
-                            <div class="set-group-t">NPC 生成设置</div>
-                            <div class="set-row g20">
-                                <div class="form-g f1">
-                                    <label class="form-l">插入位置</label>
-                                    <select class="form-in" id="set-npc-position">
-                                        <option value="0">Char 前</option>
-                                        <option value="1">Char 后</option>
-                                        <option value="2">AN 前</option>
-                                        <option value="3">AN 后</option>
-                                        <option value="5">EM 前</option>
-                                        <option value="6">EM 后</option>
-                                    </select>
-                                </div>
-                                <div class="form-g f1">
-                                    <label class="form-l">条目顺序</label>
-                                    <input type="number" class="form-in" id="set-npc-order" min="0" max="1000"
-                                        value="100" />
-                                </div>
-                            </div>
-                        </div>
-
-                        <div class="set-group">
-                            <div class="set-group-t">预设数据 (Presets)</div>
-                            <div class="set-hint mb12">勾选要写入预设的数据块:</div>
-                            <div id="data-list" class="data-grid"></div>
-                        </div>
-
-                        <div class="set-group">
-                            <div class="set-group-t">高级模板</div>
-                            <div class="set-hint mb10">自定义提示词与JSON格式。</div>
-                            <button class="btn btn-s w100" id="btn-adv-prompts"><i class="fa-solid fa-pen"></i>
-                                编辑高级模板</button>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <div class="modal-ft fc">
-                <button class="btn btn-s m-cancel">取消</button>
-                <button class="btn btn-s btn-p" id="set-save">保存设置</button>
-            </div>
-        </div>
-    </div>
-
-    <!-- Advanced Prompts Modal -->
-    <div class="modal adv-modal" id="m-adv-prompts">
-        <div class="modal-bd"></div>
-        <div class="modal-p lg settings-modal">
-            <div class="modal-hd fc">
-                <h2>高级设置 · 模板编辑</h2><button class="modal-x fcc">✕</button>
-            </div>
-            <div class="adv-layout">
-                <!-- Sidebar -->
-                <div class="adv-sidebar">
-                    <div class="form-g">
-                        <label class="form-l">选择模板</label>
-                        <select class="form-in" id="adv-key"></select>
-                        <div class="set-hint mt8">优先级：角色卡 &gt; 原保存 &gt; 默认。</div>
-                    </div>
-                </div>
-
-                <!-- Main Content -->
-                <div class="adv-main">
-                    <div class="adv-section">
-                        <div class="adv-h-title">UAUA 提示词 (JS Function String)</div>
-                        <div class="uaua-grid">
-                            <div class="form-g"><label class="form-l">User 1 (u1)</label><textarea class="ed-ta-adv"
-                                    id="adv-u1"></textarea></div>
-                            <div class="form-g"><label class="form-l">Assistant 1 (a1)</label><textarea
-                                    class="ed-ta-adv" id="adv-a1"></textarea></div>
-                            <div class="form-g"><label class="form-l">User 2 (u2)</label><textarea class="ed-ta-adv"
-                                    id="adv-u2"></textarea></div>
-                            <div class="form-g"><label class="form-l">Assistant 2 (a2)</label><textarea
-                                    class="ed-ta-adv" id="adv-a2"></textarea></div>
-                        </div>
-                    </div>
-
-                    <div class="adv-section" id="adv-json-wrap">
-                        <div class="adv-h-title">JSON Template</div>
-                        <textarea class="ed-ta-adv" id="adv-json" style="min-height:300px;font-size:13px"></textarea>
-                    </div>
-                </div>
-            </div>
-            <div class="modal-ft fc">
-                <div class="fc g10 f1">
-                    <button class="btn btn-s" id="adv-reset"><i class="fa-solid fa-rotate-left"></i> 重置</button>
-                    <select class="form-in w140" id="adv-scope" title="选择来源">
-                        <option value="character">角色</option>
-                        <option value="global">通用</option>
-                    </select>
-                </div>
-                <button class="btn btn-s" id="adv-save-global">通用保存</button>
-                <button class="btn btn-s btn-p" id="adv-save-char">角色卡保存</button>
-            </div>
-        </div>
-    </div>
-
-    <!-- Data Edit Modal -->
-    <div class="modal" id="m-data-edit">
-        <div class="modal-bd"></div>
-        <div class="modal-p">
-            <div class="modal-hd fc">
-                <h2 id="data-edit-title">编辑数据</h2><button class="modal-x fcc">✕</button>
-            </div>
-            <div class="modal-by">
-                <textarea class="ed-ta" id="data-edit-ta"></textarea>
-                <pre class="ed-preview" id="data-edit-preview"></pre>
-                <div class="ed-err" id="data-edit-err"></div>
-            </div>
-            <div class="modal-ft fc"><button class="btn btn-s m-cancel">取消</button><button class="btn btn-s btn-p"
-                    id="data-edit-save">保存</button></div>
-        </div>
-    </div>
-
-    <!-- Goto Modal -->
-    <div class="modal" id="m-goto">
-        <div class="modal-bd"></div>
-        <div class="modal-p sm">
-            <div class="modal-hd fc">
-                <h2>确认前往</h2><button class="modal-x fcc">✕</button>
-            </div>
-            <div class="modal-by">
-                <div class="goto-d" id="goto-d"></div>
-                <div class="form-g"><label class="form-l">任务目标（可选）</label><textarea class="form-in form-ta"
-                        id="goto-task" placeholder="描述你要做什么..."></textarea></div>
-            </div>
-            <div class="modal-ft fc"><button class="btn btn-s m-cancel">取消</button><button class="btn btn-s btn-p"
-                    id="goto-ok">确认前往</button></div>
-        </div>
-    </div>
-
-    <!-- Invite Modal -->
-    <div class="modal" id="m-invite">
-        <div class="modal-bd"></div>
-        <div class="modal-p sm">
-            <div class="modal-hd fc">
-                <h2>邀请前往</h2><button class="modal-x fcc">✕</button>
-            </div>
-            <div class="modal-by">
-                <div class="goto-d" id="inv-t"></div>
-                <div class="form-g"><label class="form-l">选择地点</label>
-                    <div class="loc-list" id="loc-list"></div>
-                </div>
-            </div>
-            <div class="modal-ft fc"><button class="btn btn-s m-cancel">取消</button><button class="btn btn-s btn-p"
-                    id="inv-ok">发送邀请</button></div>
-        </div>
-    </div>
-
-    <!-- World Gen Modal -->
-    <div class="modal" id="m-world-gen">
-        <div class="modal-bd"></div>
-        <div class="modal-p">
-            <div class="modal-hd fc">
-                <h2>世界生成</h2><button class="modal-x fcc">✕</button>
-            </div>
-            <div class="modal-by">
-                <div class="form-g">
-                    <label class="form-l">玩家特殊需求（可选）</label>
-                    <textarea class="form-in form-ta" id="world-gen-req" rows="4"
-                        placeholder="例如：希望有更多悬疑元素、增加一个神秘组织..."></textarea>
-                    <div class="set-hint">AI 会根据当前世界观和你的需求生成完整的世界数据</div>
-                </div>
-                <div id="world-gen-status" class="set-hint"></div>
-            </div>
-            <div class="modal-ft fc"><button class="btn btn-s m-cancel">取消</button><button class="btn btn-s btn-p"
-                    id="world-gen-ok"><i class="fa-solid fa-wand-magic-sparkles"></i> 开始生成</button></div>
-        </div>
-    </div>
-
-    <!-- World Sim Modal -->
-    <div class="modal" id="m-world-sim">
-        <div class="modal-bd"></div>
-        <div class="modal-p">
-            <div class="modal-hd fc">
-                <h2>世界推演</h2><button class="modal-x fcc">✕</button>
-            </div>
-            <div class="modal-by">
-                <div class="form-g">
-                    <div class="set-hint mb12">
-                        <strong>推演模式</strong>：根据玩家行为和时间流逝，演化世界状态。
-                        <ul class="lh15" style="margin:8px 0;padding-left:20px;font-size:12px">
-                            <li>L1/L2 将大幅更新</li>
-                            <li>L3/L4 适度调整</li>
-                            <li>L5 保持不变</li>
-                            <li>Stage 将推进到下一阶段</li>
-                        </ul>
-                    </div>
-                    <div class="set-hint warn">⚠️ 此操作会覆盖当前世界数据，建议先备份</div>
-                </div>
-                <div id="world-sim-status" class="set-hint"></div>
-            </div>
-            <div class="modal-ft fc"><button class="btn btn-s m-cancel">取消</button><button class="btn btn-s btn-p"
-                    id="world-sim-ok"><i class="fa-solid fa-rotate"></i> 开始推演</button></div>
-        </div>
-    </div>
-
-    <!-- Add Contact Modal -->
-    <div class="modal" id="m-add-ct">
-        <div class="modal-bd"></div>
-        <div class="modal-p sm">
-            <div class="modal-hd fc">
-                <h2>添加联络人</h2><button class="modal-x fcc">✕</button>
-            </div>
-            <div class="modal-by">
-                <div class="form-g">
-                    <label class="form-l">UID（世界书条目UID）</label>
-                    <div class="set-row">
-                        <input type="text" class="form-in" id="add-uid" placeholder="请输入世界书条目UID" />
-                        <button class="btn btn-s" id="btn-check-uid"><i class="fa-solid fa-search"></i> 检查</button>
-                    </div>
-                    <div class="set-hint">输入角色卡绑定世界书的条目UID</div>
-                </div>
-                <div class="form-g" id="name-select-group" style="display:none">
-                    <label class="form-l">选择名字</label>
-                    <select class="form-in" id="add-name">
-                        <option value="">-- 请选择 --</option>
-                    </select>
-                </div>
-                <div id="uid-check-err" class="ed-err"></div>
-            </div>
-            <div class="modal-ft fc"><button class="btn btn-s m-cancel">取消</button><button class="btn btn-s btn-p"
-                    id="add-ct-ok" disabled>确定</button></div>
-        </div>
-    </div>
-
-    <!-- Result Modal -->
-    <div class="modal" id="m-result">
-        <div class="modal-bd"></div>
-        <div class="modal-p sm">
-            <div class="modal-hd fc">
-                <h2 id="res-title">操作结果</h2><button class="modal-x fcc">✕</button>
-            </div>
-            <div class="modal-by">
-                <div id="res-msg"></div>
-                <div id="res-record-box">
-                    <div class="set-hint mb4">详细记录：</div>
-                    <pre id="res-record"></pre>
-                </div>
-            </div>
-            <div class="modal-ft fc">
-                <button class="btn btn-s" id="res-action"></button>
-                <button class="btn btn-s btn-p m-cancel">确定</button>
-            </div>
-        </div>
-    </div>
-
-    <script>
-        const D = { stage: 0, deviationScore: 0, simulationTarget: 5, meta: { truth: null, onion_layers: null, timeline: null, user_guide: null }, world: {}, maps: { outdoor: { nodes: [] }, indoor: null }, sceneSetup: null, contacts: { strangers: [], contacts: [{ name: "{{characterName}}", avatar: "", color: "#555", location: "在线", info: "", online: !0, worldbookUid: "__CHARACTER_CARD__", messages: [], summarizedCount: 0 }] } }; let charSmsHistory = { messages: [], summarizedCount: 0, summaries: {} }; const $ = t => document.getElementById(t), $$ = t => document.querySelectorAll(t), isMob = () => innerWidth <= 550, escHtml = t => t.replace(/[&<>"']/g, (t => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" }[t]))), h = t => escHtml(String(t ?? "")), stripXml = t => t ? t.replace(/<(\w+)[^>]*>[\s\S]*?<\/\1>/g, "").replace(/<[^>]+\/?>/g, "").trim() : "", parseLinks = t => h(t).replace(/\*\*([^*]+)\*\*/g, '<span class="loc-lk" data-loc="$1">$1</span>'), PARENT_ORIGIN = (() => { try { return new URL(document.referrer).origin } catch { return window.location.origin } })(), post = (t, e = {}) => parent.postMessage({ source: "LittleWhiteBox-OutlineFrame", type: t, ...e }, PARENT_ORIGIN), syncSimDueUI = () => { const t = (Number(D.simulationTarget) || 0) <= 0; $("btn-simulate")?.classList.toggle("btn-due", t), $("world-sim-ok")?.classList.toggle("btn-due", t) }, BtnState = { load: (t, e) => { t.disabled = !0, t._o = t.innerHTML, t.innerHTML = `<i class="fa-solid fa-spinner fa-spin"></i> ${e}` }, reset: (t, e) => { t.disabled = !1, t.innerHTML = e || t._o } }, Req = { _p: {}, _id: 0, create(t) { const e = t + "_" + ++this._id; return this._p[t] = { id: e }, e }, get(t) { return this._p[t] }, match(t) { const e = t?.split("_")[0]; return this._p[e]?.id === t ? this._p[e] : null }, set(t, e) { Object.assign(this._p[t] || {}, e) }, clear(t) { delete this._p[t] } }, openM = t => $(t).classList.add("act"), closeM = t => $(t).classList.remove("act"), dirMap = { north: [0, -1], south: [0, 1], east: [1, 0], west: [-1, 0], northeast: [1, -1], northwest: [-1, -1], southeast: [1, 1], southwest: [-1, 1] }; let playerLocation = "未知", curNode = null, drag = !1, scale = 1, offX = 0, offY = 0, seed = 123456789, nodes = [], lines = [], anim = !1, chatTgt = null, invTgt = null, selLoc = null, smsGen = !1, selectedMapValue = "current"; const inner = $("inner"), svg = $("lines"), mapWrap = $("mapWrap"), popup = $("mob-pop"), chat = $("chat"), sidePop = $("side-pop"), rand = () => (seed = (9301 * seed + 49297) % 233280) / 233280, getCurInside = () => D.maps?.indoor?.[playerLocation] || null, snaps = () => [$("pop-hd")?.offsetHeight || 0, .3 * innerHeight, .65 * innerHeight]; let popH = 0, popDrag = !1, popSY = 0, popSH = 0, popLv = 1;
-
-        // === 主题切换功能 ===
-        const getStoredTheme = () => localStorage.getItem("lwb-theme") || "light",
-            setTheme = t => { document.documentElement.setAttribute("data-theme", t), localStorage.setItem("lwb-theme", t) },
-            toggleTheme = () => { const t = "dark" === getStoredTheme() ? "light" : "dark"; setTheme(t) };
-        // 初始化主题
-        (() => { const t = getStoredTheme(); "dark" === t && setTheme("dark") })();
-        $("btn-theme")?.addEventListener("click", toggleTheme);
-
-        const inds = popup.querySelectorAll(".pop-h-ind span"), setPopH = t => { const e = snaps(); popH = Math.max(e[0], Math.min(.85 * innerHeight, t)), popup.style.height = popH + "px", popLv = e.map(((t, e) => [e, Math.abs(popH - t)])).sort(((t, e) => t[1] - e[1]))[0][0], inds.forEach(((t, e) => t.classList.toggle("act", e === popLv))) }, snapTo = t => { popLv = Math.max(0, Math.min(2, t)), setPopH(snaps()[popLv]) }, openPop = (t = 1) => { popup.classList.add("act"), snapTo(t) }; $("side-pop-handle").onclick = () => sidePop.classList.toggle("act"), $("pop-hd").onmousedown = t => { popDrag = !0, popSY = t.clientY, popSH = popH || snaps()[1], popup.classList.add("drag"), t.preventDefault() }, $("pop-hd").ontouchstart = t => { t.preventDefault(), popDrag = !0, popSY = t.touches[0].clientY, popSH = popH || snaps()[1], popup.classList.add("drag") }, document.onmousemove = t => { popDrag && setPopH(popSH + popSY - t.clientY) }, document.ontouchmove = t => { popDrag && t.touches.length && (t.preventDefault(), setPopH(popSH + popSY - t.touches[0].clientY)) }; const endDrag = () => { popDrag && (popDrag = !1, popup.classList.remove("drag"), snapTo(popLv)) }; document.onmouseup = endDrag, document.ontouchend = endDrag, document.ontouchcancel = endDrag; const bindLinks = t => t.querySelectorAll(".loc-lk").forEach((t => t.onclick = e => { e.stopPropagation(); const s = t.dataset.loc, o = nodes.find((t => t.name === s)); if (o) return panTo(o), void showInfo(o); const a = getCurInside(), n = a?.nodes?.find((t => t.name === s)); n && ($("info-t").textContent = n.name, $("info-c").textContent = n.info || "暂无信息...", $("tip").classList.add("show"), $("btn-goto").classList.remove("show"), isMob() && ($("mob-info-t").textContent = n.name, $("mob-info-c").textContent = n.info || "暂无信息...", popup.classList.contains("act") || openPop(1))) })), bindFold = t => t.querySelector(".fold-h").onclick = () => t.classList.toggle("exp"); $$(".modal-bd,.modal-x,.m-cancel").forEach((t => t.onclick = () => t.closest(".modal").classList.remove("act"))); const openChat = t => { chatTgt = t, $("chat-av").textContent = t.avatar, $("chat-av").style.background = t.color, $("chat-nm").textContent = t.name, $("chat-st").textContent = t.online ? "● 在线" : t.location, !t.worldbookUid || t.messages && t.messages.length ? renderMsgs() : post("LOAD_SMS_HISTORY", { worldbookUid: t.worldbookUid }), chat.classList.add("act"), $("chat-in").focus() }, closeChat = () => { chat.classList.remove("act"), chatTgt = null, smsGen = !1 }, renderMsgs = () => { if (!chatTgt) return; const t = chatTgt.messages || [], e = chatTgt.summarizedCount || 0; let s = ""; t.length ? t.forEach(((t, o) => { e > 0 && o === e && (s += '<div class="chat-divider">—— 以上为已总结消息 ——</div>'), s += `<div class="chat-msg ${"sent" === t.type ? "sent" : "recv"}${t.typing ? " typing" : ""}"><div>${escHtml(stripXml(t.text))}</div></div>` })) : s = '<div class="chat-emp">暂无消息，开始聊天吧</div>', $("chat-msgs").innerHTML = s, $("chat-msgs").scrollTop = $("chat-msgs").scrollHeight, $("chat-compress").disabled = t.length - e < 2 || smsGen, $("chat-back").disabled = !t.length || smsGen }, sendMsg = () => { const t = $("chat-in").value.trim(); if (!t || !chatTgt || smsGen) return; chatTgt.messages = chatTgt.messages || [], chatTgt.messages.push({ type: "sent", text: t }), $("chat-in").value = "", renderMsgs(), smsGen = !0, $("chat-in").disabled = $("chat-send").disabled = $("chat-back").disabled = !0, chatTgt.messages.push({ type: "received", text: "正在输入...", typing: !0 }), renderMsgs(); const e = Req.create("sms"); Req.set("sms", { tgt: chatTgt }), post("SEND_SMS", { requestId: e, contactName: chatTgt.name, worldbookUid: chatTgt.worldbookUid, userMessage: t, chatHistory: chatTgt.messages.filter((t => !t.typing)).slice(-20), summarizedCount: chatTgt.summarizedCount || 0 }) }, isCharCardContact = t => "__CHARACTER_CARD__" === t?.worldbookUid, contactsForSave = () => (D.contacts.contacts || []).filter((t => !isCharCardContact(t))), saveCt = () => post("SAVE_CONTACTS", { contacts: contactsForSave(), strangers: D.contacts.strangers }), saveChat = t => post("SAVE_SMS_HISTORY", { worldbookUid: t.worldbookUid, contactName: t.name, messages: t.messages.filter((t => !t.typing)), summarizedCount: t.summarizedCount || 0 }); $("chat-x").onclick = closeChat, $("chat-back").onclick = () => { if (!chatTgt || smsGen) return; const t = chatTgt.messages || []; if (t.length) { for (t.pop(); t[t.length - 1]?.typing;)t.pop(); chatTgt.summarizedCount = Math.min(chatTgt.summarizedCount || 0, t.length), renderMsgs(), saveCt(), chatTgt.worldbookUid && saveChat(chatTgt) } }, $("chat-clr").onclick = () => { chatTgt && confirm(`确定要清空与 ${chatTgt.name} 的所有聊天记录吗？`) && (chatTgt.messages = [], chatTgt.summarizedCount = 0, renderMsgs(), saveCt(), chatTgt.worldbookUid && saveChat(chatTgt)) }, $("chat-compress").onclick = () => { if (!chatTgt || smsGen) return; const t = chatTgt.messages || [], e = chatTgt.summarizedCount || 0, s = t.slice(e); if (s.length < 2) return void alert("至少需要2条未总结的消息才能压缩"); if (!confirm(`确定要压缩总结 ${s.length} 条消息吗？`)) return; smsGen = !0, $("chat-compress").disabled = $("chat-in").disabled = $("chat-send").disabled = $("chat-back").disabled = !0; const o = Req.create("compress"); Req.set("compress", { tgt: chatTgt }), post("COMPRESS_SMS", { requestId: o, contactName: chatTgt.name, worldbookUid: chatTgt.worldbookUid, messages: t.filter((t => !t.typing)), summarizedCount: e }) }, $("chat-send").onclick = sendMsg; const chatIn = $("chat-in");["keydown", "keypress", "keyup"].forEach((t => chatIn.addEventListener(t, (t => t.stopPropagation())))), chatIn.addEventListener("keydown", (t => { "Enter" !== t.key || t.shiftKey || (t.preventDefault(), sendMsg()) })); const openInv = t => { invTgt = t, selLoc = null, $("inv-t").textContent = `邀请：${t.name}`, $("loc-list").innerHTML = D.maps.outdoor.nodes.map((t => `<div class="loc-i" data-n="${h(t.name)}"><div class="loc-i-nm">${h(t.name)}</div><div class="loc-i-info">${h(t.info || "")}</div></div>`)).join(""), $$("#loc-list .loc-i").forEach((t => t.onclick = () => { $$("#loc-list .loc-i").forEach((t => t.classList.remove("sel"))), t.classList.add("sel"), selLoc = t.dataset.n })), openM("m-invite") }; $("inv-ok").onclick = () => { if (!selLoc || !invTgt) return; const t = $("inv-ok"); BtnState.load(t, "询问中..."); const e = Req.create("invite"), s = canonicalLoc(selLoc); Req.set("invite", { contact: invTgt, loc: s, btn: t }), post("SEND_INVITE", { requestId: e, contactName: invTgt.name, contactUid: invTgt.worldbookUid, targetLocation: s, smsHistory: (invTgt.messages || []).map((t => "sent" === t.type ? `{{user}}: ${t.text}` : `${invTgt.name}: ${t.text}`)).join("\n") }) }; let addCtState = { uid: "", name: "", keys: [] }; const resetAddCt = () => { addCtState = { uid: "", name: "", keys: [] }, $("add-uid").value = "", $("add-name").value = "", $("add-name").innerHTML = '<option value="">-- 请选择 --</option>', $("name-select-group").style.display = "none", $("uid-check-err").classList.remove("vis"), $("add-ct-ok").disabled = !0, BtnState.reset($("btn-check-uid"), '<i class="fa-solid fa-search"></i> 检查') }, showUidErr = t => { $("uid-check-err").textContent = t, $("uid-check-err").classList.add("vis") }; $("btn-check-uid").onclick = () => { const t = $("add-uid").value.trim(); t ? ($("uid-check-err").classList.remove("vis"), BtnState.load($("btn-check-uid"), "检查中"), $("name-select-group").style.display = "none", $("add-ct-ok").disabled = !0, addCtState.uid = t, post("CHECK_WORLDBOOK_UID", { uid: t, requestId: Req.create("uidck") })) : showUidErr("请输入UID") }, $("btn-add-ct").onclick = () => { resetAddCt(), openM("m-add-ct") }, $("add-ct-ok").onclick = () => { const t = addCtState.uid || $("add-uid").value.trim(), e = addCtState.name || $("add-name").value.trim(); t && e && (D.contacts.contacts.some((e => e.worldbookUid === t)) ? showUidErr("该联络人已存在") : (D.contacts.contacts.push({ name: e, avatar: e[0], color: "#" + Math.floor(16777215 * Math.random()).toString(16).padStart(6, "0"), location: "未知", worldbookUid: t, messages: [] }), saveCt(), closeM("m-add-ct"), render())) }; const genAddCt = (t, e, s) => { BtnState.load(s, "检查中"); const o = Req.create("stgwb"); Req.set("stgwb", { name: t, info: e, btn: s }), post("CHECK_STRANGER_WORLDBOOK", { requestId: o, strangerName: t }) }; function canonicalLoc(t) { return String(t || "").trim().replace(/^\u90ae\u8f6e/, "") } $("btn-refresh-strangers").onclick = () => { const t = $("btn-refresh-strangers"); BtnState.load(t, ""); const e = Req.create("extract"); Req.set("extract", { btn: t }), post("EXTRACT_STRANGERS", { requestId: e, existingContacts: D.contacts.contacts, existingStrangers: D.contacts.strangers }) }, $("world-gen-ok").onclick = () => { const t = $("world-gen-ok"), e = $("world-gen-status"); BtnState.load(t, "生成中"), e.style.display = "block", e.textContent = "正在生成世界数据，请稍候...", post("GENERATE_WORLD", { requestId: Req.create("wgen"), playerRequests: $("world-gen-req").value.trim() }) }, $("world-sim-ok").onclick = () => { if (!D.meta && !D.timeline && !D.maps?.outdoor) return void alert("请先生成世界数据，再进行推演"); const t = $("world-sim-ok"), e = $("world-sim-status"); BtnState.load(t, "推演中"), e.style.display = "block", e.style.color = "var(--ok)", e.textContent = "正在分析玩家行为并推演世界变化...", post("SIMULATE_WORLD", { requestId: id, currentData: JSON.stringify({ meta: D.meta, timeline: D.timeline, world: D.world, maps: D.maps }, null, 2) }) }, $("btn-deduce").onclick = () => openM("m-world-gen"), $("btn-simulate").onclick = () => openM("m-world-sim"), $("btn-side-menu-toggle").onclick = () => { const t = $("side-menu-panel"), e = $("btn-side-menu-toggle"); t.classList.toggle("show"), e.classList.toggle("act", t.classList.contains("show")) }, document.addEventListener("click", (t => { t.target.closest(".side-menu") || ($("side-menu-panel")?.classList.remove("show"), $("btn-side-menu-toggle")?.classList.remove("act")) })); const getWaitingContacts = t => { const e = canonicalLoc(t); return e ? (D.contacts.contacts || []).filter((t => t?.waitingAt && canonicalLoc(t.waitingAt) === e)) : [] }, finishTravel = (t, e) => { playerLocation = t, selectedMapValue = "current"; const s = getWaitingContacts(t); s.forEach((t => delete t.waitingAt)), saveAll(), render(), hideInfo(); const o = $("goto-task")?.value; let a = `{{user}}离开了${e || "上一地点"}，来到${t}。${o ? "意图：" + o : ""}`; s.length && (a += ` ${s.map((t => t.name)).join("、")}已经在这里等你了。`), post("EXECUTE_SLASH_COMMAND", { command: `/sendas name="剧情任务" ${a}` }) }; $("goto-ok").onclick = () => { if (!curNode) return; const t = $("goto-ok"), e = D.maps?.outdoor?.nodes?.find((t => t.name === playerLocation)), s = { name: playerLocation, info: e?.info || "" }, o = curNode.name, a = D.maps?.indoor?.[o]; if (a?.description) return BtnState.reset(t, "确认前往"), closeM("m-goto"), finishTravel(o, s.name), void switchMapView("current"); let n = "main" === curNode.type ? "main" : "home" === curNode.type ? "home" : "sub"; const r = Req.create("scene"); Req.set("scene", { node: curNode, prev: s.name }), BtnState.load(t, "生成中"), post("SCENE_SWITCH", { requestId: r, prevLocationName: s.name, prevLocationInfo: s.info, targetLocationName: curNode.name, targetLocationType: n, targetLocationInfo: curNode.data?.info || "", playerAction: $("goto-task").value || "" }) }, $("btn-gen-local-map").onclick = () => { const t = $("btn-gen-local-map"); BtnState.load(t, "生成中"); const e = Req.create("localmap"); Req.set("localmap", { btn: t }), post("GENERATE_LOCAL_MAP", { requestId: e, outdoorDescription: D.maps?.outdoor?.description || "" }) }, $("btn-refresh-local-map").onclick = () => { if (!playerLocation) return void showResultModal("提示", "请先生成世界数据", !0); const t = $("btn-refresh-local-map"), e = D.maps?.indoor?.[playerLocation], s = e; if (!s) return void showResultModal("提示", "当前区域没有局部地图，请先生成", !0); BtnState.load(t, "刷新中"); const o = Req.create("localmaprf"); Req.set("localmaprf", { btn: t, loc: playerLocation }), post("REFRESH_LOCAL_MAP", { requestId: o, locationName: playerLocation, currentLocalMap: s, outdoorDescription: D.maps?.outdoor?.description || "" }) }, $("btn-gen-local-scene").onclick = () => { if (!playerLocation || "未知" === playerLocation) return void showResultModal("提示", "请先生成世界数据", !0); const t = $("btn-gen-local-scene"); BtnState.load(t, "生成中"); const e = D.maps?.outdoor?.nodes?.find((t => t.name === playerLocation)), s = D.maps?.indoor?.[playerLocation], o = s?.description || e?.info || e?.data?.info || "", a = Req.create("localscene"); Req.set("localscene", { btn: t, loc: playerLocation }), post("GENERATE_LOCAL_SCENE", { requestId: a, locationName: playerLocation, locationInfo: o }) }, $("btn-refresh-world-news").onclick = () => { const t = $("btn-refresh-world-news"); if (!t) return; t.disabled = !0, t._o = t._o ?? t.innerHTML, t.innerHTML = '<i class="fa-solid fa-rotate fa-spin"></i>'; const e = Req.create("newsrf"); Req.set("newsrf", { btn: t }), post("REFRESH_WORLD_NEWS", { requestId: e }) }; const saveAll = () => post("SAVE_ALL_DATA", { allData: { meta: D.meta, world: D.world, outdoor: D.maps.outdoor, indoor: D.maps.indoor, sceneSetup: D.sceneSetup, strangers: D.contacts.strangers, contacts: contactsForSave() }, playerLocation }), dataKeys = [["meta", "大纲", "核心真相、洋葱结构、时间线、用户指南", () => D.meta, t => D.meta = t], ["world", "世界资讯", "世界新闻等信息", () => D.world, t => D.world = t], ["outdoor", "大地图", "室外区域的地点和路线", () => D.maps.outdoor, t => D.maps.outdoor = t], ["indoor", "局部地图", "隐藏的室内/局部场景地图", () => D.maps.indoor, t => D.maps.indoor = t], ["sceneSetup", "区域剧情", "当前区域的 Side Story", () => D.sceneSetup, t => D.sceneSetup = t], ["characterContactSms", "角色卡短信", "角色卡联络人的短信记录", () => ({ messages: charSmsHistory?.messages || [], summarizedCount: charSmsHistory?.summarizedCount || 0, summaries: charSmsHistory?.summaries || {} }), t => { t && "object" == typeof t && (charSmsHistory = { messages: charSmsHistory?.messages || [], summarizedCount: charSmsHistory?.summarizedCount || 0, ...t || {} }) }], ["strangers", "陌路人", "已遇见但未建立联系的角色", () => D.contacts.strangers, t => D.contacts.strangers = t], ["contacts", "联络人", "已添加的联系人", () => contactsForSave(), t => { const e = (D.contacts.contacts || []).find(isCharCardContact); D.contacts.contacts = (e ? [e] : []).concat(Array.isArray(t) ? t : []) }]]; let gSet = { apiUrl: "", apiKey: "", model: "", mode: "assist" }, dataCk = {}, editCtx = null, commSet = { historyCount: 50, npcPosition: 0, npcOrder: 100, stream: !1 }, promptDefaults = { jsonTemplates: {}, promptSources: {} }, promptStores = { global: { jsonTemplates: {}, promptSources: {} }, character: { jsonTemplates: {}, promptSources: {} } }; const reqSet = () => post("GET_SETTINGS"), renderDataList = () => { $("data-list").innerHTML = dataKeys.map((([t, e, s]) => `<div class="data-item ${dataCk[t] ? "sel" : ""}" data-k="${t}"><div class="data-ck"><i class="fa-solid fa-check"></i></div><div class="data-info"><div class="data-nm">${e}</div><div class="data-desc">${s}</div></div><button class="data-edit" data-k="${t}" title="编辑"><i class="fa-solid fa-pen"></i></button></div>`)).join(""), $$("#data-list .data-item").forEach((t => t.onclick = e => { if (e.target.closest(".data-edit")) return; const s = t.dataset.k; dataCk[s] = !dataCk[s], t.classList.toggle("sel", dataCk[s]) })), $$("#data-list .data-edit").forEach((t => t.onclick = e => { e.stopPropagation(), openDataEdit(t.dataset.k) })) }, ADV_PROMPT_ITEMS = [["sms", "短信回复"], ["invite", "邀请回复"], ["npc", "NPC 生成"], ["stranger", "提取陌路人"], ["worldGenStep1", "大纲生成"], ["worldGenStep2", "世界生成"], ["worldSim", "世界推演（故事模式）"], ["worldSimAssist", "世界推演（辅助模式）"], ["worldNewsRefresh", "世界新闻刷新"], ["sceneSwitch", "场景切换"], ["localMapGen", "局部地图生成"], ["localMapRefresh", "局部地图刷新"], ["localSceneGen", "局部剧情生成"], ["summary", "总结压缩"]], advHasJsonTemplate = t => { const e = promptDefaults?.jsonTemplates || {}; return Object.prototype.hasOwnProperty.call(e, t) }, advGetScope = () => "global" === $("adv-scope")?.value ? "global" : "character", advStoreHasKey = (t, e) => { const s = ("global" === t ? promptStores.global : promptStores.character) || {}; return !(!Object.prototype.hasOwnProperty.call(s?.promptSources || {}, e) && !Object.prototype.hasOwnProperty.call(s?.jsonTemplates || {}, e)) }, advGetPromptObj = (t, e = "character") => { const s = promptDefaults?.promptSources || {}, o = promptStores?.global?.promptSources || {}, a = promptStores?.character?.promptSources || {}, n = ("global" === e ? o[t] || s[t] : a[t] || o[t] || s[t]) || {}; return { u1: "string" == typeof n.u1 ? n.u1 : "", a1: "string" == typeof n.a1 ? n.a1 : "", u2: "string" == typeof n.u2 ? n.u2 : "", a2: "string" == typeof n.a2 ? n.a2 : "" } }, advNormalizeDisplayText = t => { let e = String(t ?? "").replace(/\r\n/g, "\n").replace(/\r/g, "\n"); return !e.includes("\n") && e.includes("\\n") && (e = e.replaceAll("\\n", "\n")), e.includes("\\t") && (e = e.replaceAll("\\t", "\t")), e.includes("\\`") && (e = e.replaceAll("\\`", "`")), e }, advNormalizeSaveText = t => String(t ?? "").replace(/\r\n/g, "\n").replace(/\r/g, "\n"), advGetJsonTemplate = (t, e = "character") => { const s = promptDefaults?.jsonTemplates || {}, o = promptStores?.global?.jsonTemplates || {}, a = promptStores?.character?.jsonTemplates || {}; if (!(advHasJsonTemplate(t) || Object.prototype.hasOwnProperty.call(o, t) || Object.prototype.hasOwnProperty.call(a, t))) return ""; const n = "global" === e ? Object.prototype.hasOwnProperty.call(o, t) ? o[t] : s[t] : Object.prototype.hasOwnProperty.call(a, t) ? a[t] : Object.prototype.hasOwnProperty.call(o, t) ? o[t] : s[t]; return "string" == typeof n ? n : "" }, advApplyToUI = (t, e = "character") => { const s = advGetPromptObj(t, e), o = (t, e) => { const s = $(t); s && (s.value = advNormalizeDisplayText(e)) }; o("adv-u1", s.u1), o("adv-a1", s.a1), o("adv-u2", s.u2), o("adv-a2", s.a2), $("adv-json-wrap").style.display = ""; const a = advGetJsonTemplate(t, e), n = $("adv-json"); n && (n.value = String(a ?? "")), advUpdateVarHelp(t) }, advUpdateVarHelp = t => { $$(".adv-vars-group").forEach((e => { const s = String(e.dataset.advFor || "").split(",").map((t => t.trim())).filter(Boolean); e.style.display = !s.length || s.includes(t) ? "" : "none" })) }, advBuildEdits = () => { const t = t => advNormalizeSaveText($(t)?.value ?? ""); return { prompt: { u1: t("adv-u1"), a1: t("adv-a1"), u2: t("adv-u2"), a2: t("adv-a2") }, jsonTemplate: advNormalizeSaveText($("adv-json")?.value ?? "") } }, advInit = () => { const t = $("adv-key"); if (!t || t._inited) return; t._inited = !0, t.innerHTML = ADV_PROMPT_ITEMS.map((([t, e]) => `<option value="${t}">${e} (${t})</option>`)).join(""), t.onchange = () => advApplyToUI(t.value, advGetScope()); const e = $("adv-scope"); e && !e._inited && (e._inited = !0, e.onchange = () => { const t = $("adv-key")?.value; t && advApplyToUI(t, advGetScope()) }) }, advOpen = () => { advInit(); const t = $("adv-key"), e = t?.value || ADV_PROMPT_ITEMS[0]?.[0]; if (e) { const t = $("adv-scope"); t && (t.value = advStoreHasKey("character", e) ? "character" : "global"), advApplyToUI(e, advGetScope()) } openM("m-adv-prompts") }, advSaveTo = t => { advInit(); const e = $("adv-key")?.value; if (!e) return; const { prompt: s, jsonTemplate: o } = advBuildEdits(); post("SAVE_PROMPTS", { scope: t, key: e, prompt: s, jsonTemplate: o }), closeM("m-adv-prompts") }, advReset = () => { advInit(); const t = $("adv-key")?.value; t && (post("SAVE_PROMPTS", { scope: advGetScope(), key: t, reset: !0 }), closeM("m-adv-prompts")) }, parseJsonLoose = t => { const e = String(t ?? "").trim(); if (!e) throw new Error("空内容"); try { return JSON.parse(e) } catch { } const s = e.match(/```[^\n]*\n([\s\S]*?)\n```/); if (s?.[1]) { const t = s[1].trim(); try { return JSON.parse(t) } catch { } } const o = (t, s) => { const o = e.indexOf(t), a = e.lastIndexOf(s); return -1 === o || -1 === a || a <= o ? null : e.slice(o, a + 1) }, a = o("{", "}") ?? o("[", "]"); return a ? JSON.parse(a) : JSON.parse(e) }, updateEditPreview = () => { const t = $("data-edit-preview"); t && (t.style.display = "none", t.textContent = "") }, setEditContent = (t, e) => { $("data-edit-title").textContent = t, $("data-edit-ta").value = e, $("data-edit-err").classList.remove("vis"), updateEditPreview(), openM("m-data-edit") }, openDataEdit = t => { const e = dataKeys.find((([e]) => e === t)); e && (editCtx = { type: "characterContactSms" === t ? "charSms" : "data", key: t }, setEditContent(`编辑 - ${e[1]}`, JSON.stringify(e[3](), null, 2))) }; $("data-edit-save").onclick = () => { if (editCtx) try { const t = parseJsonLoose($("data-edit-ta").value); if ("data" === editCtx.type) { const e = dataKeys.find((([t]) => t === editCtx.key)); if (!e) return; e[4](t), render(), saveAll() } else if ("charSms" === editCtx.type) { const e = t?.summaries ?? t; if (!e || "object" != typeof e || Array.isArray(e)) throw new Error("需要 summaries 对象"); charSmsHistory.summaries = e, post("SAVE_CHAR_SMS_HISTORY", { summaries: e }) } closeM("m-data-edit"), editCtx = null } catch (t) { $("data-edit-err").textContent = `JSON错误: ${t.message}`, $("data-edit-err").classList.add("vis") } }, $("data-edit-ta").addEventListener("input", updateEditPreview); const showTestRes = (t, e) => { const s = $("test-res"); s.textContent = e, s.className = "set-test-res " + (t ? "ok" : "err") }, showResultModal = (t, e, s = !1, o = null) => { $("res-title").textContent = t, $("res-title").style.color = s ? "var(--err)" : "", $("res-msg").textContent = e; const a = $("res-record-box"), n = $("res-record"); o ? (a.style.display = "block", n.textContent = "object" == typeof o ? JSON.stringify(o, null, 2) : String(o)) : (a.style.display = "none", n.textContent = ""); const r = $("res-action"); r.style.display = "none", r.textContent = "", r.onclick = null, openM("m-result") }; function render() { const t = D.world?.news || []; $("news-list").innerHTML = t.length ? t.map((t => `<div class="fold"><div class="fold-h"><div><div class="news-t">${h(t.title)}</div><div class="news-time">${h(t.time || "")}</div></div><i class="fa-solid fa-chevron-down fold-a"></i></div><div class="fold-b news-b"><p>${h(t.content)}</p></div></div>`)).join("") : '<div class="empty">暂无新闻</div>', $$("#news-list .fold").forEach(bindFold); const e = D.meta?.user_guide; e && ($("ug-state").textContent = e.current_state || "未知状态", $("ug-actions").innerHTML = (e.guides || []).map(((t, e) => `<div class="user-guide-action" data-idx="${e}">${e + 1}. ${h(t)}</div>`)).join("") || '<div class="user-guide-action">暂无行动指南</div>'); const s = (t, e) => (t || []).length ? t.map((t => `<div class="fold" data-name="${h(t.name || "")}" data-info="${h(t.info || "")}" data-uid="${h(t.worldbookUid || "")}"><div class="fold-h ct-hd fc"><div class="ct-av" style="background:${h(t.color || "")}">${h(t.avatar || "")}</div><div class="ct-info"><div class="ct-name">${h(t.name || "")}</div><div class="ct-st">${t.online ? "● 在线" : h(t.location)}</div></div><i class="fa-solid fa-chevron-down fold-a"></i></div><div class="fold-b"><div class="ct-det">${t.info ? `<div class="ct-info-text">${h(t.info)}</div>` : ""}<div class="ct-acts">${e ? `<button class="btn btn-s btn-p fc add-btn" data-name="${h(t.name || "")}" data-info="${h(t.info || "")}"><i class="fa-solid fa-user-plus"></i> 添加</button><button class="btn btn-s fc ignore-btn" data-name="${h(t.name || "")}"><i class="fa-solid fa-eye-slash"></i> 忽略</button>` : `<button class="btn btn-s fc msg-btn" data-uid="${h(t.worldbookUid || "")}"><i class="fa-solid fa-message"></i> 短信</button><button class="btn btn-s btn-p fc inv-btn" data-uid="${h(t.worldbookUid || "")}"><i class="fa-solid fa-paper-plane"></i> 邀请</button>`}</div></div></div></div>`)).join("") : '<div class="empty">暂无</div>'; if ($("sec-stranger").innerHTML = s(D.contacts.strangers, !0), $("sec-contact").innerHTML = s(D.contacts.contacts, !1), $$(".comm-sec .fold").forEach(bindFold), $$(".add-btn").forEach((t => t.onclick = e => { e.stopPropagation(), genAddCt(t.dataset.name, t.dataset.info || "", t) })), $$(".ignore-btn").forEach((t => t.onclick = e => { e.stopPropagation(); const s = D.contacts.strangers.findIndex((e => e.name === t.dataset.name)); s > -1 && (D.contacts.strangers.splice(s, 1), saveCt(), render()) })), $$(".msg-btn").forEach((t => t.onclick = e => { e.stopPropagation(); const s = D.contacts.contacts.find((e => e.worldbookUid === t.dataset.uid)); s && openChat(s) })), $$(".inv-btn").forEach((t => t.onclick = e => { e.stopPropagation(); const s = D.contacts.contacts.find((e => e.worldbookUid === t.dataset.uid)); s && openInv(s) })), "current" === selectedMapValue) { const t = getCurInside(); $("side-desc").innerHTML = t?.description ? `<div class="local-map-title">📍 ${h(playerLocation)}</div>` + parseLinks(t.description) : parseLinks(D.maps?.outdoor?.description || "") } else $("side-desc").innerHTML = parseLinks(D.maps?.outdoor?.description || ""); bindLinks($("side-desc")), $("mob-desc").innerHTML = "", renderMapSelector(), renderMap() } function renderMap() { const t = D.maps?.outdoor; if (seed = 123456789, inner.querySelectorAll(".item").forEach((t => t.remove())), svg.innerHTML = "", nodes = [], lines = [], !t?.nodes?.length) return; t.nodes.forEach(((t, e) => { const s = dirMap[t.position] || [0, 0], o = Math.hypot(s[0], s[1]) || 1, a = 120 * (t.distant || 1); nodes.push({ id: "n" + e, name: t.name, type: t.type || "sub", pos: t.position, distant: t.distant || 1, x: s[0] / o * a, y: s[1] / o * a, data: t }) })); const e = {}; nodes.forEach((t => (e[t.pos] = e[t.pos] || []).push(t))); for (let t in e) { const s = e[t]; if (s.length <= 1) continue; const o = dirMap[t] || [0, 0], a = Math.hypot(o[0], o[1]) || 1, n = -o[1] / a, r = o[0] / a, i = (s.length - 1) / 2; s.sort(((t, e) => t.distant - e.distant)).forEach(((t, e) => { t.x += n * (e - i) * 50, t.y += r * (e - i) * 50 })) } for (let t = 0; t < 15; t++)for (let t = 0; t < nodes.length; t++)for (let e = t + 1; e < nodes.length; e++) { const s = nodes[t], o = nodes[e], a = s.x - o.x, n = s.y - o.y, r = Math.hypot(a, n); if (r < 80 && r > 0) { const t = (80 - r) / r * .5; s.x += a * t, s.y += n * t, o.x -= a * t, o.y -= n * t } } nodes.forEach((t => { const e = document.createElement("div"); e.className = `item node-${t.type}`, e.id = t.id, e.textContent = "home" === t.type ? "🏠 " + t.name : t.name, e.style.cssText = `left:${t.x + 2e3}px;top:${t.y + 2e3}px`, e.onclick = e => { e.stopPropagation(), curNode?.id === t.id ? hideInfo() : showInfo(t) }, inner.appendChild(e) })); for (let t in e) { const s = e[t].sort(((t, e) => t.distant - e.distant)); for (let t = 0; t < s.length - 1; t++)lines.push([s[t], s[t + 1]]) } const s = Object.values(e).map((t => t.sort(((t, e) => t.distant - e.distant))[0])).sort(((t, e) => Math.atan2(t.y, t.x) - Math.atan2(e.y, e.x))); s.forEach(((t, e) => lines.push([t, s[(e + 1) % s.length]]))); const o = (t, e) => lines.some((([s, o]) => s === t && o === e || s === e && o === t)); for (let t = 0, e = 0; e < Math.floor(nodes.length / 5) && t < 200; t++) { const t = nodes[Math.floor(rand() * nodes.length)], s = nodes[Math.floor(rand() * nodes.length)]; t === s || o(t, s) || (lines.push([t, s]), e++) } drawLines() } function drawLines() { svg.innerHTML = ""; const t = mapWrap.getBoundingClientRect(); lines.forEach((([e, s]) => { const o = $(e.id), a = $(s.id); if (!o || !a) return; const n = o.getBoundingClientRect(), r = a.getBoundingClientRect(), i = document.createElementNS("http://www.w3.org/2000/svg", "line"); i.setAttribute("x1", (n.left + n.width / 2 - t.left) / scale - offX / scale), i.setAttribute("y1", (n.top + n.height / 2 - t.top) / scale - offY / scale), i.setAttribute("x2", (r.left + r.width / 2 - t.left) / scale - offX / scale), i.setAttribute("y2", (r.top + r.height / 2 - t.top) / scale - offY / scale); const c = "main" === e.type && "main" === s.type || "home" === e.type || "home" === s.type; i.setAttribute("stroke", c ? "var(--c)" : "var(--c4)"), i.setAttribute("stroke-width", c ? "2" : "1"), c || i.setAttribute("stroke-dasharray", "4 3"), svg.appendChild(i) })) } $("btn-settings").onclick = () => { reqSet(), $("set-api-url").value = gSet.apiUrl || "", $("set-api-key").value = gSet.apiKey || "", $("set-model").value = gSet.model || "", $("set-model-list").style.display = "none", $("test-res").className = "set-test-res", $("set-stage").value = D.stage || 0, $("set-deviation").value = D.deviationScore || 0, $("set-sim-target").value = D.simulationTarget ?? 5, $("set-mode").value = gSet.mode || "story", $("set-history-count").value = commSet.historyCount || 50, $("set-use-stream").checked = !!commSet.stream, $("set-npc-position").value = commSet.npcPosition || 0, $("set-npc-order").value = commSet.npcOrder || 100, renderDataList(), syncSimDueUI(), openM("m-settings") }, $("btn-adv-prompts").onclick = () => advOpen(), $("adv-save-global").onclick = () => advSaveTo("global"), $("adv-save-char").onclick = () => advSaveTo("character"), $("adv-reset").onclick = () => advReset(), $("btn-fetch-models").onclick = () => { BtnState.load($("btn-fetch-models"), "加载"), post("FETCH_MODELS", { apiUrl: $("set-api-url").value.trim(), apiKey: $("set-api-key").value.trim() }) }, $("btn-test-conn").onclick = () => { $("test-res").className = "set-test-res", BtnState.load($("btn-test-conn"), "测试"), post("TEST_CONNECTION", { apiUrl: $("set-api-url").value.trim(), apiKey: $("set-api-key").value.trim(), model: $("set-model").value.trim() }) }, $("set-save").onclick = () => { gSet = { apiUrl: $("set-api-url").value.trim(), apiKey: $("set-api-key").value.trim(), model: $("set-model").value.trim(), mode: $("set-mode").value || "story" }, D.stage = Math.max(0, Math.min(10, parseInt($("set-stage").value, 10) || 0)), D.deviationScore = Math.max(0, Math.min(100, parseInt($("set-deviation").value, 10) || 0)), D.simulationTarget = parseInt($("set-sim-target").value, 10), Number.isNaN(D.simulationTarget) && (D.simulationTarget = 5), commSet = { historyCount: Math.max(0, Math.min(200, parseInt($("set-history-count").value, 10) || 50)), stream: !!$("set-use-stream").checked, npcPosition: parseInt($("set-npc-position").value, 10) || 0, npcOrder: Math.max(0, Math.min(1e3, parseInt($("set-npc-order").value, 10) || 100)) }; const t = {}; dataKeys.forEach((([e, , , s]) => { dataCk[e] && (t[e] = s()) })), syncSimDueUI(), post("SAVE_SETTINGS", { globalSettings: gSet, commSettings: commSet, stage: D.stage, deviationScore: D.deviationScore, simulationTarget: D.simulationTarget, playerLocation, dataChecked: dataCk, outlineData: t, allData: { meta: D.meta, timeline: D.timeline, world: D.world, outdoor: D.maps.outdoor, indoor: D.maps.indoor, strangers: D.contacts.strangers, contacts: contactsForSave() } }), closeM("m-settings") }, $("btn-close").onclick = () => post("CLOSE_PANEL"), window.addEventListener("message", (t => { if (t.origin !== PARENT_ORIGIN || t.source !== parent) return; if ("LittleWhiteBox" !== t.data?.source) return; const e = t.data, s = e.type; if ("LOAD_SETTINGS" === s) { if (e.globalSettings && (gSet = e.globalSettings), void 0 !== e.stage && (D.stage = e.stage), void 0 !== e.deviationScore && (D.deviationScore = e.deviationScore), void 0 !== e.simulationTarget && (D.simulationTarget = e.simulationTarget), e.playerLocation && (playerLocation = e.playerLocation), e.commSettings && (commSet = { historyCount: e.commSettings.historyCount ?? 50, npcPosition: e.commSettings.npcPosition ?? 0, npcOrder: e.commSettings.npcOrder ?? 100, stream: !!e.commSettings.stream }), e.dataChecked && (dataCk = e.dataChecked), e.promptConfig && (promptDefaults = e.promptConfig.defaults || promptDefaults, e.promptConfig.stores ? (promptStores.global = e.promptConfig.stores.global || { jsonTemplates: {}, promptSources: {} }, promptStores.character = e.promptConfig.stores.character || { jsonTemplates: {}, promptSources: {} }) : (promptStores.global = e.promptConfig.current || { jsonTemplates: {}, promptSources: {} }, promptStores.character = promptStores.character || { jsonTemplates: {}, promptSources: {} })), e.outlineData) { const t = e.outlineData; t.meta && (D.meta = t.meta), t.world && (D.world = t.world), t.outdoor && (D.maps.outdoor = t.outdoor), t.indoor && (D.maps.indoor = t.indoor), t.sceneSetup && (D.sceneSetup = t.sceneSetup), t.strangers && (D.contacts.strangers = t.strangers), t.contacts && (D.contacts.contacts = t.contacts) } { const t = e.characterContactSmsHistory || {}; charSmsHistory = { messages: Array.isArray(t.messages) ? t.messages : [], summarizedCount: t.summarizedCount || 0, summaries: t.summaries || {} } } let t = D.contacts.contacts.find((t => "__CHARACTER_CARD__" === t.worldbookUid)); t || (t = D.contacts.contacts.find((t => !t.worldbookUid && "炒饭智能" === t.name)), t ? (t.worldbookUid = "__CHARACTER_CARD__", t.info = "角色卡联络人", t.location = "在线", t.online = !0) : (D.contacts.contacts.unshift({ name: e.characterCardName || "{{characterName}}", avatar: "", color: "#555", location: "在线", info: "角色卡联络人", online: !0, worldbookUid: "__CHARACTER_CARD__", messages: [], summarizedCount: 0 }), t = D.contacts.contacts[0])), t && e.characterCardName && (t.name = e.characterCardName, t.avatar = (e.characterCardName || "")[0] || t.avatar || ""), render(), syncSimDueUI(), $("m-settings").classList.contains("act") && ($("set-api-url").value = gSet.apiUrl || "", $("set-api-key").value = gSet.apiKey || "", $("set-model").value = gSet.model || "", $("set-stage").value = D.stage, $("set-deviation").value = D.deviationScore, $("set-sim-target").value = D.simulationTarget ?? 5, $("set-mode").value = gSet.mode || "story", $("set-history-count").value = commSet.historyCount, $("set-use-stream").checked = !!commSet.stream, $("set-npc-position").value = commSet.npcPosition, $("set-npc-order").value = commSet.npcOrder, renderDataList()) } else if ("PROMPT_CONFIG_UPDATED" === s) { if (e.promptConfig && (promptDefaults = e.promptConfig.defaults || promptDefaults, e.promptConfig.stores ? (promptStores.global = e.promptConfig.stores.global || { jsonTemplates: {}, promptSources: {} }, promptStores.character = e.promptConfig.stores.character || { jsonTemplates: {}, promptSources: {} }) : (promptStores.global = e.promptConfig.current || { jsonTemplates: {}, promptSources: {} }, promptStores.character = promptStores.character || { jsonTemplates: {}, promptSources: {} }), $("m-adv-prompts").classList.contains("act"))) { const t = $("adv-key")?.value; t && advApplyToUI(t, advGetScope()) } } else if ("FETCH_MODELS_RESULT" === s) { BtnState.reset($("btn-fetch-models"), "获取"); const t = $("set-model-list"); if (e.error) return t.style.display = "none", void showTestRes(!1, "获取模型失败: " + e.error); if (!e.models?.length) return t.style.display = "none", void showTestRes(!1, "未找到可用模型"); t.innerHTML = '<option value="">-- 选择模型 --</option>' + e.models.map((t => `<option value="${t}">${t}</option>`)).join(""), t.style.display = "block", t.onchange = () => { t.value && ($("set-model").value = t.value) }, showTestRes(!0, `找到 ${e.models.length} 个模型`) } else if ("TEST_CONN_RESULT" === s) BtnState.reset($("btn-test-conn"), "测试连接"), showTestRes(e.success, e.message); else if ("CHECK_WORLDBOOK_UID_RESULT" === s) { if (BtnState.reset($("btn-check-uid"), '<i class="fa-solid fa-search"></i> 检查'), !Req.match(e.requestId)) return; if (e.error) return void showUidErr(e.error); if (!e.primaryKeys?.length) return void showUidErr("该条目没有主要关键字"); addCtState.keys = e.primaryKeys; const t = $("add-name"); t.innerHTML = '<option value="">-- 请选择 --</option>' + e.primaryKeys.map((t => `<option value="${t}">${t}</option>`)).join(""), t.onchange = () => { addCtState.name = t.value, $("add-ct-ok").disabled = !t.value }, $("name-select-group").style.display = "block", 1 === e.primaryKeys.length && (addCtState.name = e.primaryKeys[0], t.value = addCtState.name, $("add-ct-ok").disabled = !1) } else if ("SMS_RESULT" === s) { const t = Req.get("sms"); if (!t || t.id !== e.requestId) return; if (Req.clear("sms"), smsGen = !1, $("chat-in").disabled = $("chat-send").disabled = $("chat-back").disabled = !1, !chatTgt) return; chatTgt.messages = chatTgt.messages.filter((t => !t.typing)), e.error ? chatTgt.messages.push({ type: "received", text: `[错误] ${e.error}` }) : e.reply && chatTgt.messages.push({ type: "received", text: stripXml(e.reply) }), renderMsgs(), saveCt(), chatTgt.worldbookUid && saveChat(chatTgt) } else if ("SMS_STREAM" === s) { const t = Req.get("sms"); if (!t || t.id !== e.requestId || !chatTgt) return; const s = chatTgt.messages.find((t => t.typing)); s && e.text && (s.text = e.text, renderMsgs()) } else if ("LOAD_SMS_HISTORY_RESULT" === s) { if (!chatTgt || chatTgt.worldbookUid !== e.worldbookUid) return; e.messages?.length && (chatTgt.messages = e.messages, chatTgt.summarizedCount = e.summarizedCount || 0, saveCt()), renderMsgs() } else if ("COMPRESS_SMS_RESULT" === s) { const t = Req.get("compress"); if (!t || t.id !== e.requestId) return; if (Req.clear("compress"), smsGen = !1, $("chat-compress").disabled = $("chat-in").disabled = $("chat-send").disabled = $("chat-back").disabled = !1, !chatTgt) return; if (e.error) return void alert(`压缩失败: ${e.error}`); void 0 !== e.newSummarizedCount && (chatTgt.summarizedCount = e.newSummarizedCount, renderMsgs(), saveCt()) } else if ("CHECK_STRANGER_WORLDBOOK_RESULT" === s) { const t = Req.get("stgwb"); if (!t || t.id !== e.requestId) return; const { name: s, info: o, btn: a } = t; if (Req.clear("stgwb"), e.found && e.worldbookUid) { BtnState.reset(a, '<i class="fa-solid fa-user-plus"></i> 添加'); const t = D.contacts.strangers.findIndex((t => t.name === s)); if (t > -1) { const s = D.contacts.strangers.splice(t, 1)[0]; D.contacts.contacts.push({ name: s.name, avatar: s.avatar || s.name[0], color: s.color || "#" + Math.floor(16777215 * Math.random()).toString(16).padStart(6, "0"), location: s.location || "未知", info: s.info || "", worldbookUid: e.worldbookUid, messages: [] }), saveCt(), render() } } else { BtnState.load(a, "生成中"); const t = Req.create("npcgen"); Req.set("npcgen", { name: s, info: o, btn: a }), post("GENERATE_NPC", { requestId: t, strangerName: s, strangerInfo: o }) } } else if ("GENERATE_NPC_RESULT" === s) { const t = Req.get("npcgen"); if (!t || t.id !== e.requestId) return; const { name: s, btn: o } = t; if (Req.clear("npcgen"), BtnState.reset(o, '<i class="fa-solid fa-user-plus"></i> 添加'), e.error) return void showResultModal("生成角色失败", "生成 NPC 失败", !0, e.error); if (e.success && e.worldbookUid) { const t = D.contacts.strangers.findIndex((t => t.name === s)); if (t > -1) { const o = D.contacts.strangers.splice(t, 1)[0], a = e.npcData || {}; D.contacts.contacts.push({ name: a.name || o.name, avatar: (a.name || o.name)[0], color: o.color || "#" + Math.floor(16777215 * Math.random()).toString(16).padStart(6, "0"), location: o.location || "未知", info: a.intro || o.info || "", worldbookUid: e.worldbookUid, messages: [] }), saveCt(), render(), showResultModal("生成成功", `NPC ${s} 已生成并添加到联络人`, !1, e.npcData) } } } else if ("EXTRACT_STRANGERS_RESULT" === s) { const t = Req.get("extract"); if (!t || t.id !== e.requestId) return; const { btn: s } = t; if (Req.clear("extract"), BtnState.reset(s, '<i class="fa-solid fa-rotate"></i>'), e.error) return void showResultModal("提取失败", "提取陌路人失败", !0, e.error); if (e.success && Array.isArray(e.strangers)) { if (!e.strangers.length) return void showResultModal("提取结果", "没有发现新的陌路人"); const t = [...D.contacts.contacts.map((t => t.name)), ...D.contacts.strangers.map((t => t.name))], s = e.strangers.filter((e => !t.includes(e.name))); if (!s.length) return void showResultModal("提取结果", "提取到的角色都已存在"); D.contacts.strangers = D.contacts.strangers.concat(s), saveCt(), render(), showResultModal("提取成功", `成功提取 ${s.length} 个新陌路人`, !1, s) } } else if ("GENERATE_WORLD_STATUS" === s) { if (!Req.match(e.requestId)) return; const t = $("world-gen-status"); t.style.display = "block", t.style.color = "var(--ok)", t.textContent = e.message } else if ("GENERATE_WORLD_RESULT" === s) { if (!Req.match(e.requestId)) return; Req.clear("wgen"); const t = $("world-gen-ok"), s = $("world-gen-status"); if (BtnState.reset(t, '<i class="fa-solid fa-wand-magic-sparkles"></i> 开始生成'), e.error) { if (s.style.display = "none", showResultModal("生成失败", "世界生成失败", !0, e.error), String(e.error || "").includes("Step 2")) { const e = $("res-action"); e.style.display = "inline-block", e.textContent = "重试 Step2", e.onclick = () => { closeM("m-result"); const e = Req.create("wgen"); BtnState.load(t, "重试中"), s.style.display = "block", s.style.color = "var(--ok)", s.textContent = "准备重试 Step 2/2...", post("RETRY_WORLD_GEN_STEP2", { requestId: e }) } } return } if (e.success && e.worldData) { s.style.color = "var(--ok)", s.textContent = "生成成功！正在应用数据..."; const t = e.worldData; if (t.meta && (D.meta = t.meta), t.world && (D.world = t.world), t.maps?.outdoor && (D.maps.outdoor = t.maps.outdoor), D.stage = 0, D.deviationScore = 0, t.playerLocation) playerLocation = t.playerLocation; else { const t = D.maps?.outdoor?.nodes?.find((t => "home" === t.type)); playerLocation = t?.name || D.maps?.outdoor?.nodes?.[0]?.name || "未知" } t.maps?.inside && playerLocation && (D.maps.indoor = D.maps.indoor || {}, D.maps.indoor[playerLocation] = t.maps.inside), selectedMapValue = "current", saveAll(), render(), setTimeout((() => { closeM("m-world-gen"), s.style.display = "none", $("world-gen-req").value = "", showResultModal("生成成功", "世界数据生成完成！Stage 和 Deviation 已重置为 0", !1, e.worldData) }), 500) } } else if ("SIMULATE_WORLD_RESULT" === s) { if (!e.isAuto && !Req.match(e.requestId)) return; if (!e.isAuto) { Req.clear("wsim"); const t = $("world-sim-ok"), s = $("world-sim-status"); if (BtnState.reset(t, '<i class="fa-solid fa-rotate"></i> 开始推演'), e.error) return s.style.display = "none", void showResultModal("推演失败", "世界推演失败", !0, e.error) } if (e.success && e.simData) { if (!e.isAuto) { const t = $("world-sim-status"); t.style.color = "var(--ok)", t.textContent = "推演成功！正在应用数据..." } const t = e.simData; t.meta && (D.meta = t.meta), t.world && (D.world = t.world), t.maps?.outdoor && (D.maps.outdoor = t.maps.outdoor), D.stage = (D.stage || 0) + 1, saveAll(), render(), e.isAuto || setTimeout((() => { closeM("m-world-sim"), $("world-sim-status").style.display = "none", showResultModal("推演成功", `世界推演完成！Stage 已推进到 ${D.stage}`, !1, e.simData) }), 500) } } else if ("REFRESH_WORLD_NEWS_RESULT" === s) { const t = Req.get("newsrf"); if (!t || t.id !== e.requestId) return; const { btn: s } = t; if (Req.clear("newsrf"), s && (s.disabled = !1, s.innerHTML = s._o ?? '<i class="fa-solid fa-rotate"></i>'), e.error) return void showResultModal("刷新失败", "世界新闻刷新失败", !0, e.error); e.success && Array.isArray(e.news) && (D.world = D.world || {}, D.world.news = e.news, saveAll(), render(), showResultModal("刷新成功", `已更新世界新闻（${e.news.length} 条）`, !1, e.news)) } else if ("SCENE_SWITCH_RESULT" === s) { const t = Req.get("scene"); if (!t || t.id !== e.requestId) return; const { node: s, prev: o } = t; if (Req.clear("scene"), BtnState.reset($("goto-ok"), "确认前往"), closeM("m-goto"), e.error) return void showResultModal("切换失败", "场景切换失败", !0, e.error); if (e.success && e.sceneData) { const t = e.sceneData; if ("number" == typeof t.newScore && (D.deviationScore = t.newScore), t.localMap && (D.maps.indoor = D.maps.indoor || {}, D.maps.indoor[s.name] = t.localMap), t.strangers?.length) { const e = new Set((D.contacts.strangers || []).map((t => t.name))), s = t.strangers.filter((t => !e.has(t.name))); D.contacts.strangers = [...D.contacts.strangers || [], ...s] } finishTravel(s.name, o), 0 !== t.scoreDelta && showResultModal("切换成功", `场景切换完成！\n偏差值变化: ${t.scoreDelta > 0 ? "+" : ""}${t.scoreDelta} (当前: ${t.newScore})`, !1, e.sceneData) } } else if ("REFRESH_LOCAL_MAP_RESULT" === s) { const t = Req.get("localmaprf"); if (!t || t.id !== e.requestId) return; const { btn: s, loc: o } = t; if (Req.clear("localmaprf"), BtnState.reset(s, '<i class="fa-solid fa-rotate-right"></i>刷新'), e.error) return void showResultModal("刷新失败", "刷新局部地图失败", !0, e.error); if (e.success && e.localMapData) { const t = e.localMapData, s = t.name || o || playerLocation || "当前位置"; D.maps.indoor = D.maps.indoor || {}, D.maps.indoor[s] = t, playerLocation = s, selectedMapValue = "current", saveAll(), render(), t.description && ($("side-desc").innerHTML = `<div class="local-map-title">📍 ${h(s)}</div>` + parseLinks(t.description), bindLinks($("side-desc"))), showResultModal("刷新成功", `局部地图已刷新！当前位置: ${s}`, !1, e.localMapData) } } else if ("GENERATE_LOCAL_SCENE_RESULT" === s) { const t = Req.get("localscene"); if (!t || t.id !== e.requestId) return; const { btn: s, loc: o } = t; if (Req.clear("localscene"), BtnState.reset(s, '<i class="fa-solid fa-feather-pointed"></i>局部剧情'), e.error) return void showResultModal("生成失败", "局部剧情生成失败", !0, e.error); if (e.success && e.sceneSetup) { D.sceneSetup = { ...D.sceneSetup || {}, ...e.sceneSetup || {} }, saveAll(), render(); const t = String(e.introduce || "").replace(/^\s*(?:\/?\s*(?:sendas|as)\s+name\s*=\s*(?:"[^"]*"|'[^']*'|\S+)\s+)/i, "").replace(/\s+/g, " ").trim(); t && post("EXECUTE_SLASH_COMMAND", { command: `/sendas name="剧情任务" ${t}` }), showResultModal("生成成功", `局部剧情已生成：${o || playerLocation}`, !1, e.sceneSetup) } } else if ("SEND_INVITE_RESULT" === s) { const t = Req.get("invite"); if (!t || t.id !== e.requestId) return; const { contact: s, loc: o, btn: a } = t; if (Req.clear("invite"), BtnState.reset(a, "发送邀请"), e.error) return void showResultModal("邀请失败", "邀请发送失败", !0, e.error); if (e.success && e.inviteData) { const t = e.inviteData, a = canonicalLoc(t.targetLocation || o || ""), n = D.contacts.contacts.find((t => t && s && t.worldbookUid && s.worldbookUid && t.worldbookUid === s.worldbookUid)) || D.contacts.contacts.find((t => t && s && t.name === s.name)) || s; if (n.messages = n.messages || [], n.messages.push({ type: "sent", text: `我邀请你前往「${a}」` }), n.messages.push({ type: "received", text: t.reply }), t.accepted) { const e = canonicalLoc(playerLocation); n.location = a, e && a && e === a ? (delete n.waitingAt, post("EXECUTE_SLASH_COMMAND", { command: `/sendas name="剧情任务" ${n.name}过来了。` })) : n.waitingAt = a, showResultModal("邀请成功", `${n.name} 接受了邀请！\n回复: ${t.reply}`, !1, t) } else showResultModal("邀请被拒", `${n.name} 拒绝了邀请。\n回复: ${t.reply}`, !1, t); saveAll(), n.worldbookUid && saveChat(n), closeM("m-invite"), render(), openChat(n) } } else if ("GENERATE_LOCAL_MAP_RESULT" === s) { const t = Req.get("localmap"); if (!t || t.id !== e.requestId) return; const { btn: s } = t; if (Req.clear("localmap"), BtnState.reset(s, '<i class="fa-solid fa-plus"></i>局部地图'), e.error) return void showResultModal("生成失败", "局部地图生成失败", !0, e.error); if (e.success && e.localMapData) { const t = e.localMapData, s = t.name || "当前位置"; D.sceneSetup = null, D.maps.indoor = D.maps.indoor || {}, D.maps.indoor[s] = t, playerLocation = s, selectedMapValue = "current", saveAll(), render(), t.description && ($("side-desc").innerHTML = `<div class="local-map-title">📍 ${h(s)}</div>` + parseLinks(t.description), bindLinks($("side-desc"))), showResultModal("生成成功", `局部地图生成完成！当前位置: ${s}`, !1, t) } } })); const updateTf = () => { inner.style.transform = `translate(${offX}px,${offY}px) scale(${scale})`, $("zoom-ind").textContent = Math.round(100 * scale) + "%", requestAnimationFrame(drawLines) }, initPos = () => { offX = mapWrap.clientWidth / 2 - 2e3, offY = mapWrap.clientHeight / 2 - 2e3, scale = 1, updateTf() }; function panTo(t, e = 350) { if (!t || anim) return; if (!$(t.id)) return; const s = -(t.x + 2e3) * scale + mapWrap.clientWidth / 2, o = -(t.y + 2e3) * scale + .25 * mapWrap.clientHeight, a = offX, n = offY, r = performance.now(); anim = !0, function t(i) { const c = Math.min((i - r) / e, 1), l = 1 - Math.pow(1 - c, 3); offX = a + (s - a) * l, offY = n + (o - n) * l, updateTf(), c < 1 ? requestAnimationFrame(t) : anim = !1 }(r) } function showInfo(t) { if (!t?.data) return; curNode = t, inner.querySelectorAll(".item").forEach((t => t.classList.remove("hl"))), $(t.id)?.classList.add("hl"); const e = t.name === playerLocation; $("btn-goto").classList.toggle("show", !e), e || ($("goto-t").textContent = `前往 ${t.name}`); const s = D.maps?.indoor?.[t.name]; e && s?.description ? ($("side-desc").innerHTML = `<div class="local-map-title">📍 ${h(t.name)}</div>` + parseLinks(s.description), bindLinks($("side-desc"))) : ($("side-desc").innerHTML = parseLinks(D.maps?.outdoor?.description || ""), bindLinks($("side-desc"))), isMob() ? ($("mob-info-t").textContent = t.name, $("mob-info-c").textContent = e ? s?.description || t.data.info || "暂无信息..." : t.data.info || "暂无信息...", popup.classList.contains("act") || openPop(1)) : ($("info-t").textContent = t.name, $("info-c").textContent = t.data.info || "暂无信息...", $("tip").classList.add("show")) } const hideInfo = () => { curNode = null, inner.querySelectorAll(".item").forEach((t => t.classList.remove("hl"))), $("btn-goto").classList.remove("show"), $("tip").classList.remove("show") }; function renderMapSelector() { const t = $("map-lbl-select"); t.innerHTML = '<option value="overview">🗺️ 大地图</option>'; const e = D.maps?.outdoor?.nodes?.findIndex((t => t.name === playerLocation)), s = D.maps?.indoor && D.maps.indoor[playerLocation]; if ((e >= 0 || s) && (t.innerHTML += `<option value="current">📍 ${h(playerLocation)}（你）</option>`), t.innerHTML += "<option disabled>──────────</option>", D.maps?.outdoor?.nodes?.length && D.maps.outdoor.nodes.forEach(((e, s) => { e.name !== playerLocation && (t.innerHTML += `<option value="node:${s}">${h(e.name)}</option>`) })), D.maps?.indoor) { const e = Object.keys(D.maps.indoor).filter((t => t !== playerLocation && !D.maps?.outdoor?.nodes?.some((e => e.name === t)))); e.length && (t.innerHTML += "<option disabled>── 隐藏地图 ──</option>", e.forEach((e => t.innerHTML += `<option value="indoor:${h(e)}">🏠 ${h(e)}</option>`))) } t.value = selectedMapValue, updateMapLabel() } function updateMapLabel() { const t = $("map-lbl-select").value; if ("overview" === t) $("map-lbl-t").textContent = "大地图"; else if ("current" === t) $("map-lbl-t").textContent = playerLocation + "（你）"; else if (t.startsWith("node:")) { const e = parseInt(t.split(":")[1]); $("map-lbl-t").textContent = D.maps?.outdoor?.nodes?.[e]?.name || "未知" } else t.startsWith("indoor:") && ($("map-lbl-t").textContent = t.replace("indoor:", "")) } function switchMapView(t) { if (selectedMapValue = t, hideInfo(), "overview" === t) $("btn-goto").classList.remove("show"), $("side-desc").innerHTML = parseLinks(D.maps?.outdoor?.description || ""), bindLinks($("side-desc")), initPos(); else if ("current" === t) { $("btn-goto").classList.remove("show"); const t = getCurInside(); t?.description ? ($("side-desc").innerHTML = `<div class="local-map-title">📍 ${h(playerLocation)}</div>` + parseLinks(t.description), bindLinks($("side-desc"))) : ($("side-desc").innerHTML = parseLinks(D.maps?.outdoor?.description || ""), bindLinks($("side-desc"))); const e = nodes.find((t => t.name === playerLocation)); e && (panTo(e), showInfo(e)) } else if (t.startsWith("node:")) { const e = parseInt(t.split(":")[1]), s = D.maps?.outdoor?.nodes?.[e]; $("side-desc").innerHTML = parseLinks(D.maps?.outdoor?.description || ""), bindLinks($("side-desc")); const o = nodes.find((t => t.name === s?.name)); o && (panTo(o), showInfo(o)) } else if (t.startsWith("indoor:")) { const e = t.replace("indoor:", ""), s = D.maps?.indoor?.[e]; e !== playerLocation ? ($("side-desc").innerHTML = parseLinks(D.maps?.outdoor?.description || ""), bindLinks($("side-desc")), curNode = { name: e, type: "sub", data: { info: stripXml(s?.description || "") }, isIndoor: !0 }, $("btn-goto").classList.add("show"), $("goto-t").textContent = `前往 ${e}`) : ($("btn-goto").classList.remove("show"), s?.description && ($("side-desc").innerHTML = `<div class="local-map-title">🏠 ${h(e)}</div>` + parseLinks(s.description), bindLinks($("side-desc")))) } updateMapLabel() } $("info-bk").onclick = hideInfo, $("mob-info-bk").onclick = () => popup.classList.remove("act"), $("map-lbl-select").onchange = t => switchMapView(t.target.value); let sx, sy, lastDist = 0, lastCX = 0, lastCY = 0; mapWrap.onmousedown = t => { anim || t.target.closest(".map-act,.map-lbl") || (t.target.classList.contains("item") || hideInfo(), drag = !0, sx = t.clientX, sy = t.clientY, mapWrap.style.cursor = "grabbing") }, mapWrap.onmousemove = t => { drag && (offX += t.clientX - sx, offY += t.clientY - sy, sx = t.clientX, sy = t.clientY, updateTf()) }, mapWrap.onmouseup = mapWrap.onmouseleave = () => { drag = !1, mapWrap.style.cursor = "grab" }, mapWrap.onwheel = t => { if (anim) return; t.preventDefault(); const e = Math.max(.3, Math.min(3, scale + (t.deltaY > 0 ? -.1 : .1))), s = mapWrap.getBoundingClientRect(), o = t.clientX - s.left, a = t.clientY - s.top, n = e / scale; offX = o - (o - offX) * n, offY = a - (a - offY) * n, scale = e, updateTf() }, mapWrap.ontouchstart = t => { if (anim || t.target.closest(".map-act,.map-lbl")) return; const e = t.target.closest(".item"); e ? e._ts = { x: t.touches[0].clientX, y: t.touches[0].clientY, t: Date.now() } : (hideInfo(), 1 === t.touches.length ? (drag = !0, sx = t.touches[0].clientX, sy = t.touches[0].clientY) : 2 === t.touches.length && (drag = !1, lastDist = Math.hypot(t.touches[0].clientX - t.touches[1].clientX, t.touches[0].clientY - t.touches[1].clientY), lastCX = (t.touches[0].clientX + t.touches[1].clientX) / 2, lastCY = (t.touches[0].clientY + t.touches[1].clientY) / 2)) }, mapWrap.ontouchmove = t => { const e = t.target.closest(".item"); if (e && e._ts) Math.hypot(t.touches[0].clientX - e._ts.x, t.touches[0].clientY - e._ts.y) > 10 && (delete e._ts, drag = !0, sx = t.touches[0].clientX, sy = t.touches[0].clientY); else if (1 === t.touches.length && drag) t.preventDefault(), offX += t.touches[0].clientX - sx, offY += t.touches[0].clientY - sy, sx = t.touches[0].clientX, sy = t.touches[0].clientY, updateTf(); else if (2 === t.touches.length) { t.preventDefault(); const e = Math.hypot(t.touches[0].clientX - t.touches[1].clientX, t.touches[0].clientY - t.touches[1].clientY), s = (t.touches[0].clientX + t.touches[1].clientX) / 2, o = (t.touches[0].clientY + t.touches[1].clientY) / 2, a = Math.max(.3, Math.min(3, scale * (e / lastDist))), n = mapWrap.getBoundingClientRect(), r = s - n.left, i = o - n.top, c = a / scale; offX = r - (r - offX) * c, offY = i - (i - offY) * c, offX += s - lastCX, offY += o - lastCY, scale = a, lastDist = e, lastCX = s, lastCY = o, updateTf() } }, mapWrap.ontouchend = t => { const e = t.target.closest(".item"); if (e && e._ts) { const s = Date.now() - e._ts.t; if (delete e._ts, s < 300) { const s = nodes.find((t => t.id === e.id)); s && (t.preventDefault(), curNode?.id === s.id ? hideInfo() : showInfo(s)) } } drag = !1 }, $$(".nav-i").forEach((t => t.onclick = () => { $$(".nav-i").forEach((t => t.classList.remove("act"))), $$(".page").forEach((t => t.classList.remove("act"))), t.classList.add("act"), $(`page-${t.dataset.p}`).classList.add("act"); const e = "map" === t.dataset.p; sidePop.classList.toggle("show", e), isMob() && (e ? openPop(1) : popup.classList.remove("act")), e && setTimeout((() => { initPos(), drawLines() }), 50) })), $$(".comm-tab").forEach((t => t.onclick = () => { $$(".comm-tab").forEach((t => t.classList.remove("act"))), $$(".comm-sec").forEach((t => t.classList.remove("act"))), t.classList.add("act"), $(`sec-${t.dataset.t}`).classList.add("act") })), $("btn-goto").onclick = t => { t.stopPropagation(), curNode && ($("goto-d").textContent = `目的地：${curNode.name}`, $("goto-task").value = "", openM("m-goto")) }, addEventListener("resize", (() => requestAnimationFrame(drawLines))), window.clickTab = (t, e) => { const s = t.closest(".settings-modal"); if (!s) return; s.querySelectorAll(".set-nav-item").forEach((t => t.classList.remove("act"))), t.classList.add("act"), s.querySelectorAll(".set-tab-page").forEach((t => t.classList.remove("act"))); const o = document.getElementById(e); o && (o.classList.add("act"), o.style.animation = "none", o.offsetHeight, o.style.animation = null) }, document.addEventListener("DOMContentLoaded", (() => { render(), initPos(), sidePop.classList.add("show"), sidePop.classList.add("act"), isMob() && openPop(1), post("FRAME_READY"), setTimeout((() => { "current" === selectedMapValue && switchMapView("current") }), 100) }));
-    </script>
-</body>
-
-</html>
+<!DOCTYPE html>
+<html lang="zh-CN">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
+    <title>小白板</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box
+        }
+
+        :root {
+            /* === 背景色阶 (3级) === */
+            --bg: #FDFDF9;
+            --bg2: #FFFFFF;
+            --bg3: #F0F0EE;
+
+            /* === 文字色阶 (4级) === */
+            --c: #1C1917;
+            --c2: #57534E;
+            --c3: #78716C;
+            --c4: #aaa;
+
+            /* === 边框 === */
+            --bd: #E5E5E4;
+
+            /* === 状态色 - 成功/绿 === */
+            --ok: #4a9;
+            --ok-bg: #dcfce7;
+            --ok-c: #166534;
+            --ok-bd: #86efac;
+
+            /* === 状态色 - 错误/红 === */
+            --err: #b91c1c;
+            --err-bg: #fef2f2;
+            --err-bd: #fecaca;
+
+            /* === 状态色 - 到期/红 === */
+            --due-bg: #ffe1e1;
+            --due-bd: #ff9b9b;
+            --due-c: #7a1f1f;
+
+            /* === 状态色 - 警告/橙 === */
+            --warn: #f80;
+
+            /* === 尺寸 === */
+            --r4: 8px;
+            --r6: 12px;
+            --r8: 16px;
+
+            /* === 阴影 === */
+            --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
+            --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+            --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+
+            /* === 滚动条 === */
+            --sb-size: 10px;
+            --sb-track: rgba(0, 0, 0, 0.06);
+            --sb-thumb: rgba(0, 0, 0, 0.22);
+            --sb-thumb-hover: rgba(0, 0, 0, 0.34)
+        }
+
+        /* === 暗黑主题 (Refined) === */
+        [data-theme="dark"] {
+            /* 背景：更深邃的层次，类似 Vercel/Modern Dark */
+            --bg: #0f0f11;
+            --bg2: #18181b;
+            --bg3: #0f0f11;
+
+            /* 文字：略微降低纯白刺眼感，提升阅读舒适度 */
+            --c: #ededed;
+            --c2: #a1a1aa;
+            --c3: #52525b;
+            --c4: #3f3f46;
+
+            /* 边框：大幅降低亮度，融入背景 */
+            --bd: #2e2e32;
+
+            /* 状态色：使用深色半透明背景 */
+            --ok: #4ade80;
+            --ok-bg: rgba(20, 83, 45, 0.4);
+            --ok-c: #bbf7d0;
+            --ok-bd: #14532d;
+
+            --err: #f87171;
+            --err-bg: rgba(69, 10, 10, 0.4);
+            --err-bd: #7f1d1d;
+
+            --due-bg: rgba(69, 10, 10, 0.6);
+            --due-bd: #7f1d1d;
+            --due-c: #fca5a5;
+
+            --warn: #fbbf24;
+
+            /* 阴影：加深阴影以适应暗色背景 */
+            --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.6);
+            --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.6), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
+            --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.8), 0 10px 10px -5px rgba(0, 0, 0, 0.6);
+
+            /* === 滚动条 === */
+            --sb-track: rgba(255, 255, 255, 0.08);
+            --sb-thumb: rgba(255, 255, 255, 0.22);
+            --sb-thumb-hover: rgba(255, 255, 255, 0.32)
+        }
+
+        /* === 通用滚动条（亮/暗主题） === */
+        html {
+            scrollbar-width: thin;
+            scrollbar-color: var(--sb-thumb) var(--sb-track)
+        }
+
+        *::-webkit-scrollbar {
+            width: var(--sb-size);
+            height: var(--sb-size)
+        }
+
+        *::-webkit-scrollbar-track {
+            background: var(--sb-track)
+        }
+
+        *::-webkit-scrollbar-thumb {
+            background-color: var(--sb-thumb);
+            border-radius: 999px;
+            border: 2px solid var(--sb-track)
+        }
+
+        *::-webkit-scrollbar-thumb:hover {
+            background-color: var(--sb-thumb-hover)
+        }
+
+        [data-theme="dark"] .side-glass {
+            background: rgba(24, 24, 27, 0.7);
+            backdrop-filter: blur(12px);
+            border-color: rgba(255, 255, 255, 0.08)
+        }
+
+        [data-theme="dark"] .banner-ov {
+            background: linear-gradient(transparent 40%, #0f0f11)
+        }
+
+        [data-theme="dark"] .loc-lk {
+            border-bottom-color: var(--c3)
+        }
+
+        [data-theme="dark"] .data-item.sel {
+            background: rgba(255, 255, 255, 0.03);
+            border-color: var(--c3);
+            box-shadow: none;
+        }
+
+        [data-theme="dark"] .data-item:hover {
+            border-color: var(--c3);
+            background: var(--bg3);
+        }
+
+        html,
+        body {
+            width: 100%;
+            height: 100%;
+            overflow: hidden;
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background: var(--bg);
+            color: var(--c);
+            transition: background .3s, color .3s
+        }
+
+        .fc,
+        .fcc {
+            display: flex;
+            align-items: center
+        }
+
+        .fcc {
+            justify-content: center
+        }
+
+        .g4 {
+            gap: 4px
+        }
+
+        .g6 {
+            gap: 6px
+        }
+
+        .g10 {
+            gap: 10px
+        }
+
+        .g20 {
+            gap: 20px
+        }
+
+        .p12 {
+            padding: 12px
+        }
+
+        .r6 {
+            border-radius: var(--r6)
+        }
+
+        .bd {
+            border: 1px solid var(--bd)
+        }
+
+        .bg3 {
+            background: var(--bg3)
+        }
+
+        .fs12 {
+            font-size: 12px
+        }
+
+        .fw6 {
+            font-weight: 600
+        }
+
+        .c2 {
+            color: var(--c2)
+        }
+
+        .usn {
+            user-select: none
+        }
+
+        .f1 {
+            flex: 1
+        }
+
+        .jsb {
+            justify-content: space-between
+        }
+
+        .mt6 {
+            margin-top: 6px
+        }
+
+        .mt8 {
+            margin-top: 8px
+        }
+
+        .mt10 {
+            margin-top: 10px
+        }
+
+        .mt12 {
+            margin-top: 12px
+        }
+
+        .mt16 {
+            margin-top: 16px
+        }
+
+        .mb4 {
+            margin-bottom: 4px
+        }
+
+        .mb8 {
+            margin-bottom: 8px
+        }
+
+        .mb10 {
+            margin-bottom: 10px
+        }
+
+        .mb12 {
+            margin-bottom: 12px
+        }
+
+        .lh15 {
+            line-height: 1.5
+        }
+
+        .lh165 {
+            line-height: 1.65
+        }
+
+        .w100 {
+            width: 100px
+        }
+
+        .w140 {
+            width: 140px
+        }
+
+        .btn {
+            padding: 8px 16px;
+            background: var(--bg2);
+            font-size: 13px;
+            font-weight: 500;
+            cursor: pointer;
+            border: 1px solid var(--bd);
+            border-radius: var(--r4);
+            color: var(--c);
+            transition: all .2s;
+            box-shadow: var(--shadow-sm);
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            gap: 6px
+        }
+
+        .btn:hover {
+            background: var(--bg);
+            border-color: var(--c3);
+            box-shadow: var(--shadow);
+            transform: translateY(-1px)
+        }
+
+        .btn:active {
+            transform: translateY(0)
+        }
+
+        .btn:disabled {
+            opacity: .5;
+            cursor: not-allowed;
+            box-shadow: none;
+            transform: none
+        }
+
+        .btn-p {
+            background: var(--c);
+            color: var(--bg2);
+            border-color: var(--c)
+        }
+
+        .btn-p:hover {
+            background: var(--c2);
+            color: var(--bg2);
+            border-color: var(--c2)
+        }
+
+        .btn-due {
+            background: var(--due-bg) !important;
+            border-color: var(--due-bd) !important;
+            color: var(--due-c) !important
+        }
+
+        .btn-s {
+            padding: 6px 12px;
+            font-size: 12px
+        }
+
+        .btn-c,
+        .btn-add {
+            padding: 0;
+            border-radius: 50%;
+            flex-shrink: 0
+        }
+
+        .btn-c {
+            width: 32px;
+            height: 32px;
+            background: var(--bg3);
+            border-color: var(--bd);
+            color: var(--c2)
+        }
+
+        .btn-c:hover {
+            background: var(--bd);
+            color: var(--c)
+        }
+
+        .btn-add {
+            width: 36px;
+            height: 36px;
+            background: var(--bg2);
+            color: var(--c);
+            box-shadow: var(--shadow-sm)
+        }
+
+        .fold {
+            background: var(--bg2);
+            border: 1px solid var(--bd);
+            border-radius: var(--r6);
+            margin-bottom: 8px;
+            overflow: hidden;
+            box-shadow: var(--shadow-sm);
+            transition: box-shadow .2s
+        }
+
+        .fold:hover {
+            box-shadow: var(--shadow)
+        }
+
+        .fold-h {
+            padding: 12px 16px;
+            cursor: pointer;
+            display: flex;
+            justify-content: space-between;
+            align-items: center
+        }
+
+        .fold-a {
+            color: var(--c3);
+            font-size: 10px;
+            transition: transform .15s
+        }
+
+        .fold.exp .fold-a {
+            transform: rotate(180deg)
+        }
+
+        .fold-b {
+            max-height: 0;
+            overflow: hidden;
+            transition: max-height .2s cubic-bezier(0, 1, 0, 1)
+        }
+
+        .fold.exp .fold-b {
+            max-height: 500px;
+            transition: max-height .3s ease-in-out
+        }
+
+        .side-nav-wrap {
+            position: fixed;
+            left: 12px;
+            top: 50%;
+            transform: translateY(-50%);
+            z-index: 500;
+            display: flex;
+            flex-direction: column;
+            gap: 8px
+        }
+
+        .side-glass {
+            background: rgba(255, 255, 255, .8);
+            backdrop-filter: blur(10px);
+            border: 1px solid rgba(255, 255, 255, 0.5);
+            box-shadow: var(--shadow);
+            transition: background .3s, border-color .3s
+        }
+
+        .side-nav,
+        .side-menu {
+            display: flex;
+            flex-direction: column;
+            border-radius: 24px
+        }
+
+        .side-nav {
+            gap: 6px;
+            padding: 8px 6px
+        }
+
+        .side-menu {
+            position: relative;
+            padding: 6px 6px;
+            align-items: center
+        }
+
+        .side-menu-btn,
+        .nav-i {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+            color: var(--c3);
+            transition: all .2s
+        }
+
+        .side-menu-btn {
+            width: 32px;
+            height: 32px;
+            font-size: 12px;
+            border-radius: 10px
+        }
+
+        .nav-i {
+            width: 36px;
+            height: 36px;
+            border-radius: 50%
+        }
+
+        .nav-i i {
+            font-size: 14px
+        }
+
+        .side-menu-btn:hover,
+        .nav-i:hover {
+            background: var(--bg3);
+            color: var(--c)
+        }
+
+        .side-menu-btn.act,
+        .nav-i.act {
+            background: var(--c);
+            color: var(--bg2);
+            box-shadow: var(--shadow-sm)
+        }
+
+        .side-menu-panel {
+            position: absolute;
+            left: 100%;
+            top: 50%;
+            transform: translateY(-50%);
+            margin-left: 12px;
+            display: none;
+            flex-direction: column;
+            gap: 6px;
+            padding: 8px;
+            background: var(--bg2);
+            border-radius: var(--r6);
+            border: 1px solid var(--bd);
+            white-space: nowrap;
+            z-index: 600;
+            box-shadow: var(--shadow)
+        }
+
+        .side-menu-panel.show {
+            display: flex
+        }
+
+        .side-menu-panel .btn {
+            font-size: 11px;
+            padding: 6px 12px;
+            width: 100%;
+            justify-content: flex-start
+        }
+
+        .toolbar {
+            height: 52px;
+            background: var(--bg2);
+            border-bottom: 1px solid var(--bd);
+            padding: 0 16px 0 64px;
+            position: relative;
+            z-index: 200;
+            box-shadow: var(--shadow-sm);
+            transition: background .3s, border-color .3s
+        }
+
+        .toolbar-t {
+            font-size: 16px;
+            font-weight: 700;
+            margin-right: auto;
+            letter-spacing: -0.5px;
+            color: var(--c)
+        }
+
+        .toolbar-t span {
+            font-weight: 400;
+            color: var(--c3);
+            margin-left: 8px;
+            font-size: 12px;
+            letter-spacing: 0
+        }
+
+        .main-wrap {
+            width: 100%;
+            height: calc(100% - 52px);
+            position: relative
+        }
+
+        .page {
+            position: absolute;
+            inset: 0;
+            background: var(--bg);
+            display: none;
+            overflow: hidden;
+            transition: background .3s
+        }
+
+        .page.act {
+            display: block
+        }
+
+        .page-pad {
+            padding: 24px 24px 24px 72px;
+            overflow-y: auto;
+            height: 100%
+        }
+
+        .banner {
+            width: 100%;
+            height: 180px;
+            border-radius: var(--r8);
+            overflow: hidden;
+            margin-bottom: 24px;
+            position: relative;
+            background: var(--bg3);
+            box-shadow: var(--shadow-sm)
+        }
+
+        .banner img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover
+        }
+
+        .banner-ov {
+            position: absolute;
+            inset: 0;
+            background: linear-gradient(transparent 40%, rgba(0, 0, 0, .6));
+            display: flex;
+            align-items: flex-end;
+            padding: 20px
+        }
+
+        .banner-ov div {
+            color: var(--bg2);
+            font-size: 14px;
+            font-weight: 500;
+            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)
+        }
+
+        .sec-t {
+            font-size: 13px;
+            color: var(--c3);
+            margin-bottom: 12px;
+            font-weight: 600;
+            letter-spacing: 0.5px;
+            text-transform: uppercase
+        }
+
+        .sec-hd {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            margin-bottom: 12px
+        }
+
+        .sec-hd .sec-t {
+            margin-bottom: 0
+        }
+
+        .news-sec {
+            margin-bottom: 32px
+        }
+
+        .news-t {
+            font-size: 14px;
+            font-weight: 600;
+            color: var(--c)
+        }
+
+        .news-time {
+            font-size: 11px;
+            color: var(--c3)
+        }
+
+        .fold.exp .news-b {
+            padding: 0 16px 16px
+        }
+
+        .news-b p {
+            font-size: 13px;
+            color: var(--c2);
+            line-height: 1.7
+        }
+
+        .user-guide {
+            padding: 20px;
+            background: var(--bg2);
+            border-radius: var(--r6);
+            border: 1px solid var(--bd);
+            margin-bottom: 24px;
+            box-shadow: var(--shadow-sm)
+        }
+
+        .user-guide-state {
+            font-size: 14px;
+            font-weight: 500;
+            margin-bottom: 12px;
+            color: var(--c)
+        }
+
+        .user-guide-actions {
+            display: flex;
+            flex-direction: column;
+            gap: 8px
+        }
+
+        .user-guide-action {
+            padding: 10px 14px;
+            background: var(--bg);
+            border: 1px solid var(--bd);
+            border-radius: var(--r4);
+            font-size: 13px;
+            color: var(--c2);
+            cursor: pointer;
+            transition: all .2s
+        }
+
+        .user-guide-action:hover {
+            background: var(--bg2);
+            border-color: var(--c3)
+        }
+
+        #mapWrap {
+            width: 100%;
+            height: 100%;
+            background: var(--bg);
+            cursor: grab;
+            overflow: hidden;
+            position: relative;
+            touch-action: none
+        }
+
+        #inner,
+        #lines {
+            position: absolute;
+            width: 4000px;
+            height: 4000px;
+            transform-origin: 0 0
+        }
+
+        #lines {
+            pointer-events: none
+        }
+
+        .item {
+            position: absolute;
+            padding: 8px 16px;
+            background: var(--bg2);
+            border: 1px solid var(--bd);
+            border-radius: 20px;
+            font-size: 12px;
+            font-weight: 600;
+            white-space: nowrap;
+            cursor: pointer;
+            user-select: none;
+            box-shadow: var(--shadow-sm);
+            color: var(--c);
+            transition: transform .1s, border-color .1s, background .3s
+        }
+
+        .item.node-main {
+            background: var(--c);
+            color: var(--bg2);
+            border-color: var(--c);
+            z-index: 10
+        }
+
+        .item.node-home {
+            background: var(--bg2);
+            color: var(--c);
+            border: 2px solid var(--c);
+            z-index: 11
+        }
+
+        .item.node-sub {
+            background: var(--bg2)
+        }
+
+        .item:hover {
+            transform: scale(1.05);
+            z-index: 20
+        }
+
+        .item.hl {
+            border-color: var(--c);
+            box-shadow: 0 0 0 3px rgba(68, 64, 60, 0.2);
+            z-index: 20
+        }
+
+        .map-act {
+            position: absolute;
+            top: 16px;
+            right: 16px;
+            z-index: 100
+        }
+
+        #btn-goto {
+            display: none;
+            background: var(--c);
+            color: var(--bg2);
+            border: none;
+            box-shadow: var(--shadow)
+        }
+
+        #btn-goto.show {
+            display: flex
+        }
+
+        .map-lbl {
+            position: absolute;
+            top: 16px;
+            left: 72px;
+            z-index: 100;
+            background: var(--bg2);
+            border: 1px solid var(--bd);
+            border-radius: 20px;
+            padding: 8px 16px;
+            font-size: 12px;
+            color: var(--c);
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            box-shadow: var(--shadow-sm)
+        }
+
+        .map-lbl i:first-child {
+            margin-right: 8px;
+            color: var(--c3)
+        }
+
+        .map-lbl .fa-chevron-down {
+            margin-left: 8px;
+            font-size: 9px;
+            color: var(--c3)
+        }
+
+        .map-lbl-sel {
+            position: absolute;
+            opacity: 0;
+            cursor: pointer;
+            inset: 0;
+            border: none;
+            background: transparent;
+            -webkit-appearance: none;
+            appearance: none
+        }
+
+        .panel {
+            position: fixed;
+            background: var(--bg2);
+            padding: 12px 16px;
+            border-radius: var(--r6);
+            font-size: 12px;
+            color: var(--c2);
+            border: 1px solid var(--bd);
+            box-shadow: var(--shadow);
+            transition: background .3s, border-color .3s
+        }
+
+        #zoom-ind {
+            bottom: 20px;
+            right: 20px;
+            font-family: monospace
+        }
+
+        #tip {
+            bottom: 20px;
+            left: 72px;
+            max-width: 280px;
+            line-height: 1.6;
+            max-height: 220px;
+            overflow-y: auto;
+            display: none
+        }
+
+        #tip .desc {
+            display: none
+        }
+
+        #tip .info-w {
+            display: block
+        }
+
+        #tip.show {
+            display: block
+        }
+
+        .loc-lk {
+            color: var(--c);
+            font-weight: 600;
+            cursor: pointer;
+            border-bottom: 1px dashed var(--c3);
+            transition: color .2s
+        }
+
+        .loc-lk:hover {
+            color: var(--c2);
+            border-bottom-style: solid
+        }
+
+        .local-map-title {
+            font-size: 15px;
+            font-weight: 700;
+            color: var(--c);
+            margin-bottom: 12px;
+            padding-bottom: 10px;
+            border-bottom: 1px solid var(--bd)
+        }
+
+        .info-h {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 8px
+        }
+
+        .info-t {
+            font-weight: 700;
+            color: var(--c);
+            font-size: 14px
+        }
+
+        .info-bk {
+            font-size: 11px;
+            color: var(--c3);
+            cursor: pointer;
+            padding: 4px 8px;
+            border-radius: 4px;
+            background: var(--bg3)
+        }
+
+        .info-c {
+            color: var(--c2);
+            font-size: 13px;
+            line-height: 1.6
+        }
+
+        .comm-hd {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            margin-bottom: 20px
+        }
+
+        .comm-tabs {
+            display: flex;
+            gap: 4px;
+            background: var(--bg3);
+            padding: 4px;
+            border-radius: var(--r6)
+        }
+
+        .comm-tab {
+            padding: 8px 20px;
+            text-align: center;
+            border-radius: var(--r4);
+            cursor: pointer;
+            font-size: 12px;
+            font-weight: 600;
+            color: var(--c3);
+            transition: all .2s;
+            border: none
+        }
+
+        .comm-tab:first-child {
+            border-radius: var(--r4)
+        }
+
+        .comm-tab:last-child {
+            border-radius: var(--r4);
+            border-left: none
+        }
+
+        .comm-tab.act {
+            background: var(--bg2);
+            color: var(--c);
+            box-shadow: var(--shadow-sm)
+        }
+
+        .comm-sec {
+            display: none
+        }
+
+        .comm-sec.act {
+            display: block
+        }
+
+        .ct-hd {
+            gap: 12px
+        }
+
+        .ct-av,
+        .chat-av {
+            width: 40px;
+            height: 40px;
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            color: var(--bg2);
+            font-weight: 600;
+            font-size: 14px;
+            flex-shrink: 0;
+            box-shadow: var(--shadow-sm)
+        }
+
+        .ct-info {
+            flex: 1;
+            min-width: 0
+        }
+
+        .ct-name {
+            font-size: 14px;
+            font-weight: 600;
+            color: var(--c)
+        }
+
+        .ct-st {
+            font-size: 12px;
+            color: var(--c3);
+            margin-top: 2px
+        }
+
+        .ct-det {
+            padding: 0 16px 16px
+        }
+
+        .ct-info-text {
+            font-size: 13px;
+            color: var(--c2);
+            line-height: 1.7;
+            margin: 0 0 16px;
+            background: var(--bg);
+            padding: 10px;
+            border-radius: var(--r4)
+        }
+
+        .ct-acts {
+            display: flex;
+            gap: 10px
+        }
+
+        .ct-acts .btn {
+            flex: 1;
+            justify-content: center;
+            font-size: 12px;
+            height: 32px
+        }
+
+        .empty {
+            text-align: center;
+            padding: 60px 20px;
+            color: var(--c3);
+            font-size: 13px;
+            background: var(--bg3);
+            border-radius: var(--r6);
+            border: 1px dashed var(--bd)
+        }
+
+        .modal {
+            position: fixed;
+            inset: 0;
+            z-index: 10000;
+            display: none;
+            justify-content: center;
+            align-items: center;
+            backdrop-filter: blur(2px);
+            transition: all .3s
+        }
+
+        .modal.act {
+            display: flex
+        }
+
+        .modal-bd {
+            position: absolute;
+            inset: 0;
+            background: rgba(0, 0, 0, .15)
+        }
+
+        .modal-p {
+            position: relative;
+            width: 90%;
+            max-width: 700px;
+            max-height: 85vh;
+            background: var(--bg2);
+            border: 1px solid var(--bd);
+            border-radius: var(--r8);
+            overflow: hidden;
+            display: flex;
+            flex-direction: column;
+            box-shadow: var(--shadow-lg);
+            transition: background .3s, border-color .3s
+        }
+
+        .modal-p.sm {
+            max-width: 400px
+        }
+
+        .modal-p.lg {
+            max-width: 800px
+        }
+
+        .modal-hd,
+        .modal-ft {
+            padding: 16px 20px;
+            background: var(--bg2);
+            transition: background .3s
+        }
+
+        .modal-hd {
+            justify-content: space-between;
+            border-bottom: 1px solid var(--bd);
+            display: flex;
+            align-items: center
+        }
+
+        .modal-hd h2 {
+            font-size: 16px;
+            font-weight: 700;
+            color: var(--c)
+        }
+
+        .modal-ft {
+            justify-content: flex-end;
+            gap: 12px;
+            border-top: 1px solid var(--bd);
+            background: var(--bg)
+        }
+
+        .modal-x {
+            width: 32px;
+            height: 32px;
+            background: transparent;
+            cursor: pointer;
+            border: none;
+            border-radius: 50%;
+            color: var(--c3);
+            font-size: 16px
+        }
+
+        .modal-x:hover {
+            background: var(--bg3);
+            color: var(--c)
+        }
+
+        .modal-by {
+            flex: 1;
+            overflow-y: auto;
+            padding: 24px
+        }
+
+        .form-g {
+            margin-bottom: 20px
+        }
+
+        .form-l {
+            display: block;
+            font-size: 12px;
+            font-weight: 600;
+            margin-bottom: 8px;
+            color: var(--c2);
+            text-transform: uppercase;
+            letter-spacing: 0.5px
+        }
+
+        .form-in {
+            width: 100%;
+            padding: 10px 14px;
+            border: 1px solid var(--bd);
+            border-radius: var(--r4);
+            font-size: 14px;
+            outline: none;
+            background: var(--bg);
+            color: var(--c);
+            transition: all .2s;
+            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03)
+        }
+
+        .form-in:focus {
+            background: var(--bg2);
+            border-color: var(--c3);
+            box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05)
+        }
+
+        .form-ta {
+            min-height: 100px;
+            resize: vertical;
+            font-family: inherit;
+            line-height: 1.6
+        }
+
+        .goto-d {
+            font-size: 14px;
+            color: var(--c);
+            font-weight: 500;
+            padding: 12px 16px;
+            background: var(--bg3);
+            border-radius: var(--r4);
+            margin-bottom: 16px;
+            border: 1px solid var(--bd)
+        }
+
+        .ed-ta {
+            width: 100%;
+            min-height: 120px;
+            padding: 16px;
+            background: var(--bg);
+            border: 1px solid var(--bd);
+            border-radius: var(--r4);
+            font-family: "SF Mono", Monaco, Consolas, monospace;
+            font-size: 12px;
+            line-height: 1.6;
+            color: var(--c);
+            resize: vertical;
+            outline: 0;
+            overflow: auto
+        }
+
+        .ed-ta:focus {
+            background: var(--bg2);
+            border-color: var(--c3)
+        }
+
+        .ed-preview {
+            margin-top: 12px;
+            padding: 16px;
+            background: var(--bg3);
+            border: 1px solid var(--bd);
+            border-radius: var(--r4);
+            font-size: 11px;
+            font-family: "SF Mono", Monaco, Consolas, monospace;
+            white-space: pre-wrap;
+            display: none;
+            color: var(--c2)
+        }
+
+        .ed-err {
+            padding: 12px;
+            background: var(--err-bg);
+            border: 1px solid var(--err-bd);
+            border-radius: var(--r4);
+            color: var(--err);
+            font-size: 13px;
+            margin-top: 12px;
+            display: none
+        }
+
+        .ed-err.vis {
+            display: block
+        }
+
+        .chat {
+            position: fixed;
+            top: 0;
+            right: -420px;
+            width: 380px;
+            height: 100%;
+            background: var(--bg2);
+            border-left: 1px solid var(--bd);
+            z-index: 600;
+            display: flex;
+            flex-direction: column;
+            box-shadow: var(--shadow-lg);
+            transition: right .3s cubic-bezier(0.16, 1, 0.3, 1), background .3s, border-color .3s
+        }
+
+        .chat.act {
+            right: 0
+        }
+
+        .chat-hd {
+            padding: 16px 20px;
+            border-bottom: 1px solid var(--bd);
+            display: flex;
+            align-items: center;
+            gap: 14px;
+            flex-shrink: 0
+        }
+
+        .chat-t {
+            flex: 1;
+            min-width: 0
+        }
+
+        .chat-nm {
+            font-size: 15px;
+            font-weight: 700;
+            color: var(--c)
+        }
+
+        .chat-st {
+            font-size: 12px;
+            color: var(--c3);
+            margin-top: 2px
+        }
+
+        .chat-hd-acts {
+            display: flex;
+            align-items: center;
+            gap: 6px
+        }
+
+        .chat-compress,
+        .chat-clr,
+        .chat-x {
+            width: 36px;
+            height: 36px;
+            border: none;
+            background: transparent;
+            cursor: pointer;
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            color: var(--c3);
+            transition: background .2s
+        }
+
+        .chat-compress:hover,
+        .chat-clr:hover,
+        .chat-x:hover {
+            background: var(--bg3);
+            color: var(--c)
+        }
+
+        .chat-compress:disabled {
+            opacity: .4;
+            cursor: not-allowed
+        }
+
+        .chat-divider {
+            width: 100%;
+            text-align: center;
+            padding: 12px 0;
+            color: var(--c3);
+            font-size: 11px;
+            position: relative
+        }
+
+        .chat-divider:before,
+        .chat-divider:after {
+            content: "";
+            position: absolute;
+            top: 50%;
+            width: 30%;
+            height: 1px;
+            background: var(--bd)
+        }
+
+        .chat-divider:before {
+            left: 0
+        }
+
+        .chat-divider:after {
+            right: 0
+        }
+
+        .chat-msgs {
+            flex: 1;
+            overflow-y: auto;
+            padding: 20px;
+            display: flex;
+            flex-direction: column;
+            gap: 16px;
+            background: var(--bg)
+        }
+
+        .chat-msg {
+            max-width: 85%;
+            padding: 12px 16px;
+            border-radius: 18px;
+            font-size: 14px;
+            line-height: 1.6;
+            white-space: pre-wrap;
+            box-shadow: var(--shadow-sm)
+        }
+
+        .chat-msg.sent {
+            align-self: flex-end;
+            background: var(--c);
+            color: var(--bg2);
+            border-bottom-right-radius: 4px
+        }
+
+        .chat-msg.recv {
+            align-self: flex-start;
+            background: var(--bg2);
+            border-bottom-left-radius: 4px;
+            border: 1px solid var(--bd);
+            color: var(--c)
+        }
+
+        .chat-msg.typing {
+            font-style: italic;
+            opacity: .7;
+            background: transparent;
+            box-shadow: none;
+            border: none;
+            padding: 0
+        }
+
+        .chat-in-w {
+            padding: 16px;
+            border-top: 1px solid var(--bd);
+            display: flex;
+            gap: 12px;
+            flex-shrink: 0;
+            background: var(--bg2)
+        }
+
+        .chat-in {
+            flex: 1;
+            padding: 12px 16px;
+            border: 1px solid var(--bd);
+            border-radius: 24px;
+            font-size: 14px;
+            outline: none;
+            background: var(--bg);
+            transition: all .2s
+        }
+
+        .chat-in:focus {
+            border-color: var(--c);
+            background: var(--bg2);
+            box-shadow: var(--shadow-sm)
+        }
+
+        .chat-in:disabled,
+        .chat-send:disabled {
+            opacity: .5;
+            cursor: not-allowed
+        }
+
+        .chat-send {
+            width: 40px;
+            height: 40px;
+            border: none;
+            background: var(--c);
+            color: var(--bg2);
+            border-radius: 50%;
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            box-shadow: var(--shadow-sm);
+            transition: transform .2s
+        }
+
+        .chat-send:hover {
+            transform: scale(1.05)
+        }
+
+        .chat-emp {
+            text-align: center;
+            color: var(--c3);
+            font-size: 13px;
+            padding: 60px 20px
+        }
+
+        .loc-list {
+            max-height: 300px;
+            overflow-y: auto
+        }
+
+        .loc-i {
+            padding: 14px 16px;
+            border: 1px solid var(--bd);
+            border-radius: var(--r6);
+            margin-bottom: 10px;
+            cursor: pointer;
+            background: var(--bg2);
+            transition: all .2s
+        }
+
+        .loc-i:hover {
+            border-color: var(--c3);
+            transform: translateY(-1px)
+        }
+
+        .loc-i.sel {
+            border-color: var(--c);
+            background: var(--c);
+            color: var(--bg2);
+            box-shadow: var(--shadow)
+        }
+
+        .loc-i.sel .loc-i-info {
+            color: rgba(255, 255, 255, 0.8)
+        }
+
+        .loc-i-nm {
+            font-size: 14px;
+            font-weight: 600
+        }
+
+        .loc-i-info {
+            font-size: 12px;
+            opacity: .7;
+            margin-top: 4px
+        }
+
+        .mob-pop {
+            position: fixed;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            background: var(--bg2);
+            border-top: 1px solid var(--bd);
+            border-radius: 20px 20px 0 0;
+            z-index: 101;
+            display: none;
+            flex-direction: column;
+            box-shadow: var(--shadow-lg)
+        }
+
+        .mob-pop.act {
+            display: flex
+        }
+
+        .pop-hd {
+            padding: 12px;
+            cursor: grab;
+            touch-action: none;
+            flex-shrink: 0
+        }
+
+        .pop-handle {
+            width: 40px;
+            height: 5px;
+            background: var(--bd);
+            border-radius: 3px;
+            margin: 0 auto
+        }
+
+        .pop-ct {
+            flex: 1;
+            overflow-y: auto;
+            padding: 0 24px 24px;
+            -webkit-overflow-scrolling: touch
+        }
+
+        .pop-desc {
+            display: none
+        }
+
+        .pop-info {
+            display: block
+        }
+
+        .pop-info-h {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 12px
+        }
+
+        .pop-info-t {
+            font-weight: 700;
+            font-size: 16px;
+            color: var(--c)
+        }
+
+        .pop-info-bk {
+            font-size: 12px;
+            color: var(--c3);
+            cursor: pointer;
+            padding: 6px 12px;
+            border-radius: var(--r4);
+            background: var(--bg3)
+        }
+
+        .pop-h-ind {
+            position: absolute;
+            top: 50%;
+            right: 8px;
+            transform: translateY(-50%);
+            display: flex;
+            flex-direction: column;
+            gap: 4px;
+            opacity: 0
+        }
+
+        .mob-pop.drag .pop-h-ind {
+            opacity: 1
+        }
+
+        .pop-h-ind span {
+            width: 4px;
+            height: 10px;
+            background: var(--bd);
+            border-radius: 2px
+        }
+
+        .pop-h-ind span.act {
+            background: var(--c)
+        }
+
+        .side-pop {
+            position: fixed;
+            top: 44px;
+            right: 0;
+            bottom: 0;
+            background: var(--bg2);
+            border-left: 1px solid var(--bd);
+            z-index: 90;
+            display: none;
+            width: 12px;
+            transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), background .3s, border-color .3s;
+            overflow: hidden
+        }
+
+        .side-pop.show {
+            display: flex
+        }
+
+        .side-pop.act {
+            width: 260px;
+            box-shadow: var(--shadow-lg)
+        }
+
+        .side-pop-handle {
+            width: 12px;
+            background: var(--bg3);
+            cursor: pointer;
+            flex-shrink: 0;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            touch-action: none;
+            border-right: 1px solid var(--bd);
+            transition: background 0.2s
+        }
+
+        .side-pop-handle:hover {
+            background: var(--bd)
+        }
+
+        .side-pop-bar {
+            width: 3px;
+            height: 36px;
+            background: var(--bd);
+            border-radius: 2px
+        }
+
+        .side-pop-ct {
+            flex: 1;
+            overflow-y: auto;
+            overflow-x: hidden;
+            padding: 16px;
+            margin-bottom: 30vh;
+            min-width: 0
+        }
+
+        .side-pop-hd {
+            font-size: 11px;
+            color: var(--c3);
+            margin-bottom: 10px
+        }
+
+        .side-pop-desc {
+            font-size: 13px;
+            color: var(--c2);
+            line-height: 1.7;
+            margin-top: 2em
+        }
+
+        .set-row {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            margin-bottom: 10px
+        }
+
+        .set-row .form-in {
+            flex: 1
+        }
+
+        .set-row .btn {
+            flex-shrink: 0
+        }
+
+        .set-hint {
+            font-size: 11px;
+            color: var(--c3);
+            margin-top: 4px
+        }
+
+        .set-test {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            margin-top: 8px
+        }
+
+        .set-test-res {
+            font-size: 12px;
+            padding: 6px 10px;
+            border-radius: var(--r4);
+            display: none
+        }
+
+        .set-test-res.ok {
+            display: block;
+            background: var(--ok-bg);
+            color: var(--ok-c);
+            border: 1px solid var(--ok-bd)
+        }
+
+        .set-test-res.err {
+            display: block;
+            background: var(--err-bg);
+            color: var(--err);
+            border: 1px solid var(--err-bd)
+        }
+
+        .warn {
+            color: var(--warn)
+        }
+
+        .settings-body {
+            height: 480px;
+            overflow-y: auto;
+            background: var(--bg2);
+            padding: 24px
+        }
+
+        .settings-nav {
+            display: flex;
+            align-items: center;
+            gap: 4px;
+            background: var(--bg3);
+            padding: 4px;
+            border-radius: var(--r6);
+            height: 40px
+        }
+
+        .set-nav-item {
+            padding: 0 16px;
+            height: 32px;
+            background: transparent;
+            border: none;
+            border-radius: var(--r4);
+            cursor: pointer;
+            font-size: 13px;
+            font-weight: 500;
+            color: var(--c3);
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            transition: all .2s;
+            white-space: nowrap
+        }
+
+        .set-nav-item:hover {
+            color: var(--c2)
+        }
+
+        .set-nav-item.act {
+            background: var(--bg2);
+            color: var(--c);
+            box-shadow: var(--shadow-sm);
+            font-weight: 600
+        }
+
+        .set-tab-page {
+            display: none;
+            animation: fadeIn .3s
+        }
+
+        .set-tab-page.act {
+            display: block
+        }
+
+        .set-group {
+            background: var(--bg2);
+            border: 1px solid var(--bd);
+            border-radius: var(--r6);
+            padding: 20px;
+            margin-bottom: 20px;
+            box-shadow: var(--shadow-sm)
+        }
+
+        .set-group-t {
+            font-size: 14px;
+            font-weight: 700;
+            color: var(--c);
+            margin-bottom: 16px;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            padding-bottom: 10px;
+            border-bottom: 1px dashed var(--bd)
+        }
+
+        .tips-box {
+            background: var(--bg3);
+            padding: 10px 12px;
+            border-radius: var(--r4);
+            font-size: 12px;
+            color: var(--c2);
+            line-height: 1.5;
+            margin-top: 8px
+        }
+
+        .btn.w100 {
+            width: 100%
+        }
+
+        #data-list {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+            gap: 12px
+        }
+
+        .data-item {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            padding: 10px 12px;
+            background: var(--bg);
+            border: 1px solid var(--bd);
+            border-radius: var(--r6);
+            cursor: pointer;
+            transition: all .2s;
+            position: relative;
+            min-height: 60px
+        }
+
+        .data-item:hover {
+            border-color: var(--c3);
+            transform: translateY(-1px);
+            box-shadow: var(--shadow-sm)
+        }
+
+        .data-item.sel {
+            background: var(--bg2);
+            border-color: var(--c);
+            box-shadow: 0 0 0 1px var(--c) inset
+        }
+
+        .data-ck {
+            width: 20px;
+            height: 20px;
+            border: 1px solid var(--bd);
+            background: var(--bg3);
+            border-radius: 4px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            color: transparent;
+            font-size: 10px;
+            flex-shrink: 0
+        }
+
+        .data-item.sel .data-ck {
+            background: var(--c);
+            border-color: var(--c);
+            color: var(--bg2)
+        }
+
+        .data-info {
+            flex: 1;
+            min-width: 0
+        }
+
+        .data-nm {
+            font-size: 13px;
+            font-weight: 600;
+            color: var(--c);
+            margin-bottom: 2px
+        }
+
+        .data-desc {
+            font-size: 11px;
+            color: var(--c3);
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis
+        }
+
+        .data-edit {
+            width: 28px;
+            height: 28px;
+            border-radius: 4px;
+            border: 1px solid transparent;
+            background: transparent;
+            color: var(--c3);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 12px;
+            transition: all .2s;
+            cursor: pointer
+        }
+
+        .data-edit:hover {
+            background: var(--bg3);
+            color: var(--c);
+            border-color: var(--bd)
+        }
+
+        @keyframes fadeIn {
+            from {
+                opacity: 0;
+                transform: translateY(4px)
+            }
+
+            to {
+                opacity: 1;
+                transform: translateY(0)
+            }
+        }
+
+        @media (max-width:600px) {
+            .modal-p.lg {
+                width: 100%;
+                height: 100%;
+                max-height: 100%;
+                border-radius: 0
+            }
+
+            .settings-body {
+                height: auto;
+                flex: 1;
+                padding: 16px
+            }
+
+            .modal-hd {
+                padding: 10px 16px;
+                display: flex;
+                justify-content: flex-end
+            }
+
+            .modal-hd h2 {
+                display: none
+            }
+
+            .modal-hd .settings-nav {
+                flex: 0 0 auto;
+                margin-left: auto;
+                margin-right: 8px
+            }
+
+            .set-nav-item {
+                padding: 0 10px;
+                font-size: 12px
+            }
+
+            .set-nav-item i {
+                display: none
+            }
+
+            #data-list {
+                grid-template-columns: 1fr
+            }
+
+            .set-row {
+                flex-wrap: wrap
+            }
+
+            .mt-mob-8 {
+                margin-top: 8px
+            }
+        }
+
+        .data-item {
+            display: flex;
+            align-items: flex-start;
+            gap: 10px;
+            padding: 12px;
+            background: var(--bg);
+            border: 1px solid var(--bd);
+            border-radius: var(--r6);
+            margin-bottom: 8px;
+            cursor: pointer
+        }
+
+        .data-item.sel {
+            border-color: var(--c);
+            background: rgba(34, 34, 34, .05)
+        }
+
+        .data-ck {
+            width: 18px;
+            height: 18px;
+            border: 2px solid var(--bd);
+            border-radius: var(--r4);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-shrink: 0;
+            margin-top: 2px
+        }
+
+        .data-item.sel .data-ck {
+            background: var(--c);
+            border-color: var(--c);
+            color: var(--bg2)
+        }
+
+        .data-ck i {
+            font-size: 10px;
+            opacity: 0
+        }
+
+        .data-item.sel .data-ck i {
+            opacity: 1
+        }
+
+        .data-info {
+            flex: 1;
+            min-width: 0
+        }
+
+        .data-nm {
+            font-size: 13px;
+            font-weight: 500;
+            margin-bottom: 4px
+        }
+
+        .data-desc {
+            font-size: 11px;
+            color: var(--c3);
+            line-height: 1.4
+        }
+
+        .data-edit {
+            width: 28px;
+            height: 28px;
+            border: 1px solid var(--bd);
+            border-radius: var(--r4);
+            background: var(--bg2);
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-shrink: 0;
+            color: var(--c3)
+        }
+
+        #set-model-list {
+            display: none;
+            margin-top: 8px
+        }
+
+        #world-gen-status,
+        #world-sim-status {
+            display: none;
+            color: var(--ok)
+        }
+
+        #adv-u1,
+        #adv-a1,
+        #adv-u2,
+        #adv-a2 {
+            height: 85px
+        }
+
+        #adv-json {
+            min-height: 140px
+        }
+
+        #data-edit-ta {
+            min-height: 300px
+        }
+
+        #res-msg {
+            margin-bottom: 10px;
+            line-height: 1.5
+        }
+
+        #res-record-box {
+            display: none
+        }
+
+        #res-action {
+            display: none
+        }
+
+        #res-record {
+            max-height: 200px;
+            overflow-y: auto;
+            background: var(--bg3);
+            padding: 8px;
+            border-radius: var(--r4);
+            font-size: 12px;
+            white-space: pre-wrap;
+            word-break: break-all
+        }
+
+        .adv-layout {
+            display: flex;
+            flex: 1;
+            overflow: hidden;
+            height: 100%
+        }
+
+        .adv-sidebar {
+            width: 260px;
+            background: var(--bg3);
+            border-right: 1px solid var(--bd);
+            padding: 20px;
+            overflow-y: auto;
+            display: flex;
+            flex-direction: column;
+            gap: 24px;
+            flex-shrink: 0
+        }
+
+        .adv-sidebar .form-g {
+            margin-bottom: 0
+        }
+
+        .adv-sidebar .set-hint {
+            font-size: 12px;
+            color: var(--c3);
+            line-height: 1.6
+        }
+
+        .adv-main {
+            flex: 1;
+            padding: 24px 32px;
+            overflow-y: auto;
+            background: var(--bg2);
+            display: flex;
+            flex-direction: column;
+            gap: 32px;
+            min-width: 0
+        }
+
+        .adv-var-group-title {
+            font-size: 12px;
+            font-weight: 700;
+            color: var(--c2);
+            text-transform: uppercase;
+            letter-spacing: 0.5px;
+            margin: 16px 0 8px 0;
+            padding-bottom: 4px;
+            border-bottom: 1px solid var(--bd)
+        }
+
+        .adv-var-item {
+            font-size: 12px;
+            color: var(--c2);
+            padding: 4px 0;
+            display: flex;
+            flex-direction: column;
+            gap: 2px
+        }
+
+        .adv-var-item code {
+            font-family: "SF Mono", Monaco, Consolas, monospace;
+            background: rgba(0, 0, 0, 0.06);
+            padding: 2px 5px;
+            border-radius: 4px;
+            color: var(--c);
+            font-size: 11px;
+            align-self: flex-start;
+            border: 1px solid rgba(0, 0, 0, 0.05)
+        }
+
+        .adv-var-desc {
+            color: var(--c3);
+            font-size: 11px;
+            line-height: 1.4;
+            padding-left: 2px
+        }
+
+        .adv-section {
+            background: var(--bg);
+            border: 1px solid var(--bd);
+            border-radius: var(--r6);
+            padding: 20px;
+            box-shadow: var(--shadow-sm)
+        }
+
+        .adv-h-title {
+            font-size: 14px;
+            font-weight: 700;
+            color: var(--c);
+            margin-bottom: 16px;
+            display: flex;
+            align-items: center;
+            gap: 8px
+        }
+
+        .adv-h-title::before {
+            content: '';
+            width: 4px;
+            height: 16px;
+            background: var(--c);
+            border-radius: 2px;
+            display: block
+        }
+
+        .uaua-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 16px
+        }
+
+        .ed-ta-adv {
+            font-family: "SF Mono", Monaco, Consolas, monospace;
+            font-size: 12px;
+            line-height: 1.5;
+            padding: 12px;
+            border: 1px solid var(--bd);
+            border-radius: var(--r4);
+            background: var(--bg2);
+            width: 100%;
+            resize: vertical;
+            min-height: 120px;
+            transition: border-color 0.2s;
+            outline: none;
+            color: var(--c)
+        }
+
+        .ed-ta-adv:focus {
+            border-color: var(--c);
+            box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05)
+        }
+
+        .adv-tag-list {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 6px;
+            margin-bottom: 12px
+        }
+
+        .adv-tag {
+            font-size: 10px;
+            padding: 4px 8px;
+            background: var(--bg2);
+            border: 1px solid var(--bd);
+            border-radius: 12px;
+            color: var(--c2);
+            cursor: pointer;
+            transition: all 0.2s;
+            user-select: none
+        }
+
+        .adv-tag:hover {
+            border-color: var(--c3);
+            color: var(--c);
+            background: var(--bg2)
+        }
+
+        /* === 主题切换按钮 === */
+        .theme-toggle {
+            width: 36px;
+            height: 36px;
+            border-radius: 50%;
+            border: 1px solid var(--bd);
+            background: var(--bg2);
+            color: var(--c3);
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            transition: all .2s;
+            font-size: 14px
+        }
+
+        .theme-toggle:hover {
+            background: var(--bg3);
+            color: var(--c);
+            border-color: var(--c3)
+        }
+
+        .theme-toggle i {
+            transition: transform .3s
+        }
+
+        [data-theme="dark"] .theme-toggle i.fa-moon {
+            display: none
+        }
+
+        [data-theme="dark"] .theme-toggle i.fa-sun {
+            display: inline
+        }
+
+        :root .theme-toggle i.fa-sun {
+            display: none
+        }
+
+        :root .theme-toggle i.fa-moon {
+            display: inline
+        }
+
+        [data-theme="dark"] .adv-var-item code {
+            background: rgba(255, 255, 255, 0.1);
+            border-color: rgba(255, 255, 255, 0.1)
+        }
+
+        [data-theme="dark"] .item.hl {
+            box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2)
+        }
+
+        [data-theme="dark"] .modal-bd {
+            background: rgba(0, 0, 0, .5)
+        }
+
+        @media(max-width:768px) {
+            .adv-layout {
+                flex-direction: column;
+                overflow-y: auto
+            }
+
+            .adv-sidebar {
+                width: 100%;
+                height: auto;
+                border-right: none;
+                border-bottom: 1px solid var(--bd);
+                padding: 16px
+            }
+
+            .adv-main {
+                overflow: visible;
+                padding: 16px
+            }
+
+            .uaua-grid {
+                grid-template-columns: 1fr
+            }
+        }
+
+        @media(max-width:550px) {
+            .chat {
+                width: 100%;
+                right: -100%
+            }
+
+            .side-pop {
+                bottom: 0
+            }
+
+            .side-nav-wrap {
+                left: 6px
+            }
+
+            .side-nav {
+                padding: 6px 4px
+            }
+
+            .side-menu {
+                padding: 5px 4px
+            }
+
+            .nav-i {
+                width: 28px;
+                height: 28px
+            }
+
+            .nav-i i {
+                font-size: 11px
+            }
+
+            .toolbar {
+                padding: 0 12px 0 56px
+            }
+
+            .toolbar-t span {
+                display: none
+            }
+
+            .btn {
+                padding: 6px 10px;
+                font-size: 11px
+            }
+
+            .modal-p {
+                width: 100%;
+                max-height: 100%;
+                border-radius: 0
+            }
+
+            #tip {
+                display: none !important
+            }
+
+            .page-pad {
+                padding: 14px 14px 14px 48px
+            }
+
+            .map-lbl {
+                left: 48px
+            }
+        }
+    </style>
+</head>
+
+<body>
+    <!-- Side Nav -->
+    <div class="side-nav-wrap">
+        <div class="side-menu side-glass">
+            <div class="side-menu-btn" id="btn-side-menu-toggle" title="快捷操作"><i class="fa-solid fa-ellipsis"></i></div>
+            <div class="side-menu-panel" id="side-menu-panel">
+                <button class="btn btn-s fc g4" id="btn-gen-local-map"><i class="fa-solid fa-plus"></i>局部地图</button>
+                <button class="btn btn-s fc g4" id="btn-simulate"><i class="fa-solid fa-rotate"></i>世界推演</button>
+                <button class="btn btn-s fc g4" id="btn-gen-local-scene"><i
+                        class="fa-solid fa-feather-pointed"></i>局部剧情</button>
+            </div>
+        </div>
+        <nav class="side-nav side-glass">
+            <div class="nav-i" data-p="world"><i class="fa-solid fa-earth-americas"></i></div>
+            <div class="nav-i act" data-p="map"><i class="fa-solid fa-map"></i></div>
+            <div class="nav-i" data-p="comm"><i class="fa-solid fa-phone"></i></div>
+        </nav>
+    </div>
+
+    <!-- Toolbar -->
+    <div class="toolbar fc g10 usn">
+        <div class="toolbar-t">小白板<span>预测试</span></div>
+        <button class="btn btn-s fc g6" id="btn-deduce"><i class="fa-solid fa-wand-magic-sparkles"></i>生成</button>
+        <button class="btn btn-s fc g6" id="btn-settings"><i class="fa-solid fa-gear"></i>设置</button>
+        <button class="theme-toggle" id="btn-theme" title="切换主题"><i class="fa-solid fa-moon"></i><i
+                class="fa-solid fa-sun"></i></button>
+        <button class="btn btn-c fcc" id="btn-close">✕</button>
+    </div>
+
+    <!-- Main -->
+    <div class="main-wrap">
+        <!-- World -->
+        <div class="page page-pad" id="page-world">
+            <div class="banner">
+                <img src="https://picsum.photos/800/300" alt="" />
+                <div class="banner-ov">
+                    <div>探索未知的世界...</div>
+                </div>
+            </div>
+
+            <div class="news-sec">
+                <div class="sec-hd">
+                    <h3 class="sec-t">最新消息</h3>
+                    <button class="btn btn-add fcc" id="btn-refresh-world-news" title="只刷新世界新闻"><i
+                            class="fa-solid fa-rotate"></i></button>
+                </div>
+                <div id="news-list"></div>
+            </div>
+
+            <div class="user-guide" id="user-guide">
+                <h3 class="sec-t">当前状态</h3>
+                <div class="user-guide-state" id="ug-state">尚未生成世界数据...</div>
+                <h3 class="sec-t mt12">行动指南</h3>
+                <div class="user-guide-actions" id="ug-actions">
+                    <div class="user-guide-action">等待世界生成...</div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Map -->
+        <div class="page act" id="page-map">
+            <div id="mapWrap">
+                <div class="map-lbl" id="map-lbl">
+                    <i class="fa-solid fa-map-location-dot"></i>
+                    <span id="map-lbl-t">大地图</span>
+                    <i class="fa-solid fa-chevron-down"></i>
+                    <select id="map-lbl-select" class="map-lbl-sel"></select>
+                </div>
+                <div class="map-act">
+                    <button class="btn btn-s btn-p fc g6" id="btn-goto"><i class="fa-solid fa-location-arrow"></i><span
+                            id="goto-t">前往</span></button>
+                </div>
+                <div id="inner"><svg id="lines"></svg></div>
+            </div>
+
+            <div class="panel" id="zoom-ind">100%</div>
+            <div class="panel" id="tip">
+                <div class="desc" id="desc"></div>
+                <div class="info-w">
+                    <div class="info-h">
+                        <div class="info-t" id="info-t"></div>
+                        <div class="info-bk" id="info-bk">← 返回</div>
+                    </div>
+                    <div class="info-c" id="info-c"></div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Contacts -->
+        <div class="page page-pad" id="page-comm">
+            <div class="comm-hd">
+                <div class="comm-tabs">
+                    <div class="comm-tab act" data-t="stranger">陌路人</div>
+                    <div class="comm-tab" data-t="contact">联络人</div>
+                </div>
+                <button class="btn btn-add fcc" id="btn-refresh-strangers" title="微信摇一摇，寻找遇过的陌生人"><i
+                        class="fa-solid fa-street-view"></i></button>
+                <button class="btn btn-add fcc" id="btn-add-ct"><i class="fa-solid fa-plus"></i></button>
+            </div>
+            <div id="sec-stranger" class="comm-sec act"></div>
+            <div id="sec-contact" class="comm-sec"></div>
+        </div>
+    </div>
+
+    <!-- Chat -->
+    <div class="chat" id="chat">
+        <div class="chat-hd">
+            <div class="chat-av" id="chat-av"></div>
+            <div class="chat-t">
+                <div class="chat-nm" id="chat-nm"></div>
+                <div class="chat-st" id="chat-st"></div>
+            </div>
+            <div class="chat-hd-acts">
+                <button class="chat-compress" id="chat-compress" title="压缩总结"><i
+                        class="fa-solid fa-compress"></i></button>
+                <button class="chat-clr" id="chat-clr" title="清空记录"><i class="fa-solid fa-trash"></i></button>
+                <button class="chat-x" id="chat-x"><i class="fa-solid fa-xmark"></i></button>
+            </div>
+        </div>
+        <div class="chat-msgs" id="chat-msgs"></div>
+        <div class="chat-in-w">
+            <button class="chat-send" id="chat-back" title="回退"><i class="fa-solid fa-rotate-left"></i></button>
+            <input type="text" class="chat-in" id="chat-in" placeholder="输入消息..." />
+            <button class="chat-send" id="chat-send"><i class="fa-solid fa-paper-plane"></i></button>
+        </div>
+    </div>
+
+    <!-- Right Panel -->
+    <div class="side-pop" id="side-pop">
+        <div class="side-pop-handle" id="side-pop-handle">
+            <div class="side-pop-bar"></div>
+        </div>
+        <div class="side-pop-ct">
+            <div class="side-pop-hd fc jsb">
+                <span>场景描述</span>
+                <button class="btn btn-s fc g4" id="btn-refresh-local-map"><i
+                        class="fa-solid fa-rotate-right"></i>刷新</button>
+            </div>
+            <div class="side-pop-desc" id="side-desc"></div>
+        </div>
+    </div>
+
+    <!-- Mobile Bottom Sheet -->
+    <div class="mob-pop" id="mob-pop">
+        <div class="pop-h-ind"><span data-l="2"></span><span data-l="1"></span><span data-l="0"></span></div>
+        <div class="pop-hd" id="pop-hd">
+            <div class="pop-handle"></div>
+        </div>
+        <div class="pop-ct">
+            <div class="pop-desc" id="mob-desc"></div>
+            <div class="pop-info">
+                <div class="pop-info-h">
+                    <div class="pop-info-t" id="mob-info-t"></div>
+                    <div class="pop-info-bk" id="mob-info-bk">← 返回</div>
+                </div>
+                <div id="mob-info-c"></div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Settings Modal (Redesigned) -->
+    <div class="modal" id="m-settings">
+        <div class="modal-bd"></div>
+        <div class="modal-p lg settings-modal">
+            <div class="modal-hd fc">
+                <nav class="settings-nav">
+                    <button class="set-nav-item act" onclick="clickTab(this, 'tab-general')"><i
+                            class="fa-solid fa-sliders"></i> <span class="nav-txt">常规</span></button>
+                    <button class="set-nav-item" onclick="clickTab(this, 'tab-conn')"><i class="fa-solid fa-link"></i>
+                        <span class="nav-txt">连接</span></button>
+                    <button class="set-nav-item" onclick="clickTab(this, 'tab-data')"><i
+                            class="fa-solid fa-database"></i> <span class="nav-txt">数据</span></button>
+                </nav>
+                <button class="modal-x fcc">✕</button>
+            </div>
+
+            <div class="settings-body">
+                <!-- Content -->
+                <div class="settings-content">
+                    <!-- Tab: General -->
+                    <div class="set-tab-page act" id="tab-general">
+                        <div class="set-group">
+                            <div class="set-group-t">运行模式</div>
+                            <div class="form-g mb4">
+                                <select class="form-in" id="set-mode">
+                                    <option value="story">故事模式 (Story Mode)</option>
+                                    <option value="assist">辅助模式 (Assist Mode)</option>
+                                </select>
+                                <div class="tips-box"><i class="fa-solid fa-circle-info"></i>
+                                    故事模式包含完整的世界模拟；辅助模式仅用于生成辅助地图/剧情。</div>
+                            </div>
+                        </div>
+
+                        <div class="set-group">
+                            <div class="set-group-t">剧情控制</div>
+                            <div class="set-row g20">
+                                <div class="form-g f1">
+                                    <label class="form-l">当前阶段 (Stage)</label>
+                                    <input type="number" class="form-in" id="set-stage" min="0" max="10" value="0" />
+                                </div>
+                                <div class="form-g f1">
+                                    <label class="form-l">偏离分数 (Deviation)</label>
+                                    <input type="number" class="form-in" id="set-deviation" min="0" max="100"
+                                        value="0" />
+                                </div>
+                            </div>
+                            <div class="form-g">
+                                <label class="form-l">推演倒计时 (Sim Countdown)</label>
+                                <div class="fc g10">
+                                    <input type="number" class="form-in f1" id="set-sim-target" value="5" />
+                                    <span class="fs12 c2">行动数</span>
+                                </div>
+                                <div class="set-hint">当数值≤0时提醒进行世界推演。</div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <!-- Tab: Connection -->
+                    <div class="set-tab-page" id="tab-conn">
+                        <div class="set-group">
+                            <div class="set-group-t">API 设置</div>
+                            <div class="form-g">
+                                <label class="form-l">API 端点 (URL)</label>
+                                <input type="text" class="form-in" id="set-api-url" placeholder="默认使用 SillyTavern 设置" />
+                            </div>
+                            <div class="form-g">
+                                <label class="form-l">API 密钥 (Key)</label>
+                                <input type="password" class="form-in" id="set-api-key" placeholder="如需覆盖请填写" />
+                            </div>
+                        </div>
+
+                        <div class="set-group">
+                            <div class="set-group-t">模型选择 (Model)</div>
+                            <div class="set-row g10">
+                                <input type="text" class="form-in f1" id="set-model" placeholder="Model ID" />
+                                <button class="btn btn-s" id="btn-fetch-models">获取列表</button>
+                            </div>
+                            <select class="form-in mt6" id="set-model-list"></select>
+                            <div class="mt10">
+                                <button class="btn btn-s btn-p w100" id="btn-test-conn">测试连接</button>
+                            </div>
+                        </div>
+
+                        <div class="set-group">
+                            <div class="set-group-t">调用控制</div>
+                            <div class="set-test">
+                                <label class="form-l">上下文楼层数</label>
+                                <input type="number" class="form-in w100" id="set-history-count" min="0" max="200"
+                                    value="50" />
+                                <label class="fc g4 fs12 c2 usn" style="margin-left:auto">
+                                    <input type="checkbox" id="set-use-stream" /> <span style="font-weight:600">启用流式
+                                        (Streaming)</span>
+                                </label>
+                            </div>
+                            <div class="set-test-res" id="test-res"></div>
+                        </div>
+                    </div>
+
+                    <!-- Tab: Data -->
+                    <div class="set-tab-page" id="tab-data">
+                        <div class="set-group">
+                            <div class="set-group-t">NPC 生成设置</div>
+                            <div class="set-row g20">
+                                <div class="form-g f1">
+                                    <label class="form-l">插入位置</label>
+                                    <select class="form-in" id="set-npc-position">
+                                        <option value="0">Char 前</option>
+                                        <option value="1">Char 后</option>
+                                        <option value="2">AN 前</option>
+                                        <option value="3">AN 后</option>
+                                        <option value="5">EM 前</option>
+                                        <option value="6">EM 后</option>
+                                    </select>
+                                </div>
+                                <div class="form-g f1">
+                                    <label class="form-l">条目顺序</label>
+                                    <input type="number" class="form-in" id="set-npc-order" min="0" max="1000"
+                                        value="100" />
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="set-group">
+                            <div class="set-group-t">预设数据 (Presets)</div>
+                            <div class="set-hint mb12">勾选要写入预设的数据块:</div>
+                            <div id="data-list" class="data-grid"></div>
+                        </div>
+
+                        <div class="set-group">
+                            <div class="set-group-t">高级模板</div>
+                            <div class="set-hint mb10">自定义提示词与JSON格式。</div>
+                            <button class="btn btn-s w100" id="btn-adv-prompts"><i class="fa-solid fa-pen"></i>
+                                编辑高级模板</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="modal-ft fc">
+                <button class="btn btn-s m-cancel">取消</button>
+                <button class="btn btn-s btn-p" id="set-save">保存设置</button>
+            </div>
+        </div>
+    </div>
+
+    <!-- Advanced Prompts Modal -->
+    <div class="modal adv-modal" id="m-adv-prompts">
+        <div class="modal-bd"></div>
+        <div class="modal-p lg settings-modal">
+            <div class="modal-hd fc">
+                <h2>高级设置 · 模板编辑</h2><button class="modal-x fcc">✕</button>
+            </div>
+            <div class="adv-layout">
+                <!-- Sidebar -->
+                <div class="adv-sidebar">
+                    <div class="form-g">
+                        <label class="form-l">选择模板</label>
+                        <select class="form-in" id="adv-key"></select>
+                        <div class="set-hint mt8">优先级：角色卡 &gt; 原保存 &gt; 默认。</div>
+                    </div>
+                </div>
+
+                <!-- Main Content -->
+                <div class="adv-main">
+                    <div class="adv-section">
+                        <div class="adv-h-title">UAUA 提示词 (JS Function String)</div>
+                        <div class="uaua-grid">
+                            <div class="form-g"><label class="form-l">User 1 (u1)</label><textarea class="ed-ta-adv"
+                                    id="adv-u1"></textarea></div>
+                            <div class="form-g"><label class="form-l">Assistant 1 (a1)</label><textarea
+                                    class="ed-ta-adv" id="adv-a1"></textarea></div>
+                            <div class="form-g"><label class="form-l">User 2 (u2)</label><textarea class="ed-ta-adv"
+                                    id="adv-u2"></textarea></div>
+                            <div class="form-g"><label class="form-l">Assistant 2 (a2)</label><textarea
+                                    class="ed-ta-adv" id="adv-a2"></textarea></div>
+                        </div>
+                    </div>
+
+                    <div class="adv-section" id="adv-json-wrap">
+                        <div class="adv-h-title">JSON Template</div>
+                        <textarea class="ed-ta-adv" id="adv-json" style="min-height:300px;font-size:13px"></textarea>
+                    </div>
+                </div>
+            </div>
+            <div class="modal-ft fc">
+                <div class="fc g10 f1">
+                    <button class="btn btn-s" id="adv-reset"><i class="fa-solid fa-rotate-left"></i> 重置</button>
+                    <select class="form-in w140" id="adv-scope" title="选择来源">
+                        <option value="character">角色</option>
+                        <option value="global">通用</option>
+                    </select>
+                </div>
+                <button class="btn btn-s" id="adv-save-global">通用保存</button>
+                <button class="btn btn-s btn-p" id="adv-save-char">角色卡保存</button>
+            </div>
+        </div>
+    </div>
+
+    <!-- Data Edit Modal -->
+    <div class="modal" id="m-data-edit">
+        <div class="modal-bd"></div>
+        <div class="modal-p">
+            <div class="modal-hd fc">
+                <h2 id="data-edit-title">编辑数据</h2><button class="modal-x fcc">✕</button>
+            </div>
+            <div class="modal-by">
+                <textarea class="ed-ta" id="data-edit-ta"></textarea>
+                <pre class="ed-preview" id="data-edit-preview"></pre>
+                <div class="ed-err" id="data-edit-err"></div>
+            </div>
+            <div class="modal-ft fc"><button class="btn btn-s m-cancel">取消</button><button class="btn btn-s btn-p"
+                    id="data-edit-save">保存</button></div>
+        </div>
+    </div>
+
+    <!-- Goto Modal -->
+    <div class="modal" id="m-goto">
+        <div class="modal-bd"></div>
+        <div class="modal-p sm">
+            <div class="modal-hd fc">
+                <h2>确认前往</h2><button class="modal-x fcc">✕</button>
+            </div>
+            <div class="modal-by">
+                <div class="goto-d" id="goto-d"></div>
+                <div class="form-g"><label class="form-l">任务目标（可选）</label><textarea class="form-in form-ta"
+                        id="goto-task" placeholder="描述你要做什么..."></textarea></div>
+            </div>
+            <div class="modal-ft fc"><button class="btn btn-s m-cancel">取消</button><button class="btn btn-s btn-p"
+                    id="goto-ok">确认前往</button></div>
+        </div>
+    </div>
+
+    <!-- Invite Modal -->
+    <div class="modal" id="m-invite">
+        <div class="modal-bd"></div>
+        <div class="modal-p sm">
+            <div class="modal-hd fc">
+                <h2>邀请前往</h2><button class="modal-x fcc">✕</button>
+            </div>
+            <div class="modal-by">
+                <div class="goto-d" id="inv-t"></div>
+                <div class="form-g"><label class="form-l">选择地点</label>
+                    <div class="loc-list" id="loc-list"></div>
+                </div>
+            </div>
+            <div class="modal-ft fc"><button class="btn btn-s m-cancel">取消</button><button class="btn btn-s btn-p"
+                    id="inv-ok">发送邀请</button></div>
+        </div>
+    </div>
+
+    <!-- World Gen Modal -->
+    <div class="modal" id="m-world-gen">
+        <div class="modal-bd"></div>
+        <div class="modal-p">
+            <div class="modal-hd fc">
+                <h2>世界生成</h2><button class="modal-x fcc">✕</button>
+            </div>
+            <div class="modal-by">
+                <div class="form-g">
+                    <label class="form-l">玩家特殊需求（可选）</label>
+                    <textarea class="form-in form-ta" id="world-gen-req" rows="4"
+                        placeholder="例如：希望有更多悬疑元素、增加一个神秘组织..."></textarea>
+                    <div class="set-hint">AI 会根据当前世界观和你的需求生成完整的世界数据</div>
+                </div>
+                <div id="world-gen-status" class="set-hint"></div>
+            </div>
+            <div class="modal-ft fc"><button class="btn btn-s m-cancel">取消</button><button class="btn btn-s btn-p"
+                    id="world-gen-ok"><i class="fa-solid fa-wand-magic-sparkles"></i> 开始生成</button></div>
+        </div>
+    </div>
+
+    <!-- World Sim Modal -->
+    <div class="modal" id="m-world-sim">
+        <div class="modal-bd"></div>
+        <div class="modal-p">
+            <div class="modal-hd fc">
+                <h2>世界推演</h2><button class="modal-x fcc">✕</button>
+            </div>
+            <div class="modal-by">
+                <div class="form-g">
+                    <div class="set-hint mb12">
+                        <strong>推演模式</strong>：根据玩家行为和时间流逝，演化世界状态。
+                        <ul class="lh15" style="margin:8px 0;padding-left:20px;font-size:12px">
+                            <li>L1/L2 将大幅更新</li>
+                            <li>L3/L4 适度调整</li>
+                            <li>L5 保持不变</li>
+                            <li>Stage 将推进到下一阶段</li>
+                        </ul>
+                    </div>
+                    <div class="set-hint warn">⚠️ 此操作会覆盖当前世界数据，建议先备份</div>
+                </div>
+                <div id="world-sim-status" class="set-hint"></div>
+            </div>
+            <div class="modal-ft fc"><button class="btn btn-s m-cancel">取消</button><button class="btn btn-s btn-p"
+                    id="world-sim-ok"><i class="fa-solid fa-rotate"></i> 开始推演</button></div>
+        </div>
+    </div>
+
+    <!-- Add Contact Modal -->
+    <div class="modal" id="m-add-ct">
+        <div class="modal-bd"></div>
+        <div class="modal-p sm">
+            <div class="modal-hd fc">
+                <h2>添加联络人</h2><button class="modal-x fcc">✕</button>
+            </div>
+            <div class="modal-by">
+                <div class="form-g">
+                    <label class="form-l">UID（世界书条目UID）</label>
+                    <div class="set-row">
+                        <input type="text" class="form-in" id="add-uid" placeholder="请输入世界书条目UID" />
+                        <button class="btn btn-s" id="btn-check-uid"><i class="fa-solid fa-search"></i> 检查</button>
+                    </div>
+                    <div class="set-hint">输入角色卡绑定世界书的条目UID</div>
+                </div>
+                <div class="form-g" id="name-select-group" style="display:none">
+                    <label class="form-l">选择名字</label>
+                    <select class="form-in" id="add-name">
+                        <option value="">-- 请选择 --</option>
+                    </select>
+                </div>
+                <div id="uid-check-err" class="ed-err"></div>
+            </div>
+            <div class="modal-ft fc"><button class="btn btn-s m-cancel">取消</button><button class="btn btn-s btn-p"
+                    id="add-ct-ok" disabled>确定</button></div>
+        </div>
+    </div>
+
+    <!-- Result Modal -->
+    <div class="modal" id="m-result">
+        <div class="modal-bd"></div>
+        <div class="modal-p sm">
+            <div class="modal-hd fc">
+                <h2 id="res-title">操作结果</h2><button class="modal-x fcc">✕</button>
+            </div>
+            <div class="modal-by">
+                <div id="res-msg"></div>
+                <div id="res-record-box">
+                    <div class="set-hint mb4">详细记录：</div>
+                    <pre id="res-record"></pre>
+                </div>
+            </div>
+            <div class="modal-ft fc">
+                <button class="btn btn-s" id="res-action"></button>
+                <button class="btn btn-s btn-p m-cancel">确定</button>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        const D = { stage: 0, deviationScore: 0, simulationTarget: 5, meta: { truth: null, onion_layers: null, timeline: null, user_guide: null }, world: {}, maps: { outdoor: { nodes: [] }, indoor: null }, sceneSetup: null, contacts: { strangers: [], contacts: [{ name: "{{characterName}}", avatar: "", color: "#555", location: "在线", info: "", online: !0, worldbookUid: "__CHARACTER_CARD__", messages: [], summarizedCount: 0 }] } }; let charSmsHistory = { messages: [], summarizedCount: 0, summaries: {} }; const $ = t => document.getElementById(t), $$ = t => document.querySelectorAll(t), isMob = () => innerWidth <= 550, escHtml = t => t.replace(/[&<>"']/g, (t => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" }[t]))), h = t => escHtml(String(t ?? "")), stripXml = t => t ? t.replace(/<(\w+)[^>]*>[\s\S]*?<\/\1>/g, "").replace(/<[^>]+\/?>/g, "").trim() : "", parseLinks = t => h(t).replace(/\*\*([^*]+)\*\*/g, '<span class="loc-lk" data-loc="$1">$1</span>'), PARENT_ORIGIN = (() => { try { return new URL(document.referrer).origin } catch { return window.location.origin } })(), post = (t, e = {}) => parent.postMessage({ source: "LittleWhiteBox-OutlineFrame", type: t, ...e }, PARENT_ORIGIN), syncSimDueUI = () => { const t = (Number(D.simulationTarget) || 0) <= 0; $("btn-simulate")?.classList.toggle("btn-due", t), $("world-sim-ok")?.classList.toggle("btn-due", t) }, BtnState = { load: (t, e) => { t.disabled = !0, t._o = t.innerHTML, t.innerHTML = `<i class="fa-solid fa-spinner fa-spin"></i> ${e}` }, reset: (t, e) => { t.disabled = !1, t.innerHTML = e || t._o } }, Req = { _p: {}, _id: 0, create(t) { const e = t + "_" + ++this._id; return this._p[t] = { id: e }, e }, get(t) { return this._p[t] }, match(t) { const e = t?.split("_")[0]; return this._p[e]?.id === t ? this._p[e] : null }, set(t, e) { Object.assign(this._p[t] || {}, e) }, clear(t) { delete this._p[t] } }, openM = t => $(t).classList.add("act"), closeM = t => $(t).classList.remove("act"), dirMap = { north: [0, -1], south: [0, 1], east: [1, 0], west: [-1, 0], northeast: [1, -1], northwest: [-1, -1], southeast: [1, 1], southwest: [-1, 1] }; let playerLocation = "未知", curNode = null, drag = !1, scale = 1, offX = 0, offY = 0, seed = 123456789, nodes = [], lines = [], anim = !1, chatTgt = null, invTgt = null, selLoc = null, smsGen = !1, selectedMapValue = "current"; const inner = $("inner"), svg = $("lines"), mapWrap = $("mapWrap"), popup = $("mob-pop"), chat = $("chat"), sidePop = $("side-pop"), rand = () => (seed = (9301 * seed + 49297) % 233280) / 233280, getCurInside = () => D.maps?.indoor?.[playerLocation] || null, snaps = () => [$("pop-hd")?.offsetHeight || 0, .3 * innerHeight, .65 * innerHeight]; let popH = 0, popDrag = !1, popSY = 0, popSH = 0, popLv = 1;
+
+        // === 主题切换功能 ===
+        const getStoredTheme = () => localStorage.getItem("lwb-theme") || "light",
+            setTheme = t => { document.documentElement.setAttribute("data-theme", t), localStorage.setItem("lwb-theme", t) },
+            toggleTheme = () => { const t = "dark" === getStoredTheme() ? "light" : "dark"; setTheme(t) };
+        // 初始化主题
+        (() => { const t = getStoredTheme(); "dark" === t && setTheme("dark") })();
+        $("btn-theme")?.addEventListener("click", toggleTheme);
+
+        const inds = popup.querySelectorAll(".pop-h-ind span"), setPopH = t => { const e = snaps(); popH = Math.max(e[0], Math.min(.85 * innerHeight, t)), popup.style.height = popH + "px", popLv = e.map(((t, e) => [e, Math.abs(popH - t)])).sort(((t, e) => t[1] - e[1]))[0][0], inds.forEach(((t, e) => t.classList.toggle("act", e === popLv))) }, snapTo = t => { popLv = Math.max(0, Math.min(2, t)), setPopH(snaps()[popLv]) }, openPop = (t = 1) => { popup.classList.add("act"), snapTo(t) }; $("side-pop-handle").onclick = () => sidePop.classList.toggle("act"), $("pop-hd").onmousedown = t => { popDrag = !0, popSY = t.clientY, popSH = popH || snaps()[1], popup.classList.add("drag"), t.preventDefault() }, $("pop-hd").ontouchstart = t => { t.preventDefault(), popDrag = !0, popSY = t.touches[0].clientY, popSH = popH || snaps()[1], popup.classList.add("drag") }, document.onmousemove = t => { popDrag && setPopH(popSH + popSY - t.clientY) }, document.ontouchmove = t => { popDrag && t.touches.length && (t.preventDefault(), setPopH(popSH + popSY - t.touches[0].clientY)) }; const endDrag = () => { popDrag && (popDrag = !1, popup.classList.remove("drag"), snapTo(popLv)) }; document.onmouseup = endDrag, document.ontouchend = endDrag, document.ontouchcancel = endDrag; const bindLinks = t => t.querySelectorAll(".loc-lk").forEach((t => t.onclick = e => { e.stopPropagation(); const s = t.dataset.loc, o = nodes.find((t => t.name === s)); if (o) return panTo(o), void showInfo(o); const a = getCurInside(), n = a?.nodes?.find((t => t.name === s)); n && ($("info-t").textContent = n.name, $("info-c").textContent = n.info || "暂无信息...", $("tip").classList.add("show"), $("btn-goto").classList.remove("show"), isMob() && ($("mob-info-t").textContent = n.name, $("mob-info-c").textContent = n.info || "暂无信息...", popup.classList.contains("act") || openPop(1))) })), bindFold = t => t.querySelector(".fold-h").onclick = () => t.classList.toggle("exp"); $$(".modal-bd,.modal-x,.m-cancel").forEach((t => t.onclick = () => t.closest(".modal").classList.remove("act"))); const openChat = t => { chatTgt = t, $("chat-av").textContent = t.avatar, $("chat-av").style.background = t.color, $("chat-nm").textContent = t.name, $("chat-st").textContent = t.online ? "● 在线" : t.location, !t.worldbookUid || t.messages && t.messages.length ? renderMsgs() : post("LOAD_SMS_HISTORY", { worldbookUid: t.worldbookUid }), chat.classList.add("act"), $("chat-in").focus() }, closeChat = () => { chat.classList.remove("act"), chatTgt = null, smsGen = !1 }, renderMsgs = () => { if (!chatTgt) return; const t = chatTgt.messages || [], e = chatTgt.summarizedCount || 0; let s = ""; t.length ? t.forEach(((t, o) => { e > 0 && o === e && (s += '<div class="chat-divider">—— 以上为已总结消息 ——</div>'), s += `<div class="chat-msg ${"sent" === t.type ? "sent" : "recv"}${t.typing ? " typing" : ""}"><div>${escHtml(stripXml(t.text))}</div></div>` })) : s = '<div class="chat-emp">暂无消息，开始聊天吧</div>', $("chat-msgs").innerHTML = s, $("chat-msgs").scrollTop = $("chat-msgs").scrollHeight, $("chat-compress").disabled = t.length - e < 2 || smsGen, $("chat-back").disabled = !t.length || smsGen }, sendMsg = () => { const t = $("chat-in").value.trim(); if (!t || !chatTgt || smsGen) return; chatTgt.messages = chatTgt.messages || [], chatTgt.messages.push({ type: "sent", text: t }), $("chat-in").value = "", renderMsgs(), smsGen = !0, $("chat-in").disabled = $("chat-send").disabled = $("chat-back").disabled = !0, chatTgt.messages.push({ type: "received", text: "正在输入...", typing: !0 }), renderMsgs(); const e = Req.create("sms"); Req.set("sms", { tgt: chatTgt }), post("SEND_SMS", { requestId: e, contactName: chatTgt.name, worldbookUid: chatTgt.worldbookUid, userMessage: t, chatHistory: chatTgt.messages.filter((t => !t.typing)).slice(-20), summarizedCount: chatTgt.summarizedCount || 0 }) }, isCharCardContact = t => "__CHARACTER_CARD__" === t?.worldbookUid, contactsForSave = () => (D.contacts.contacts || []).filter((t => !isCharCardContact(t))), saveCt = () => post("SAVE_CONTACTS", { contacts: contactsForSave(), strangers: D.contacts.strangers }), saveChat = t => post("SAVE_SMS_HISTORY", { worldbookUid: t.worldbookUid, contactName: t.name, messages: t.messages.filter((t => !t.typing)), summarizedCount: t.summarizedCount || 0 }); $("chat-x").onclick = closeChat, $("chat-back").onclick = () => { if (!chatTgt || smsGen) return; const t = chatTgt.messages || []; if (t.length) { for (t.pop(); t[t.length - 1]?.typing;)t.pop(); chatTgt.summarizedCount = Math.min(chatTgt.summarizedCount || 0, t.length), renderMsgs(), saveCt(), chatTgt.worldbookUid && saveChat(chatTgt) } }, $("chat-clr").onclick = () => { chatTgt && confirm(`确定要清空与 ${chatTgt.name} 的所有聊天记录吗？`) && (chatTgt.messages = [], chatTgt.summarizedCount = 0, renderMsgs(), saveCt(), chatTgt.worldbookUid && saveChat(chatTgt)) }, $("chat-compress").onclick = () => { if (!chatTgt || smsGen) return; const t = chatTgt.messages || [], e = chatTgt.summarizedCount || 0, s = t.slice(e); if (s.length < 2) return void alert("至少需要2条未总结的消息才能压缩"); if (!confirm(`确定要压缩总结 ${s.length} 条消息吗？`)) return; smsGen = !0, $("chat-compress").disabled = $("chat-in").disabled = $("chat-send").disabled = $("chat-back").disabled = !0; const o = Req.create("compress"); Req.set("compress", { tgt: chatTgt }), post("COMPRESS_SMS", { requestId: o, contactName: chatTgt.name, worldbookUid: chatTgt.worldbookUid, messages: t.filter((t => !t.typing)), summarizedCount: e }) }, $("chat-send").onclick = sendMsg; const chatIn = $("chat-in");["keydown", "keypress", "keyup"].forEach((t => chatIn.addEventListener(t, (t => t.stopPropagation())))), chatIn.addEventListener("keydown", (t => { "Enter" !== t.key || t.shiftKey || (t.preventDefault(), sendMsg()) })); const openInv = t => { invTgt = t, selLoc = null, $("inv-t").textContent = `邀请：${t.name}`, $("loc-list").innerHTML = D.maps.outdoor.nodes.map((t => `<div class="loc-i" data-n="${h(t.name)}"><div class="loc-i-nm">${h(t.name)}</div><div class="loc-i-info">${h(t.info || "")}</div></div>`)).join(""), $$("#loc-list .loc-i").forEach((t => t.onclick = () => { $$("#loc-list .loc-i").forEach((t => t.classList.remove("sel"))), t.classList.add("sel"), selLoc = t.dataset.n })), openM("m-invite") }; $("inv-ok").onclick = () => { if (!selLoc || !invTgt) return; const t = $("inv-ok"); BtnState.load(t, "询问中..."); const e = Req.create("invite"), s = canonicalLoc(selLoc); Req.set("invite", { contact: invTgt, loc: s, btn: t }), post("SEND_INVITE", { requestId: e, contactName: invTgt.name, contactUid: invTgt.worldbookUid, targetLocation: s, smsHistory: (invTgt.messages || []).map((t => "sent" === t.type ? `{{user}}: ${t.text}` : `${invTgt.name}: ${t.text}`)).join("\n") }) }; let addCtState = { uid: "", name: "", keys: [] }; const resetAddCt = () => { addCtState = { uid: "", name: "", keys: [] }, $("add-uid").value = "", $("add-name").value = "", $("add-name").innerHTML = '<option value="">-- 请选择 --</option>', $("name-select-group").style.display = "none", $("uid-check-err").classList.remove("vis"), $("add-ct-ok").disabled = !0, BtnState.reset($("btn-check-uid"), '<i class="fa-solid fa-search"></i> 检查') }, showUidErr = t => { $("uid-check-err").textContent = t, $("uid-check-err").classList.add("vis") }; $("btn-check-uid").onclick = () => { const t = $("add-uid").value.trim(); t ? ($("uid-check-err").classList.remove("vis"), BtnState.load($("btn-check-uid"), "检查中"), $("name-select-group").style.display = "none", $("add-ct-ok").disabled = !0, addCtState.uid = t, post("CHECK_WORLDBOOK_UID", { uid: t, requestId: Req.create("uidck") })) : showUidErr("请输入UID") }, $("btn-add-ct").onclick = () => { resetAddCt(), openM("m-add-ct") }, $("add-ct-ok").onclick = () => { const t = addCtState.uid || $("add-uid").value.trim(), e = addCtState.name || $("add-name").value.trim(); t && e && (D.contacts.contacts.some((e => e.worldbookUid === t)) ? showUidErr("该联络人已存在") : (D.contacts.contacts.push({ name: e, avatar: e[0], color: "#" + Math.floor(16777215 * Math.random()).toString(16).padStart(6, "0"), location: "未知", worldbookUid: t, messages: [] }), saveCt(), closeM("m-add-ct"), render())) }; const genAddCt = (t, e, s) => { BtnState.load(s, "检查中"); const o = Req.create("stgwb"); Req.set("stgwb", { name: t, info: e, btn: s }), post("CHECK_STRANGER_WORLDBOOK", { requestId: o, strangerName: t }) }; function canonicalLoc(t) { return String(t || "").trim().replace(/^\u90ae\u8f6e/, "") } $("btn-refresh-strangers").onclick = () => { const t = $("btn-refresh-strangers"); BtnState.load(t, ""); const e = Req.create("extract"); Req.set("extract", { btn: t }), post("EXTRACT_STRANGERS", { requestId: e, existingContacts: D.contacts.contacts, existingStrangers: D.contacts.strangers }) }, $("world-gen-ok").onclick = () => { const t = $("world-gen-ok"), e = $("world-gen-status"); BtnState.load(t, "生成中"), e.style.display = "block", e.textContent = "正在生成世界数据，请稍候...", post("GENERATE_WORLD", { requestId: Req.create("wgen"), playerRequests: $("world-gen-req").value.trim() }) }, $("world-sim-ok").onclick = () => { if (!D.meta && !D.timeline && !D.maps?.outdoor) return void alert("请先生成世界数据，再进行推演"); const t = $("world-sim-ok"), e = $("world-sim-status"); BtnState.load(t, "推演中"), e.style.display = "block", e.style.color = "var(--ok)", e.textContent = "正在分析玩家行为并推演世界变化...", post("SIMULATE_WORLD", { requestId: id, currentData: JSON.stringify({ meta: D.meta, timeline: D.timeline, world: D.world, maps: D.maps }, null, 2) }) }, $("btn-deduce").onclick = () => openM("m-world-gen"), $("btn-simulate").onclick = () => openM("m-world-sim"), $("btn-side-menu-toggle").onclick = () => { const t = $("side-menu-panel"), e = $("btn-side-menu-toggle"); t.classList.toggle("show"), e.classList.toggle("act", t.classList.contains("show")) }, document.addEventListener("click", (t => { t.target.closest(".side-menu") || ($("side-menu-panel")?.classList.remove("show"), $("btn-side-menu-toggle")?.classList.remove("act")) })); const getWaitingContacts = t => { const e = canonicalLoc(t); return e ? (D.contacts.contacts || []).filter((t => t?.waitingAt && canonicalLoc(t.waitingAt) === e)) : [] }, finishTravel = (t, e) => { playerLocation = t, selectedMapValue = "current"; const s = getWaitingContacts(t); s.forEach((t => delete t.waitingAt)), saveAll(), render(), hideInfo(); const o = $("goto-task")?.value; let a = `{{user}}离开了${e || "上一地点"}，来到${t}。${o ? "意图：" + o : ""}`; s.length && (a += ` ${s.map((t => t.name)).join("、")}已经在这里等你了。`), post("EXECUTE_SLASH_COMMAND", { command: `/sendas name="剧情任务" ${a}` }) }; $("goto-ok").onclick = () => { if (!curNode) return; const t = $("goto-ok"), e = D.maps?.outdoor?.nodes?.find((t => t.name === playerLocation)), s = { name: playerLocation, info: e?.info || "" }, o = curNode.name, a = D.maps?.indoor?.[o]; if (a?.description) return BtnState.reset(t, "确认前往"), closeM("m-goto"), finishTravel(o, s.name), void switchMapView("current"); let n = "main" === curNode.type ? "main" : "home" === curNode.type ? "home" : "sub"; const r = Req.create("scene"); Req.set("scene", { node: curNode, prev: s.name }), BtnState.load(t, "生成中"), post("SCENE_SWITCH", { requestId: r, prevLocationName: s.name, prevLocationInfo: s.info, targetLocationName: curNode.name, targetLocationType: n, targetLocationInfo: curNode.data?.info || "", playerAction: $("goto-task").value || "" }) }, $("btn-gen-local-map").onclick = () => { const t = $("btn-gen-local-map"); BtnState.load(t, "生成中"); const e = Req.create("localmap"); Req.set("localmap", { btn: t }), post("GENERATE_LOCAL_MAP", { requestId: e, outdoorDescription: D.maps?.outdoor?.description || "" }) }, $("btn-refresh-local-map").onclick = () => { if (!playerLocation) return void showResultModal("提示", "请先生成世界数据", !0); const t = $("btn-refresh-local-map"), e = D.maps?.indoor?.[playerLocation], s = e; if (!s) return void showResultModal("提示", "当前区域没有局部地图，请先生成", !0); BtnState.load(t, "刷新中"); const o = Req.create("localmaprf"); Req.set("localmaprf", { btn: t, loc: playerLocation }), post("REFRESH_LOCAL_MAP", { requestId: o, locationName: playerLocation, currentLocalMap: s, outdoorDescription: D.maps?.outdoor?.description || "" }) }, $("btn-gen-local-scene").onclick = () => { if (!playerLocation || "未知" === playerLocation) return void showResultModal("提示", "请先生成世界数据", !0); const t = $("btn-gen-local-scene"); BtnState.load(t, "生成中"); const e = D.maps?.outdoor?.nodes?.find((t => t.name === playerLocation)), s = D.maps?.indoor?.[playerLocation], o = s?.description || e?.info || e?.data?.info || "", a = Req.create("localscene"); Req.set("localscene", { btn: t, loc: playerLocation }), post("GENERATE_LOCAL_SCENE", { requestId: a, locationName: playerLocation, locationInfo: o }) }, $("btn-refresh-world-news").onclick = () => { const t = $("btn-refresh-world-news"); if (!t) return; t.disabled = !0, t._o = t._o ?? t.innerHTML, t.innerHTML = '<i class="fa-solid fa-rotate fa-spin"></i>'; const e = Req.create("newsrf"); Req.set("newsrf", { btn: t }), post("REFRESH_WORLD_NEWS", { requestId: e }) }; const saveAll = () => post("SAVE_ALL_DATA", { allData: { meta: D.meta, world: D.world, outdoor: D.maps.outdoor, indoor: D.maps.indoor, sceneSetup: D.sceneSetup, strangers: D.contacts.strangers, contacts: contactsForSave() }, playerLocation }), dataKeys = [["meta", "大纲", "核心真相、洋葱结构、时间线、用户指南", () => D.meta, t => D.meta = t], ["world", "世界资讯", "世界新闻等信息", () => D.world, t => D.world = t], ["outdoor", "大地图", "室外区域的地点和路线", () => D.maps.outdoor, t => D.maps.outdoor = t], ["indoor", "局部地图", "隐藏的室内/局部场景地图", () => D.maps.indoor, t => D.maps.indoor = t], ["sceneSetup", "区域剧情", "当前区域的 Side Story", () => D.sceneSetup, t => D.sceneSetup = t], ["characterContactSms", "角色卡短信", "角色卡联络人的短信记录", () => ({ messages: charSmsHistory?.messages || [], summarizedCount: charSmsHistory?.summarizedCount || 0, summaries: charSmsHistory?.summaries || {} }), t => { t && "object" == typeof t && (charSmsHistory = { messages: charSmsHistory?.messages || [], summarizedCount: charSmsHistory?.summarizedCount || 0, ...t || {} }) }], ["strangers", "陌路人", "已遇见但未建立联系的角色", () => D.contacts.strangers, t => D.contacts.strangers = t], ["contacts", "联络人", "已添加的联系人", () => contactsForSave(), t => { const e = (D.contacts.contacts || []).find(isCharCardContact); D.contacts.contacts = (e ? [e] : []).concat(Array.isArray(t) ? t : []) }]]; let gSet = { apiUrl: "", apiKey: "", model: "", mode: "assist" }, dataCk = {}, editCtx = null, commSet = { historyCount: 50, npcPosition: 0, npcOrder: 100, stream: !1 }, promptDefaults = { jsonTemplates: {}, promptSources: {} }, promptStores = { global: { jsonTemplates: {}, promptSources: {} }, character: { jsonTemplates: {}, promptSources: {} } }; const reqSet = () => post("GET_SETTINGS"), renderDataList = () => { $("data-list").innerHTML = dataKeys.map((([t, e, s]) => `<div class="data-item ${dataCk[t] ? "sel" : ""}" data-k="${t}"><div class="data-ck"><i class="fa-solid fa-check"></i></div><div class="data-info"><div class="data-nm">${e}</div><div class="data-desc">${s}</div></div><button class="data-edit" data-k="${t}" title="编辑"><i class="fa-solid fa-pen"></i></button></div>`)).join(""), $$("#data-list .data-item").forEach((t => t.onclick = e => { if (e.target.closest(".data-edit")) return; const s = t.dataset.k; dataCk[s] = !dataCk[s], t.classList.toggle("sel", dataCk[s]) })), $$("#data-list .data-edit").forEach((t => t.onclick = e => { e.stopPropagation(), openDataEdit(t.dataset.k) })) }, ADV_PROMPT_ITEMS = [["sms", "短信回复"], ["invite", "邀请回复"], ["npc", "NPC 生成"], ["stranger", "提取陌路人"], ["worldGenStep1", "大纲生成"], ["worldGenStep2", "世界生成"], ["worldSim", "世界推演（故事模式）"], ["worldSimAssist", "世界推演（辅助模式）"], ["worldNewsRefresh", "世界新闻刷新"], ["sceneSwitch", "场景切换"], ["localMapGen", "局部地图生成"], ["localMapRefresh", "局部地图刷新"], ["localSceneGen", "局部剧情生成"], ["summary", "总结压缩"]], advHasJsonTemplate = t => { const e = promptDefaults?.jsonTemplates || {}; return Object.prototype.hasOwnProperty.call(e, t) }, advGetScope = () => "global" === $("adv-scope")?.value ? "global" : "character", advStoreHasKey = (t, e) => { const s = ("global" === t ? promptStores.global : promptStores.character) || {}; return !(!Object.prototype.hasOwnProperty.call(s?.promptSources || {}, e) && !Object.prototype.hasOwnProperty.call(s?.jsonTemplates || {}, e)) }, advGetPromptObj = (t, e = "character") => { const s = promptDefaults?.promptSources || {}, o = promptStores?.global?.promptSources || {}, a = promptStores?.character?.promptSources || {}, n = ("global" === e ? o[t] || s[t] : a[t] || o[t] || s[t]) || {}; return { u1: "string" == typeof n.u1 ? n.u1 : "", a1: "string" == typeof n.a1 ? n.a1 : "", u2: "string" == typeof n.u2 ? n.u2 : "", a2: "string" == typeof n.a2 ? n.a2 : "" } }, advNormalizeDisplayText = t => { let e = String(t ?? "").replace(/\r\n/g, "\n").replace(/\r/g, "\n"); return !e.includes("\n") && e.includes("\\n") && (e = e.replaceAll("\\n", "\n")), e.includes("\\t") && (e = e.replaceAll("\\t", "\t")), e.includes("\\`") && (e = e.replaceAll("\\`", "`")), e }, advNormalizeSaveText = t => String(t ?? "").replace(/\r\n/g, "\n").replace(/\r/g, "\n"), advGetJsonTemplate = (t, e = "character") => { const s = promptDefaults?.jsonTemplates || {}, o = promptStores?.global?.jsonTemplates || {}, a = promptStores?.character?.jsonTemplates || {}; if (!(advHasJsonTemplate(t) || Object.prototype.hasOwnProperty.call(o, t) || Object.prototype.hasOwnProperty.call(a, t))) return ""; const n = "global" === e ? Object.prototype.hasOwnProperty.call(o, t) ? o[t] : s[t] : Object.prototype.hasOwnProperty.call(a, t) ? a[t] : Object.prototype.hasOwnProperty.call(o, t) ? o[t] : s[t]; return "string" == typeof n ? n : "" }, advApplyToUI = (t, e = "character") => { const s = advGetPromptObj(t, e), o = (t, e) => { const s = $(t); s && (s.value = advNormalizeDisplayText(e)) }; o("adv-u1", s.u1), o("adv-a1", s.a1), o("adv-u2", s.u2), o("adv-a2", s.a2), $("adv-json-wrap").style.display = ""; const a = advGetJsonTemplate(t, e), n = $("adv-json"); n && (n.value = String(a ?? "")), advUpdateVarHelp(t) }, advUpdateVarHelp = t => { $$(".adv-vars-group").forEach((e => { const s = String(e.dataset.advFor || "").split(",").map((t => t.trim())).filter(Boolean); e.style.display = !s.length || s.includes(t) ? "" : "none" })) }, advBuildEdits = () => { const t = t => advNormalizeSaveText($(t)?.value ?? ""); return { prompt: { u1: t("adv-u1"), a1: t("adv-a1"), u2: t("adv-u2"), a2: t("adv-a2") }, jsonTemplate: advNormalizeSaveText($("adv-json")?.value ?? "") } }, advInit = () => { const t = $("adv-key"); if (!t || t._inited) return; t._inited = !0, t.innerHTML = ADV_PROMPT_ITEMS.map((([t, e]) => `<option value="${t}">${e} (${t})</option>`)).join(""), t.onchange = () => advApplyToUI(t.value, advGetScope()); const e = $("adv-scope"); e && !e._inited && (e._inited = !0, e.onchange = () => { const t = $("adv-key")?.value; t && advApplyToUI(t, advGetScope()) }) }, advOpen = () => { advInit(); const t = $("adv-key"), e = t?.value || ADV_PROMPT_ITEMS[0]?.[0]; if (e) { const t = $("adv-scope"); t && (t.value = advStoreHasKey("character", e) ? "character" : "global"), advApplyToUI(e, advGetScope()) } openM("m-adv-prompts") }, advSaveTo = t => { advInit(); const e = $("adv-key")?.value; if (!e) return; const { prompt: s, jsonTemplate: o } = advBuildEdits(); post("SAVE_PROMPTS", { scope: t, key: e, prompt: s, jsonTemplate: o }), closeM("m-adv-prompts") }, advReset = () => { advInit(); const t = $("adv-key")?.value; t && (post("SAVE_PROMPTS", { scope: advGetScope(), key: t, reset: !0 }), closeM("m-adv-prompts")) }, parseJsonLoose = t => { const e = String(t ?? "").trim(); if (!e) throw new Error("空内容"); try { return JSON.parse(e) } catch { } const s = e.match(/```[^\n]*\n([\s\S]*?)\n```/); if (s?.[1]) { const t = s[1].trim(); try { return JSON.parse(t) } catch { } } const o = (t, s) => { const o = e.indexOf(t), a = e.lastIndexOf(s); return -1 === o || -1 === a || a <= o ? null : e.slice(o, a + 1) }, a = o("{", "}") ?? o("[", "]"); return a ? JSON.parse(a) : JSON.parse(e) }, updateEditPreview = () => { const t = $("data-edit-preview"); t && (t.style.display = "none", t.textContent = "") }, setEditContent = (t, e) => { $("data-edit-title").textContent = t, $("data-edit-ta").value = e, $("data-edit-err").classList.remove("vis"), updateEditPreview(), openM("m-data-edit") }, openDataEdit = t => { const e = dataKeys.find((([e]) => e === t)); e && (editCtx = { type: "characterContactSms" === t ? "charSms" : "data", key: t }, setEditContent(`编辑 - ${e[1]}`, JSON.stringify(e[3](), null, 2))) }; $("data-edit-save").onclick = () => { if (editCtx) try { const t = parseJsonLoose($("data-edit-ta").value); if ("data" === editCtx.type) { const e = dataKeys.find((([t]) => t === editCtx.key)); if (!e) return; e[4](t), render(), saveAll() } else if ("charSms" === editCtx.type) { const e = t?.summaries ?? t; if (!e || "object" != typeof e || Array.isArray(e)) throw new Error("需要 summaries 对象"); charSmsHistory.summaries = e, post("SAVE_CHAR_SMS_HISTORY", { summaries: e }) } closeM("m-data-edit"), editCtx = null } catch (t) { $("data-edit-err").textContent = `JSON错误: ${t.message}`, $("data-edit-err").classList.add("vis") } }, $("data-edit-ta").addEventListener("input", updateEditPreview); const showTestRes = (t, e) => { const s = $("test-res"); s.textContent = e, s.className = "set-test-res " + (t ? "ok" : "err") }, showResultModal = (t, e, s = !1, o = null) => { $("res-title").textContent = t, $("res-title").style.color = s ? "var(--err)" : "", $("res-msg").textContent = e; const a = $("res-record-box"), n = $("res-record"); o ? (a.style.display = "block", n.textContent = "object" == typeof o ? JSON.stringify(o, null, 2) : String(o)) : (a.style.display = "none", n.textContent = ""); const r = $("res-action"); r.style.display = "none", r.textContent = "", r.onclick = null, openM("m-result") }; function render() { const t = D.world?.news || []; $("news-list").innerHTML = t.length ? t.map((t => `<div class="fold"><div class="fold-h"><div><div class="news-t">${h(t.title)}</div><div class="news-time">${h(t.time || "")}</div></div><i class="fa-solid fa-chevron-down fold-a"></i></div><div class="fold-b news-b"><p>${h(t.content)}</p></div></div>`)).join("") : '<div class="empty">暂无新闻</div>', $$("#news-list .fold").forEach(bindFold); const e = D.meta?.user_guide; e && ($("ug-state").textContent = e.current_state || "未知状态", $("ug-actions").innerHTML = (e.guides || []).map(((t, e) => `<div class="user-guide-action" data-idx="${e}">${e + 1}. ${h(t)}</div>`)).join("") || '<div class="user-guide-action">暂无行动指南</div>'); const s = (t, e) => (t || []).length ? t.map((t => `<div class="fold" data-name="${h(t.name || "")}" data-info="${h(t.info || "")}" data-uid="${h(t.worldbookUid || "")}"><div class="fold-h ct-hd fc"><div class="ct-av" style="background:${h(t.color || "")}">${h(t.avatar || "")}</div><div class="ct-info"><div class="ct-name">${h(t.name || "")}</div><div class="ct-st">${t.online ? "● 在线" : h(t.location)}</div></div><i class="fa-solid fa-chevron-down fold-a"></i></div><div class="fold-b"><div class="ct-det">${t.info ? `<div class="ct-info-text">${h(t.info)}</div>` : ""}<div class="ct-acts">${e ? `<button class="btn btn-s btn-p fc add-btn" data-name="${h(t.name || "")}" data-info="${h(t.info || "")}"><i class="fa-solid fa-user-plus"></i> 添加</button><button class="btn btn-s fc ignore-btn" data-name="${h(t.name || "")}"><i class="fa-solid fa-eye-slash"></i> 忽略</button>` : `<button class="btn btn-s fc msg-btn" data-uid="${h(t.worldbookUid || "")}"><i class="fa-solid fa-message"></i> 短信</button><button class="btn btn-s btn-p fc inv-btn" data-uid="${h(t.worldbookUid || "")}"><i class="fa-solid fa-paper-plane"></i> 邀请</button>`}</div></div></div></div>`)).join("") : '<div class="empty">暂无</div>'; if ($("sec-stranger").innerHTML = s(D.contacts.strangers, !0), $("sec-contact").innerHTML = s(D.contacts.contacts, !1), $$(".comm-sec .fold").forEach(bindFold), $$(".add-btn").forEach((t => t.onclick = e => { e.stopPropagation(), genAddCt(t.dataset.name, t.dataset.info || "", t) })), $$(".ignore-btn").forEach((t => t.onclick = e => { e.stopPropagation(); const s = D.contacts.strangers.findIndex((e => e.name === t.dataset.name)); s > -1 && (D.contacts.strangers.splice(s, 1), saveCt(), render()) })), $$(".msg-btn").forEach((t => t.onclick = e => { e.stopPropagation(); const s = D.contacts.contacts.find((e => e.worldbookUid === t.dataset.uid)); s && openChat(s) })), $$(".inv-btn").forEach((t => t.onclick = e => { e.stopPropagation(); const s = D.contacts.contacts.find((e => e.worldbookUid === t.dataset.uid)); s && openInv(s) })), "current" === selectedMapValue) { const t = getCurInside(); $("side-desc").innerHTML = t?.description ? `<div class="local-map-title">📍 ${h(playerLocation)}</div>` + parseLinks(t.description) : parseLinks(D.maps?.outdoor?.description || "") } else $("side-desc").innerHTML = parseLinks(D.maps?.outdoor?.description || ""); bindLinks($("side-desc")), $("mob-desc").innerHTML = "", renderMapSelector(), renderMap() } function renderMap() { const t = D.maps?.outdoor; if (seed = 123456789, inner.querySelectorAll(".item").forEach((t => t.remove())), svg.innerHTML = "", nodes = [], lines = [], !t?.nodes?.length) return; t.nodes.forEach(((t, e) => { const s = dirMap[t.position] || [0, 0], o = Math.hypot(s[0], s[1]) || 1, a = 120 * (t.distant || 1); nodes.push({ id: "n" + e, name: t.name, type: t.type || "sub", pos: t.position, distant: t.distant || 1, x: s[0] / o * a, y: s[1] / o * a, data: t }) })); const e = {}; nodes.forEach((t => (e[t.pos] = e[t.pos] || []).push(t))); for (let t in e) { const s = e[t]; if (s.length <= 1) continue; const o = dirMap[t] || [0, 0], a = Math.hypot(o[0], o[1]) || 1, n = -o[1] / a, r = o[0] / a, i = (s.length - 1) / 2; s.sort(((t, e) => t.distant - e.distant)).forEach(((t, e) => { t.x += n * (e - i) * 50, t.y += r * (e - i) * 50 })) } for (let t = 0; t < 15; t++)for (let t = 0; t < nodes.length; t++)for (let e = t + 1; e < nodes.length; e++) { const s = nodes[t], o = nodes[e], a = s.x - o.x, n = s.y - o.y, r = Math.hypot(a, n); if (r < 80 && r > 0) { const t = (80 - r) / r * .5; s.x += a * t, s.y += n * t, o.x -= a * t, o.y -= n * t } } nodes.forEach((t => { const e = document.createElement("div"); e.className = `item node-${t.type}`, e.id = t.id, e.textContent = "home" === t.type ? "🏠 " + t.name : t.name, e.style.cssText = `left:${t.x + 2e3}px;top:${t.y + 2e3}px`, e.onclick = e => { e.stopPropagation(), curNode?.id === t.id ? hideInfo() : showInfo(t) }, inner.appendChild(e) })); for (let t in e) { const s = e[t].sort(((t, e) => t.distant - e.distant)); for (let t = 0; t < s.length - 1; t++)lines.push([s[t], s[t + 1]]) } const s = Object.values(e).map((t => t.sort(((t, e) => t.distant - e.distant))[0])).sort(((t, e) => Math.atan2(t.y, t.x) - Math.atan2(e.y, e.x))); s.forEach(((t, e) => lines.push([t, s[(e + 1) % s.length]]))); const o = (t, e) => lines.some((([s, o]) => s === t && o === e || s === e && o === t)); for (let t = 0, e = 0; e < Math.floor(nodes.length / 5) && t < 200; t++) { const t = nodes[Math.floor(rand() * nodes.length)], s = nodes[Math.floor(rand() * nodes.length)]; t === s || o(t, s) || (lines.push([t, s]), e++) } drawLines() } function drawLines() { svg.innerHTML = ""; const t = mapWrap.getBoundingClientRect(); lines.forEach((([e, s]) => { const o = $(e.id), a = $(s.id); if (!o || !a) return; const n = o.getBoundingClientRect(), r = a.getBoundingClientRect(), i = document.createElementNS("http://www.w3.org/2000/svg", "line"); i.setAttribute("x1", (n.left + n.width / 2 - t.left) / scale - offX / scale), i.setAttribute("y1", (n.top + n.height / 2 - t.top) / scale - offY / scale), i.setAttribute("x2", (r.left + r.width / 2 - t.left) / scale - offX / scale), i.setAttribute("y2", (r.top + r.height / 2 - t.top) / scale - offY / scale); const c = "main" === e.type && "main" === s.type || "home" === e.type || "home" === s.type; i.setAttribute("stroke", c ? "var(--c)" : "var(--c4)"), i.setAttribute("stroke-width", c ? "2" : "1"), c || i.setAttribute("stroke-dasharray", "4 3"), svg.appendChild(i) })) } $("btn-settings").onclick = () => { reqSet(), $("set-api-url").value = gSet.apiUrl || "", $("set-api-key").value = gSet.apiKey || "", $("set-model").value = gSet.model || "", $("set-model-list").style.display = "none", $("test-res").className = "set-test-res", $("set-stage").value = D.stage || 0, $("set-deviation").value = D.deviationScore || 0, $("set-sim-target").value = D.simulationTarget ?? 5, $("set-mode").value = gSet.mode || "story", $("set-history-count").value = commSet.historyCount || 50, $("set-use-stream").checked = !!commSet.stream, $("set-npc-position").value = commSet.npcPosition || 0, $("set-npc-order").value = commSet.npcOrder || 100, renderDataList(), syncSimDueUI(), openM("m-settings") }, $("btn-adv-prompts").onclick = () => advOpen(), $("adv-save-global").onclick = () => advSaveTo("global"), $("adv-save-char").onclick = () => advSaveTo("character"), $("adv-reset").onclick = () => advReset(), $("btn-fetch-models").onclick = () => { BtnState.load($("btn-fetch-models"), "加载"), post("FETCH_MODELS", { apiUrl: $("set-api-url").value.trim(), apiKey: $("set-api-key").value.trim() }) }, $("btn-test-conn").onclick = () => { $("test-res").className = "set-test-res", BtnState.load($("btn-test-conn"), "测试"), post("TEST_CONNECTION", { apiUrl: $("set-api-url").value.trim(), apiKey: $("set-api-key").value.trim(), model: $("set-model").value.trim() }) }, $("set-save").onclick = () => { gSet = { apiUrl: $("set-api-url").value.trim(), apiKey: $("set-api-key").value.trim(), model: $("set-model").value.trim(), mode: $("set-mode").value || "story" }, D.stage = Math.max(0, Math.min(10, parseInt($("set-stage").value, 10) || 0)), D.deviationScore = Math.max(0, Math.min(100, parseInt($("set-deviation").value, 10) || 0)), D.simulationTarget = parseInt($("set-sim-target").value, 10), Number.isNaN(D.simulationTarget) && (D.simulationTarget = 5), commSet = { historyCount: Math.max(0, Math.min(200, parseInt($("set-history-count").value, 10) || 50)), stream: !!$("set-use-stream").checked, npcPosition: parseInt($("set-npc-position").value, 10) || 0, npcOrder: Math.max(0, Math.min(1e3, parseInt($("set-npc-order").value, 10) || 100)) }; const t = {}; dataKeys.forEach((([e, , , s]) => { dataCk[e] && (t[e] = s()) })), syncSimDueUI(), post("SAVE_SETTINGS", { globalSettings: gSet, commSettings: commSet, stage: D.stage, deviationScore: D.deviationScore, simulationTarget: D.simulationTarget, playerLocation, dataChecked: dataCk, outlineData: t, allData: { meta: D.meta, timeline: D.timeline, world: D.world, outdoor: D.maps.outdoor, indoor: D.maps.indoor, strangers: D.contacts.strangers, contacts: contactsForSave() } }), closeM("m-settings") }, $("btn-close").onclick = () => post("CLOSE_PANEL"), window.addEventListener("message", (t => { if (t.origin !== PARENT_ORIGIN || t.source !== parent) return; if ("LittleWhiteBox" !== t.data?.source) return; const e = t.data, s = e.type; if ("LOAD_SETTINGS" === s) { if (e.globalSettings && (gSet = e.globalSettings), void 0 !== e.stage && (D.stage = e.stage), void 0 !== e.deviationScore && (D.deviationScore = e.deviationScore), void 0 !== e.simulationTarget && (D.simulationTarget = e.simulationTarget), e.playerLocation && (playerLocation = e.playerLocation), e.commSettings && (commSet = { historyCount: e.commSettings.historyCount ?? 50, npcPosition: e.commSettings.npcPosition ?? 0, npcOrder: e.commSettings.npcOrder ?? 100, stream: !!e.commSettings.stream }), e.dataChecked && (dataCk = e.dataChecked), e.promptConfig && (promptDefaults = e.promptConfig.defaults || promptDefaults, e.promptConfig.stores ? (promptStores.global = e.promptConfig.stores.global || { jsonTemplates: {}, promptSources: {} }, promptStores.character = e.promptConfig.stores.character || { jsonTemplates: {}, promptSources: {} }) : (promptStores.global = e.promptConfig.current || { jsonTemplates: {}, promptSources: {} }, promptStores.character = promptStores.character || { jsonTemplates: {}, promptSources: {} })), e.outlineData) { const t = e.outlineData; t.meta && (D.meta = t.meta), t.world && (D.world = t.world), t.outdoor && (D.maps.outdoor = t.outdoor), t.indoor && (D.maps.indoor = t.indoor), t.sceneSetup && (D.sceneSetup = t.sceneSetup), t.strangers && (D.contacts.strangers = t.strangers), t.contacts && (D.contacts.contacts = t.contacts) } { const t = e.characterContactSmsHistory || {}; charSmsHistory = { messages: Array.isArray(t.messages) ? t.messages : [], summarizedCount: t.summarizedCount || 0, summaries: t.summaries || {} } } let t = D.contacts.contacts.find((t => "__CHARACTER_CARD__" === t.worldbookUid)); t || (t = D.contacts.contacts.find((t => !t.worldbookUid && "炒饭智能" === t.name)), t ? (t.worldbookUid = "__CHARACTER_CARD__", t.info = "角色卡联络人", t.location = "在线", t.online = !0) : (D.contacts.contacts.unshift({ name: e.characterCardName || "{{characterName}}", avatar: "", color: "#555", location: "在线", info: "角色卡联络人", online: !0, worldbookUid: "__CHARACTER_CARD__", messages: [], summarizedCount: 0 }), t = D.contacts.contacts[0])), t && e.characterCardName && (t.name = e.characterCardName, t.avatar = (e.characterCardName || "")[0] || t.avatar || ""), render(), syncSimDueUI(), $("m-settings").classList.contains("act") && ($("set-api-url").value = gSet.apiUrl || "", $("set-api-key").value = gSet.apiKey || "", $("set-model").value = gSet.model || "", $("set-stage").value = D.stage, $("set-deviation").value = D.deviationScore, $("set-sim-target").value = D.simulationTarget ?? 5, $("set-mode").value = gSet.mode || "story", $("set-history-count").value = commSet.historyCount, $("set-use-stream").checked = !!commSet.stream, $("set-npc-position").value = commSet.npcPosition, $("set-npc-order").value = commSet.npcOrder, renderDataList()) } else if ("PROMPT_CONFIG_UPDATED" === s) { if (e.promptConfig && (promptDefaults = e.promptConfig.defaults || promptDefaults, e.promptConfig.stores ? (promptStores.global = e.promptConfig.stores.global || { jsonTemplates: {}, promptSources: {} }, promptStores.character = e.promptConfig.stores.character || { jsonTemplates: {}, promptSources: {} }) : (promptStores.global = e.promptConfig.current || { jsonTemplates: {}, promptSources: {} }, promptStores.character = promptStores.character || { jsonTemplates: {}, promptSources: {} }), $("m-adv-prompts").classList.contains("act"))) { const t = $("adv-key")?.value; t && advApplyToUI(t, advGetScope()) } } else if ("FETCH_MODELS_RESULT" === s) { BtnState.reset($("btn-fetch-models"), "获取"); const t = $("set-model-list"); if (e.error) return t.style.display = "none", void showTestRes(!1, "获取模型失败: " + e.error); if (!e.models?.length) return t.style.display = "none", void showTestRes(!1, "未找到可用模型"); t.innerHTML = '<option value="">-- 选择模型 --</option>' + e.models.map((t => `<option value="${t}">${t}</option>`)).join(""), t.style.display = "block", t.onchange = () => { t.value && ($("set-model").value = t.value) }, showTestRes(!0, `找到 ${e.models.length} 个模型`) } else if ("TEST_CONN_RESULT" === s) BtnState.reset($("btn-test-conn"), "测试连接"), showTestRes(e.success, e.message); else if ("CHECK_WORLDBOOK_UID_RESULT" === s) { if (BtnState.reset($("btn-check-uid"), '<i class="fa-solid fa-search"></i> 检查'), !Req.match(e.requestId)) return; if (e.error) return void showUidErr(e.error); if (!e.primaryKeys?.length) return void showUidErr("该条目没有主要关键字"); addCtState.keys = e.primaryKeys; const t = $("add-name"); t.innerHTML = '<option value="">-- 请选择 --</option>' + e.primaryKeys.map((t => `<option value="${t}">${t}</option>`)).join(""), t.onchange = () => { addCtState.name = t.value, $("add-ct-ok").disabled = !t.value }, $("name-select-group").style.display = "block", 1 === e.primaryKeys.length && (addCtState.name = e.primaryKeys[0], t.value = addCtState.name, $("add-ct-ok").disabled = !1) } else if ("SMS_RESULT" === s) { const t = Req.get("sms"); if (!t || t.id !== e.requestId) return; if (Req.clear("sms"), smsGen = !1, $("chat-in").disabled = $("chat-send").disabled = $("chat-back").disabled = !1, !chatTgt) return; chatTgt.messages = chatTgt.messages.filter((t => !t.typing)), e.error ? chatTgt.messages.push({ type: "received", text: `[错误] ${e.error}` }) : e.reply && chatTgt.messages.push({ type: "received", text: stripXml(e.reply) }), renderMsgs(), saveCt(), chatTgt.worldbookUid && saveChat(chatTgt) } else if ("SMS_STREAM" === s) { const t = Req.get("sms"); if (!t || t.id !== e.requestId || !chatTgt) return; const s = chatTgt.messages.find((t => t.typing)); s && e.text && (s.text = e.text, renderMsgs()) } else if ("LOAD_SMS_HISTORY_RESULT" === s) { if (!chatTgt || chatTgt.worldbookUid !== e.worldbookUid) return; e.messages?.length && (chatTgt.messages = e.messages, chatTgt.summarizedCount = e.summarizedCount || 0, saveCt()), renderMsgs() } else if ("COMPRESS_SMS_RESULT" === s) { const t = Req.get("compress"); if (!t || t.id !== e.requestId) return; if (Req.clear("compress"), smsGen = !1, $("chat-compress").disabled = $("chat-in").disabled = $("chat-send").disabled = $("chat-back").disabled = !1, !chatTgt) return; if (e.error) return void alert(`压缩失败: ${e.error}`); void 0 !== e.newSummarizedCount && (chatTgt.summarizedCount = e.newSummarizedCount, renderMsgs(), saveCt()) } else if ("CHECK_STRANGER_WORLDBOOK_RESULT" === s) { const t = Req.get("stgwb"); if (!t || t.id !== e.requestId) return; const { name: s, info: o, btn: a } = t; if (Req.clear("stgwb"), e.found && e.worldbookUid) { BtnState.reset(a, '<i class="fa-solid fa-user-plus"></i> 添加'); const t = D.contacts.strangers.findIndex((t => t.name === s)); if (t > -1) { const s = D.contacts.strangers.splice(t, 1)[0]; D.contacts.contacts.push({ name: s.name, avatar: s.avatar || s.name[0], color: s.color || "#" + Math.floor(16777215 * Math.random()).toString(16).padStart(6, "0"), location: s.location || "未知", info: s.info || "", worldbookUid: e.worldbookUid, messages: [] }), saveCt(), render() } } else { BtnState.load(a, "生成中"); const t = Req.create("npcgen"); Req.set("npcgen", { name: s, info: o, btn: a }), post("GENERATE_NPC", { requestId: t, strangerName: s, strangerInfo: o }) } } else if ("GENERATE_NPC_RESULT" === s) { const t = Req.get("npcgen"); if (!t || t.id !== e.requestId) return; const { name: s, btn: o } = t; if (Req.clear("npcgen"), BtnState.reset(o, '<i class="fa-solid fa-user-plus"></i> 添加'), e.error) return void showResultModal("生成角色失败", "生成 NPC 失败", !0, e.error); if (e.success && e.worldbookUid) { const t = D.contacts.strangers.findIndex((t => t.name === s)); if (t > -1) { const o = D.contacts.strangers.splice(t, 1)[0], a = e.npcData || {}; D.contacts.contacts.push({ name: a.name || o.name, avatar: (a.name || o.name)[0], color: o.color || "#" + Math.floor(16777215 * Math.random()).toString(16).padStart(6, "0"), location: o.location || "未知", info: a.intro || o.info || "", worldbookUid: e.worldbookUid, messages: [] }), saveCt(), render(), showResultModal("生成成功", `NPC ${s} 已生成并添加到联络人`, !1, e.npcData) } } } else if ("EXTRACT_STRANGERS_RESULT" === s) { const t = Req.get("extract"); if (!t || t.id !== e.requestId) return; const { btn: s } = t; if (Req.clear("extract"), BtnState.reset(s, '<i class="fa-solid fa-rotate"></i>'), e.error) return void showResultModal("提取失败", "提取陌路人失败", !0, e.error); if (e.success && Array.isArray(e.strangers)) { if (!e.strangers.length) return void showResultModal("提取结果", "没有发现新的陌路人"); const t = [...D.contacts.contacts.map((t => t.name)), ...D.contacts.strangers.map((t => t.name))], s = e.strangers.filter((e => !t.includes(e.name))); if (!s.length) return void showResultModal("提取结果", "提取到的角色都已存在"); D.contacts.strangers = D.contacts.strangers.concat(s), saveCt(), render(), showResultModal("提取成功", `成功提取 ${s.length} 个新陌路人`, !1, s) } } else if ("GENERATE_WORLD_STATUS" === s) { if (!Req.match(e.requestId)) return; const t = $("world-gen-status"); t.style.display = "block", t.style.color = "var(--ok)", t.textContent = e.message } else if ("GENERATE_WORLD_RESULT" === s) { if (!Req.match(e.requestId)) return; Req.clear("wgen"); const t = $("world-gen-ok"), s = $("world-gen-status"); if (BtnState.reset(t, '<i class="fa-solid fa-wand-magic-sparkles"></i> 开始生成'), e.error) { if (s.style.display = "none", showResultModal("生成失败", "世界生成失败", !0, e.error), String(e.error || "").includes("Step 2")) { const e = $("res-action"); e.style.display = "inline-block", e.textContent = "重试 Step2", e.onclick = () => { closeM("m-result"); const e = Req.create("wgen"); BtnState.load(t, "重试中"), s.style.display = "block", s.style.color = "var(--ok)", s.textContent = "准备重试 Step 2/2...", post("RETRY_WORLD_GEN_STEP2", { requestId: e }) } } return } if (e.success && e.worldData) { s.style.color = "var(--ok)", s.textContent = "生成成功！正在应用数据..."; const t = e.worldData; if (t.meta && (D.meta = t.meta), t.world && (D.world = t.world), t.maps?.outdoor && (D.maps.outdoor = t.maps.outdoor), D.stage = 0, D.deviationScore = 0, t.playerLocation) playerLocation = t.playerLocation; else { const t = D.maps?.outdoor?.nodes?.find((t => "home" === t.type)); playerLocation = t?.name || D.maps?.outdoor?.nodes?.[0]?.name || "未知" } t.maps?.inside && playerLocation && (D.maps.indoor = D.maps.indoor || {}, D.maps.indoor[playerLocation] = t.maps.inside), selectedMapValue = "current", saveAll(), render(), setTimeout((() => { closeM("m-world-gen"), s.style.display = "none", $("world-gen-req").value = "", showResultModal("生成成功", "世界数据生成完成！Stage 和 Deviation 已重置为 0", !1, e.worldData) }), 500) } } else if ("SIMULATE_WORLD_RESULT" === s) { if (!e.isAuto && !Req.match(e.requestId)) return; if (!e.isAuto) { Req.clear("wsim"); const t = $("world-sim-ok"), s = $("world-sim-status"); if (BtnState.reset(t, '<i class="fa-solid fa-rotate"></i> 开始推演'), e.error) return s.style.display = "none", void showResultModal("推演失败", "世界推演失败", !0, e.error) } if (e.success && e.simData) { if (!e.isAuto) { const t = $("world-sim-status"); t.style.color = "var(--ok)", t.textContent = "推演成功！正在应用数据..." } const t = e.simData; t.meta && (D.meta = t.meta), t.world && (D.world = t.world), t.maps?.outdoor && (D.maps.outdoor = t.maps.outdoor), D.stage = (D.stage || 0) + 1, saveAll(), render(), e.isAuto || setTimeout((() => { closeM("m-world-sim"), $("world-sim-status").style.display = "none", showResultModal("推演成功", `世界推演完成！Stage 已推进到 ${D.stage}`, !1, e.simData) }), 500) } } else if ("REFRESH_WORLD_NEWS_RESULT" === s) { const t = Req.get("newsrf"); if (!t || t.id !== e.requestId) return; const { btn: s } = t; if (Req.clear("newsrf"), s && (s.disabled = !1, s.innerHTML = s._o ?? '<i class="fa-solid fa-rotate"></i>'), e.error) return void showResultModal("刷新失败", "世界新闻刷新失败", !0, e.error); e.success && Array.isArray(e.news) && (D.world = D.world || {}, D.world.news = e.news, saveAll(), render(), showResultModal("刷新成功", `已更新世界新闻（${e.news.length} 条）`, !1, e.news)) } else if ("SCENE_SWITCH_RESULT" === s) { const t = Req.get("scene"); if (!t || t.id !== e.requestId) return; const { node: s, prev: o } = t; if (Req.clear("scene"), BtnState.reset($("goto-ok"), "确认前往"), closeM("m-goto"), e.error) return void showResultModal("切换失败", "场景切换失败", !0, e.error); if (e.success && e.sceneData) { const t = e.sceneData; if ("number" == typeof t.newScore && (D.deviationScore = t.newScore), t.localMap && (D.maps.indoor = D.maps.indoor || {}, D.maps.indoor[s.name] = t.localMap), t.strangers?.length) { const e = new Set((D.contacts.strangers || []).map((t => t.name))), s = t.strangers.filter((t => !e.has(t.name))); D.contacts.strangers = [...D.contacts.strangers || [], ...s] } finishTravel(s.name, o), 0 !== t.scoreDelta && showResultModal("切换成功", `场景切换完成！\n偏差值变化: ${t.scoreDelta > 0 ? "+" : ""}${t.scoreDelta} (当前: ${t.newScore})`, !1, e.sceneData) } } else if ("REFRESH_LOCAL_MAP_RESULT" === s) { const t = Req.get("localmaprf"); if (!t || t.id !== e.requestId) return; const { btn: s, loc: o } = t; if (Req.clear("localmaprf"), BtnState.reset(s, '<i class="fa-solid fa-rotate-right"></i>刷新'), e.error) return void showResultModal("刷新失败", "刷新局部地图失败", !0, e.error); if (e.success && e.localMapData) { const t = e.localMapData, s = t.name || o || playerLocation || "当前位置"; D.maps.indoor = D.maps.indoor || {}, D.maps.indoor[s] = t, playerLocation = s, selectedMapValue = "current", saveAll(), render(), t.description && ($("side-desc").innerHTML = `<div class="local-map-title">📍 ${h(s)}</div>` + parseLinks(t.description), bindLinks($("side-desc"))), showResultModal("刷新成功", `局部地图已刷新！当前位置: ${s}`, !1, e.localMapData) } } else if ("GENERATE_LOCAL_SCENE_RESULT" === s) { const t = Req.get("localscene"); if (!t || t.id !== e.requestId) return; const { btn: s, loc: o } = t; if (Req.clear("localscene"), BtnState.reset(s, '<i class="fa-solid fa-feather-pointed"></i>局部剧情'), e.error) return void showResultModal("生成失败", "局部剧情生成失败", !0, e.error); if (e.success && e.sceneSetup) { D.sceneSetup = { ...D.sceneSetup || {}, ...e.sceneSetup || {} }, saveAll(), render(); const t = String(e.introduce || "").replace(/^\s*(?:\/?\s*(?:sendas|as)\s+name\s*=\s*(?:"[^"]*"|'[^']*'|\S+)\s+)/i, "").replace(/\s+/g, " ").trim(); t && post("EXECUTE_SLASH_COMMAND", { command: `/sendas name="剧情任务" ${t}` }), showResultModal("生成成功", `局部剧情已生成：${o || playerLocation}`, !1, e.sceneSetup) } } else if ("SEND_INVITE_RESULT" === s) { const t = Req.get("invite"); if (!t || t.id !== e.requestId) return; const { contact: s, loc: o, btn: a } = t; if (Req.clear("invite"), BtnState.reset(a, "发送邀请"), e.error) return void showResultModal("邀请失败", "邀请发送失败", !0, e.error); if (e.success && e.inviteData) { const t = e.inviteData, a = canonicalLoc(t.targetLocation || o || ""), n = D.contacts.contacts.find((t => t && s && t.worldbookUid && s.worldbookUid && t.worldbookUid === s.worldbookUid)) || D.contacts.contacts.find((t => t && s && t.name === s.name)) || s; if (n.messages = n.messages || [], n.messages.push({ type: "sent", text: `我邀请你前往「${a}」` }), n.messages.push({ type: "received", text: t.reply }), t.accepted) { const e = canonicalLoc(playerLocation); n.location = a, e && a && e === a ? (delete n.waitingAt, post("EXECUTE_SLASH_COMMAND", { command: `/sendas name="剧情任务" ${n.name}过来了。` })) : n.waitingAt = a, showResultModal("邀请成功", `${n.name} 接受了邀请！\n回复: ${t.reply}`, !1, t) } else showResultModal("邀请被拒", `${n.name} 拒绝了邀请。\n回复: ${t.reply}`, !1, t); saveAll(), n.worldbookUid && saveChat(n), closeM("m-invite"), render(), openChat(n) } } else if ("GENERATE_LOCAL_MAP_RESULT" === s) { const t = Req.get("localmap"); if (!t || t.id !== e.requestId) return; const { btn: s } = t; if (Req.clear("localmap"), BtnState.reset(s, '<i class="fa-solid fa-plus"></i>局部地图'), e.error) return void showResultModal("生成失败", "局部地图生成失败", !0, e.error); if (e.success && e.localMapData) { const t = e.localMapData, s = t.name || "当前位置"; D.sceneSetup = null, D.maps.indoor = D.maps.indoor || {}, D.maps.indoor[s] = t, playerLocation = s, selectedMapValue = "current", saveAll(), render(), t.description && ($("side-desc").innerHTML = `<div class="local-map-title">📍 ${h(s)}</div>` + parseLinks(t.description), bindLinks($("side-desc"))), showResultModal("生成成功", `局部地图生成完成！当前位置: ${s}`, !1, t) } } })); const updateTf = () => { inner.style.transform = `translate(${offX}px,${offY}px) scale(${scale})`, $("zoom-ind").textContent = Math.round(100 * scale) + "%", requestAnimationFrame(drawLines) }, initPos = () => { offX = mapWrap.clientWidth / 2 - 2e3, offY = mapWrap.clientHeight / 2 - 2e3, scale = 1, updateTf() }; function panTo(t, e = 350) { if (!t || anim) return; if (!$(t.id)) return; const s = -(t.x + 2e3) * scale + mapWrap.clientWidth / 4, o = -(t.y + 2e3) * scale + .25 * mapWrap.clientHeight, a = offX, n = offY, r = performance.now(); anim = !0, function t(i) { const c = Math.min((i - r) / e, 1), l = 1 - Math.pow(1 - c, 3); offX = a + (s - a) * l, offY = n + (o - n) * l, updateTf(), c < 1 ? requestAnimationFrame(t) : anim = !1 }(r) } function showInfo(t) { if (!t?.data) return; curNode = t, inner.querySelectorAll(".item").forEach((t => t.classList.remove("hl"))), $(t.id)?.classList.add("hl"); const e = t.name === playerLocation; $("btn-goto").classList.toggle("show", !e), e || ($("goto-t").textContent = `前往 ${t.name}`); const s = D.maps?.indoor?.[t.name]; e && s?.description ? ($("side-desc").innerHTML = `<div class="local-map-title">📍 ${h(t.name)}</div>` + parseLinks(s.description), bindLinks($("side-desc"))) : ($("side-desc").innerHTML = parseLinks(D.maps?.outdoor?.description || ""), bindLinks($("side-desc"))), isMob() ? ($("mob-info-t").textContent = t.name, $("mob-info-c").textContent = e ? s?.description || t.data.info || "暂无信息..." : t.data.info || "暂无信息...", popup.classList.contains("act") || openPop(1)) : ($("info-t").textContent = t.name, $("info-c").textContent = t.data.info || "暂无信息...", $("tip").classList.add("show")) } const hideInfo = () => { curNode = null, inner.querySelectorAll(".item").forEach((t => t.classList.remove("hl"))), $("btn-goto").classList.remove("show"), $("tip").classList.remove("show") }; function renderMapSelector() { const t = $("map-lbl-select"); t.innerHTML = '<option value="overview">🗺️ 大地图</option>'; const e = D.maps?.outdoor?.nodes?.findIndex((t => t.name === playerLocation)), s = D.maps?.indoor && D.maps.indoor[playerLocation]; if ((e >= 0 || s) && (t.innerHTML += `<option value="current">📍 ${h(playerLocation)}（你）</option>`), t.innerHTML += "<option disabled>──────────</option>", D.maps?.outdoor?.nodes?.length && D.maps.outdoor.nodes.forEach(((e, s) => { e.name !== playerLocation && (t.innerHTML += `<option value="node:${s}">${h(e.name)}</option>`) })), D.maps?.indoor) { const e = Object.keys(D.maps.indoor).filter((t => t !== playerLocation && !D.maps?.outdoor?.nodes?.some((e => e.name === t)))); e.length && (t.innerHTML += "<option disabled>── 隐藏地图 ──</option>", e.forEach((e => t.innerHTML += `<option value="indoor:${h(e)}">🏠 ${h(e)}</option>`))) } t.value = selectedMapValue, updateMapLabel() } function updateMapLabel() { const t = $("map-lbl-select").value; if ("overview" === t) $("map-lbl-t").textContent = "大地图"; else if ("current" === t) $("map-lbl-t").textContent = playerLocation + "（你）"; else if (t.startsWith("node:")) { const e = parseInt(t.split(":")[1]); $("map-lbl-t").textContent = D.maps?.outdoor?.nodes?.[e]?.name || "未知" } else t.startsWith("indoor:") && ($("map-lbl-t").textContent = t.replace("indoor:", "")) } function switchMapView(t) { if (selectedMapValue = t, hideInfo(), "overview" === t) $("btn-goto").classList.remove("show"), $("side-desc").innerHTML = parseLinks(D.maps?.outdoor?.description || ""), bindLinks($("side-desc")), initPos(); else if ("current" === t) { $("btn-goto").classList.remove("show"); const t = getCurInside(); t?.description ? ($("side-desc").innerHTML = `<div class="local-map-title">📍 ${h(playerLocation)}</div>` + parseLinks(t.description), bindLinks($("side-desc"))) : ($("side-desc").innerHTML = parseLinks(D.maps?.outdoor?.description || ""), bindLinks($("side-desc"))); const e = nodes.find((t => t.name === playerLocation)); e && (panTo(e), showInfo(e)) } else if (t.startsWith("node:")) { const e = parseInt(t.split(":")[1]), s = D.maps?.outdoor?.nodes?.[e]; $("side-desc").innerHTML = parseLinks(D.maps?.outdoor?.description || ""), bindLinks($("side-desc")); const o = nodes.find((t => t.name === s?.name)); o && (panTo(o), showInfo(o)) } else if (t.startsWith("indoor:")) { const e = t.replace("indoor:", ""), s = D.maps?.indoor?.[e]; e !== playerLocation ? ($("side-desc").innerHTML = parseLinks(D.maps?.outdoor?.description || ""), bindLinks($("side-desc")), curNode = { name: e, type: "sub", data: { info: stripXml(s?.description || "") }, isIndoor: !0 }, $("btn-goto").classList.add("show"), $("goto-t").textContent = `前往 ${e}`) : ($("btn-goto").classList.remove("show"), s?.description && ($("side-desc").innerHTML = `<div class="local-map-title">🏠 ${h(e)}</div>` + parseLinks(s.description), bindLinks($("side-desc")))) } updateMapLabel() } $("info-bk").onclick = hideInfo, $("mob-info-bk").onclick = () => popup.classList.remove("act"), $("map-lbl-select").onchange = t => switchMapView(t.target.value); let sx, sy, lastDist = 0, lastCX = 0, lastCY = 0; mapWrap.onmousedown = t => { anim || t.target.closest(".map-act,.map-lbl") || (t.target.classList.contains("item") || hideInfo(), drag = !0, sx = t.clientX, sy = t.clientY, mapWrap.style.cursor = "grabbing") }, mapWrap.onmousemove = t => { drag && (offX += t.clientX - sx, offY += t.clientY - sy, sx = t.clientX, sy = t.clientY, updateTf()) }, mapWrap.onmouseup = mapWrap.onmouseleave = () => { drag = !1, mapWrap.style.cursor = "grab" }, mapWrap.onwheel = t => { if (anim) return; t.preventDefault(); const e = Math.max(.3, Math.min(3, scale + (t.deltaY > 0 ? -.1 : .1))), s = mapWrap.getBoundingClientRect(), o = t.clientX - s.left, a = t.clientY - s.top, n = e / scale; offX = o - (o - offX) * n, offY = a - (a - offY) * n, scale = e, updateTf() }, mapWrap.ontouchstart = t => { if (anim || t.target.closest(".map-act,.map-lbl")) return; const e = t.target.closest(".item"); e ? e._ts = { x: t.touches[0].clientX, y: t.touches[0].clientY, t: Date.now() } : (hideInfo(), 1 === t.touches.length ? (drag = !0, sx = t.touches[0].clientX, sy = t.touches[0].clientY) : 2 === t.touches.length && (drag = !1, lastDist = Math.hypot(t.touches[0].clientX - t.touches[1].clientX, t.touches[0].clientY - t.touches[1].clientY), lastCX = (t.touches[0].clientX + t.touches[1].clientX) / 2, lastCY = (t.touches[0].clientY + t.touches[1].clientY) / 2)) }, mapWrap.ontouchmove = t => { const e = t.target.closest(".item"); if (e && e._ts) Math.hypot(t.touches[0].clientX - e._ts.x, t.touches[0].clientY - e._ts.y) > 10 && (delete e._ts, drag = !0, sx = t.touches[0].clientX, sy = t.touches[0].clientY); else if (1 === t.touches.length && drag) t.preventDefault(), offX += t.touches[0].clientX - sx, offY += t.touches[0].clientY - sy, sx = t.touches[0].clientX, sy = t.touches[0].clientY, updateTf(); else if (2 === t.touches.length) { t.preventDefault(); const e = Math.hypot(t.touches[0].clientX - t.touches[1].clientX, t.touches[0].clientY - t.touches[1].clientY), s = (t.touches[0].clientX + t.touches[1].clientX) / 2, o = (t.touches[0].clientY + t.touches[1].clientY) / 2, a = Math.max(.3, Math.min(3, scale * (e / lastDist))), n = mapWrap.getBoundingClientRect(), r = s - n.left, i = o - n.top, c = a / scale; offX = r - (r - offX) * c, offY = i - (i - offY) * c, offX += s - lastCX, offY += o - lastCY, scale = a, lastDist = e, lastCX = s, lastCY = o, updateTf() } }, mapWrap.ontouchend = t => { const e = t.target.closest(".item"); if (e && e._ts) { const s = Date.now() - e._ts.t; if (delete e._ts, s < 300) { const s = nodes.find((t => t.id === e.id)); s && (t.preventDefault(), curNode?.id === s.id ? hideInfo() : showInfo(s)) } } drag = !1 }, $$(".nav-i").forEach((t => t.onclick = () => { $$(".nav-i").forEach((t => t.classList.remove("act"))), $$(".page").forEach((t => t.classList.remove("act"))), t.classList.add("act"), $(`page-${t.dataset.p}`).classList.add("act"); const e = "map" === t.dataset.p; sidePop.classList.toggle("show", e), isMob() && (e ? openPop(1) : popup.classList.remove("act")), e && setTimeout((() => { initPos(), drawLines() }), 50) })), $$(".comm-tab").forEach((t => t.onclick = () => { $$(".comm-tab").forEach((t => t.classList.remove("act"))), $$(".comm-sec").forEach((t => t.classList.remove("act"))), t.classList.add("act"), $(`sec-${t.dataset.t}`).classList.add("act") })), $("btn-goto").onclick = t => { t.stopPropagation(), curNode && ($("goto-d").textContent = `目的地：${curNode.name}`, $("goto-task").value = "", openM("m-goto")) }, addEventListener("resize", (() => requestAnimationFrame(drawLines))), window.clickTab = (t, e) => { const s = t.closest(".settings-modal"); if (!s) return; s.querySelectorAll(".set-nav-item").forEach((t => t.classList.remove("act"))), t.classList.add("act"), s.querySelectorAll(".set-tab-page").forEach((t => t.classList.remove("act"))); const o = document.getElementById(e); o && (o.classList.add("act"), o.style.animation = "none", o.offsetHeight, o.style.animation = null) }, document.addEventListener("DOMContentLoaded", (() => { render(), initPos(), sidePop.classList.add("show"), sidePop.classList.add("act"), isMob() && openPop(1), post("FRAME_READY"), setTimeout((() => { "current" === selectedMapValue && switchMapView("current") }), 100) }));
+    </script>
+</body>
+
+</html>
