.overview-wrap .area[data-v-0dd9a20a]{margin-top:10px;display:flex;justify-content:space-between}.overview-wrap .area .section1[data-v-0dd9a20a]{width:820px}.overview-wrap .area .section2[data-v-0dd9a20a]{width:370px}@supports(backdrop-filter:blur(10px)){.overview-wrap .area .section[data-v-0dd9a20a]{background:rgba(84,101,156,.6);box-shadow:0 2px 5px 0 rgba(0,0,0,.25);backdrop-filter:blur(10px)}}@supports not (backdrop-filter:blur(10px)){.overview-wrap .area .section[data-v-0dd9a20a]{background:#54659c;box-shadow:0 2px 5px 0 rgba(0,0,0,.25),0 2px 5px 0 rgba(0,0,0,.25)}}.overview-wrap .area .section[data-v-0dd9a20a]{border-radius:5px;position:relative}.overview-wrap .area .section .area-title[data-v-0dd9a20a]{font-size:20px;font-weight:700;color:#fff;text-align:left;margin:30px 0 0 30px}.overview-wrap .area .removeBackdrop-filter[data-v-0dd9a20a]{backdrop-filter:none}@supports(backdrop-filter:blur(50px)){.overview-wrap .area .mask[data-v-0dd9a20a]{background:rgba(84,101,156,.6);box-shadow:0 2px 5px 0 rgba(0,0,0,.25);backdrop-filter:blur(50px)}}@supports not (backdrop-filter:blur(10px)){.overview-wrap .area .mask[data-v-0dd9a20a]{background:#54659c;box-shadow:0 2px 5px 0 rgba(0,0,0,.25),0 2px 5px 0 rgba(0,0,0,.25)}}.overview-wrap .area .mask[data-v-0dd9a20a]{position:absolute;left:0;right:0;top:0;bottom:0;border-radius:5px;color:#fff;font-size:20px;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center}.overview-wrap .area .mask .future[data-v-0dd9a20a]{margin-bottom:22px}.overview-wrap .area-1[data-v-0dd9a20a]{height:296px}.overview-wrap .area-1 .summary[data-v-0dd9a20a]{margin:24px 0 0 30px;display:flex;align-items:center}.overview-wrap .area-1 .summary .left[data-v-0dd9a20a]{margin-right:60px;height:250px}.overview-wrap .area-1 .summary .left .container[data-v-0dd9a20a]{display:flex;align-items:center;margin-top:17px;margin-bottom:16px}.overview-wrap .area-1 .summary .left .odd[data-v-0dd9a20a]{font-size:14px;height:14px;line-height:14px;color:#cacddc;margin-right:10px}.overview-wrap .area-1 .summary .left .even[data-v-0dd9a20a]{width:67px;font-size:20px;color:#fff;height:20px;line-height:20px;font-family:Impact}.overview-wrap .area-1 .summary .left .normal[data-v-0dd9a20a]{width:67px;font-size:18px;font-weight:700;color:#fff;height:18px;line-height:18px}.overview-wrap .area-1 .summary .left img[data-v-0dd9a20a]{width:120px;display:block;margin-left:33px;cursor:pointer}.overview-wrap .area-1 .summary .right[data-v-0dd9a20a]{display:flex;flex-wrap:wrap;width:520px}.overview-wrap .area-1 .summary .right .card[data-v-0dd9a20a]{flex:1 1 25%;display:flex;align-items:flex-start;flex-direction:column;margin-bottom:40px}.overview-wrap .area-1 .summary .right .card .key[data-v-0dd9a20a]{font-size:14px;color:#cacddc;height:23px;line-height:23px}.overview-wrap .area-1 .summary .right .card .value[data-v-0dd9a20a]{font-size:30px;height:36px;line-height:36px;font-family:Impact;color:#fff;margin-bottom:10px}.overview-wrap .area-1 .summary .right .card .value .percent[data-v-0dd9a20a]{font-size:18px}.overview-wrap .area-1 .summary .right .card .svg-line[data-v-0dd9a20a]{width:48px}.overview-wrap .area-1 .dashboard-wrap[data-v-0dd9a20a]{position:relative;width:253px;margin:74px 0 0 54px}.overview-wrap .area-1 .dashboard-wrap .normal[data-v-0dd9a20a]{font-size:14px;color:#cacddc;position:absolute}.overview-wrap .area-1 .dashboard-wrap .zero[data-v-0dd9a20a]{left:-15px;bottom:1px}.overview-wrap .area-1 .dashboard-wrap .fifty[data-v-0dd9a20a]{left:119px;top:-25px}.overview-wrap .area-1 .dashboard-wrap .hundred[data-v-0dd9a20a]{right:-26px;bottom:1px}.overview-wrap .area-1 .dashboard-wrap .score[data-v-0dd9a20a]{font-size:40px;font-family:Impact;color:#0ae1ab;left:108px;bottom:2px}.overview-wrap .area-1 .dashboard-wrap .evaluation[data-v-0dd9a20a]{display:none;left:115px;bottom:1px}.overview-wrap .area-2[data-v-0dd9a20a]{height:314px}.overview-wrap .area-2 .card-wrap[data-v-0dd9a20a]{display:flex;padding:40px 0 0 30px;flex-wrap:wrap}.overview-wrap .area-2 .card-wrap .card[data-v-0dd9a20a]{flex:1 1 25%;display:flex;align-items:center;margin-bottom:40px}.overview-wrap .area-2 .card-wrap .card img[data-v-0dd9a20a]{padding-right:20px}.overview-wrap .area-2 .card-wrap .card .card-content .key[data-v-0dd9a20a]{font-size:14px;color:#cacddc;height:25px;line-height:25px}.overview-wrap .area-2 .card-wrap .card .card-content .value[data-v-0dd9a20a]{font-size:30px;font-family:Impact;color:#fff}.overview-wrap .area-2 .card-wrap .card .card-content .value .h[data-v-0dd9a20a]{font-size:18px}.overview-wrap .area-2 .clanImg[data-v-0dd9a20a]{display:block;width:119px;height:106px;margin:57px auto 43px}.overview-wrap .area-2 .clanName[data-v-0dd9a20a]{text-align:center;height:18px;line-height:18px;color:#fff;font-size:14px}.overview-wrap .area-3[data-v-0dd9a20a]{height:402px}.overview-wrap .area-3 .preference-wrap[data-v-0dd9a20a]{padding:40px;display:flex;justify-content:space-around;text-align:center}.overview-wrap .area-3 .preference-wrap img[data-v-0dd9a20a]{display:block;width:350px;height:160px;border-radius:5px;box-shadow:0 2px 5px 0 rgba(0,0,0,.25)}.overview-wrap .area-3 .preference-wrap .alterMap[data-v-0dd9a20a],.overview-wrap .area-3 .preference-wrap .alterWeapon[data-v-0dd9a20a]{display:block;width:350px;height:160px;background:#364480;border-radius:5px;display:flex;align-items:center;justify-content:center}.overview-wrap .area-3 .preference-wrap .alterMap .elo[data-v-0dd9a20a],.overview-wrap .area-3 .preference-wrap .alterWeapon .elo[data-v-0dd9a20a]{font-size:76px;color:#717ba5}.overview-wrap .area-3 .preference-wrap .state[data-v-0dd9a20a]{width:240px;margin:18px auto 0}.overview-wrap .area-3 .preference-wrap .state .name[data-v-0dd9a20a]{margin-bottom:24px;font-size:14px;font-weight:700;height:18px;line-height:18px;color:#fff}.overview-wrap .area-3 .preference-wrap .state .firstline[data-v-0dd9a20a]{display:flex}.overview-wrap .area-3 .preference-wrap .state .firstline span[data-v-0dd9a20a]{flex:1;font-size:14px;color:#cacddc;height:18px;line-height:18px}.overview-wrap .area-3 .preference-wrap .state .secondline[data-v-0dd9a20a]{display:flex}.overview-wrap .area-3 .preference-wrap .state .secondline span[data-v-0dd9a20a]{flex:1;font-size:24px;line-height:29px;height:29px;color:#fff;font-family:Impact}.overview-wrap .area-3 .equip-control[data-v-0dd9a20a]{padding:15px 32px 22px;display:flex;align-items:center;justify-content:space-between;font-size:20px;color:#fff;height:50px;line-height:50px}.overview-wrap .area-3 .equip-control .peripherals[data-v-0dd9a20a]{margin-right:20px}.overview-wrap .area-3 .equip-control .pc[data-v-0dd9a20a],.overview-wrap .area-3 .equip-control .peripherals[data-v-0dd9a20a]{cursor:pointer}.overview-wrap .area-3 .equip-control .active[data-v-0dd9a20a]{position:relative}.overview-wrap .area-3 .equip-control .active[data-v-0dd9a20a]:after{content:"";position:absolute;bottom:-15px;left:0;width:100%;height:3px;background:#6b92ff;border-radius:3px}.overview-wrap .area-3 .equip-control .edit[data-v-0dd9a20a]{font-size:14px;color:#6b92ff;text-decoration:underline;margin-right:10px}.overview-wrap .area-3 .equip-control .edit[data-v-0dd9a20a]:hover{color:#84a5ff}.overview-wrap .area-3 .equip-control .edit[data-v-0dd9a20a]:active{color:#6585e1}.overview-wrap .area-3 .equip-control .save[data-v-0dd9a20a]{width:57px;height:24px;border-radius:12px;font-size:14px;padding:0 14px}.overview-wrap .area-3 .equip-content[data-v-0dd9a20a]{padding:0 32px}.overview-wrap .area-3 .equip-content .equip-item[data-v-0dd9a20a]{box-sizing:border-box;height:40px;font-size:14px;border-bottom:1px solid hsla(0,0%,100%,.19);display:flex;justify-content:space-between;align-items:center}.overview-wrap .area-3 .equip-content .equip-item .typeName[data-v-0dd9a20a]{color:#cacddc;height:18px;line-height:18px}.overview-wrap .area-3 .equip-content .equip-item .itemName[data-v-0dd9a20a]{color:#fff;height:18px;line-height:18px;text-align:right}.overview-wrap .area-3 .equip-content .equip-item .itemName .canClick[data-v-0dd9a20a]{cursor:pointer;margin-right:7px}.overview-wrap .area-3 .equip-content .equip-item .itemName .pulldown-select[data-v-0dd9a20a] .el-input__inner{width:240px;height:35px;line-height:35px;background:#11194a;text-align:center;color:#fff;border-radius:0;border-top-left-radius:5px;border-top-right-radius:5px;border:none;border-bottom:1px solid hsla(0,0%,100%,.12);text-align:left}.overview-wrap .area-3 .equip-content .equip-item .itemName .pulldown-select[data-v-0dd9a20a] .el-input__suffix{display:none}.overview-wrap .area-3 .equip-content .equip-item .itemName .pulldown-select[data-v-0dd9a20a] .el-select-dropdown__wrap{max-height:203px;width:240px;overflow-x:hidden}.overview-wrap .area-3 .equip-content .equip-item .itemName .pulldown-select[data-v-0dd9a20a] .el-select-dropdown{border:none;border-radius:0;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background:#11194a}.overview-wrap .area-3 .equip-content .equip-item .itemName .pulldown-select[data-v-0dd9a20a] .el-select-dropdown .el-scrollbar__bar.is-vertical{display:none}.overview-wrap .area-3 .equip-content .equip-item .itemName .pulldown-select[data-v-0dd9a20a] .el-popper[x-placement^=bottom]{margin-top:0;overflow:hidden}.overview-wrap .area-3 .equip-content .equip-item .itemName .pulldown-select[data-v-0dd9a20a] .el-select-dropdown__list{text-align:left}.overview-wrap .area-3 .equip-content .equip-item .itemName .pulldown-select[data-v-0dd9a20a] .el-select-dropdown__item{color:hsla(0,0%,100%,.6);font-size:14px;height:31px;line-height:31px}.overview-wrap .area-3 .equip-content .equip-item .itemName .pulldown-select[data-v-0dd9a20a] .el-select-dropdown__item.hover,.overview-wrap .area-3 .equip-content .equip-item .itemName .pulldown-select[data-v-0dd9a20a] .el-select-dropdown__item:hover{color:#fff;background:rgba(14,22,71,.9)}.overview-wrap .area-3 .equip-content .equip-item .itemName .pulldown-select[data-v-0dd9a20a] .popper__arrow{display:none}.overview-wrap .area-3 .equip-content .equip-item .itemName .pull-down[data-v-0dd9a20a]{font-size:8px;color:#cacddc}.overview-wrap .area-3 .equip-content .equip-item .itemName .pull-down.active[data-v-0dd9a20a]{transform:rotate(180deg);transition:all .1s}@keyframes wordsLoop-0dd9a20a{0%{transform:translateX(200px);-webkit-transform:translateX(200px)}to{transform:translateX(-200px);-webkit-transform:translateX(-200px)}}@supports(backdrop-filter:blur(10px)){.overview-wrap .area-4[data-v-0dd9a20a]{background:rgba(84,101,156,.6);box-shadow:0 2px 5px 0 rgba(0,0,0,.25);backdrop-filter:blur(10px)}}@supports not (backdrop-filter:blur(10px)){.overview-wrap .area-4[data-v-0dd9a20a]{background:#54659c;box-shadow:0 2px 5px 0 rgba(0,0,0,.25),0 2px 5px 0 rgba(0,0,0,.25)}}.overview-wrap .area-4[data-v-0dd9a20a]{height:383px;border-radius:5px;display:block;overflow:hidden;margin-bottom:20px}.overview-wrap .area-4 .area-title[data-v-0dd9a20a]{font-size:20px;height:20px;line-height:20px;font-weight:700;color:#fff;text-align:left;margin:30px 0 0 30px}.overview-wrap .area-4 .card-wrap[data-v-0dd9a20a]{display:flex;padding:40px 10px 0 50px;justify-content:flex-start}.overview-wrap .area-4 .card-wrap .card[data-v-0dd9a20a]{position:relative;margin-right:40px}.overview-wrap .area-4 .card-wrap .card img[data-v-0dd9a20a]{width:190px;height:252px;border-radius:5px;box-shadow:0 2px 5px 0 rgba(0,0,0,.25);display:block}.overview-wrap .area-4 .card-wrap .card .text[data-v-0dd9a20a]{position:absolute;top:20px;left:20px}.overview-wrap .area-4 .card-wrap .card .text .mapName[data-v-0dd9a20a]{font-size:18px;height:23px;line-height:23px;font-weight:700;color:#fff}.overview-wrap .area-4 .card-wrap .card .text .result[data-v-0dd9a20a],.overview-wrap .area-4 .card-wrap .card .text .score[data-v-0dd9a20a]{font-size:18px;color:#fff;font-family:Impact;line-height:30px;margin-right:10px}.overview-wrap .area-4 .card-wrap .card .text .win[data-v-0dd9a20a]{color:#09e2aa}.overview-wrap .area-4 .card-wrap .card .text .lose[data-v-0dd9a20a]{color:#ff416e}.overview-wrap .area-4 .card-wrap .card .text .kdtitle[data-v-0dd9a20a]{font-size:11px;font-weight:700;color:#fff;margin-top:46px;height:14px;line-height:14px}.overview-wrap .area-4 .card-wrap .card .text .wrap[data-v-0dd9a20a]{display:flex}.overview-wrap .area-4 .card-wrap .card .text .adr[data-v-0dd9a20a],.overview-wrap .area-4 .card-wrap .card .text .b5rating[data-v-0dd9a20a],.overview-wrap .area-4 .card-wrap .card .text .kd[data-v-0dd9a20a]{font-size:30px;color:#fff;font-family:Impact;height:36px;line-height:36px}.overview-wrap .area-4 .card-wrap .card .text .kd[data-v-0dd9a20a]{margin-bottom:16px}.overview-wrap .area-4 .card-wrap .card .text .adrtitle[data-v-0dd9a20a],.overview-wrap .area-4 .card-wrap .card .text .b5ratingtitle[data-v-0dd9a20a]{font-size:11px;height:14px;line-height:14px;color:#fff;font-weight:700;width:88px}.overview-wrap .area-4 .card-wrap .card .text .b5rating[data-v-0dd9a20a]{width:88px}.overview-wrap .area-4 .card-wrap .style-flex[data-v-0dd9a20a]{background:#364480;border-radius:5px;display:flex;align-items:center;justify-content:center;width:190px;height:252px}.overview-wrap .area-4 .card-wrap .style-flex .elo[data-v-0dd9a20a]{font-size:76px;color:#717ba5}