#user-container{position:relative;max-width:1200px;width:100%;min-height:700px;border-radius:10px;border:1px solid rgba(168,85,247,.2);background-color:hsla(0,0%,100%,.05);overflow:hidden}#user-container::before{content:"";position:absolute;inset:0;width:100%;height:100%;background-image:radial-gradient(circle at center, #3b0865, #200a37);z-index:-1}#user-container .load-more{display:flex;flex-direction:row;align-items:center;gap:10px;color:#c084fc;font-weight:500;font-size:14px;padding:8px 16px;background-color:#140623;border:1px solid rgba(168,85,247,.3);border-radius:5px;transition:.2s;cursor:pointer}#user-container .load-more:hover{background-color:#8c3cdd;color:#f8fafc}#user-container .load-more:active{scale:.98}#user-container .load-more:disabled{opacity:.6;pointer-events:none}#user-container .load-more[loading]::before{content:"";display:block;width:16px;height:16px;border-radius:999px;border:1.5px solid hsla(0,0%,100%,.8);border-left-color:hsla(0,0%,100%,.1);animation:loading 1s linear infinite}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#user-container .load-more[hide]{display:none !important}.user-header{position:relative;display:flex;flex-direction:row;border-bottom:1px solid rgba(168,85,247,.2);color:#c2cad6}.user-header__scroll-container{display:flex;flex-direction:row;flex:1;scroll-behavior:smooth;scroll-snap-type:x mandatory;overflow-x:auto}.user-header__scroll-container .nav-item{position:relative;display:flex;align-items:center;gap:5px;padding:12px 16px;font-size:14px;font-weight:500;transition:.2s;cursor:pointer;scroll-snap-align:start;scroll-snap-stop:always}.user-header__scroll-container .nav-item[s-active]{color:#f8fafc}.user-header__scroll-container .nav-item[s-active]::after{width:100%}.user-header__scroll-container .nav-item::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:2px;background-color:#a855f7;width:0;transition:.2s}.user-header__scroll-container .nav-item svg{width:16px;height:16px;flex-shrink:0}.user-header__scroll-container .nav-item span{white-space:nowrap}.user-header__scroll-btn{display:flex;align-items:center;justify-content:center;width:20px;color:#fff}.user-header__scroll-btn svg{width:20px;height:20px}.nav-item-container{display:none;margin-top:8px;padding:24px;color:#fff}.nav-item-container[s-active]{display:flex}.nav-item-container .box{margin:0 auto}.nav-item-container .card-box{max-width:672px;width:100%;backdrop-filter:blur(8px);border-radius:10px;border:1px solid rgba(0,0,0,0)}.nav-item-container .card-box .box-header{display:flex;flex-direction:row;align-items:center;gap:10px;margin-bottom:30px}.nav-item-container .card-box .box-header .icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px}.nav-item-container .card-box .box-header .icon svg{width:20px;height:20px}.nav-item-container .card-box .box-header .title{font-size:20px;font-weight:600}.nav-item-container .card-box .box-header .tag{padding:2px 8px;font-size:12px;border-radius:999px}.account-center-box{max-width:672px;width:100%}.account-center-box .user-detail{display:flex;flex-direction:row;gap:24px;margin-bottom:32px}.account-center-box .user-image{width:128px;height:128px;border-radius:999px;border:4px solid #d8b4fe;overflow:hidden}.account-center-box .user-image img{width:100%;height:100%;object-fit:cover}.account-center-box .user-info{flex:1}.account-center-box .user-name{font-size:24px;font-weight:700;margin-bottom:8px}.account-center-box .user-email{margin-bottom:16px;color:#d1d5db}.account-center-box .user-credits{display:flex;flex-direction:row;gap:10px}.account-center-box .user-credits .credits{display:flex;align-items:center;gap:5px;padding:8px 16px;background-color:rgba(147,51,234,.8);border-radius:999px}.account-center-box .user-credits .credits img{width:16px;height:16px}.account-center-box .user-credits .pricing{text-decoration:none;background-color:#140623;border:1px solid #a855f7;color:#c084fc;padding:8px 16px;font-size:14px;font-weight:500;border-radius:10px}.account-center-box .user-settings{padding-top:32px;margin-top:32px;border-top:1px solid rgba(168,85,247,.2)}.account-center-box .user-settings .title{font-weight:600;font-size:20px;margin-bottom:24px}.account-center-box .user-settings .email-box p{color:#d1d5db;font-size:14px;font-weight:500;margin:0;margin-bottom:8px}.account-center-box .user-settings .email-box input{width:100%;padding:8px 12px;color:#fff;background-color:#1f2937;border:1px solid #374151;font-size:14px;opacity:.5;border-radius:10px;height:40px}.account-center-box .delete-account-box{display:flex;align-items:center;padding-top:24px;margin-top:24px;border-top:1px solid rgba(168,85,247,.2)}.account-center-box .delete-account-box .delete-account-btn{background-color:#dc2626;padding:8px 16px;border-radius:10px;color:#f8fafc;font-size:14px;font-weight:500;display:flex;gap:10px;align-items:center;cursor:pointer;transition:.2s}.account-center-box .delete-account-box .delete-account-btn svg{width:16px;height:16px}.account-center-box .delete-account-box .delete-account-btn:hover{background-color:#b91c1c}.account-center-box .delete-account-box .delete-account-btn:active{scale:.96}.reward-tasks .sign-in-box .box-header .icon{background-image:linear-gradient(to right, #8b5cf6, #c084fc)}.reward-tasks .sign-in-box .box-header .tag{color:#c084fc;background-color:rgba(139,92,246,.2)}.reward-tasks .sign-in-box .box-main{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 15px;padding:24px;border-radius:10px;background-color:hsla(0,0%,100%,.1)}.reward-tasks .sign-in-box .box-main .day-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:16px;width:calc(25% - 14px);border-radius:10px;background-color:rgba(243,244,246,.1);border:1px solid rgba(229,231,235,.2);transition:.2s}.reward-tasks .sign-in-box .box-main .day-item[done]::before{content:""}.reward-tasks .sign-in-box .box-main .day-item[current]{cursor:pointer;background-image:linear-gradient(to bottom right, #22c55e, #16a34a);box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0 10px 15px -3px rgba(34,197,94,.4),0 4px 6px -4px rgba(34,197,94,.4)}.reward-tasks .sign-in-box .box-main .day-item[current]::after{content:"";animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{50%{opacity:.5}}.reward-tasks .sign-in-box .box-main .day-item[current] .icon-credits{animation:bounce 1s infinite}@keyframes bounce{0%,100%{transform:translateY(-10%);animation-timing-function:cubic-bezier(0.8, 0, 1, 1)}50%{transform:none;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}}.reward-tasks .sign-in-box .box-main .day-item[s-disabled]{pointer-events:none}.reward-tasks .sign-in-box .box-main .day-item:hover{transform:scale(1.05)}.reward-tasks .sign-in-box .box-main .day-item.large{width:calc(50% - 14px)}.reward-tasks .sign-in-box .box-main .day-item .title{font-size:14px;font-weight:500}.reward-tasks .sign-in-box .box-main .day-item .icon-credits{width:40px;height:40px;background-image:url(/static/icons/icon-credits.svg);background-position:center;background-size:40px;background-repeat:no-repeat}.reward-tasks .sign-in-box .box-main .day-item .credits{font-size:14px;font-weight:700;color:#fde047}.reward-tasks .sign-in-box .box-main .day-item::before{width:24px;height:24px;display:flex;align-items:center;justify-content:center;position:absolute;top:-5px;right:-5px;background-color:#22c55e;border-radius:999px;background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCI+PC9jaXJjbGU+PHBhdGggZD0ibTkgMTIgMiAyIDQtNCI+PC9wYXRoPjwvc3ZnPg==);background-size:16px;background-repeat:no-repeat;background-position:center}.reward-tasks .sign-in-box .box-main .day-item::after{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#eab308;border-radius:999px;background-size:16px;background-repeat:no-repeat;background-position:center;background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNOCAxM1Y0LjVhMS41IDEuNSAwIDAgMSAzIDBWMTIiPjwvcGF0aD48cGF0aCBkPSJNMTEgMTEuNXYtMmExLjUgMS41IDAgMCAxIDMgMFYxMiI+PC9wYXRoPjxwYXRoIGQ9Ik0xNCAxMC41di0yYTEuNSAxLjUgMCAwIDEgMyAwVjEyIj48L3BhdGg+PHBhdGggZD0iTTE3IDExLjVhMS41IDEuNSAwIDAgMSAzIDBWMTZhNiA2IDAgMCAxLTYgNmgtMiAuMjA4YTYgNiAwIDAgMS01LjAxMi0yLjdMNyAxOSI+PC9wYXRoPjxwYXRoIGQ9Ik01IDEwLjVhMS41IDEuNSAwIDAgMC0zIDBWMTZhNiA2IDAgMCAwIDYgNmgyLS4yMDhhNiA2IDAgMCAwIDUuMDEyLTIuN0wxMCAxOSI+PC9wYXRoPjwvc3ZnPg==)}.credit-records .credit-records-box{display:flex;flex-direction:column;align-items:center;gap:20px;min-height:500px}.credit-records .credit-records-box .credit-history-tabs-box{display:flex;flex-direction:row;gap:10px;padding:5px;background-color:hsla(0,0%,100%,.1);border:1px solid rgba(157,109,247,.3);border-radius:15px}.credit-records .credit-records-box .credit-history-tabs-box[s-disabled]{pointer-events:none}.credit-records .credit-records-box .credit-history-tabs-box .credit-history-tab{display:flex;flex-direction:row;align-items:center;gap:10px;padding:6px 20px;font-weight:500;color:#e9d5ff;cursor:pointer;border-radius:10px}.credit-records .credit-records-box .credit-history-tabs-box .credit-history-tab[to=earned] .icon{color:#4ade80}.credit-records .credit-records-box .credit-history-tabs-box .credit-history-tab[to=spent] .icon{color:#f87171}.credit-records .credit-records-box .credit-history-tabs-box .credit-history-tab[s-active]{color:#fff;background-image:linear-gradient(to right, #9d6df7, #d195fd)}.credit-records .credit-records-box .credit-history-tabs-box .credit-history-tab .icon{display:flex;align-items:center;justify-content:center}.credit-records .credit-records-box .credit-history-tabs-box .credit-history-tab .icon svg{width:18px;height:18px}.credit-records .credit-records-box .credit-history-tab-container{display:none;flex-direction:column;gap:10px;width:100%;flex:1}.credit-records .credit-records-box .credit-history-tab-container[s-active]{display:flex}.credit-records .credit-records-box .credit-history-tab-container.earned .records-item .right .credit{border:1px solid rgba(74,222,128,.3);background-image:linear-gradient(to right, rgba(74, 222, 128, 0.3), rgba(16, 185, 129, 0.3));color:#4ade80}.credit-records .credit-records-box .credit-history-tab-container.earned[s-active]~.load-more[data-type=spent]{display:none !important}.credit-records .credit-records-box .credit-history-tab-container.spent .records-item .right .credit{border:1px solid rgba(248,113,113,.3);background-image:linear-gradient(to right, rgba(248, 113, 113, 0.3), rgba(239, 68, 68, 0.3));color:#f87171}.credit-records .credit-records-box .credit-history-tab-container.spent[s-active]~.load-more[data-type=earned]{display:none !important}.credit-records .credit-records-box .credit-history-tab-container .records-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px;border:1px solid rgba(139,92,246,.4);border-radius:10px;background-color:hsla(0,0%,100%,.05);transition:.2s;color:#fff;text-decoration:none}.credit-records .credit-records-box .credit-history-tab-container .records-item:hover{border-color:rgba(157,109,247,.8)}.credit-records .credit-records-box .credit-history-tab-container .records-item .left{display:flex;flex-direction:row;align-items:center;gap:10px}.credit-records .credit-records-box .credit-history-tab-container .records-item .left .icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:#3a1d6e;border-radius:999px;background-position:center;background-size:20px;background-repeat:no-repeat;background-image:var(--icon)}.credit-records .credit-records-box .credit-history-tab-container .records-item .left .icon[data-type="0"]{background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNjMDg0ZmMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNCAxNGExIDEgMCAwIDEtLjc4LTEuNjNsOS45LTEwLjJhLjUuNSAwIDAgMSAuODYuNDZsLTEuOTIgNi4wMkExIDEgMCAwIDAgMTMgMTBoN2ExIDEgMCAwIDEgLjc4IDEuNjNsLTkuOSAxMC4yYS41LjUgMCAwIDEtLjg2LS40NmwxLjkyLTYuMDJBMSAxIDAgMCAwIDExIDE0eiI+PC9wYXRoPjwvc3ZnPg==)}.credit-records .credit-records-box .credit-history-tab-container .records-item .left .icon[data-type="1"]{background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM0YWRlODAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNOCAydjQiPjwvcGF0aD48cGF0aCBkPSJNMTYgMnY0Ij48L3BhdGg+PHJlY3Qgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiB4PSIzIiB5PSI0IiByeD0iMiI+PC9yZWN0PjxwYXRoIGQ9Ik0zIDEwaDE4Ij48L3BhdGg+PC9zdmc+)}.credit-records .credit-records-box .credit-history-tab-container .records-item .left .detail .title{font-size:14px}.credit-records .credit-records-box .credit-history-tab-container .records-item .left .detail a.title{color:#c049ff;font-weight:500}.credit-records .credit-records-box .credit-history-tab-container .records-item .left .detail .date{color:#d8b4fe;font-size:12px}.credit-records .credit-records-box .credit-history-tab-container .records-item .right .credit{padding:4px 16px;border-radius:999px;font-weight:700}.lucky-draw .lucky-draw-box .box-header .icon{background-image:linear-gradient(to right, #fbbf24, #eab308)}.lucky-draw .lucky-draw-box .box-header .tag{color:#fcd34d;background-image:linear-gradient(to right, rgba(251, 191, 36, 0.2), rgba(234, 179, 8, 0.2));border:1px solid rgba(245,158,11,.3)}.lucky-draw .lucky-draw-box .box-main{display:flex;flex-direction:column;align-items:center}.lucky-draw .lucky-draw-box .box-main .lucky-wheel-box{position:relative;display:flex;align-items:center;justify-content:center;width:340px;height:340px;background-color:#c4a1ff;border-radius:999px;box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.lucky-draw .lucky-draw-box .box-main .lucky-wheel-box .lucky-wheel{border-radius:999px;box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.lucky-draw .lucky-draw-box .box-main .lucky-wheel-box .pointer-box{width:40px;height:40px;position:absolute;top:0;z-index:9;display:flex;justify-content:center}.lucky-draw .lucky-draw-box .box-main .lucky-wheel-box .pointer-box *{border-width:0}.lucky-draw .lucky-draw-box .box-main .lucky-wheel-box .pointer-box .pointer{width:0;height:0;border-style:solid;border-left-width:12px;border-right-width:12px;border-top-width:30px;border-left-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0);border-top-color:#f3d78e}.lucky-draw .lucky-draw-box .box-main .lucky-wheel-box .point{width:12px;height:12px;position:absolute;background-color:#fff;border-radius:999px}.lucky-draw .lucky-draw-box .box-main .lucky-wheel-box .point:nth-child(odd){animation:flash-odd .6s infinite}.lucky-draw .lucky-draw-box .box-main .lucky-wheel-box .point:nth-child(even){animation:flash-even .6s infinite}@keyframes flash-odd{50%{background-color:#fff}100%{background-color:hsla(0,0%,100%,.5)}}@keyframes flash-even{50%{background-color:hsla(0,0%,100%,.5)}100%{background-color:#fff}}.lucky-draw .lucky-draw-count-box{position:relative;display:flex;justify-content:center;align-items:center;width:340px;height:80px;margin-top:20px;background-color:#9d6df7;border-radius:999px}.lucky-draw .lucky-draw-count-box::before,.lucky-draw .lucky-draw-count-box::after{content:"";position:absolute;top:0;width:8px;height:40px;background-color:#f3d78e;border-radius:999px}.lucky-draw .lucky-draw-count-box::before{left:20%}.lucky-draw .lucky-draw-count-box::after{right:20%}.lucky-draw .lucky-draw-count-box .lucky-draw-count-text{padding:8px 24px;font-size:14px;font-weight:700;border:2px solid #fff;color:#fff;background-image:linear-gradient(to right, #f87171, #ef4444);border-radius:999px}.my-purchases-box{max-width:896px;width:100%}.my-purchases-box .my-purchases-history-box{overflow-x:auto}.my-purchases-box .my-purchases-history__tbody{height:300px}.my-purchases-box .button{display:inline-flex;align-items:center;justify-content:center;padding:0 12px;font-size:14px;font-weight:500;border-radius:5px;border:1px solid rgba(0,0,0,0);height:36px;transition:.2s;cursor:pointer}.my-purchases-box .button:active{scale:.98}.my-purchases-box .button.cancel{color:#f87171;background-color:#140623;border-color:rgba(239,68,68,.3)}.my-purchases-box .button.cancel:hover{color:#f8fafc;background-color:#8c3cdd}.my-purchases-box .button.refund{color:#c084fc;background-color:#140623;border-color:rgba(168,85,247,.3)}.my-purchases-box .button.refund:hover{color:#f8fafc;background-color:#8c3cdd}.my-purchases-box .button.none{pointer-events:none}.my-purchases-box .button span{white-space:nowrap}.my-purchases-box h2{margin-bottom:24px;font-size:20px}.my-purchases-box table{width:100%;border-collapse:collapse}.my-purchases-box thead{color:#d1d5db}.my-purchases-box thead tr{border-bottom:1px solid rgba(168,85,247,.2)}.my-purchases-box thead th{padding:12px 16px;text-align:left;font-weight:500}.my-purchases-box thead th:last-child{text-align:right}.my-purchases-box tbody{color:#fff}.my-purchases-box tbody tr{border-bottom:1px solid rgba(168,85,247,.1);transition:.2s}.my-purchases-box tbody tr:hover{background-color:rgba(168,85,247,.05)}.my-purchases-box tbody tr:last-child{border:none}.my-purchases-box tbody td{padding:16px;cursor:default}.my-purchases-box tbody td:last-child{text-align:right}.my-purchases-box .tag{padding:4px 8px;font-size:12px;font-weight:500;border-radius:999px}.my-purchases-box .tag.active{color:#4ade80;background-color:rgba(34,197,94,.2)}.my-purchases-box .tag.cancel{color:#9ca3af;background-color:rgba(107,114,128,.2)}.my-purchases-box .tag.none{color:#9ca3af}.my-purchases-box .my-purchases-loading{display:flex;align-items:center;justify-content:center;padding-top:50px;color:#f8fafc;overflow:hidden}.my-purchases-box .my-purchases-loading .loading-icon svg{animation:loading infinite 1s linear}@keyframes loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.my-library .my-library-box{width:100%}.my-library .my-library-box header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid rgba(168,85,247,.2)}.my-library .my-library-box header h2{margin:0;font-size:20px;font-weight:600;color:#fff}.my-library .my-library-box header a{display:flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;color:#c084fc}.my-library .my-library-box header a svg{width:18px;height:18px}.my-library .my-library-box main{display:flex;flex-wrap:wrap;gap:10px 10px;padding:20px 0px;min-height:220px}.my-library .my-library-box footer{display:flex;align-items:center;justify-content:center;margin:24px 0}.my-library .my-library-box .my-library-item{position:relative;width:170px;aspect-ratio:1/1;background-color:rgba(0,0,0,.5);border-radius:5px;overflow:hidden;cursor:pointer}.my-library .my-library-box .my-library-item img{width:100%;height:100%;object-fit:cover}.my-library .my-library-box .my-library-item img:not([src]),.my-library .my-library-box .my-library-item img[src=""]{opacity:0}.my-library .my-library-box .my-library-item[done]::before{content:"";position:absolute;inset:0;width:100%;height:100%;z-index:2;border-radius:5px;background-color:rgba(0,0,0,.1);backdrop-filter:blur(5px)}.my-library .my-library-box .my-library-item[done] .progress-bar-box{display:none}.my-library .my-library-box .my-library-item video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;background-color:#1f2937}.my-library .my-library-box .my-library-item .status-bar{position:absolute;bottom:0;left:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:10px 5px;width:100%;background-image:linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);z-index:2;font-size:12px}.my-library .my-library-box .my-library-item .status-bar .tag{padding:2px 8px;font-size:12px;font-weight:500;border-radius:999px}.my-library .my-library-box .my-library-item .status-bar .tag.fast{background-color:#a855f7}.my-library .my-library-box .my-library-item .status-bar .tag.hd{background-color:#22c55e}.my-library .my-library-box .my-library-item .progress-bar-box{--progress: 0;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;width:100%;height:100%;background-color:hsla(0,0%,100%,.1);backdrop-filter:blur(20px);z-index:3;font-size:14px}.my-library .my-library-box .my-library-item .progress-bar-box::after{counter-reset:progress var(--progress);content:counter(progress) "%";font-size:1em}.my-library .my-library-box .my-library-item .progress-bar{margin-top:calc(1em + 5px);margin-bottom:5px;width:100%;height:7px;border-radius:999px;overflow:hidden;background-color:#e5e7eb}.my-library .my-library-box .my-library-item .progress-bar div{width:calc(1%*var(--progress));height:100%;background-color:#9333ea;transition:width .2s}.my-library .my-library-box .my-library-item .progress-bar.round{width:30px;height:30px;background-color:rgba(0,0,0,0);border-radius:999px;border:3px solid #9333ea;border-right-color:rgba(0,0,0,0);animation:loading 1s linear infinite}.my-library .my-library-box .my-library-item .progress-bar.round div{width:100%;background-color:rgba(0,0,0,0)}@keyframes loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media screen and (max-width: 600px){.nav-item-container{padding:10px}.account-center-box .user-detail{flex-direction:column;align-items:center}.account-center-box .user-info{display:flex;flex-direction:column;align-items:center}.reward-tasks .sign-in-box .box-main{padding:15px}.reward-tasks .sign-in-box .box-main .day-item{width:calc(50% - 14px)}.reward-tasks .sign-in-box .box-main .day-item.large{width:calc(100% - 14px)}.lucky-draw .lucky-draw-box .box-main .lucky-wheel-box,.lucky-draw .lucky-draw-box .box-main .lucky-draw-count-box{transform:scale(0.85)}.my-library .my-library-box .my-library-item{width:calc(50% - 5px)}}