.login{max-width:320px;width:100%;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);margin-top:-20px}.login .title{padding:16px 0;text-align:center}html,body,#root{margin:0;padding:0;width:100%;height:100%}.layout{width:100vw;height:100vh}.layout .logo{font-size:17px;font-weight:700;color:#fff;height:56px;width:100%;display:flex;align-items:center;justify-content:center;word-break:keep-all}.layout .header{padding:0 16px 0 0;display:flex;align-items:center;justify-content:space-between}.layout .header .trigger{font-size:21px;width:52px;height:52px;color:#fff}.layout .header .trigger:hover{color:#fff;opacity:.8}.layout .header .user{color:#fff;display:flex;align-items:center;justify-content:center}.layout .header .user .welcome{opacity:0;pointer-events:none}.layout .header .user .welcome.show{opacity:1;pointer-events:all;transition:all .25s ease-in-out .1s}.map{width:100%;height:100%;background-color:#000}.map canvas{opacity:.8}.map .marker{width:24px;height:24px;z-index:2}.map .marker.pointer{cursor:pointer}.map .marker.pointer:hover{z-index:99999}.map .marker.static{width:28px;height:28px;opacity:.7;filter:grayscale(50%);z-index:1}.map .marker .mark img{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none;pointer-events:none}.map .marker .mark .tooltip{transition:all .25s ease-in-out;font-size:12px;padding:2px 5px;line-height:1.5;text-align:center;border-radius:4px;position:absolute;pointer-events:none;text-wrap:nowrap;z-index:999;left:50%;top:0;transform:translate3d(-50%,-80%,0) scale(.8);text-shadow:1px 1px 1px #000;color:#ff0;-webkit-user-select:none;user-select:none}.map .marker .mark.glow{opacity:1}@keyframes bxAnim{0%{background-position:0}to{background-position:-1100px}}.map .marker .mark.glow:before{content:"";width:110px;height:110px;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0) scale(.55);background-image:url(https://i.mtres.cn/dd4c710cb53ffb099eafad168ccd7e68.png);background-repeat:no-repeat;background-size:1100px 110px;animation:bxAnim .6s steps(10) infinite}.container{width:100%;height:100%;padding-top:48px;position:relative}.container .topbar{position:absolute;left:0;right:0;padding:0 8px;top:0;height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9d9d9}.container .topbar .left,.container .topbar .right{display:flex;align-items:center;gap:16px}.container .content{width:100%;height:100%;background-color:#fff;overflow-x:hidden;overflow-y:auto;padding:8px;position:relative}.container .content.full{padding:0}.container .content .text-area{width:100%;height:100%;padding:8px;border-radius:0;font-size:14px}.container .content .ant-table-wrapper{border:1px solid #f0f0f0}.id-card{padding:16px}.id-card .hook{background-color:#000;width:70px;margin:0 auto;height:15px;border-radius:5px 5px 0 0}.id-card .hook:after{content:"";background-color:#fff;width:47px;height:6px;display:block;margin:0 auto;position:relative;top:6px;border-radius:4px}.id-card .holder{width:260px;padding:4px;margin:0 auto;background-color:#1f1f1f;border-radius:5px;position:relative}.id-card .holder:after{content:"";width:7px;display:block;background-color:#0a0a0a;height:100px;position:absolute;top:105px;left:4px;border-radius:0 5px 5px 0}.id-card .holder:before{content:"";width:7px;display:block;background-color:#0a0a0a;height:100px;position:absolute;top:105px;right:4px;border-radius:5px 0 0 5px}.id-card .content{background-color:#fff;padding:10px 10px 20px;border-radius:10px;text-align:center;box-shadow:0 0 1.5px #b9b9b9}.id-card .content .photo{width:120px;margin:0 auto}.id-card .content .photo img{display:block;width:100%}.id-card .content h3{margin:0;padding:0;font-weight:200}.id-card .content h2{margin:0;padding:10px 0}.mark-list{width:300px;position:absolute;left:-100%;font-size:11px;top:0;bottom:0;z-index:9;overflow-y:auto;background-color:#fffc;display:flex;flex-direction:column;gap:8px;padding:8px 0 8px 8px;pointer-events:none;opacity:0;transition:all .2s ease-in-out}.mark-list.open{left:0;opacity:1;pointer-events:all}.mark-list .ml-block{display:flex;flex-direction:column;gap:8px}.mark-list .ml-block .ml-title{font-size:14px;color:green;display:flex;align-items:center}.mark-list .ml-block .ml-title .icon{width:28px;height:28px}.mark-list .ml-block .ml-content{display:flex;gap:8px;flex-wrap:wrap}.mark-list .ml-block .ml-content .block{flex-basis:calc(50% - 8px);border:1px solid rgba(255,255,255,.8);padding:4px 8px;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}.mark-list .ml-block .ml-content .block:hover{opacity:.8}.mark-list .ml-block .ml-content .block.active{border-color:green;background-color:#0080000d}.preview{position:fixed;left:0;top:0;bottom:0;right:0;box-sizing:border-box;z-index:999;padding:60px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}.preview .mask{position:absolute;left:0;right:0;top:0;bottom:0;background-color:#0006;z-index:1}.preview .content{padding:4px;position:relative;z-index:3}.preview .content .tooltip{font-size:18px!important;top:-10px!important}.preview .content:after{content:"";height:60px;position:absolute;left:4px;right:4px;top:4px;background-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent);z-index:1}.preview .content:before{content:"";height:60px;position:absolute;left:4px;right:4px;bottom:4px;background-image:linear-gradient(to top,rgba(0,0,0,.5),transparent);z-index:1}.preview .content .info{position:absolute;left:0;right:0;top:0;z-index:9;font-size:14px;font-weight:400;text-shadow:1px 1px 1px #000;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:16px}.preview .content .info .yellow{color:#ffff14}.preview .content .info .green{color:#0d0}.preview .content .info .orange{color:#ff6614}.preview .btns{display:flex;align-items:center;justify-content:center;position:relative;z-index:3;gap:32px}.preview .btns button{min-width:80px}.copy{position:absolute;left:0;right:0;bottom:0;align-items:center;justify-content:center;font-size:12px;padding:12px;color:#fff;display:flex;gap:4px;text-shadow:1px 1px 1px #000;z-index:2}.copy b{font-weight:400}.copy b.green{color:#0d0}