@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600;700;900&family=ZCOOL+XiaoWei&display=swap";:root{color:#f4f0e5;font-family:"Noto Serif SC",Songti SC,serif;font-synthesis:none;--ink: #171b18;--paper: rgba(244, 240, 229, .94);--paper-solid: #f4f0e5;--cinnabar: #a33b2b;--gold: #d4ae59;--jade: #5d8874;--line: rgba(218, 200, 163, .24)}*{box-sizing:border-box}html,body,#app,#world{width:100%;height:100%;margin:0;overflow:hidden}body{background:#141a17;-webkit-user-select:none;user-select:none}button{font:inherit}button:focus-visible{outline:2px solid #f0ce75;outline-offset:2px}#world canvas{display:block;width:100%;height:100%;touch-action:none}.scene-select{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;overflow-y:auto;background:#151b18;color:#f2ead7}.scene-select:before{position:fixed;top:22px;right:22px;bottom:22px;left:22px;border:1px solid rgba(218,190,125,.2);pointer-events:none;content:""}.scene-select:after{position:fixed;right:5%;bottom:-30px;color:#ddd2b209;font:900 180px/1 ZCOOL XiaoWei,serif;letter-spacing:0;pointer-events:none;content:"江湖"}.scene-select-inner{position:relative;z-index:1;display:grid;align-content:center;gap:52px;width:min(920px,calc(100% - 64px));min-height:100%;padding:54px 0;margin:auto}.scene-select-header{display:flex;flex-direction:column;align-items:center;text-align:center}.scene-select-header small{margin-top:18px;color:#c2ab70;font-size:10px;letter-spacing:6px}.scene-select-header h1{margin:10px 0 5px;font:700 48px/1.25 ZCOOL XiaoWei,"Noto Serif SC",serif;letter-spacing:12px}.scene-select-header p{margin:0;color:#9da49b;font-size:12px;letter-spacing:5px}.scene-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(218,190,125,.28);border-bottom:1px solid rgba(218,190,125,.16)}.scene-option{display:grid;grid-template-columns:56px minmax(0,1fr) 30px;align-items:center;gap:18px;min-width:0;min-height:116px;padding:22px 28px;border:0;border-left:3px solid transparent;background:#e8e0c909;color:#eee7d5;text-align:left;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.scene-option+.scene-option{border-left-width:1px;border-left-color:#dabe7d2e}.scene-option:hover,.scene-option:focus-visible{border-left-color:#688c78;background:#688c7821;transform:translateY(-2px)}.scene-option-high:hover,.scene-option-high:focus-visible{border-left-color:#b84a36;background:#9b372a21}.scene-option:disabled{cursor:wait;opacity:.55;transform:none}.scene-option-mark{display:grid;place-items:center;width:52px;height:52px;border:1px solid #9a8b63;color:#e6cf91;font:700 25px ZCOOL XiaoWei,serif}.scene-option-high .scene-option-mark{border-color:#a84938;color:#edc9a0;background:#63271f}.scene-option-copy{display:flex;min-width:0;flex-direction:column;gap:6px}.scene-option-copy strong{font-size:18px;letter-spacing:2px}.scene-option-copy small{color:#aeb3aa;font:11px/1.4 system-ui,sans-serif;letter-spacing:0}.scene-option-arrow{color:#bda969;font-size:16px;text-align:right}.scene-load-error{margin:-30px 0 0;color:#d3816e;font-size:12px;text-align:center}.game-brand,.vitals,.right-hud,.desktop-actions,.skillbar,.mobile-controls{position:fixed;z-index:5}.game-brand{top:22px;left:26px;display:flex;align-items:center;gap:10px;filter:drop-shadow(0 2px 8px #000)}.seal{display:grid;place-items:center;width:38px;height:38px;color:#f5dfb6;background:#9f3027;border:2px solid #c6604c;border-radius:3px;font:700 22px ZCOOL XiaoWei,serif;transform:rotate(-2deg);box-shadow:inset 0 0 0 2px #772219}.seal.large{width:66px;height:66px;font-size:38px}.game-brand div{display:flex;flex-direction:column}.game-brand strong{font-size:18px;letter-spacing:2px}.game-brand small{color:#d8c89f;font-size:10px;letter-spacing:4px}.vitals{top:75px;left:26px;display:flex;gap:11px;width:270px;filter:drop-shadow(0 3px 12px rgba(0,0,0,.6))}.portrait{position:relative;display:grid;place-items:center;flex:0 0 54px;height:54px;border:2px solid #bfa267;border-radius:50%;background:radial-gradient(circle at 40% 30%,#6d8a75,#28362f 70%);font-size:22px;font-weight:900}.portrait:before{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(255,255,255,.2);border-radius:50%;content:""}.portrait i{position:absolute;right:-4px;bottom:-2px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#151915;color:#e6c970;font: 11px sans-serif}.vital-bars{flex:1;padding-top:2px}.name-line{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:5px;text-shadow:0 1px 4px #000}.name-line strong{font-size:15px}.name-line span{color:#cabf9c;font-size:10px}.meter{position:relative;height:12px;margin-bottom:4px;overflow:hidden;border:1px solid rgba(225,216,193,.35);border-radius:2px;background:#090d0bbf}.meter i{display:block;width:100%;height:100%;transform-origin:left;transition:transform .25s ease}.meter span{position:absolute;top:0;right:0;bottom:0;left:0;color:#ffffffd9;font:8px/10px system-ui;text-align:center;text-shadow:0 1px 1px #000}.health i{background:linear-gradient(90deg,#71332f,#b84c3c)}.energy i{background:linear-gradient(90deg,#315d57,#5c9b88)}.meter.xp{height:3px;border:0;background:#00000073}.xp i{background:#d8bb62}.right-hud{top:22px;right:24px;width:245px}.minimap-shell{position:relative;width:152px;height:152px;margin-left:auto;border:1px solid rgba(221,204,162,.55);border-radius:50%;background:#0f1411b3;box-shadow:0 6px 22px #00000059,inset 0 0 0 5px #181e1abf;overflow:hidden}#minimap{width:100%;height:100%;opacity:.9}.compass{position:absolute;color:#f1d57e;font-size:10px;text-shadow:0 1px 2px #000}.compass.north{top:8px;left:50%;transform:translate(-50%)}.icon-button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgba(220,207,177,.28);border-radius:4px;background:#141916c7;color:#eee7d3;cursor:pointer;transition:background .15s,border-color .15s,transform .15s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.icon-button:hover{border-color:#cdb36f;background:#313831e6;transform:translateY(-1px)}.icon-button svg{width:18px}.map-button{position:absolute;right:4px;bottom:4px;width:32px;height:32px;border-radius:50%}.quest-tracker{width:230px;min-height:92px;padding:13px 15px;margin-top:14px;margin-left:auto;border-top:1px solid rgba(226,205,158,.4);border-bottom:1px solid rgba(226,205,158,.18);background:linear-gradient(90deg,transparent,rgba(17,23,19,.72) 15%,rgba(17,23,19,.72));text-shadow:0 1px 3px #000}.panel-heading{display:flex;align-items:center;gap:6px;margin-bottom:7px;color:#d2b461;font-size:10px;letter-spacing:2px}.panel-heading svg{width:13px;height:13px}.quest-tracker strong{display:block;margin-bottom:5px;font-size:14px}.quest-tracker p{margin:0;color:#d7d3c5;font-size:12px;line-height:1.5}.quest-progress{height:3px;margin-top:9px;background:#ffffff1f}.quest-progress i{display:block;width:0;height:100%;background:#d5b762;transition:width .3s}.location-toast{position:fixed;top:11%;left:50%;z-index:6;display:flex;flex-direction:column;align-items:center;min-width:210px;padding:9px 34px 11px;border-top:1px solid rgba(229,214,175,.55);border-bottom:1px solid rgba(229,214,175,.25);background:linear-gradient(90deg,transparent,rgba(14,18,15,.55),transparent);text-shadow:0 2px 5px #000;transform:translate(-50%);animation:location 5s both}.location-toast small{color:#d3bd7b;font-size:9px;letter-spacing:5px}.location-toast strong{font-size:20px;letter-spacing:7px}@keyframes location{0%,to{opacity:0;transform:translate(-50%,-8px)}12%,70%{opacity:1;transform:translate(-50%)}}.notice-stack{position:fixed;top:28%;left:50%;z-index:12;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;transform:translate(-50%)}.notice{padding:8px 18px;border:1px solid rgba(219,195,133,.35);border-radius:3px;background:#141915e0;color:#f2e9d2;box-shadow:0 6px 24px #0000004d;font-size:12px;animation:notice 3s both}.notice strong{color:#e3c366}@keyframes notice{0%{opacity:0;transform:translateY(9px)}12%,80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}.world-label{position:fixed;z-index:4;display:flex;flex-direction:column;align-items:center;pointer-events:none;text-shadow:0 1px 4px #000,0 1px 8px #000;transform:translate(-50%,-100%)}.world-label strong{font-size:13px}.world-label span{color:#d7c491;font-size:9px}.interaction{position:fixed;bottom:145px;left:50%;z-index:7;display:flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid rgba(232,217,178,.35);border-radius:4px;background:#111613cc;color:#f4f0e5;box-shadow:0 6px 20px #0000004d;cursor:pointer;transform:translate(-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}kbd{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border:1px solid rgba(246,228,181,.42);border-radius:3px;background:#00000059;color:#e5ca79;font:10px system-ui}.dialogue{position:fixed;right:12%;bottom:8%;left:12%;z-index:30;display:flex;gap:18px;max-width:980px;min-height:168px;padding:22px 25px;margin:auto;border:1px solid rgba(201,174,108,.55);border-radius:4px;background:linear-gradient(105deg,#161b17f7,#1f221cf0);box-shadow:0 15px 60px #0000008c,inset 0 0 35px #ba94530d}.dialogue:before{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(255,255,255,.05);pointer-events:none;content:""}.speaker-avatar{display:grid;place-items:center;flex:0 0 84px;height:104px;border:1px solid #bda365;border-radius:2px;background:radial-gradient(circle at 50% 25%,#b79b59,#38473c 72%);color:#f6e7c1;font-size:35px;font-weight:900;box-shadow:inset 0 0 28px #00000059}.dialogue-copy{flex:1;min-width:0}.speaker-line{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.speaker-line strong{color:#e8cd7f;font-size:18px}.speaker-line span{color:#9ca89d;font-size:10px}.voice-wave{width:15px;height:15px;margin-left:auto;color:#d2b763;opacity:.22}.dialogue.speaking .voice-wave{opacity:1;animation:voice-pulse .7s ease-in-out infinite alternate}.dialogue.speaking .speaker-avatar{box-shadow:inset 0 0 28px #00000059,0 0 22px #d8b75e2e}@keyframes voice-pulse{to{transform:scale(1.18);color:#f0d987}}.dialogue p{min-height:44px;margin:0 0 13px;color:#e8e2d2;font-size:14px;line-height:1.85}.dialogue-options{display:flex;flex-wrap:wrap;gap:8px}.dialogue-options button{padding:7px 14px;border:1px solid rgba(220,194,128,.36);border-radius:3px;background:#5f553a2e;color:#eee5ce;cursor:pointer;font-size:12px}.dialogue-options button:hover{border-color:#d7b95f;background:#95743b38}.skillbar{bottom:24px;left:50%;display:flex;gap:7px;transform:translate(-50%)}.skill{position:relative;display:grid;place-items:center;width:62px;height:62px;padding:5px;overflow:hidden;border:1px solid rgba(220,207,177,.33);border-radius:5px;background:linear-gradient(145deg,#303831ed,#111613f0);color:#eee8d8;box-shadow:0 5px 18px #00000059;cursor:pointer}.skill:before{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(255,255,255,.06);border-radius:3px;content:""}.skill:hover,.skill.active{border-color:#d2b767}.skill svg{width:24px;height:24px;stroke-width:1.5}.skill span{font-size:9px}.skill kbd{position:absolute;top:3px;right:3px;min-width:14px;height:14px;border:0;background:transparent;color:#c8b885;font-size:8px}.skill em{position:absolute;inset:auto 0 0;height:0;background:#0f1210c7;transition:height .1s}.skill.locked{filter:grayscale(1);opacity:.45}.skill.locked:after{position:absolute;content:"锁";color:#aaa;font-size:11px}.desktop-actions{right:25px;bottom:27px;display:flex;gap:7px}.drawer{position:fixed;top:0;right:0;z-index:50;width:min(430px,100%);height:100%;padding:28px;border-left:1px solid rgba(214,193,143,.35);background:linear-gradient(135deg,#f2eddefa,#dad2bcfa);color:#232922;box-shadow:-15px 0 50px #00000059;animation:drawer-in .22s ease both}@keyframes drawer-in{0%{transform:translate(100%)}}.drawer header{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(42,48,42,.2)}.drawer header small{color:#86672b;font-size:10px;letter-spacing:4px}.drawer h2{margin:3px 0 0;font-size:24px}.drawer .icon-button{border-color:#1f252033;background:#fff3;color:#2c332e}.tabs{display:flex;gap:22px;border-bottom:1px solid rgba(42,48,42,.17)}.tab{position:relative;padding:15px 3px 12px;border:0;background:none;color:#697067;cursor:pointer}.tab.active{color:#8d3227;font-weight:700}.tab.active:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#9a382c;content:""}.tab-content{height:calc(100% - 120px);padding-top:18px;overflow-y:auto}.journal-card{padding:15px 0;border-bottom:1px solid rgba(42,48,42,.14)}.journal-card header{padding:0;border:0}.journal-card h3{margin:0;font-size:15px}.journal-card .state{color:#9a392e;font-size:10px}.journal-card p{margin:8px 0 0;color:#596158;font-size:12px;line-height:1.7}.reward{display:flex;gap:12px;margin-top:10px;color:#7c652f;font-size:10px}.skill-entry{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid rgba(42,48,42,.14)}.skill-icon{display:grid;place-items:center;width:45px;height:45px;border:1px solid rgba(51,58,51,.25);border-radius:3px;background:#ffffff40}.skill-entry h3,.skill-entry p{margin:0}.skill-entry p{margin-top:4px;color:#667066;font-size:10px}.skill-entry small{color:#9b3a2d}.bag-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bag-item{position:relative;display:grid;place-items:center;aspect-ratio:1;border:1px solid rgba(45,53,46,.18);background:#ffffff38;font-size:24px}.bag-item span{position:absolute;right:5px;bottom:4px;font:10px system-ui}.bag-item small{position:absolute;right:3px;bottom:-18px;left:3px;overflow:hidden;color:#535c53;font-size:8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.pause-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:#080c0aa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pause-panel{display:flex;flex-direction:column;align-items:center;width:min(380px,calc(100% - 32px));padding:30px 32px;border:1px solid rgba(220,196,136,.45);background:#191e1af2;box-shadow:0 20px 70px #00000080}.pause-panel h2{margin:12px 0 22px;letter-spacing:6px}.primary-button,.text-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:11px;border:1px solid #aa8748;border-radius:3px;background:#8e352a;color:#f6ecd4;cursor:pointer}.primary-button svg,.text-button svg{width:16px}.text-button{margin-top:18px;border-color:transparent;background:transparent;color:#aaa99e}.scene-home-button{margin-top:2px}.setting-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px}.toggle{position:relative;width:40px;height:22px;border:0;border-radius:11px;background:#3b423c;cursor:pointer}.toggle i{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#bbb;transition:left .2s}.toggle.on{background:#6c806d}.toggle.on i{left:21px;background:#e7d495}.segmented{display:flex;padding:2px;border:1px solid rgba(255,255,255,.13);border-radius:3px}.segmented button{padding:4px 9px;border:0;background:transparent;color:#aaa;cursor:pointer;font-size:10px}.segmented button.active{background:#59685a;color:#fff}.mobile-controls{display:none}.cinematic-bars{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.cinematic-bars i{position:absolute;right:0;left:0;height:9%;background:#080a09;animation:bar-in .35s ease both}.cinematic-bars i:first-child{top:0}.cinematic-bars i:last-child{bottom:0}@keyframes bar-in{0%{height:0}}.boot-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#151a17;transition:opacity 1.2s ease,visibility 1.2s}.boot-screen.done{opacity:0;visibility:hidden}.boot-mark{display:flex;flex-direction:column;align-items:center;gap:7px}.boot-mark strong{margin-top:10px;font-size:29px;letter-spacing:9px}.boot-mark small{color:#a9a18d;font-size:10px;letter-spacing:4px}.loading-line{position:absolute;bottom:19%;width:170px;height:1px;overflow:hidden;background:#ffffff1a}.loading-line i{display:block;width:40%;height:100%;background:#c8ad63;animation:load 1.5s ease-in-out infinite}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(350%)}}[hidden]{display:none!important}@media(max-width:760px){.scene-select:before{top:12px;right:12px;bottom:12px;left:12px}.scene-select:after{right:-24px;bottom:-8px;font-size:100px}.scene-select-inner{gap:34px;width:min(480px,calc(100% - 40px));padding:34px 0}.scene-select-header small{margin-top:13px;letter-spacing:4px}.scene-select-header h1{margin-top:8px;font-size:36px;letter-spacing:7px}.scene-select-header p{font-size:11px;letter-spacing:4px}.scene-options{grid-template-columns:1fr}.scene-option{grid-template-columns:48px minmax(0,1fr) 24px;min-height:92px;padding:17px 18px}.scene-option+.scene-option{border-top:1px solid rgba(218,190,125,.18);border-left-width:3px;border-left-color:transparent}.scene-option-mark{width:46px;height:46px;font-size:22px}.scene-option-copy strong{font-size:16px}.game-brand{top:14px;left:14px;transform:scale(.86);transform-origin:left top}.vitals{top:61px;left:14px;width:220px;transform:scale(.9);transform-origin:left top}.right-hud{top:12px;right:12px;width:164px}.minimap-shell{width:112px;height:112px}.quest-tracker{width:175px;padding:9px 10px}.quest-tracker p{font-size:10px}.skillbar,.desktop-actions{display:none}.mobile-controls{inset:auto 0 20px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 20px;pointer-events:none}.joystick,.mobile-buttons button{border:1px solid rgba(235,218,178,.3);background:#181f1a7a;color:#eee5cf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto}.joystick{position:relative;width:104px;height:104px;border-radius:50%;touch-action:none}.joystick:after{position:absolute;top:40%;right:40%;bottom:40%;left:40%;border:1px solid rgba(255,255,255,.15);border-radius:50%;content:""}.joystick i{position:absolute;top:33px;left:33px;width:38px;height:38px;border:1px solid rgba(223,196,126,.65);border-radius:50%;background:#78765973}.mobile-buttons{display:grid;grid-template-columns:48px 48px 62px;align-items:end;gap:7px}.mobile-buttons button{display:grid;place-items:center;width:48px;height:48px;border-radius:50%}.mobile-buttons button svg{width:20px}.mobile-buttons .large-action{grid-row:1 / 3;grid-column:3;width:62px;height:62px;border-color:#dfbe6999}.interaction{bottom:137px}.dialogue{right:12px;bottom:14px;left:12px;gap:10px;min-height:185px;padding:16px}.speaker-avatar{flex-basis:55px;height:72px;font-size:24px}.dialogue p{font-size:12px;line-height:1.7}.dialogue-options button{padding:8px 10px;font-size:11px}.notice-stack{top:34%;width:90%}}@media(max-height:620px){.scene-select-inner{gap:22px;padding:24px 0}.scene-select-header .seal{width:50px;height:50px;font-size:30px}.scene-select-header small{margin-top:9px}.scene-select-header h1{margin-top:5px;font-size:32px}.scene-option{min-height:78px;padding-top:12px;padding-bottom:12px}}