.user-center-layout{background:#07060a;min-height:100vh}.user-center-layout .uc-side{background:#0a080d;border-right:1px solid hsla(0,0%,100%,.06);display:flex;flex-direction:column;height:100vh;justify-content:space-between;left:0;position:fixed;top:0;width:72px;z-index:999}.user-center-layout .uc-side__brand{align-items:center;display:flex;height:74px;justify-content:center}.user-center-layout .uc-side__bottom{font-size:11px;padding-bottom:10px}.user-center-layout .uc-side__action{align-items:center;border-radius:10px;color:#ffffffb3;cursor:pointer;display:flex;flex-direction:column;gap:5px;margin:0 6px 10px;padding:8px 0}.user-center-layout .uc-side__action:hover{background:#ffffff0f;color:#fff}.user-center-layout .menu{display:flex;flex-direction:column;gap:6px;list-style:none;margin:10px 0 0;padding:0}.user-center-layout .menu li{border-radius:10px;margin:0 6px;transition:.2s}.user-center-layout .menu li a{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;font-size:11px;gap:5px;justify-content:center;padding:10px 0;text-align:center}.user-center-layout .menu li a i{height:22px;width:22px}.user-center-layout .menu li:hover{background:#ffffff0f}.user-center-layout .menu li.active{background:#ff0b6f29}.user-center-layout .menu li.active a{color:#fff}.user-center-layout .uc-main{margin-left:72px}.user-center-layout .uc-top{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07060ad9;border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;gap:10px;height:54px;justify-content:space-between;left:0;padding:0 15px 0 88px;position:fixed;width:100%;z-index:10}.user-center-layout .uc-top__home{align-items:center;color:#ffffffb3;display:inline-flex;flex:none;font-size:13px;gap:6px;white-space:nowrap}.user-center-layout .uc-top__home i{height:16px;width:16px}.user-center-layout .uc-top__brand{display:none}.user-center-layout .uc-top__gold{align-items:center;background:#ffdd461f;border-radius:999px;color:var(--brand-gold);display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:5px 12px}.user-center-layout .uc-top__gold i{height:16px;width:16px}.user-center-layout .uc-tabs{display:none}@media(max-width:767px){.user-center-layout .uc-side{display:none}.user-center-layout .uc-main{margin-left:0}.user-center-layout .uc-top{gap:8px;height:52px;padding:0 12px}.user-center-layout .uc-top__home{gap:0}.user-center-layout .uc-top__home .uc-top__label,.user-center-layout .uc-top__home>i{display:none}.user-center-layout .uc-top__brand{display:inline-flex}.user-center-layout .uc-top__gold{font-size:12px;padding:4px 10px}.user-center-layout .uc-top .search-input{flex:1;min-width:0}.user-center-layout .uc-top .search-input input{min-width:0;width:100%}.user-center-layout .uc-tabs{display:flex;gap:6px;left:0;overflow-x:auto;padding:6px 12px 8px;position:fixed;right:0;top:52px;z-index:10;-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07060aeb;border-bottom:1px solid hsla(0,0%,100%,.05);scrollbar-width:none}.user-center-layout .uc-tabs::-webkit-scrollbar{display:none}.user-center-layout .uc-tabs a{align-items:center;background:#ffffff0f;border-radius:999px;color:#ffffffb8;cursor:pointer;display:inline-flex;flex:none;font-size:12px;gap:6px;padding:7px 12px;white-space:nowrap}.user-center-layout .uc-tabs a i{height:16px;width:16px}.user-center-layout .uc-tabs a.active{background:#ff0b6f2e;color:#fff}.user-center-layout .uc-main>.p-20px{padding:110px 12px calc(84px + env(safe-area-inset-bottom))!important}}