.modal[data-v-0120aa38]{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center}.modal-content[data-v-0120aa38]{position:relative;background-color:#fff;padding:20px 20px 25px 20px;border:1px solid #888;width:80%;max-width:600px;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:20px}.close[data-v-0120aa38]{position:absolute;top:-50px;right:-20px;color:#fff;float:right;font-size:35px;padding:10px;font-weight:100}.close[data-v-0120aa38]:focus,.close[data-v-0120aa38]:hover{color:#000;text-decoration:none;cursor:pointer}.title[data-v-0120aa38]{font-size:22px;font-weight:600;padding-bottom:20px}.txt[data-v-0120aa38]{text-align:justify}p[data-v-07198588]{margin:0}.gameContent[data-v-07198588]{height:100vh;width:100vw;position:fixed;overflow:hidden;background:linear-gradient(180deg,#fff,#fff);display:flex;flex-wrap:nowrap;align-content:center;justify-content:flex-start;flex-direction:column;align-items:center}.top[data-v-07198588]{display:flex;width:98vw;height:40vh;background-color:#fff;align-content:space-between;flex-wrap:wrap}.btm-box[data-v-07198588],.top-box[data-v-07198588]{width:100%;display:flex;align-items:center;justify-content:space-between}.top-box[data-v-07198588]{height:15%}.btm-box[data-v-07198588]{height:40%}.top-lft[data-v-07198588],.top-rig[data-v-07198588]{height:70%;display:flex;align-items:center;justify-content:center}.top-lft[data-v-07198588]{width:45%;border-radius:50px;background-color:#000;color:#fff}.top-rig[data-v-07198588]{width:50%}.btm-lft[data-v-07198588]{width:45%;height:100%;border-radius:10px;position:relative;overflow:hidden}.imgback[data-v-07198588]{position:absolute;border-radius:10px;overflow:hidden;width:100%;height:100%;top:0;left:0}.btm-rig[data-v-07198588]{width:50%;flex-wrap:wrap;height:100%;color:#f0f8ff}.btm-attribute[data-v-07198588],.btm-rig[data-v-07198588]{display:flex;align-items:center;justify-content:space-around}.btm-attribute[data-v-07198588]{font-size:15px;padding:1% 5%;min-height:18%;width:90%;background-color:#000;border-radius:50px}.attribute-box[data-v-07198588]{width:100%}.life-title[data-v-07198588]{width:30%;display:flex;align-items:center;justify-content:flex-end}.life-value[data-v-07198588]{width:60%;padding:0 2%;display:flex;justify-content:center;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.value-name[data-v-07198588]{font-size:14px}.self-box[data-v-07198588]{width:100%;display:flex;height:100%;flex-wrap:wrap;align-content:space-between}.middle[data-v-07198588]{width:98vw;height:35%;border-radius:10px;background-color:#000;margin:1.5vh 0;display:flex;justify-content:space-around;align-items:center}.bottm[data-v-07198588]{height:60vh;width:98vw;display:flex;flex-direction:column}.bottm-top[data-v-07198588],.bottm-z[data-v-07198588]{width:100%;display:flex;justify-content:space-around;margin-bottom:1.5vh}.bottm-z[data-v-07198588]{background-color:#000;color:#f0f8ff;border-radius:8px;flex-wrap:wrap}.adventure[data-v-07198588],.hero[data-v-07198588]{padding:0;width:45%;height:5vh;align-items:center;justify-content:center;display:flex;border-radius:20px;background-color:#b1b1b1;border:none;color:#fff}.bottm-btm[data-v-07198588]{flex:1;border-radius:10px;border:1px ridge #000;padding:10px 15px;overflow:hidden}.middle-lft[data-v-07198588],.middle-rgt[data-v-07198588]{height:80%;width:45%;display:flex;flex-wrap:wrap;justify-content:center;align-content:space-between}.reddescribe[data-v-07198588]{color:red}.bluedescribe[data-v-07198588]{color:#4b92f0}.middle-weapon[data-v-07198588]{width:100%}.middle-ATK[data-v-07198588]{display:flex;align-items:center;color:#fff}.bottm-btn[data-v-07198588]{display:flex;width:98vw;padding:1.5vh 0;justify-content:space-around}.music-btn[data-v-07198588],.outline-btn[data-v-07198588],.share-btn[data-v-07198588]{width:25%;height:5vh;display:flex;text-align:center;justify-content:center;align-items:center;border-radius:10px;border:1px ridge #000}.music-btn[data-v-07198588]{width:25%}.share-btn[data-v-07198588]{width:40%;background-color:#000;color:#fff;border:none}.adventure-Record[data-v-07198588]{width:100%;height:100%;text-align:justify}.conter[data-v-07198588]{list-style-type:disc;padding-left:20px;height:88%;overflow-y:auto}.greentitle[data-v-07198588]{color:#51ce51}.greytitle[data-v-07198588]{color:#727272}.conter-title[data-v-07198588]{padding:10px 0}.el-button[data-v-07198588]{transition:background-color .3s,color .3s}.Record-titile[data-v-07198588]{font-size:1.2rem;font-weight:600}.el-button.active[data-v-07198588]{background-color:#303030;color:#fff}.hero-titile[data-v-07198588]{display:flex;justify-content:space-between;font-weight:600;font-size:1.2rem}.table-title[data-v-07198588]{display:flex;justify-content:space-around;background-image:url(../img/image.8cf836ef.png);background-size:cover;background-position:50%;border-radius:20px;color:#fff;margin-top:10px;justify-content:space-between}.user-conter[data-v-07198588]{width:100%;max-height:85%;overflow-y:auto;margin-top:10px}.table-user[data-v-07198588]{display:flex;margin-bottom:10px;align-items:center;justify-content:space-between}.table-name[data-v-07198588],.table-ranking[data-v-07198588],.table-value[data-v-07198588]{width:30%;display:flex;justify-content:center;text-align:center;align-items:center}.table-txt[data-v-07198588]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.synopsis-box[data-v-07198588]{width:40px;height:100%;display:flex;align-items:center;justify-content:center}.playing[data-v-07198588]{background-color:#000;color:#fff}.paused[data-v-07198588]{background-color:#fff;color:#333}.monster-title[data-v-07198588]{width:100%;display:flex;align-items:center;justify-content:center;padding:10px}.monster-content[data-v-07198588]{width:80%;display:flex;justify-content:space-between;padding-bottom:10px}.btn-hero[data-v-07198588],.monster-txt[data-v-07198588]{display:flex;align-items:center}.btn-hero[data-v-07198588]{justify-content:center}.time-box[data-v-07198588]{display:flex;align-items:center}.btn-hero .icon-img[data-v-07198588],.middle-describe .icon-img[data-v-07198588],.monster-title .life-title .icon-img[data-v-07198588],.music-btn .icon-img[data-v-07198588],.outline-btn .icon-img[data-v-07198588],.Record-titile .icon-img[data-v-07198588],.share-btn .icon-img[data-v-07198588],.time-box .icon-img[data-v-07198588],.top-lft .icon-img[data-v-07198588]{margin-right:5px}.middle-describe[data-v-07198588]{width:100%;height:100%;display:flex;align-items:center;justify-content:space-around}.monster-txt .life-title .icon-img[data-v-07198588]{margin-right:10px}.herokpi-img[data-v-07198588]{width:20px;margin-right:5px}.reward-box[data-v-07198588]{position:relative}.reward-img[data-v-07198588]{width:16px}.reward[data-v-07198588]{position:absolute;display:flex;right:-3px;top:-8px;display:inline-block;padding:2px;font-size:12px;border-radius:50%;background-color:#af3131;justify-content:center;align-content:center}.text-box[data-v-07198588]{display:flex;height:100%;flex-wrap:wrap;align-content:space-between;justify-content:center}.def-box[data-v-07198588]{width:100%}.img-box[data-v-07198588]{display:flex;height:100%;justify-content:center;align-items:flex-start}.highlighted .table-name[data-v-07198588],.highlighted .table-ranking[data-v-07198588],.highlighted .table-value[data-v-07198588]{color:#e01212}.modal[data-v-07198588]{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center}.modal-box[data-v-07198588]{position:relative;display:flex;justify-content:center;padding-bottom:60px}.modal-content[data-v-07198588]{background-color:#fff;padding:20px 20px 25px 20px;border:1px solid #888;width:80%;max-width:600px;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:20px}.skill-content[data-v-07198588]{position:relative}.close[data-v-07198588]{position:absolute;top:-50px;right:0;color:#fff;float:right;font-size:35px;padding:10px;font-weight:100}.skill-close[data-v-07198588]{right:-20px}.close[data-v-07198588]:focus,.close[data-v-07198588]:hover{color:#000;text-decoration:none;cursor:pointer}.modal-top[data-v-07198588]{display:flex;height:24vh;align-items:center;justify-content:space-between}.modal-top-lft[data-v-07198588],.modal-top-rgt[data-v-07198588]{height:100%;display:flex;width:50%;flex-wrap:wrap;align-content:space-between}.modal-top-rgt[data-v-07198588]{align-items:center}.fighting2[data-v-07198588],.level-lft[data-v-07198588],.modal-img[data-v-07198588],.ranking2[data-v-07198588]{width:100%}.level-lft[data-v-07198588]{height:35px}.ranking-title[data-v-07198588]{color:#000;font-size:30px;font-weight:600}.ranking-txt[data-v-07198588]{color:red;font-size:27px;font-weight:600}.modal-text[data-v-07198588]{font-weight:900;text-align:justify;margin-top:15px}.modal-title[data-v-07198588]{margin-top:10px;display:flex;height:10vh;justify-content:center;align-items:center}.modal-logo[data-v-07198588]{height:100%}.title-text[data-v-07198588]{color:#000;font-size:20px;font-weight:600}.skill-text[data-v-07198588]{text-align:justify}.share-btm[data-v-07198588]{position:absolute;bottom:-25px;color:#fff;left:0;display:flex;justify-content:space-evenly;width:100%}.hero-table[data-v-07198588]{height:90%}.title-txt[data-v-07198588]{margin-left:5px;font-size:14px}.table-box[data-v-07198588]{min-width:5%}.edit-title[data-v-07198588]{font-size:24px;font-weight:900;color:#000}.btn-qr[data-v-07198588]{padding:5px 70px;border-radius:10px;background:#000;color:#fff;font-size:20px;font-weight:600}.ipt-edit[data-v-07198588]{border:none;border-bottom:1px ridge #5e5e5e;width:90%;padding:8px 0 8px 10%;color:#878787}.edit-img[data-v-07198588]{position:absolute;top:57px;left:10px}.error-message[data-v-07198588]{display:flex;color:#ff5050;margin-top:10px}