.account-vip-card__label{--account-vip-label-bg:linear-gradient(180deg,#f4f4f4,#bfc2c5);--account-vip-label-color:#333;--account-vip-label-shadow:none;display:inline-flex;min-width:82px;height:22px;align-items:center;justify-content:center;padding:0 12px;clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);background:var(--account-vip-label-bg);color:var(--account-vip-label-color);font-size:13px;font-weight:800;line-height:20px;text-shadow:var(--account-vip-label-shadow);text-transform:uppercase}.account-vip-card__label--level-0{--account-vip-label-bg:linear-gradient(168deg,#f9f9f9 5.78%,#bdbdbd 100.36%);--account-vip-label-color:#3d3d3d}.account-vip-card__label--level-1,.account-vip-card__label--level-2,.account-vip-card__label--level-3{--account-vip-label-bg:linear-gradient(169deg,#fff8f3 5.89%,#ffb47a 102.15%);--account-vip-label-color:#593921}.account-vip-card__label--level-4,.account-vip-card__label--level-5,.account-vip-card__label--level-6{--account-vip-label-bg:linear-gradient(171deg,#f7f8fb 6.07%,#a7b6d2 105.27%);--account-vip-label-color:#2a3751}.account-vip-card__label--level-7,.account-vip-card__label--level-8,.account-vip-card__label--level-9{--account-vip-label-bg:linear-gradient(170deg,#fffcf3 5.92%,#ffde7a 102.76%);--account-vip-label-color:#594b21}.account-vip-card__label--level-10,.account-vip-card__label--level-11,.account-vip-card__label--level-12{--account-vip-label-bg:linear-gradient(165deg,#f3f5ff 5.54%,#7a8cff 96.15%);--account-vip-label-color:#262f6b}.account-vip-card__label--level-13,.account-vip-card__label--level-14,.account-vip-card__label--level-15{--account-vip-label-bg:linear-gradient(163deg,#f8f3ff 5.4%,#c27aff 93.79%);--account-vip-label-color:#432767}.account-overview-top{align-items:stretch}.account-overview-top .account-personal-card,.account-overview-top .account-vip-card{height:100%}.account-overview-top .account-personal-card{padding:24px}.account-overview-top .account-personal-card>.flex{height:100%;flex-direction:column;justify-content:space-between}.account-overview-top .account-personal-card__wallet{min-width:0;width:100%;min-height:118px;padding:18px 20px;background-size:cover}.account-overview-top .account-personal-card__wallet>div:first-of-type{min-width:0}.account-overview-top .account-personal-card__wallet .grow{flex-grow:1}@media(max-width:1199px){.account-vip-card__label{min-width:72px;height:20px;padding:0 10px;font-size:11px;line-height:16px}}.account-section{border-radius:24px}.account-landing-mobile{padding:12px 14px 96px}.account-landing-mobile__panel{overflow:hidden;border-radius:16px;background:#fff}.account-landing-mobile__user{padding:20px 16px 4px}.account-landing-mobile__loading{padding:48px 16px;text-align:center;color:#717589}.account-landing-mobile__nav{margin-top:0;border-radius:0 0 16px 16px;background:#fff;padding:0 16px 24px}.account-landing-mobile__group{border-bottom:1px solid #f1f3f9;padding:18px 0}.account-landing-mobile__group:last-child{border-bottom:0}.account-landing-mobile__group-title{margin-bottom:4px;color:#717589;font-size:14px;font-weight:400;line-height:20px}.account-landing-mobile__item{display:flex;min-height:44px;align-items:center;gap:12px;border-radius:10px;padding:0 12px;color:#33363f;font-size:16px;font-weight:500;line-height:24px}.account-landing-mobile__item+.account-landing-mobile__item{margin-top:0}.account-landing-mobile__item-icon{width:24px;height:24px;flex:0 0 auto;-o-object-fit:contain;object-fit:contain}.account-landing-mobile__logout{display:flex;width:100%;height:60px;align-items:center;justify-content:center;gap:8px;margin-top:18px;border-radius:10px;background:#f1f3f9;color:#33363f;font-size:16px;font-weight:500;line-height:24px;transition:background-color .15s ease}.account-landing-mobile__logout:hover{background:#e4e9f0}.account-landing-mobile__logout:disabled{opacity:.6}.account-landing-mobile__logout-icon{width:24px;height:24px;flex:0 0 auto;-o-object-fit:contain;object-fit:contain;opacity:.7}@media(max-width:1199px){.account-vip-card--wallet .account-vip-card__label{width:-moz-fit-content;width:fit-content;min-width:0;height:16px;justify-content:center;padding:0 13px;font-size:10px;line-height:21px}}.account-breadcrumb{align-items:center;gap:8px;padding-top:20px;color:#717589;font-size:12px;line-height:16px}.account-sidebar{position:sticky;top:calc(var(--header-height, 56px) + 20px);width:332px;flex:0 0 332px;border-radius:12px;background:#fff;padding:32px;color:#33363f}.account-sidebar__user{display:flex;align-items:center;gap:12px}.account-sidebar__avatar{display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;border-radius:12px;background:#22a374;color:#fff;font-size:20px;font-weight:700}.account-sidebar__username{display:block;overflow:hidden;color:#33363f;font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.account-sidebar__balance{display:block;color:#df7b04;font-size:16px;font-weight:500;line-height:24px}.account-sidebar__vip{margin-top:20px}.account-sidebar__progress{position:relative;height:12px;margin:0 12px;border-radius:999px;background:#f1f3f9}.account-sidebar__progress-bar{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:#22a374}.account-sidebar__progress-icon{position:absolute;top:50%;width:24px;height:24px;transform:translate(-50%,-50%)}.account-sidebar__progress-caption{display:flex;align-items:center;justify-content:space-between;margin-top:6px;border-bottom:1px solid #f1f3f9;padding-bottom:6px;color:#33363f;font-size:11px;font-weight:500;line-height:16px;text-transform:uppercase}.account-sidebar__vip-message{display:flex;gap:6px;border-bottom:1px solid #f1f3f9;padding:8px 0 10px;color:#717589;font-size:12px;line-height:18px}.account-sidebar__amount{color:#df7b04;font-weight:500}.account-sidebar__level{color:#199568;font-weight:500}.account-sidebar__vip-link{display:inline-flex;align-items:center;gap:4px;margin-top:12px;color:#199568;font-size:14px;line-height:20px}.account-sidebar__nav{margin-top:28px}.account-sidebar__group+.account-sidebar__group{margin-top:24px}.account-sidebar__group-title{margin-bottom:12px;color:#6e6f74;font-size:12px;font-weight:500;line-height:16px}.account-sidebar__item{display:flex;width:100%;height:44px;align-items:center;gap:12px;border-radius:10px;padding:0 8px 0 12px;color:#33363f;font-size:14px;font-weight:500;line-height:20px;transition:background-color .15s ease,color .15s ease}.account-sidebar__item:hover{color:#199568}.account-sidebar__item.is-active{background:#f1f3f9;color:#33363f}.account-sidebar__hot{border-radius:2px 6px 6px 2px;background:linear-gradient(135deg,#ee7010,#f77f23);padding:0 6px;color:#fff;font-size:10px;font-weight:600;line-height:16px}.account-sidebar__logout{margin-top:24px}.account-sidebar__logout:disabled{cursor:not-allowed;opacity:.6}.layout-account .skeleton-pulse,.sheet-panel .skeleton-pulse{background:linear-gradient(90deg,#f1f3f9,#dfe3ec 50%,#f1f3f9);background-size:200% 100%}@media(prefers-reduced-motion:reduce){.layout-account .skeleton-pulse,.sheet-panel .skeleton-pulse{background:#f1f3f9}}.layout-account .overview-swiper-scrollbar.swiper-scrollbar,.sheet-panel .overview-swiper-scrollbar.swiper-scrollbar{background:#dfe3ec!important}.layout-account .overview-swiper-scrollbar .swiper-scrollbar-drag,.sheet-panel .overview-swiper-scrollbar .swiper-scrollbar-drag{background:#22a374}.vvip-summary-progress{background:radial-gradient(109.56% 60.16% at 51.65% 69.05%,#06b65e 0,#073f16),#fff}
