.zhanji[data-v-5eac1ffe]{width:100%;height:100%}.zhanji .cardlist1[data-v-5eac1ffe]{width:100%;height:30%;display:flex;flex-wrap:wrap}.zhanji .cardlist1 .HeroCard[data-v-5eac1ffe]{display:flex;position:relative;word-break:break-all;flex-direction:column;word-wrap:break-word;margin-top:1rem;margin-left:15px;width:10%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.25);transition:all .35s cubic-bezier(0,.88,.52,1.67);box-shadow:0 5px 10px 5px rgba(0,0,0,.75);cursor:pointer}.zhanji .cardlist1 .HeroCard[data-v-5eac1ffe]:hover{transform:translateY(-10px);box-shadow:0 10px 30px 5px rgba(0,0,0,.75)}.zhanji .cardlist1 .HeroCard:hover .select-mask[data-v-5eac1ffe]{opacity:1;transition:all .5s .25s}@-webkit-keyframes springbackL-5eac1ffe{33%{transform:translateY(-10px)}75%{transform:translateY(5px)}0%,to{transform:translateY(0)}}@keyframes springbackL-5eac1ffe{33%{transform:translateY(-10px)}75%{transform:translateY(5px)}0%,to{transform:translateY(0)}}.zhanji .cardlist1 .HeroCard:hover .bottom .name[data-v-5eac1ffe]{-webkit-animation:springbackL-5eac1ffe .5s .1s;animation:springbackL-5eac1ffe .5s .1s}.zhanji .cardlist1 .HeroCard:hover .bottom .mark[data-v-5eac1ffe]{-webkit-animation:springbackL-5eac1ffe .5s 25ms;animation:springbackL-5eac1ffe .5s 25ms}.zhanji .cardlist1 .HeroCard:hover .id[data-v-5eac1ffe]{-webkit-animation:springbackS-5eac1ffe .5s 25ms;animation:springbackS-5eac1ffe .5s 25ms}@-webkit-keyframes springbackS-5eac1ffe{33%{transform:translateY(-5px)}75%{transform:translateY(5px)}0%,to{transform:translateY(0)}}@keyframes springbackS-5eac1ffe{33%{transform:translateY(-5px)}75%{transform:translateY(5px)}0%,to{transform:translateY(0)}}.zhanji .cardlist1 .HeroCard .id[data-v-5eac1ffe]{z-index:1;font-size:16px;color:#fff;margin:15px;text-shadow:0 1px 2px rgba(0,0,0,.5);pointer-events:none}.zhanji .cardlist1 .HeroCard .select-mask[data-v-5eac1ffe]{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;opacity:0;transition:all .5s}.zhanji .cardlist1 .HeroCard .select-mask .head[data-v-5eac1ffe]{border-radius:50%;width:50%;margin-bottom:15px}.zhanji .cardlist1 .HeroCard .select-mask .view[data-v-5eac1ffe]{color:#fff;transition:all .5s}.zhanji .cardlist1 .HeroCard .select-mask .line[data-v-5eac1ffe]{width:0;height:3px;transition:all .25s;background-color:#000a48}.zhanji .cardlist1 .HeroCard .select-mask .lineActive[data-v-5eac1ffe]{width:8em!important}.zhanji .cardlist1 .HeroCard .bg[data-v-5eac1ffe]{position:absolute;min-width:100%;max-height:100%;pointer-events:none}.zhanji .cardlist1 .HeroCard .bottom[data-v-5eac1ffe]{display:flex;z-index:1;position:absolute;bottom:0;width:100%;flex-direction:column;align-items:center;pointer-events:none}.zhanji .cardlist1 .HeroCard .bottom .name[data-v-5eac1ffe]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#fff;font-size:16px;line-height:1;margin-bottom:5px;font-weight:800}.zhanji .cardlist1 .HeroCard .bottom .mark[data-v-5eac1ffe]{color:#fff;font-weight:800;font-size:14px}.zhanji .cardlist1 .HeroCard .button[data-v-5eac1ffe]{margin-top:20px;margin-bottom:-40px}