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