@media (max-width:960px){.messages .tabs[data-v-abdb9e4a]{display:flex;justify-content:space-around;margin:4px 0 8px}.messages .tabs .tab-item[data-v-abdb9e4a]{font-size:14px;line-height:17px;padding:3px 0;margin:0;border-bottom-width:2px;text-align:center}.messages .tabs .tab-item span[data-v-abdb9e4a]{margin:0}}.tabs[data-v-abdb9e4a]{position:relative;margin:68px 0 40px}@media (max-width:960px){.tabs[data-v-abdb9e4a]{display:none}}.tabs .tab-item[data-v-abdb9e4a]{font-size:16px;color:rgba(0,0,0,.5);line-height:19px;padding:13px 15px;margin:0 12px;border-bottom:3px solid transparent;cursor:pointer}.tabs .tab-item span[data-v-abdb9e4a]{margin:0 2px}.tabs .tab-item[data-v-abdb9e4a]:hover{color:#000;font-weight:700}.tabs .tab-item.active[data-v-abdb9e4a]{color:#000;font-weight:700;border-bottom-color:#000;cursor:auto}.tabs .clean-icon[data-v-abdb9e4a]{position:absolute;right:0}@media (max-width:960px){.tabs .clean-icon[data-v-abdb9e4a]{position:fixed;top:12px;right:16px;z-index:10}}.realme-eg .tabs .clean-icon[data-v-abdb9e4a]{left:0;right:auto}@media (max-width:960px){.medals[data-v-caad3b86]{min-height:100vh;background:#292c33}}.medals .user-info[data-v-caad3b86]{background:rgba(0,0,0,.28);padding:24px 16px;margin:0 -16px}.medals .user-info .avatar[data-v-caad3b86]{width:64px;height:64px}.medals .user-info .text[data-v-caad3b86]{margin:0 30px}.medals .user-info .username[data-v-caad3b86]{font-size:16px;font-weight:600;color:#fff;line-height:24px}.medals .user-info .awarded[data-v-caad3b86]{font-size:12px;color:hsla(0,0%,100%,.5);line-height:16px}@media (max-width:960px){.medals .tabs[data-v-caad3b86]{display:flex;justify-content:space-around;justify-content:space-evenly;padding:14px 16px;margin:0 -16px;background:rgba(0,0,0,.28)}.medals .tabs[data-v-caad3b86] .tab-item{font-size:14px;color:#fff;line-height:20px;opacity:.5;padding:0;margin:0;border:0}.medals .tabs[data-v-caad3b86] .tab-item.active{font-weight:600;opacity:1}.medals .tabs[data-v-caad3b86] .tab-item .total{display:none}}.medals .title-wrapper[data-v-caad3b86]{text-align:center;margin:40px auto}@media (max-width:960px){.medals .title-wrapper[data-v-caad3b86]{text-align:left;margin:24px auto 0}}.medals .title[data-v-caad3b86]{font-size:24px;font-weight:600}@media (max-width:960px){.medals .title[data-v-caad3b86]{font-size:16px;color:#fff;line-height:24px;padding:0 10px}}.medals .desc[data-v-caad3b86]{font-size:16px;color:rgba(0,0,0,.5);margin-top:10px}.medals .medal-list[data-v-caad3b86]{width:100%}@media (max-width:960px){.medals .medal-list[data-v-caad3b86]{padding:22px 0}}.medals .medal-list .medal-item[data-v-caad3b86]{position:relative;width:20%;padding:10px 20px;margin-bottom:28px;cursor:pointer}@media (max-width:960px){.medals .medal-list .medal-item[data-v-caad3b86]{width:25%;padding:12px 14px;margin-bottom:2px}}.medals .medal-list .medal-item.new[data-v-caad3b86]:after{content:"";position:absolute;right:14px;top:4px;width:6px;height:6px;border-radius:50%;background-color:#f43545}.medals .medal-list .medal-item .medal-icon[data-v-caad3b86]{width:100px;height:100px;margin:auto;background-repeat:no-repeat;background-position:50%;background-size:contain}@media (max-width:960px){.medals .medal-list .medal-item .medal-icon[data-v-caad3b86]{width:54px;height:54px}}.medals .medal-list .medal-item .medal-title[data-v-caad3b86]{font-size:14px;line-height:18px;margin-top:10px;text-align:center}@media (max-width:960px){.medals .medal-list .medal-item .medal-title[data-v-caad3b86]{font-size:10px;color:#fff;line-height:14px;margin-top:12px}}.medals .medal-list .medal-item.unarchive[data-v-caad3b86]{filter:gray;-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.5}.medal-detail-pop[data-v-caad3b86]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:990}.medal-detail-pop .medal-detail[data-v-caad3b86]{position:relative;width:600px;max-width:87%;border-radius:24px;background-color:#fff;padding:68px 40px 64px 40px;text-align:center}.medal-detail-pop .medal-detail .medal-detail-close[data-v-caad3b86]{position:absolute;top:20px;right:30px;padding:10px;font-size:16px;cursor:pointer}.medal-detail-pop .medal-detail .medal-icon[data-v-caad3b86]{width:184px;height:184px;background-repeat:no-repeat;background-position:50%;background-size:contain;margin:auto}.medal-detail-pop .medal-detail .medal-name[data-v-caad3b86]{font-size:18px;font-weight:600;margin-top:28px}.medal-detail-pop .medal-detail .medal-col-wrapper[data-v-caad3b86]{display:flex;flex-direction:column;align-items:center}.medal-detail-pop .medal-detail .medal-awarded[data-v-caad3b86]{font-size:18px;font-weight:600;color:#666;line-height:28px;margin-top:28px}.medal-detail-pop .medal-detail .medal-owner-count[data-v-caad3b86]{font-size:12px;color:#666;line-height:16px;margin-top:24px}.medal-detail-pop .medal-detail .medal-get[data-v-caad3b86]{display:none}.medal-detail-pop.unarchive .medal-get[data-v-caad3b86]{display:inherit;width:180px;height:40px;border-radius:20px;margin-top:28px}@media (max-width:960px){.medal-detail-pop[data-v-caad3b86]{background-color:rgba(0,0,0,.9)}.medal-detail-pop .medal-detail[data-v-caad3b86]{position:relative;padding:0 0 76px;background:transparent}.medal-detail-pop .medal-detail .medal-detail-close[data-v-caad3b86]{font-size:12px;color:#fff;top:auto;bottom:0;right:50%;margin-right:-18px;width:36px;height:36px;border-radius:50%;border:1px solid #fff;display:flex;justify-content:center;align-items:center}.medal-detail-pop .medal-detail .medal-icon[data-v-caad3b86]{width:100px;height:100px}.medal-detail-pop .medal-detail .medal-name[data-v-caad3b86]{font-size:16px;font-weight:500;color:#fff;line-height:22px;margin-top:16px}.medal-detail-pop .medal-detail .medal-col-wrapper[data-v-caad3b86]{flex-direction:column-reverse}.medal-detail-pop .medal-detail .medal-get[data-v-caad3b86]{width:120px;height:28px;border-radius:14px;font-size:14px;font-weight:500;color:#000;background:#fff;margin-top:28px}.medal-detail-pop .medal-detail .medal-awarded[data-v-caad3b86]{font-size:12px;font-weight:400;color:#fff;line-height:16px;margin-top:12px}.medal-detail-pop .medal-detail .medal-owner-count[data-v-caad3b86]{font-size:12px;color:#fff;line-height:16px;margin-top:8px}}