:root{color-scheme:dark;font-family:SimSun,Songti SC,serif;color:#fff;background:#000;font-size:12px;letter-spacing:0;--classic-scale: 1}*{box-sizing:border-box}body{margin:0;overflow:hidden}html,body{width:100%;height:100%;overflow:hidden}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:1px solid #777;background:#161616;border-radius:0;display:inline-flex;align-items:center;justify-content:center}button:disabled{cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:1px solid #ffff00;outline-offset:1px}svg{width:18px;height:18px;flex-shrink:0}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%)}#app{width:800px;height:600px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--classic-scale));transform-origin:center}.playfield,#world{position:absolute;inset:0}#world canvas{display:block;width:800px;height:600px;touch-action:none;image-rendering:pixelated}.topbar{display:none}.brand{color:#e5d5a2;text-decoration:none;display:flex;align-items:center;gap:6px}.world-name{display:flex;align-items:center;gap:6px;margin-left:auto}.server-status{font-size:10px}.status-dot{display:inline-block;width:5px;height:5px;margin-right:4px;background:#c83333}.status-dot.online{background:#38bd65}.in-game .topbar{display:none}.icon-button{width:24px;height:24px;padding:0}.bottom-bar{position:absolute;top:349px;left:0;width:800px;height:251px;background:var(--hud-art) 0 0 / 800px 251px no-repeat;pointer-events:none;z-index:3;image-rendering:pixelated}.bottom-content{position:absolute;inset:0;pointer-events:none}.bottom-bar button{pointer-events:auto}.native-button{border:0;padding:0;background-color:transparent;background-repeat:no-repeat;background-size:100% 100%;position:absolute}.native-button:hover{filter:brightness(1.3)}.native-button:active{filter:brightness(.75)}.round-control{width:40px;height:40px;background-image:none!important}#character-toggle{left:634px;top:49px}#native-bag-toggle{left:674px;top:28px}#native-skills-toggle{left:714px;top:8px}#native-sound-toggle{left:754px;top:0}#map-toggle{left:219px;top:104px;width:28px;height:13px}#logout{left:560px;top:104px;width:28px;height:13px}.blood-orb{position:absolute;left:39px;top:91px;width:92px;height:90px;overflow:hidden;pointer-events:auto}.blood-orb span{position:absolute;inset:0;background:var(--blood-art) 0 0 / 92px 90px no-repeat}.blood-orb.red-only{left:38px;top:90px;width:96px;height:92px}.blood-orb.red-only #orb-hp{background:var(--red-art) 0 0 / 96px 92px no-repeat}.blood-orb.red-only #orb-mp{display:none}.realm-label{position:absolute;left:29px;top:235px;width:175px;height:16px;white-space:nowrap;text-shadow:1px 1px #000}#realm-vitals{display:none}.player-hud{position:absolute;left:677px;top:503px;z-index:4;width:76px;height:16px;font-size:10px;pointer-events:none}.player-hud .portrait,#player-name,.player-hud .meter{display:none}.player-title{white-space:nowrap}.experience,.weight-meter{position:absolute;left:666px;width:76px;height:13px;pointer-events:auto}.experience{top:178px}.weight-meter{top:211px}.experience>span,.weight-meter>span{display:block;height:13px;background:var(--progress-art) 0 0 / 76px 13px no-repeat}#experience-text{display:none}.belt{position:absolute;left:285px;top:57px;display:grid;grid-template-columns:repeat(6,36px);gap:7px;width:251px;height:36px;pointer-events:auto}.item-slot{position:relative;width:36px;height:32px;min-width:0;padding:0;border:0;background:transparent;border-radius:0}.item-slot:hover{outline:1px solid #c8bb70;outline-offset:-1px}.item-slot.selected{outline:1px solid #ffff00;outline-offset:-1px}.item-slot small{position:absolute;right:2px;bottom:1px;font-size:9px;text-shadow:1px 1px #000}.item-slot .belt-key{left:2px;right:auto;bottom:-2px;color:#e1ca77}.native-item{max-width:32px;max-height:32px;object-fit:contain;display:block;image-rendering:pixelated}.sidepanel{position:absolute;top:0;left:0;width:336px;height:270px;background:var(--bag-art) 0 0 / 336px 270px no-repeat;z-index:5}.playfield:has(.npc-panel:not(.hidden)) .sidepanel:has(#bag-panel:not(.hidden)){left:464px}.panel-tabs{display:none}.inventory{position:absolute;left:20px;top:13px;width:288px;height:160px;display:grid;grid-template-columns:repeat(8,36px);grid-template-rows:repeat(5,32px)}.bag-summary{position:absolute;top:182px;left:65px;width:170px;height:16px;display:flex;align-items:center;gap:8px}.bag-summary strong{font-weight:400;color:#ff0;font-size:12px}#bag-count{display:none}#item-description{position:absolute;left:63px;top:224px;width:240px;height:38px;font-size:11px;line-height:17px;overflow-wrap:anywhere}.native-use{position:absolute;left:253px;top:183px;width:44px;height:16px;border:0;color:#ff0;background:#0b1435}.native-close{width:15px;height:23px;position:absolute;padding:0;border:0;background:transparent}.native-close:hover{outline:1px solid #ffff00}#close-bag{left:309px;top:202px}.character-window{position:absolute;left:568px;top:0;width:232px;height:325px;z-index:5;background:var(--character-art) 0 0 / 232px 325px no-repeat}#character-title{position:absolute;left:58px;top:14px;width:139px;height:22px;line-height:22px;font-weight:400;text-align:center;color:#ebd58b}#close-character{left:8px;top:40px}#character-skills,#character-equipment{width:24px;height:23px;left:7px}#character-skills{top:187px}#character-equipment{top:128px}#doll-body{position:absolute;left:40px;top:53px;width:168px;height:199px;image-rendering:pixelated}#doll-clothes{position:absolute;left:33px;top:97px}#doll-clothes img{position:absolute;max-width:none;image-rendering:pixelated;pointer-events:none}.equipment{position:absolute;inset:0;pointer-events:none}.equipment .item-slot{position:absolute;pointer-events:auto}#character-details{position:absolute;left:38px;top:271px;width:165px;height:40px;padding:6px;line-height:16px;color:#ddd}#skills-panel{position:absolute;top:52px;left:38px;width:168px;height:199px;background:var(--skills-art) 0 0 / 168px 199px no-repeat}#skills-list{height:199px;overflow-y:auto;scrollbar-width:thin}.skill-row{min-height:37px;display:flex;gap:4px;align-items:center;padding:3px 2px 3px 8px}.skill-row .native-item{width:32px}.skill-row>span{flex:1;min-width:0;font-size:12px;white-space:nowrap}.skill-row small{display:block;font-size:9px;color:silver;margin-top:2px}.skill-row select{width:34px;min-height:19px;padding:0;font-size:10px;border:0;background:#111}.npc-panel{position:absolute;top:0;left:0;width:416px;height:176px;padding:20px 20px 10px;background:var(--dialog-art) 0 0 / 416px 176px no-repeat;overflow-y:auto;scrollbar-width:thin;z-index:6}#close-npc{left:399px;top:1px}#npc-page p{margin:0 0 3px;font-size:12px;line-height:15px}.npc-link{color:#ff0;border:0;padding:0;background:transparent;margin-right:8px;font-size:12px}.shop-window{position:absolute;left:0;top:176px;width:308px;height:205px;background:var(--shop-art) 0 0 / 308px 205px no-repeat;z-index:6}.shop-head,.shop-item{display:grid;grid-template-columns:140px 52px 75px;height:13px;line-height:13px;text-align:left;font-size:12px}.shop-head{position:absolute;top:6px;left:10px;color:#eee}#shop-list{position:absolute;top:28px;left:10px;width:278px;height:130px}.shop-item{width:278px;border:0;background:transparent;padding:0;color:#fff}.shop-item span{overflow:hidden;white-space:nowrap}.shop-item.selected{color:red}#shop-prev,#shop-next{top:175px;width:24px;height:24px}#shop-prev{left:43px}#shop-next{left:90px}#shop-buy{left:215px;top:171px;width:44px;height:16px}#close-shop{left:291px;top:0}.storage-list .shop-head,.storage-list .shop-item{grid-template-columns:160px 105px 13px}.storage-window{position:absolute;left:260px;top:176px;width:140px;height:181px;background:var(--storage-art) 0 0 / 140px 181px no-repeat;z-index:6}.storage-window>span{position:absolute;left:6px;top:6px;font-size:12px}#storage-slot{position:absolute;left:27px;top:67px;width:61px;height:52px}#storage-confirm{left:85px;top:150px;width:24px;height:13px}#close-storage{left:115px;top:0}.classic-chat{position:absolute;left:208px;top:120px;width:385px;height:123px;overflow-y:auto;background:#100c0a;padding:39px 5px 19px;font-size:12px;line-height:16px}.classic-chat p{margin:0;overflow-wrap:anywhere}.reward{color:#ff0}.notice{color:#71bdff}.system{color:#d8d8d8}.sidepanel:has(#chat-panel:not(.hidden)){left:208px;top:576px;width:385px;height:17px;background:#000;z-index:7}.chat-log{display:none}#chat-form{display:flex;height:17px}#chat-input{width:100%;min-width:0;min-height:17px;height:17px;padding:0 4px;border:0;font-size:12px;background:#000}#chat-form button{height:17px;width:24px;border:0}#chat-form svg{width:13px;height:13px}.target-hud,.toast-log,.quick-skills,.actions,.mobile-only{display:none}.minimap-wrap{position:absolute;top:0;right:0;width:172px;padding:2px;background:#111;z-index:4}.minimap-wrap canvas{display:block;width:168px;height:132px;image-rendering:pixelated}.minimap-wrap>span{display:none}.minimap-hidden,.touch-pad{display:none}.modal-layer{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;background:url(/assets/classic/auth-web/login.png) 0 0 / 800px 600px no-repeat,#10100e}.modal{width:322px;max-height:570px;padding:20px 26px;background:#131310e8;border:2px ridge #aaa18c;overflow-y:auto}.modal-brand{text-align:center;margin-bottom:14px}h1{margin:0;font-size:24px;font-weight:400;color:#efd690}h2{font-size:14px;font-weight:400;text-align:center;margin:10px 0;color:#e3d69d}.auth-tabs{display:flex;margin-bottom:14px}.auth-tabs button{flex:1;height:28px;border:0;background:transparent}.auth-tabs button.active{color:#ff0}label{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;color:#d2caaa}input,select{width:100%;min-height:30px;border:1px solid #77715b;border-radius:0;background:#080a07;color:#ddd8bf;padding:0 8px}input::placeholder{color:#87836e;font-size:11px}.form-error{min-height:17px;margin:8px 0;color:#ef9690;font-size:11px;line-height:15px}.primary{min-height:32px;width:100%;background:#363629;border:2px ridge #a49c70;color:#eee3a7;gap:5px}.login-window{position:relative;width:296px;height:254px;padding:0;border:0;background:var(--login-art) 0 0 / 296px 254px no-repeat;overflow:visible}.login-window .modal-brand,.login-window [data-mode=login]{display:none}.login-window .auth-tabs{position:absolute;inset:0;margin:0;pointer-events:none}.login-window [data-mode=register]{position:absolute;left:20px;top:207px;width:100px;height:32px;color:transparent;pointer-events:auto}.native-field{position:absolute;height:17px;margin:0}.native-field input{width:100%;height:17px;min-height:17px;border:0;background:#090300;padding:0 2px;color:#fff;font-size:12px}.login-window .form-error{position:absolute;left:22px;top:136px;width:245px;margin:0}.login-window #auth-submit{position:absolute;left:170px;top:160px;width:100px;height:32px;min-height:32px;background:var(--submit-art) 0 0 / 100px 32px no-repeat;color:transparent;border:0}.login-window #auth-submit svg{display:none}.register-window{position:relative;width:640px;height:473px;padding:0;border:0;background:var(--register-art) 0 0 / 640px 473px no-repeat;overflow:visible}.register-window .auth-tabs{margin:0}.register-window [data-mode=register]{display:none}.register-window [data-mode=login]{position:absolute;left:589px;top:30px;width:16px;height:23px;color:transparent;border:0}.register-window #register-cancel{left:448px;top:419px;width:96px;height:33px}.register-window #auth-submit{position:absolute;left:160px;top:417px;width:76px;height:33px;min-height:33px;padding:0;color:transparent;border:0;background:transparent}.register-window .form-error{position:absolute;left:389px;top:120px;width:190px;margin:0;line-height:20px}.modal-layer:has(.select-window){background:#000}.select-window{position:absolute;inset:0;width:800px;height:600px;max-height:none;padding:0;border:0;background:var(--select-art) 0 0 / 800px 600px no-repeat;overflow:hidden}.chr-portrait{position:absolute;background-repeat:no-repeat;pointer-events:none;image-rendering:pixelated}.select-window .characters{display:contents}.select-window .character{position:absolute;padding:0;border:0;min-height:0;background:transparent}.select-window .character[aria-pressed=true]{outline:1px solid #c3a157;outline-offset:-2px}.character-data{position:absolute;width:110px;height:16px;line-height:12px;font-size:12px;text-shadow:1px 1px #000}#start-character{left:385px;top:456px;width:44px;height:21px}#new-character{left:348px;top:486px;width:120px;height:21px}#delete-character{left:347px;top:506px;width:120px;height:21px}#switch-account{left:383px;top:548px;width:60px;height:30px}.select-window .form-error{position:absolute;left:266px;top:431px;width:288px;margin:0;text-align:center}.create-window{position:absolute;left:415px;top:15px;width:300px;height:417px;background:var(--create-art) 0 0 / 300px 417px no-repeat}.create-window .class-choice,.create-window .gender-choice{position:absolute;inset:0;margin:0;pointer-events:none}.create-window .class-choice button,.create-window .gender-choice button{position:absolute;width:44px;height:36px;padding:0;border:0;background-color:transparent;background-repeat:no-repeat;pointer-events:auto}.create-window .class-choice button{top:157px}.create-window .gender-choice button{top:231px}.create-window [aria-pressed=true]{outline:1px solid #c3a157;outline-offset:-1px}.native-submit{position:absolute;left:104px;top:361px;width:76px;height:33px;padding:0;border:0;background:transparent}#cancel-create{left:248px;top:31px;width:16px;height:23px}.select-window:has(.create-window) #start-character,.select-window:has(.create-window) #new-character,.select-window:has(.create-window) #delete-character{display:none}.characters{display:grid;gap:6px;margin-bottom:12px}.character{padding:6px 10px;width:100%;min-height:40px;text-align:left}.character>span{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.character strong{font-size:12px;overflow-wrap:anywhere}.character small{color:#aaa;font-size:10px}.character-preview{height:138px;display:flex;justify-content:center;margin-bottom:7px}.character-preview img{max-height:100%;max-width:100%;object-fit:contain}.class-choice{display:flex;gap:4px;margin-bottom:10px}.class-choice button{flex:1;height:27px;gap:4px}.class-choice button.active{color:#eed99c;border-color:#c3b77c}.class-choice svg{width:13px;height:13px}.gender-field{flex-direction:row;align-items:center;gap:14px}.gender-field select{flex:1;min-height:25px}.text-button{border:0;background:transparent;color:#aaa78f;width:100%;margin-top:10px;font-size:11px}.death-layer{position:absolute;inset:0;z-index:7;display:grid;place-items:center;background:#1119}.death-layer>div{width:230px}body:not(.in-game) .bottom-bar{display:none}@media(max-width:600px)and (orientation:portrait){.touch-pad{position:absolute;left:8px;top:620px;display:grid;grid-template-columns:repeat(3,37px);grid-template-rows:repeat(3,33px);gap:2px;z-index:3;transform:scale(calc(1 / var(--classic-scale)));transform-origin:top left}.touch-pad button{width:37px;height:33px;background:#181818;border:1px solid #888;padding:0;touch-action:none}.north{grid-column:2;grid-row:1}.west{grid-column:1;grid-row:2}.east{grid-column:3;grid-row:2}.south{grid-column:2;grid-row:3}.actions{position:absolute;left:320px;top:271px;display:grid;grid-template-columns:repeat(4,37px);gap:3px;transform:scale(calc(1 / var(--classic-scale)));transform-origin:top left;pointer-events:auto}.action{width:37px;height:36px;position:relative;padding:0}.action small{position:absolute;right:2px;bottom:1px;font-size:9px}.login-window{transform:scale(1.5)}}@media(max-width:820px){body:not(.in-game) #app{position:fixed;left:0;top:0;width:100%;height:100%;transform:none}body:not(.in-game) .modal-layer{align-items:flex-start;justify-content:center;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#10100e;padding:16px 14px 32px}body:not(.in-game) .modal{position:static!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;max-width:420px;height:auto!important;max-height:none!important;margin:0 auto;padding:18px 16px;border:1px solid #55503c;background:#16160f;overflow:visible!important}body:not(.in-game) .modal-layer .modal,body:not(.in-game) .modal-layer form{min-width:0!important}body:not(.in-game) .modal .sr-only{position:static;width:auto;height:auto;clip-path:none;overflow:visible}body:not(.in-game) .modal h1{display:block;text-align:center;font-size:22px;margin:2px 0 14px;color:#efd690}body:not(.in-game) .modal h2{display:block;font-size:15px;margin:2px 0 12px;color:#e3d69d}body:not(.in-game) .native-field{position:static!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;margin:0 0 12px}body:not(.in-game) .native-field input{height:46px!important;min-height:46px!important;font-size:16px!important;padding:0 12px;border:1px solid #77715b;background:#0b0b07;color:#fff}body:not(.in-game) .native-field .sr-only{display:block;margin-bottom:5px;color:#cfc6a5;font-size:13px}body:not(.in-game) .auth-tabs{position:static!important;inset:auto!important;display:flex;gap:8px;margin:0 0 14px}body:not(.in-game) .auth-tabs button{position:static!important;flex:1;width:auto!important;height:44px!important;min-height:44px!important;border:1px solid #77715b;background:#1b1b14;color:#efe6c2!important;font-size:15px}body:not(.in-game) .auth-tabs button.active{background:#33301f;border-color:#a49c70;color:#ff0!important}body:not(.in-game) .login-window .modal-brand,body:not(.in-game) .login-window [data-mode=login],body:not(.in-game) .register-window [data-mode=register]{display:none!important}body:not(.in-game) .modal button.primary,body:not(.in-game) .modal .native-button,body:not(.in-game) .modal .native-submit,body:not(.in-game) .modal .native-close{position:static!important;left:auto!important;top:auto!important;width:100%!important;height:48px!important;min-height:48px!important;padding:0;background-image:none!important;background-color:#363629!important;border:2px ridge #a49c70!important;color:#eee3a7!important;font-size:16px;margin:10px 0 0}body:not(.in-game) .modal button:disabled{opacity:.45}body:not(.in-game) .modal .native-button:after,body:not(.in-game) .modal .native-submit:after,body:not(.in-game) .modal .native-close:after{content:attr(aria-label)}body:not(.in-game) .modal .native-close{height:42px!important;min-height:42px!important;background-color:#241f16!important;border:1px solid #6a6350!important;color:#d8cfae!important;font-size:14px}body:not(.in-game) .form-error{position:static!important;left:auto!important;top:auto!important;width:auto!important;margin:8px 0 0;font-size:13px;line-height:18px}body:not(.in-game) .select-window{background-image:none!important}body:not(.in-game) .select-window .chr-portrait:not(#character-preview){display:none!important}body:not(.in-game) .select-window #character-preview{position:static!important;margin:0 auto 10px}body:not(.in-game) .select-window .characters{display:grid!important;gap:10px;margin-bottom:4px}body:not(.in-game) .select-window .character{position:static!important;left:auto!important;top:auto!important;width:100%!important;min-height:54px!important;padding:8px 12px;border:1px solid #77715b;background:#191910;color:#e8dfbe;font-size:15px;text-align:left;justify-content:flex-start}body:not(.in-game) .select-window .character:after{content:attr(data-name)}body:not(.in-game) .select-window .character[aria-pressed=true]{border-color:#c3a157;background:#262413}body:not(.in-game) .character-data{display:none!important}body:not(.in-game) .create-window{position:static!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;background-image:none!important;margin:4px 0 0}body:not(.in-game) .class-choice,body:not(.in-game) .gender-choice{position:static!important;inset:auto!important;display:flex!important;gap:10px;margin:0 0 14px}body:not(.in-game) .class-choice button,body:not(.in-game) .gender-choice button{position:static!important;left:auto!important;top:auto!important;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-end;width:74px;height:66px;padding:42px 0 4px;border:1px solid #77715b;background-color:#14140d;background-repeat:no-repeat!important;background-position:center 4px!important;background-size:44px 36px!important;color:#e8dfbe;font-size:11px}body:not(.in-game) .class-choice button[aria-pressed=true],body:not(.in-game) .gender-choice button[aria-pressed=true]{border-color:#c3a157;background-color:#262413}body:not(.in-game) .class-choice button:after,body:not(.in-game) .gender-choice button:after{content:attr(aria-label)}body:not(.in-game) .login-window:after{content:"在飞书/微信里输入不便的话，点右上角「⋯」选择“用浏览器打开”";display:block;margin-top:14px;color:#8d876c;font-size:11px;line-height:16px;text-align:center}}@media(max-width:820px)and (orientation:portrait){body.in-game:after{content:"建议把手机横过来玩，地图会更清楚";position:fixed;left:0;right:0;top:calc(6px + env(safe-area-inset-top,0px));padding:6px;background:#000c;color:#e8dfbe;font-size:12px;text-align:center;z-index:99;pointer-events:none;animation:rotate-hint 7s forwards}@keyframes rotate-hint{0%,70%{opacity:1}to{opacity:0;visibility:hidden}}}
