.drawer{position:fixed;bottom:0;left:0;z-index:10;width:100%;height:100vh;overflow:hidden;background:var(--background-color-mask-primary-regular);visibility:hidden}.drawer__container{position:absolute;bottom:0;left:0;width:100%;max-height:calc(100vh - calc(var(--header-height) + var(--top-banner-height)));padding-bottom:20px;overflow:hidden;background:var(--background-color-primary-regular);border-radius:var(--border-radius-xlarge) var(--border-radius-xlarge) 0 0;transition:all ease .3s;transform:translateY(100%)}.drawer__header{display:flex;box-sizing:border-box;align-items:center;justify-content:space-between;height:60px;padding:14px 20px}.drawer__header h4{font-size:18px;font-weight:700;line-height:1.3;color:var(--text-color-primary)}.drawer__body{max-height:calc(100vh - calc(var(--header-height) + var(--top-banner-height)) - 60px);overflow-y:auto}.drawer--open{visibility:visible}.drawer--open .drawer__container{transform:translateY(0)}.popover{position:relative}.popover-show{border-radius:var(--border-radius-xlarge);box-shadow:0 8px 32px 2px #0000001a,0 0 1px #00000059}body{touch-action:auto!important}:root{--header-height: 64px;--top-banner-height: 0px;--landing-module-padding: 120px}:root[top-banner]{--top-banner-height: 64px}@media only screen and (max-width: 599px){:root[top-banner]{--top-banner-height: 122px}}@media only screen and (max-width: 599px){:root{--header-height: 56px;--landing-module-padding: 20px}}@media only screen and (min-width: 600px) and (max-width: 959px){:root{--landing-module-padding: 40px}}@media only screen and (min-width: 960px) and (max-width: 1279px){:root{--landing-module-padding: 80px}}@keyframes insmind-custom-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}ul,li{padding:0;margin:0;list-style:none}.user-my-plan{position:relative;width:calc(100% - 32px);margin:16px auto 8px;font:var(--text-h6-bold);color:var(--text-color-primary);border-radius:var(--border-radius-large)}@media only screen and (max-width: 599px){.user-my-plan .user-my-plan__plan-item-main-manage{width:100px;visibility:visible}}.user-my-plan__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;background:var(--background-color-secondary-regular);border-radius:var(--border-radius-large)}.user-my-plan__error img{width:80px;height:80px}.user-my-plan__error-text{margin-top:16px;font:var(--text-p1-regular);color:var(--text-color-secondary)}.user-my-plan__error-button{margin-top:4px;font:var(--text-p1-regular);color:#1ccca9;cursor:pointer}.user-my-plan__container{position:relative;padding-bottom:8px;background:url(https://static.xsbapp.com/fe-assets/20250304/credit/290de9b9eb92c01f675e3e73c766c6cf.png) no-repeat center center;background:#e8eef6;background-size:100% 100%;border-radius:var(--border-radius-large) var(--border-radius-large) 0 0}.user-my-plan__tag{position:absolute;top:-15px;right:-7px;width:88px;height:72px}.user-my-plan__content{position:relative;z-index:1;padding:0 8px}.user-my-plan__header{padding:16px 0 12px}.user-my-plan__plan-item{position:relative;min-height:70px;padding:12px;background:var(--color-transparent-white-950);border-radius:var(--border-radius-medium);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.user-my-plan__plan-item:not(:last-child){margin-bottom:8px}.user-my-plan__plan-item-main{display:flex;align-items:center;justify-content:space-between;margin-top:4px;font:var(--text-p2-regular);color:var(--text-color-tertiary)}.user-my-plan__plan-item-main-text{flex:1}.user-my-plan__plan-item-main-manage{display:flex;align-items:center;justify-content:flex-end;width:0;cursor:pointer;visibility:hidden}.user-my-plan__plan-item-main-manage span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-my-plan__plan-item-main-manage svg{flex-shrink:0;font-size:16px;vertical-align:middle}.user-my-plan__plan-item-main-manage:hover{color:var(--text-color-primary)}.user-my-plan__plan-item:hover .user-my-plan__plan-item-main-manage{width:100px;visibility:visible;transition:width .3s ease-in-out}.user-my-plan__plan-item-tag{position:absolute;top:-4px;right:-4px;max-width:300px;padding:4px 8px;overflow:hidden;font:var(--text-p2-regular);color:var(--business-mood-color-primary-regular);text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#fff4e0;border:1px solid #ffe7c6;border-radius:2px var(--border-radius-small)}.user-my-plan__plan-item-btn{width:100%;padding:6px 12px;margin-top:12px;overflow:hidden;font:var(--text-p1-regular);color:var(--business-mood-color-primary-regular);text-align:center;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(90deg,#fbeedb .03%,#ffe7c4);border:1px solid var(--button-border-color-primary-regular);border-radius:var(--button-border-radius-small);cursor:pointer}.user-my-plan__plan-item-btn:hover{background:linear-gradient(90deg,#ffe7c4,#fae1be 99.97%)}.user-my-plan__footer{position:relative;display:flex;align-items:center;justify-content:space-between;height:48px;padding:12px 8px;font:var(--text-p2-regular);color:var(--text-color-primary);background:#f2f6fa;border-radius:var(--border-radius-none) var(--border-radius-none) var(--border-radius-large) var(--border-radius-large);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.user-my-plan__footer:before{position:absolute;top:0;left:0;width:100%;height:1px;background:var(--background-color-divider-regular);content:""}.user-my-plan__credit-info{display:flex;align-items:center}.user-my-plan__credit-total{position:relative;padding:0 8px 2px 4px;font:var(--text-h6-bold)}.user-my-plan__credit-total svg{margin-bottom:2px}.user-my-plan__get-credit{cursor:pointer}.user-my-plan__get-credit:hover{color:var(--text-color-secondary)}.user-my-plan__get-credit svg{font-size:16px}.user-my-plan--subscribe .user-my-plan__container{background:url(https://static.xsbapp.com/fe-assets/20250304/credit/ad197f5129007b43f56c04cdb6717f30.png) no-repeat center center;background:linear-gradient(90deg,#fbeedb .03%,#ffeed5),linear-gradient(90deg,#fbeedb .03%,#ffe7c4),var(--business-mood-background-color-primary-regular);background-size:100% 100%}.user-my-plan--subscribe .user-my-plan__header{color:var(--business-mood-color-primary-regular)}.user-my-plan--subscribe .user-my-plan__footer{color:var(--business-mood-color-primary-regular);background:linear-gradient(0deg,#ffffff73,#ffffff73),linear-gradient(90deg,#fbeedb .03%,#ffeed5),var(--color-transparent-white-700);border-bottom-right-radius:var(--border-radius-large);border-bottom-left-radius:var(--border-radius-large)}.user-my-plan--subscribe .user-my-plan__footer:before{background:#f4dfbe}.user-my-plan--subscribe .user-my-plan__get-credit:hover{color:#d37f39}.user .dark[data-v-6c5dbbe0]{background-color:var(--color-transparent-white-400)}.user .avatar[data-v-6c5dbbe0]{width:40px;height:40px;border-radius:100%}.user .avatar-vip[data-v-6c5dbbe0]{position:relative;padding:2px;border:2px solid #fbca4e}.user .avatar-vip[data-v-6c5dbbe0]:after{position:absolute;right:-3px;bottom:-3px;width:12px;height:12px;background:#fbca4e;background-image:url(https://cdn.dancf.com/fe-assets/20240313/Users/hongcha/Downloads/nav/ab4d792be87f5f1c4879b1d0df6b74ad.png);background-repeat:no-repeat;background-position:center center;background-size:9px;border-radius:50%;content:""}.user .avatar-large[data-v-6c5dbbe0]:after{width:16px;height:16px}.user-box[data-v-6c5dbbe0]{display:flex;flex-direction:column;align-items:flex-start;width:400px;padding:8px var(--button-split-border-radius-none);background:var(--background-color-primary-regular)}.user-box-large[data-v-6c5dbbe0]{width:100%;padding-top:0}.user-box-large .item[data-v-6c5dbbe0]{height:50px!important}.user-box .info[data-v-6c5dbbe0]{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;width:100%;padding:8px 16px}.user-box .info .avatar[data-v-6c5dbbe0]{flex-shrink:0;width:32px;height:32px;margin-right:8px;border-radius:32px}.user-box .info .avatar-large[data-v-6c5dbbe0]{width:56px;height:56px}.user-box .info .name-info[data-v-6c5dbbe0]{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;height:39px}.user-box .info .name-info div[data-v-6c5dbbe0]{overflow:hidden;font:var(--text-p1-bold);text-overflow:ellipsis;white-space:nowrap}.user-box .info .name-info .name[data-v-6c5dbbe0]{font:var(--text-p1-bold);color:var(--text-color-primary)}.user-box .info .name-info .id[data-v-6c5dbbe0]{font:var(--text-p2-regular);color:var(--text-color-tertiary)}.user-box .divider[data-v-6c5dbbe0]{width:100%;height:1px;background:var(--background-color-divider-regular)}.user-box .item[data-v-6c5dbbe0]{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;width:calc(100% - 8px);height:40px;padding:8px 20px;font:var(--text-p1-regular);color:var(--dropdown-color-regular);cursor:pointer}.user-box .item[data-v-6c5dbbe0]:hover{background:var(--dropdown-background-color-hover);border-radius:var(--border-radius-medium)}