#app{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:#0e091b}.content{display:flex;align-items:center;justify-content:center;width:1280px;height:730px;padding:30px 40px;box-sizing:border-box;background:url(/assets/bg-rEaljr5f.png) #d3d3d3 50%/cover no-repeat;box-shadow:0 4px 4px #00000040 inset}.content .player-info{border:10px solid #6F391E;background:#dcc7af;width:292px;height:100%;padding:20px;box-sizing:border-box}.content .player-info .player{text-align:center;position:relative}.content .player-info .player img{width:128px;height:auto}.content .player-info .player .msg{position:absolute;top:0;right:0;width:60px;height:60px}.content .player-info .player .msg .box{width:60px;height:auto}.content .player-info .player .msg .icon{width:30px;height:30px;position:absolute;top:0;bottom:8px;left:10px;right:0;margin:auto}.content .player-info .info{margin-top:30px;width:100%}.content .player-info .info .item{display:flex;align-items:center;height:26px;margin-bottom:10px}.content .player-info .info .item .key{width:64px;color:#000;font-size:15px;font-style:normal;font-weight:600;line-height:normal}.content .player-info .info .item .value{position:relative;flex:1;height:26px}.content .player-info .info .item .value .bar{position:absolute;top:0;left:0;width:100%;border-radius:5px;border:4px solid #6F391E;overflow:hidden;height:26px;box-sizing:border-box}.content .player-info .info .item .value .bar .hp{background:red;height:18px}.content .player-info .info .item .value .bar .mp{background:#fed863;height:18px}.content .player-info .info .item .value .count{position:absolute;top:0;bottom:0;left:0;right:0;width:100px;margin:auto;text-align:center;color:#000;font-size:16px;font-style:normal;font-weight:600;line-height:26px}.content .player-info .info .item .value .number{width:80px;height:26px;border-radius:5px;background:#6f391e;text-align:center;color:#fff;font-size:16px;font-style:normal;font-weight:600;line-height:26px}.content .player-info .player-property{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:20px}.content .player-info .player-property .property-item{width:100px;height:100px;border-radius:10px;border:5px solid #6F391E;background:#d9d9d9;box-sizing:border-box;margin-bottom:30px}.content .player-info .player-property .property-item img{width:100px;height:100px;object-fit:cover}.content .home{margin-left:40px;flex:1;height:100%}.content .home .home-hd{width:100%;height:280px;border:10px solid #6F391E;background:#e9d2b8;margin-bottom:30px;padding:20px;box-sizing:border-box}.content .home .home-hd img{width:102px;height:auto;margin-right:24px}.content .home .home-bd{display:flex;align-items:flex-end;justify-content:space-between}.content .home .home-bd .bd-l{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:520px}.content .home .home-bd .bd-l .pack-item{width:150px;height:150px;border-radius:10px;border:5px solid #6F391E;background:#d9d9d9;margin-bottom:20px}.content .home .home-bd .bd-r .btn{display:flex;align-items:center;justify-content:center;background:#6f391e;border-radius:5px;color:#fff;text-align:center;font-size:16px;font-style:normal;font-weight:600;line-height:normal;cursor:pointer;width:240px;height:70px;margin-top:20px}.content .build-content{border:10px solid #B47C57;background:#dcc7af;width:700px;height:455px;padding:40px;box-sizing:border-box;font-size:0}.content .build-content .list{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.content .build-content .list img{width:130px;height:auto;margin-bottom:20px;cursor:pointer;box-sizing:border-box}.content .build-content .btn{width:140px;height:50px;display:flex;align-items:center;justify-content:center;background:#6f391e;border-radius:5px;color:#fff;text-align:center;font-size:16px;font-style:normal;font-weight:600;line-height:normal;cursor:pointer;margin-left:auto}.content .map-info{width:600px;margin:0 40px;height:100%}.content .map-info .map-dialog{width:600px;height:140px;border-radius:10px;border:5px solid #6F391E;background:#dcc7af;box-sizing:border-box;padding:20px;color:#000;font-size:15px;font-style:normal;font-weight:600;line-height:normal}.content .map-info .map{font-size:0;width:600px;height:500px;border-radius:10px;box-sizing:border-box;margin-top:30px;position:relative;overflow:hidden}.content .map-info .map .cols{display:flex;align-items:center;justify-content:center}.content .map-info .map .cols .cols-item{width:100px;height:100px;display:flex;align-items:center;justify-content:center;font-size:12px;box-sizing:border-box}.content .map-info .map .cols .cols-item img{width:100px;height:100px;object-fit:cover;box-sizing:border-box}.content .pack-info{width:220px;height:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.content .pack-info .pack-item{width:100px;height:100px;border-radius:10px;border:5px solid #6F391E;box-sizing:border-box;background:#d9d9d9;position:relative;cursor:pointer}.content .pack-info .pack-item img{width:100px;height:100px;object-fit:cover}.content .pack-info .pack-item .count{position:absolute;bottom:0;right:0;width:30px;height:30px;border-bottom-left-radius:10px;border-top-left-radius:10px;background:#6f391e;color:#fff;font-size:16px;font-style:normal;font-weight:600;line-height:normal;display:flex;align-items:center;justify-content:center}.content .pack-info .btn{width:100%;height:47px;margin-top:30px;border-radius:10px;background:#6f391e;color:#fff;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer}.content .wrap{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0003;z-index:999;display:flex;align-items:center;justify-content:center}.content .loading .loader{width:48px;height:48px;border:5px dotted #FFF;border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;animation:rotation 2s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.content .dialog .dialog-content{padding:20px;border:5px solid #B47C57;background:#dcc7af;width:300px;box-sizing:border-box;border-radius:10px}.content .dialog .dialog-content .dao{text-align:center;margin-bottom:20px}.content .dialog .dialog-content .dao img{width:120px;height:auto}.content .dialog .dialog-content .mod{display:flex;align-items:center;justify-content:center}.content .dialog .dialog-content .mod-item{width:100px;height:100px;border-radius:10px;box-sizing:border-box;background:#d9d9d9;position:relative}.content .dialog .dialog-content .mod-item~.mod-item{margin-left:20px}.content .dialog .dialog-content .mod-item img{width:100px;height:100px;object-fit:cover}.content .dialog .dialog-content .mod-item .count{position:absolute;bottom:0;right:0;width:30px;height:30px;border-bottom-left-radius:10px;border-top-left-radius:10px;background:#6f391e;color:#fff;font-size:16px;font-style:normal;font-weight:600;line-height:normal;display:flex;align-items:center;justify-content:center}.content .dialog .dialog-content .hint{width:226px;height:110px;padding:12px;box-sizing:border-box;color:#000;font-size:14px;font-style:normal;font-weight:600;line-height:normal;background:#d9d9d9;margin:20px auto;border-radius:10px}.content .dialog .dialog-content .btn{width:92px;height:39px;display:flex;align-items:center;justify-content:center;background:green;border-radius:5px;color:#fff;text-align:center;font-family:Press Start 2P;font-size:12px;font-style:normal;font-weight:600;line-height:normal;margin-left:auto;cursor:pointer}.content .success .success-content{width:400px;border-radius:10px;border:5px solid #6F391E;background:#dcc7af;box-sizing:border-box;padding:20px;color:#000;font-size:15px;font-style:normal;font-weight:600;line-height:normal;text-align:center}.content .success .success-content .btn{display:flex;align-items:center;justify-content:flex-end;margin-top:30px}.content .success .success-content .btn .btn-item{width:92px;height:39px;display:flex;align-items:center;justify-content:center;background:#6f391e;border-radius:5px;color:#fff;text-align:center;font-size:12px;font-style:normal;font-weight:600;line-height:normal;cursor:pointer}.content .success .success-content .btn .btn-item~.btn-item{margin-left:20px}.content .modal .modal-content{width:400px;padding:20px;border-radius:10px;border:5px solid #6F391E;background:#dcc7af;box-sizing:border-box;color:#000;font-size:18px;font-style:normal;font-weight:600;line-height:normal;text-align:center;min-height:120px}.content .modal .modal-content .btn{margin-top:30px;width:92px;height:39px;display:flex;align-items:center;justify-content:center;background:#6f391e;border-radius:5px;color:#fff;text-align:center;font-size:12px;font-style:normal;font-weight:600;line-height:normal;cursor:pointer;margin-left:auto}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,menu,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}a{text-decoration:none;color:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.meme[data-v-da8aa0e8]{position:fixed;left:0;right:0;margin:auto;bottom:50px;width:420px;border-radius:10px;border:10px solid #BC8C61;background:#fcbd80;padding:10px 40px 10px 10px;box-sizing:border-box;max-height:70px;transition:all .3s inherit;font-size:0;overflow:hidden}.meme .bg[data-v-da8aa0e8]{width:345px;height:auto;overflow:hidden;position:relative}.meme .bg img[data-v-da8aa0e8]{width:100%;height:auto}.meme .bg .btns[data-v-da8aa0e8]{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.meme .meme-item[data-v-da8aa0e8]{position:relative;z-index:2;cursor:pointer;width:30px;height:30px;margin-right:2px;margin-bottom:5px}.meme .show-all[data-v-da8aa0e8]{position:absolute;right:10px;top:15px;width:20px;height:20px;border-radius:5px;background:#bc8c61;display:flex;align-items:center;justify-content:center;transition:all .3s inherit}.meme .show-all img[data-v-da8aa0e8]{width:15px;height:15px}