#user-container{position:relative;max-width:1200px;width:100%;min-height:700px;overflow:hidden}#user-container .load-more{display:flex;flex-direction:row;align-items:center;gap:10px;color:#60a5fa;font-weight:500;font-size:14px;padding:8px 16px;background-color:#061223;border:1px solid rgba(96,165,250,.3);border-radius:5px;transition:.2s;cursor:pointer}#user-container .load-more:hover{background-color:#60a5fa;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}.nav-item-container{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}.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(96,165,250,.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:#b4d0ff;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, #2563eb, #60a5fa)}.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{position:relative;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 .empty-data{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#a6a6a6}.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(96,165,250,.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(96,165,250,.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:#1d3f6e;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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM2MGE1ZmEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNCAxNGExIDEgMCAwIDEtLjc4LTEuNjNsOS45LTEwLjJhLjUuNSAwIDAgMSAuODYuNDZsLTEuOTIgNi4wMkExIDEgMCAwIDAgMTMgMTBoN2ExIDEgMCAwIDEgLjc4IDEuNjNsLTkuOSAxMC4yYS41LjUgMCAwIDEtLjg2LS40NmwxLjkyLTYuMDJBMSAxIDAgMCAwIDExIDE0eiI+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:#2563eb;font-weight:500}.credit-records .credit-records-box .credit-history-tab-container .records-item .left .detail .date{color:#60a5fa;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}@media screen and (max-width: 600px){.nav-item-container{padding:10px}}