.content[data-v-1e51574a],.top[data-v-1e51574a]{width:100%;margin:20px auto;text-align:center;position:relative}.search[data-v-1e51574a]{margin:0 auto;width:100%}.card[data-v-1e51574a]{color:var(--textColor1);border-radius:10px;width:99%;margin:2px auto;height:195px;background:#fff;position:relative}.dialogCard[data-v-1e51574a]{color:#000;border-radius:10px;width:100%;height:200px;position:relative;background:#fff;border:1px solid #838383}.left[data-v-1e51574a]{width:60%;float:left;margin:20px;text-align:left}.dialogLeft[data-v-1e51574a]{width:55%;float:left;margin:20px;text-align:left}.dialogAvatar[data-v-1e51574a]{width:25%;float:right;margin-right:10px;margin-top:30px;text-align:left}.dialogAvatar .tx[data-v-1e51574a]{border:2px solid #838383}.title[data-v-1e51574a]{font-size:18px;font-weight:700;margin-top:10px;margin-bottom:10px;text-align:left;width:90%}.describe[data-v-1e51574a]{text-align:left;font-size:10px}.rankings-avatar[data-v-1e51574a]{width:45px;height:50px;margin:10px auto}.num[data-v-1e51574a]{width:90%;margin-top:30px;position:absolute;left:20px;bottom:15px}.avatar[data-v-1e51574a]{width:25%;float:right;margin-top:30px;margin-right:5px;text-align:left}.avatar .tx[data-v-1e51574a]{border:1px solid var(--textColor1);border-radius:50%}.rankings-list[data-v-1e51574a]{margin-top:20px;width:100%;border-radius:10px;text-align:center}.rankTx[data-v-1e51574a]{width:50px;height:50px;max-height:50px;overflow:hidden;border:1px solid #d2d2d2;border-radius:5px}.rankings[data-v-1e51574a]{width:100%;margin:10px auto;color:#4c51b0;text-align:left}.rankingsTop[data-v-1e51574a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rankings h1[data-v-1e51574a]{font-size:30px;margin-left:20px}.rankings .select[data-v-1e51574a]{width:150px;text-align:right}.top-title[data-v-1e51574a]{text-align:left;font-size:25px;font-weight:700;margin:20px 30px}.rankings-item[data-v-1e51574a]{margin:15px 10px;background:#fff;color:var(--textColor1);border-radius:10px;position:relative;cursor:pointer;padding:10px}.el-input-group__prepend[data-v-1e51574a],[data-v-1e51574a] .el-input-group--append .el-input__inner{height:80px;font-size:25px}.tag[data-v-1e51574a]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:5px 10px;border-radius:10px;background:var(--auxiliaryColor);-webkit-box-shadow:0 4px 8px 0 rgba(224,153,153,.2),0 6px 20px 0 rgba(232,223,223,.19);box-shadow:0 4px 8px 0 rgba(224,153,153,.2),0 6px 20px 0 rgba(232,223,223,.19);position:absolute;top:10px;right:-10px}.clearBoth[data-v-1e51574a]{clear:both}[data-v-1e51574a] .el-tabs__item{font-size:16px;font-weight:700}[data-v-1e51574a] .el-tabs__item.is-active{color:#4c51b0}[data-v-1e51574a] .el-tabs__active-bar{background:#4c51b0}.categoryTag[data-v-1e51574a]{border:none;color:var(--textColor1);margin-right:5px;margin-bottom:2px;margin-left:5px;vertical-align:middle}.searchBox[data-v-1e51574a]{margin-top:30px}.searchBox button[data-v-1e51574a]{text-align:center;padding-left:8px;padding-right:15px;width:90px;height:50px;border-radius:0 40px 40px 0}.searchInput[data-v-1e51574a]{width:calc(100% - 90px)}[data-v-1e51574a] .searchInput .el-input__inner{border-radius:40px 0 0 40px;height:50px!important}[data-v-1e51574a] .goalsDialog .el-dialog__body{padding:0}.dialogGoals[data-v-1e51574a]{padding:10px}.goalsTips[data-v-1e51574a]{text-align:center;color:var(--auxiliaryColor)}.dialogPreview[data-v-1e51574a]{height:600px;background:#fff;padding:10px 20px;border-radius:20px}@media screen and (max-width:640px){.goalsTips[data-v-1e51574a]{font-size:16px;margin:0}.goalsDialog[data-v-1e51574a]{margin-top:-100px}}.ad-overlay[data-v-1e51574a]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1000}.ad-container[data-v-1e51574a]{position:relative;max-width:80%;max-height:80%;padding:20px;border-radius:10px;background:hsla(0,0%,100%,.1);-webkit-box-shadow:0 8px 32px 0 rgba(31,38,135,.37);box-shadow:0 8px 32px 0 rgba(31,38,135,.37);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid hsla(0,0%,100%,.18)}.ad-controls[data-v-1e51574a]{position:absolute;top:-15px;right:-15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;z-index:1001}.ad-timer[data-v-1e51574a]{padding:5px 15px;border-radius:20px;font-size:16px;font-weight:700}.ad-close-btn[data-v-1e51574a],.ad-timer[data-v-1e51574a]{color:#000;background:hsla(0,0%,100%,.9);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.ad-close-btn[data-v-1e51574a]{width:36px;height:36px;border-radius:50%;border:2px solid #000;font-size:20px;line-height:1;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s ease;transition:all .3s ease;padding:0;outline:none}.ad-close-btn[data-v-1e51574a]:hover:not(:disabled){background:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}.ad-close-btn[data-v-1e51574a]:disabled{opacity:.5;cursor:not-allowed;border-color:rgba(0,0,0,.3);color:rgba(0,0,0,.3)}.ad-container img[data-v-1e51574a]{display:block;max-width:100%;max-height:100%;border-radius:8px;margin:0 auto}.avatar-container[data-v-1e51574a]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.star-circle[data-v-1e51574a]{position:absolute;width:100%;height:100%;top:-15px;left:0;z-index:1}.stars-container[data-v-1e51574a]{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-icon-star-on.star-active[data-v-1e51574a]{color:gold;font-size:10px;z-index:2;-webkit-filter:drop-shadow(0 0 1px rgba(0,0,0,.5));filter:drop-shadow(0 0 1px rgba(0,0,0,.5))}.el-icon-star-on.star-gray[data-v-1e51574a]{color:#c0c4cc;font-size:10px;z-index:2;-webkit-filter:drop-shadow(0 0 1px rgba(0,0,0,.3));filter:drop-shadow(0 0 1px rgba(0,0,0,.3))}.rankTx[data-v-1e51574a]{margin-top:5px;z-index:1}.rating-detail[data-v-1e51574a]{text-align:left;font-size:14px;padding:5px}.rating-detail div[data-v-1e51574a]{margin:3px 0}.card .adIcon[data-v-1e51574a]{position:absolute;top:8px;left:-15px;width:30px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-width:0 15px 15px 15px;border-style:solid;border-color:transparent transparent var(--textColor2) transparent;text-align:center;z-index:1;overflow:hidden}.card .adIcon1[data-v-1e51574a]{position:absolute;top:0;left:0;width:20px;height:20px;background-color:var(--textColor2);border-radius:10px 0 0 0}.card .adIcon2[data-v-1e51574a]{top:5px;left:2px;color:var(--textColor3);z-index:2;font-weight:700;font-size:12px}.card .adIcon2[data-v-1e51574a],.rankings-item .adIcon[data-v-1e51574a]{position:absolute;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);text-align:center}.rankings-item .adIcon[data-v-1e51574a]{top:8px;left:-14px;width:30px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-width:0 15px 15px 15px;border-style:solid;border-color:transparent transparent var(--textColor2) transparent;z-index:1;overflow:hidden}.rankings-item .adIcon1[data-v-1e51574a]{position:absolute;top:0;left:0;width:20px;height:20px;background-color:var(--textColor2);border-radius:10px 0 0 0;z-index:1}.rankings-item .adIcon2[data-v-1e51574a]{position:absolute;top:5px;left:2px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);color:var(--textColor3);z-index:2;font-weight:700;text-align:center;font-size:12px}