:root{--paper: #f5efe0;--paper-dark: #e9e0c8;--cinnabar: #9e2b25;--indigo: #2b4047;--gold: #c8a45d;--ink: #2a2522;--font-title: "STKaiti", "KaiTi", "楷体", "STSong", serif;--font-body: "Songti SC", "SimSun", "宋体", serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font-body)}.hidden{display:none!important}#app{position:fixed;top:0;right:0;bottom:0;left:0}#app canvas{display:block}.loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:radial-gradient(ellipse at 30% 20%,rgba(200,164,93,.08),transparent 60%),var(--paper);display:flex;align-items:center;justify-content:center;transition:opacity .8s ease}.loading.fade{opacity:0;pointer-events:none}.loading-inner{text-align:center;color:var(--ink)}.tower-silhouette{width:130px;opacity:.85}.loading-title{font-family:var(--font-title);font-size:44px;letter-spacing:14px;margin:10px 0 4px;color:var(--ink);text-indent:14px}.loading-sub{letter-spacing:6px;color:#7a6f5d;font-size:14px;margin-bottom:28px;text-indent:6px}.scroll-progress{display:flex;align-items:center;justify-content:center;gap:0}.scroll-axle{width:12px;height:34px;border-radius:6px;background:linear-gradient(180deg,#5a4634,#8a6a4a 50%,#5a4634);box-shadow:0 1px 3px #0006}.scroll-paper{width:min(46vw,320px);height:22px;background:#fffbef;border-top:1px solid #cbbf9e;border-bottom:1px solid #cbbf9e;overflow:hidden}.scroll-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--gold),#ddc28a);transition:width .25s ease}.progress-text{margin-top:12px;font-size:13px;color:#8a7d66;letter-spacing:3px}.seal-btn{margin-top:26px;padding:14px 22px;font-family:var(--font-title);font-size:22px;letter-spacing:8px;text-indent:8px;color:#fff;background:var(--cinnabar);border:3px solid #7c1f1a;border-radius:8px;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff40,0 4px 10px #7a1f1a59;transition:transform .15s ease}.seal-btn:hover{transform:scale(1.05) rotate(-1deg)}#ui-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}#ui-root>*{pointer-events:auto}.topbar{position:absolute;top:0;left:0;right:0;height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:linear-gradient(180deg,#2a2522eb,#2a2522c7);border-bottom:1px solid var(--gold);box-shadow:0 2px 10px #0003}.brand{display:flex;align-items:center;gap:10px}.brand-seal{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:18px;color:#fff;background:var(--cinnabar);border:1.5px solid #d8b3b0;border-radius:5px}.brand-name{font-family:var(--font-title);color:var(--gold);font-size:19px;letter-spacing:5px;text-indent:5px}.top-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.mode-switch{display:flex;border:1px solid #6f6453;border-radius:14px;overflow:hidden}.mode-btn{padding:5px 14px;font-family:var(--font-title);font-size:14px;letter-spacing:2px;background:transparent;border:none;cursor:pointer;color:#cdbf9e;transition:all .2s}.mode-btn.on{background:var(--cinnabar);color:#fff}.vt-ctrl{display:flex;align-items:center;gap:7px;font-family:var(--font-title);font-size:13px;color:#cdbf9e}#brightness{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:96px;height:5px;border-radius:3px;background:linear-gradient(90deg,#5a554a,#ddc28a);outline:none;cursor:pointer}#brightness::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:var(--gold);border:2px solid #9a7d3f;box-shadow:0 1px 3px #0006}.vt-toggle{padding:5px 12px;font-family:var(--font-title);font-size:13px;letter-spacing:2px;color:#cdbf9e;background:transparent;border:1px solid #6f6453;border-radius:14px;cursor:pointer;transition:all .2s}.vt-toggle:hover{background:#c8a45d2e}.vt-toggle.on{background:var(--gold);color:var(--ink);border-color:var(--gold)}.vt-toggle.danger{color:#e8a9a4;border-color:#8a4540}.xr-toggle{min-width:42px;border-color:var(--gold);color:#f3ddb0}.dismantle-hint{position:absolute;top:56px;left:50%;transform:translate(-50%);background:#2a2522d1;color:var(--paper);font-family:var(--font-title);font-size:13px;letter-spacing:2px;padding:5px 16px;border-radius:12px;pointer-events:none}.rail{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px}.rail-btn{width:46px;padding:9px 0;line-height:1.45;font-family:var(--font-title);font-size:15px;letter-spacing:1px;color:var(--paper);background:var(--indigo);border:1.5px solid #1d2e34;border-radius:7px;cursor:pointer;box-shadow:0 3px 8px #1d2e344d,inset 0 0 0 1px #f5efe01f;transition:transform .15s ease,background .2s}.rail-btn:hover{transform:translate(3px);background:#3a545d}.rail-btn.active{background:var(--cinnabar);border-color:#7c1f1a}.explode-bar{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#f5efe0eb;border:1px solid #cbbf9e;border-radius:22px;padding:9px 20px;box-shadow:0 5px 18px #2a252233}.ruler-label{font-family:var(--font-title);color:var(--indigo);font-size:14px}.explode-cap{font-family:var(--font-title);color:var(--cinnabar);font-size:14px;letter-spacing:2px;border-left:1px solid #cbbf9e;padding-left:12px}#explode-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:min(34vw,240px);height:8px;border-radius:4px;background:repeating-linear-gradient(90deg,#d9cda9 0,#d9cda9 18px,#c5b78d 18px,#c5b78d 20px);outline:none;cursor:pointer}#explode-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:4px;background:var(--cinnabar);border:2px solid #7c1f1a;transform:rotate(45deg);box-shadow:0 2px 6px #0000004d}.drawer{position:absolute;top:0;right:0;height:100%;width:348px;transform:translate(100%);transition:transform .42s cubic-bezier(.22,.85,.3,1);z-index:12}.drawer.open{transform:translate(0)}.drawer-pull{position:absolute;left:-40px;top:50%;transform:translateY(-50%);width:40px;padding:14px 0;font-family:var(--font-title);font-size:16px;line-height:1.3;letter-spacing:1px;color:var(--paper);background:var(--cinnabar);border:none;border-radius:8px 0 0 8px;cursor:pointer;writing-mode:vertical-rl;box-shadow:-3px 0 10px #0003}.drawer-pull span{writing-mode:vertical-rl}.drawer-inner{height:100%;display:flex;flex-direction:column;background:radial-gradient(ellipse at 85% 6%,rgba(200,164,93,.08),transparent 55%),#fbf6e8;border-left:2px solid var(--gold);box-shadow:-8px 0 26px #2a252238}.drawer-head{position:relative;display:flex;align-items:center;justify-content:space-between;padding:14px 18px 12px;border-bottom:1px solid #e0d6bb;background:linear-gradient(180deg,rgba(43,64,71,.06),transparent)}#drawer-title{font-family:var(--font-title);color:var(--ink);font-size:22px;letter-spacing:5px;text-indent:5px}.drawer-close{font-family:var(--font-title);font-size:14px;letter-spacing:3px;text-indent:3px;color:var(--paper);background:var(--ink);border:1px solid #4a4138;border-radius:14px;padding:5px 14px;cursor:pointer}.drawer-close:hover{background:#4a4138}.drawer-scroll{flex:1;overflow-y:auto;padding:16px 18px 24px}.drawer-scroll::-webkit-scrollbar{width:8px}.drawer-scroll::-webkit-scrollbar-thumb{background:#d3c7a6;border-radius:4px}.tab-tip{font-size:12.5px;color:#8a7d66;line-height:1.8;margin-bottom:12px}.ink-divider{height:2px;margin:14px 0;background:linear-gradient(90deg,var(--cinnabar),transparent)}.kn-title{font-family:var(--font-title);color:var(--cinnabar);font-size:20px;letter-spacing:3px;margin-bottom:8px}.kn-body{color:var(--ink);font-size:14.5px;line-height:2;text-align:justify}.fact-list{margin-top:14px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}.fact-list li{font-size:12px;color:var(--indigo);border:1px solid #b9c4c2;border-radius:14px;padding:4px 12px;background:#2b40470f}.part-sub{font-family:var(--font-title);color:#8a7d66;font-size:13px;letter-spacing:2px}.preview-host{margin-bottom:14px}#preview-canvas{display:block;width:100%;aspect-ratio:1 / 1;height:auto;border:1px solid #d9cda9;border-radius:8px;background:radial-gradient(ellipse at 50% 38%,#fffaef,#ece3cd 78%);cursor:grab}#preview-canvas:active{cursor:grabbing}.preview-hint{text-align:center;font-size:11px;color:#9a8d74;padding:6px 0 2px;letter-spacing:2px}.ceng-list{display:flex;flex-direction:column;gap:7px}.ceng-item{display:flex;align-items:center;gap:9px;font-family:var(--font-title);font-size:16px;letter-spacing:2px;color:var(--ink);background:#c8a45d14;border:1px solid #e0d6bb;border-radius:7px;padding:9px 12px;cursor:pointer;text-align:left;transition:all .2s}.ceng-item:hover{background:#c8a45d33}.ceng-item.active{background:var(--cinnabar);color:#fff;border-color:#7c1f1a}.stamp-dot{width:13px;height:13px;border-radius:3px;flex:none;border:1.5px solid var(--cinnabar);opacity:.45;transform:rotate(45deg);transition:all .3s}.stamp-dot.read{background:var(--cinnabar);opacity:1;box-shadow:0 0 6px #9e2b2580}.ceng-item.active .stamp-dot{border-color:#fff}.ceng-item.active .stamp-dot.read{background:#fff}.wood-btn{margin-top:12px;width:100%;padding:9px 0;font-family:var(--font-title);font-size:15px;letter-spacing:3px;text-indent:3px;color:var(--paper);background:var(--indigo);border:1px solid #1d2e34;border-radius:7px;cursor:pointer}.wood-btn:hover{background:#3a545d}.comp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.comp-item{font-family:var(--font-title);font-size:16px;letter-spacing:1px;padding:12px 4px;color:var(--ink);background:#c8a45d1a;border:1px solid #e0d6bb;border-radius:7px;cursor:pointer;transition:all .2s}.comp-item:hover{background:#c8a45d42;transform:translateY(-2px)}.comp-item.read{border-color:var(--cinnabar);color:var(--cinnabar)}.comp-item.active{background:var(--cinnabar);color:#fff;border-color:#7c1f1a}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;flex-direction:column;gap:4px;position:relative;border-left:2px solid var(--gold);padding:10px 0 10px 16px;margin-left:5px}.timeline-item:before{content:"";position:absolute;left:-7px;top:14px;width:12px;height:12px;transform:rotate(45deg);background:var(--cinnabar);border:2px solid #fbf6e8}.timeline-year{font-family:var(--font-title);color:var(--cinnabar);font-size:14px}.timeline-body strong{font-family:var(--font-title);font-size:16px;color:var(--ink);letter-spacing:2px}.timeline-body p{font-size:13px;line-height:1.9;color:#4a4138;margin-top:3px}.seal-grid{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.seal-item{text-align:center;width:96px}.seal-mark{width:80px;height:80px;margin:0 auto 9px;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:19px;letter-spacing:2px;color:#c5b9a0;border:3px solid #c5b9a0;border-radius:10px;writing-mode:vertical-rl;transition:all .4s}.seal-item.got .seal-mark{color:#fff;background:var(--cinnabar);border-color:#7c1f1a;box-shadow:0 4px 14px #9e2b2566;transform:rotate(-4deg)}.seal-item p{font-size:11.5px;color:#8a7d66;line-height:1.6}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:15px;color:var(--ink)}.toggle-group{display:flex;border:1px solid #cbbf9e;border-radius:16px;overflow:hidden}.toggle-btn{padding:7px 16px;font-family:var(--font-title);font-size:14px;letter-spacing:2px;background:transparent;border:none;cursor:pointer;color:var(--ink)}.toggle-btn.on{background:var(--indigo);color:#fff}.toast{position:fixed;top:58px;left:50%;transform:translate(-50%);z-index:60;background:var(--cinnabar);color:#fff;font-family:var(--font-title);font-size:16px;letter-spacing:3px;padding:11px 26px;border-radius:8px;border:2px solid #7c1f1a;box-shadow:0 6px 20px #7a1f1a66;animation:card-in .35s ease}@keyframes card-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1}}.annotator{position:fixed;right:12px;bottom:12px;z-index:80;width:300px;background:#fff;border:2px solid var(--indigo);border-radius:8px;padding:12px;font-size:13px;font-family:monospace;max-height:70vh;overflow-y:auto}.annotator h4{margin-bottom:8px;color:var(--indigo)}.annotator select,.annotator input{width:100%;margin:4px 0;padding:4px}.annotator button{margin-top:6px;padding:6px 10px;cursor:pointer}.annotator .anno-node{font-weight:700;color:var(--cinnabar);word-break:break-all}@media (max-width: 720px){.topbar{height:42px;padding:0 10px}.brand-name{font-size:15px;letter-spacing:3px}.top-controls{gap:7px}.vt-ctrl{display:none}.mode-btn{padding:5px 10px;font-size:13px}.vt-toggle{padding:5px 9px;font-size:12px}.rail{left:6px;gap:6px}.rail-btn{width:38px;font-size:13px;padding:7px 0}.drawer{width:84vw}.explode-bar{bottom:10px;padding:7px 14px}.loading-title{font-size:32px}}