@charset "UTF-8";.credit-balance-chip{display:inline-flex;align-items:center;justify-content:flex-start;gap:4px;min-width:0;width:fit-content;height:36px;padding:4px;border-radius:12px;background:#13151a0d;color:#13151a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.credit-balance-chip__detail-button,.credit-balance-chip__recharge-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;height:28px;padding:8px 10px;border:0;border-radius:8px;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,filter .15s ease,transform .15s ease}.credit-balance-chip__detail-button:focus-visible,.credit-balance-chip__recharge-button:focus-visible{outline:2px solid rgba(145,182,255,.56);outline-offset:2px}.credit-balance-chip__detail-button:active,.credit-balance-chip__recharge-button:active{transform:translateY(1px)}.credit-balance-chip__detail-wrapper{position:relative;display:inline-flex;flex:0 0 auto;width:auto;height:28px}.credit-balance-chip__detail-button{gap:4px;width:auto;height:28px;min-width:0;padding:0 12px;background:transparent;color:#13151a}.credit-balance-chip__detail-button:hover{background:#13151a0f;box-shadow:0 8px 20px #13151a0a}.credit-balance-chip__tooltip{position:absolute;left:50%;z-index:500;display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;background:#212121;box-shadow:0 4px 10px #0000001a;color:#fff;font-size:12px;font-weight:400;line-height:16px;white-space:nowrap;visibility:hidden;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.credit-balance-chip__tooltip--top{bottom:calc(100% + 8px)}.credit-balance-chip__tooltip--bottom{top:calc(100% + 8px)}.credit-balance-chip__detail-wrapper:hover .credit-balance-chip__tooltip,.credit-balance-chip__detail-wrapper:focus-within .credit-balance-chip__tooltip{visibility:visible;opacity:1;transform:translate(-50%)}.credit-balance-chip__divider{flex:0 0 0;width:0;height:16px;border-left:1px solid rgba(19,21,26,.1)}.credit-balance-chip__recharge-button{width:48px;height:28px;border-radius:12px;background:linear-gradient(56.2949507364deg,#5c92ff 1.7438%,#91b6ff 98.256%);color:#fff;font-family:PingFang SC;font-size:14px;font-weight:500;line-height:16px}.credit-balance-chip__recharge-button:hover{filter:brightness(1.04)}.credit-balance-chip__icon-frame{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0;overflow:hidden}.credit-balance-chip__icon{display:block;width:11.666px;height:11.667px;flex-shrink:0}.credit-balance-chip__value{min-width:0;overflow:hidden;color:inherit;font-family:Outfit,PingFang SC,sans-serif;font-size:14px;font-weight:400;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.confirm-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:flex;align-items:center;justify-content:center;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:confirmModalFadeIn .15s ease}.confirm-modal{background:#fff;border-radius:16px;box-shadow:0 8px 24px #00000014;padding:24px;min-width:320px;max-width:400px;animation:confirmModalScaleIn .2s ease}.confirm-modal__title{font-size:16px;font-weight:600;color:#212121;margin:0 0 8px;line-height:1.3}.confirm-modal__content{font-size:14px;color:#5b5f5a;line-height:1.5;margin:0 0 24px}.confirm-modal__actions{display:flex;justify-content:flex-end;gap:8px}.confirm-modal__btn{padding:8px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none;outline:none}.confirm-modal__btn--cancel{background:#f0f1ef;color:#5b5f5a}.confirm-modal__btn--cancel:hover{background:#e8ebe8}.confirm-modal__btn--confirm{background:#778d61;color:#fff}.confirm-modal__btn--confirm:hover{background:#6a7f56}.confirm-modal__btn--danger{background:#ff4d4f}.confirm-modal__btn--danger:hover{background:#e84749}@keyframes confirmModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmModalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.user-avatar-menu{position:relative}.user-avatar-menu__avatar{border-radius:50%;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:opacity .15s ease,box-shadow .15s ease,transform .15s ease}.user-avatar-menu__avatar:hover{opacity:.85}.user-avatar-menu__avatar:focus-visible{outline:2px solid rgba(119,141,97,.48);outline-offset:2px}.user-avatar-menu__avatar--canvas-topbar{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.72);background:linear-gradient(180deg,#fffffff5,#f3f5f0eb),linear-gradient(180deg,#5b5f5a14,#5b5f5a14);box-shadow:0 10px 24px #121f0e0f}.user-avatar-menu__avatar--canvas-topbar:hover{opacity:1;box-shadow:0 12px 28px #121f0e14}.user-avatar-menu__avatar--canvas-topbar:active{transform:translateY(1px)}.user-avatar-menu__avatar-initial{font-size:12px;font-weight:600;color:#fff;line-height:1;-webkit-user-select:none;user-select:none}.user-avatar-menu__avatar-placeholder{position:relative;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}.user-avatar-menu__avatar-placeholder-head,.user-avatar-menu__avatar-placeholder-body{position:absolute;display:block;background:#5b5f5a57}.user-avatar-menu__avatar-placeholder-head{top:1px;width:7px;height:7px;border-radius:999px}.user-avatar-menu__avatar-placeholder-body{top:9px;width:16px;height:11px;border-radius:10px 10px 8px 8px}.user-avatar-menu__panel{position:absolute;min-width:160px;background:#fff;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 4px 15px #0000000f;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);padding:4px;z-index:500}.user-avatar-menu__panel--top{bottom:calc(100% + 8px)}.user-avatar-menu__panel--bottom{top:calc(100% + 8px)}.user-avatar-menu__panel--h-center{left:50%;transform:translate(-50%)}.user-avatar-menu__panel--h-right{left:0}.user-avatar-menu__panel--h-left{right:0}.user-avatar-menu__panel-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border-radius:12px;font-size:13px;color:#212121;cursor:default;background:none;border:none;white-space:nowrap}.user-avatar-menu__panel-item--name{font-weight:500}.user-avatar-menu__panel-item--logout{cursor:pointer;color:#5b5f5a;transition:background .15s ease,color .15s ease}.user-avatar-menu__panel-item--logout:hover,.user-avatar-menu__panel-item--logout:focus-visible,.user-avatar-menu__panel-item--logout:active{background:#f5f6f7;color:#646973}.user-avatar-menu__exit-icon{display:block;width:16px;height:16px;flex-shrink:0;background-color:currentColor;-webkit-mask:url(/exit.svg) center/contain no-repeat;mask:url(/exit.svg) center/contain no-repeat}.sidebar{display:flex;flex-direction:column;width:272px;height:100vh;background:#fff;transition:width .25s ease,padding .25s ease;flex-shrink:0;overflow:hidden;padding:16px}.sidebar--collapsed{width:72px;padding:16px}.sidebar--collapsed .sidebar__header{justify-content:center;padding:0}.sidebar--collapsed .sidebar__logo{display:none}.sidebar--collapsed .sidebar__new-chat{justify-content:center;padding:8px}.sidebar--collapsed .sidebar__toggle-icon--collapsed-logo{display:block}.sidebar--collapsed .sidebar__toggle-icon--collapsed-expand,.sidebar--collapsed .sidebar__toggle:hover .sidebar__toggle-icon--collapsed-logo{display:none}.sidebar--collapsed .sidebar__toggle:hover .sidebar__toggle-icon--collapsed-expand{display:block}.sidebar--collapsed-content{overflow:visible}.sidebar--collapsed-content .sidebar__menu-item{justify-content:center;width:40px;min-width:40px;max-width:40px;padding:0;overflow:visible}.sidebar--collapsed-content .sidebar__menu{overflow:visible}.sidebar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:0}.sidebar__logo{display:flex;align-items:center;justify-content:center;width:40px;height:40px;cursor:pointer;color:#212121}.sidebar__logo-img{display:block;width:57px;height:18px;object-fit:contain;position:relative;left:24px}.sidebar img{max-width:unset}.sidebar__toggle{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#999c98;border-radius:10px;transition:all .15s ease}.sidebar__toggle:hover{color:#5b5f5a;background:#f0f1ef}.sidebar__toggle-icon{display:block;width:36px;height:36px;object-fit:contain}.sidebar__toggle-icon--collapsed-logo{width:28px;height:28px}.sidebar__new-chat{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:#edf3e6;color:#32481e;border-radius:8px;font-size:14px;font-weight:500;margin-bottom:16px;transition:background .15s ease}.sidebar__new-chat:hover{background:#e2ebd5}.sidebar__menu{display:flex;flex-direction:column;gap:8px;overflow:hidden}.sidebar__menu-item{position:relative;display:flex;align-items:center;gap:12px;width:240px;min-width:240px;max-width:240px;height:40px;padding:10px 16px;border-radius:12px;font-size:14px;color:#646973;overflow:hidden;text-align:left;white-space:nowrap;transition:background .15s ease,color .15s ease}.sidebar__menu-item:hover{background:#f5f6f7;color:#212121}.sidebar__menu-item--active{background:#f5f6f7;color:#13151a;font-weight:500}.sidebar__menu-item--active:hover{background:#f5f6f7;color:#13151a}.sidebar__menu-item svg,.sidebar__menu-item img{flex-shrink:0}.sidebar__menu-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__tooltip{position:absolute;left:calc(100% + 16px);top:50%;z-index:500;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;background:#212121;color:#fff;font-size:12px;font-weight:400;line-height:16px;white-space:nowrap;box-shadow:0 4px 10px #0000001a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;visibility:hidden;transform:translate(-4px,-50%);transition:opacity .15s ease,transform .15s ease,visibility .15s ease}.sidebar__toggle:hover .sidebar__tooltip,.sidebar__toggle:focus-visible .sidebar__tooltip,.sidebar__menu-item:hover .sidebar__tooltip,.sidebar__menu-item:focus-visible .sidebar__tooltip{opacity:1;visibility:visible;transform:translateY(-50%)}.sidebar__menu-icon{display:block;width:18px;height:18px;flex-shrink:0;background:currentColor;mask:var(--sidebar-menu-icon-url) center/contain no-repeat;-webkit-mask:var(--sidebar-menu-icon-url) center/contain no-repeat}.sidebar__spacer{flex:1}.sidebar__footer{padding-top:12px}.sidebar__user-area{position:relative}.sidebar__user{display:flex;align-items:center;gap:8px;padding:4px;cursor:default;border-radius:8px;transition:background .15s ease}.sidebar__avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;background-size:cover;display:flex;align-items:center;justify-content:center}.sidebar__avatar-initial{font-size:12px;font-weight:600;color:#fff;line-height:1;-webkit-user-select:none;user-select:none}.sidebar__credit-chip{flex-shrink:0}.sidebar--collapsed .sidebar__credit-chip{display:none}.sidebar__login-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:40px;padding:9px 16px;width:100%;border:none;border-radius:36px;background:#212121;color:#fff;cursor:pointer;transition:background .15s ease,transform .15s ease}.sidebar__login-btn:hover{background:#333}.sidebar--collapsed .sidebar__login-btn{justify-content:center;gap:0;width:40px;min-width:40px;height:40px;min-height:40px;padding:0}.sidebar__login-label{font-size:14px;font-weight:400;line-height:20px;white-space:nowrap}.sidebar__login-btn-icon{width:18px;height:18px;flex-shrink:0;display:block}.sidebar__user-panel{position:absolute;bottom:calc(100% + 8px);left:0;min-width:160px;background:#fff;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 4px 15px #0000000f;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);padding:4px;z-index:100;display:flex;flex-direction:column;gap:4px}.sidebar__user-panel-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:12px;font-size:14px;color:#5b5f5a;white-space:nowrap;transition:background .15s ease}.sidebar__user-panel-item--name{color:#5b5f5a;cursor:default}.sidebar__user-panel-item--logout{cursor:pointer;background:#121f0e0d}.sidebar__user-panel-item--logout:hover{background:#121f0e1a}.sidebar__exit-icon{width:18px;height:18px;flex-shrink:0}.sidebar__credits{font-size:13px;color:#5b5f5a;font-weight:500}.sidebar__upgrade{font-size:12px;color:#fff;background:#778d61;border-radius:999px;padding:2px 8px;font-weight:500;transition:background .15s ease}.sidebar__upgrade:hover{background:#6a7f56}.app-layout{display:flex;width:100%;height:100vh;overflow:hidden}.app-layout__content{flex:1;min-width:0;height:100%;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;padding:8px 8px 8px 0;background:#fff}.app-layout__surface{flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid rgba(19,21,26,.1);border-radius:24px;overflow:hidden}.auth-layout{display:flex;width:100%;height:100vh;overflow:hidden;background:#fff}.auth-layout__left{flex:0 0 60%;width:60%;min-width:0;position:relative;overflow:hidden;background:transparent url(https://asset-sdrama-dev.vtale.cn/public/hero-board-cover.webp) center/cover no-repeat}.auth-layout__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s ease}.auth-layout__video--ready{opacity:1}.auth-layout__brand{position:absolute;top:24px;left:24px;display:flex;align-items:center;justify-content:center;width:165.6px;height:72px;padding:14.4px;color:inherit;text-decoration:none;cursor:pointer}.auth-layout__brand:focus-visible{outline:2px solid #778D61;outline-offset:4px;border-radius:8px}.auth-layout__brand-img{width:136.8px;height:43.2px;object-fit:contain;filter:invert(1) brightness(4)}.auth-layout__right{position:relative;flex:0 0 40%;width:40%;min-width:410px;display:flex;align-items:center;justify-content:center;background:#fff;padding:72px 48px;overflow-x:hidden;overflow-y:auto}.auth-layout__form-area{width:100%;max-width:380px}.auth-layout__legal{position:fixed;right:0;bottom:28px;display:flex;flex-wrap:wrap;justify-content:center;width:max(40vw,410px);padding:0 24px;box-sizing:border-box;color:#21212180;font-size:10px;line-height:18px;text-align:center}.auth-layout__legal a{color:inherit;font-weight:600;text-decoration:underline;text-decoration-skip-ink:none;text-underline-position:from-font}@media(max-height:820px){.auth-layout__right{display:block;padding-top:48px;padding-bottom:24px}.auth-layout__form-area{margin:0 auto}.auth-layout__legal{bottom:16px}}@media(max-width:799.98px){.auth-layout__left{display:none}.auth-layout__right{flex:0 0 100%;width:100%;padding-right:24px;padding-left:24px}.auth-layout__legal{width:100%;min-width:0;padding-right:24px;padding-left:24px}}.auth-form{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.auth-form__logo{display:flex;align-items:center;justify-content:center;width:147.2px;height:64px;padding:12.8px;box-sizing:border-box;margin-bottom:16px}.auth-form__logo-img{display:block;width:121.6px;height:38.4px;object-fit:contain}.auth-form__title{font-size:32px;font-weight:600;color:#212121;line-height:48px}.auth-form__subtitle{font-size:16px;font-weight:400;color:#21212166;line-height:24px;letter-spacing:28px;margin-right:-28px;margin-bottom:72px}.auth-form__tabs{display:flex;align-items:center;gap:32px;margin-bottom:24px}.auth-form__tab{font-size:18px;color:#999c98;text-decoration:none;line-height:28px;padding-bottom:2px;border-bottom:2px solid transparent;transition:all .15s ease}.auth-form__tab:hover{color:#5b5f5a}.auth-form__tab--active{color:#212121;font-weight:600;border-bottom-color:#212121}.auth-form__body{width:100%;display:flex;flex-direction:column;gap:16px}.auth-form__field{display:flex;flex-direction:column;gap:8px;width:100%;text-align:left}.auth-form__input-wrapper{display:flex;align-items:center;background:#9191911a;border:1.5px solid transparent;border-radius:16px;padding:0 20px;height:64px;box-sizing:border-box;transition:background .15s ease,border-color .15s ease}.auth-form__input-wrapper:focus-within{background:#9191911a;border-color:#91b6ff}.auth-form__prefix{position:relative;font-size:18px;color:#212121;font-weight:400;line-height:20px;padding-right:8px;margin-right:8px;white-space:nowrap}.auth-form__prefix:after{content:"";position:absolute;top:50%;right:0;width:1px;height:18px;background:#2121212e;transform:translateY(-50%)}.auth-form__input{flex:1;border:none;background:transparent;outline:none;font-size:18px;color:#212121;caret-color:#778d61;line-height:20px}.auth-form__input::placeholder{color:#000;opacity:.2}.auth-form__code-btn{font-size:18px;font-weight:500;line-height:48px;letter-spacing:-.9px;color:#91b6ff;background:none;border:none;cursor:pointer;white-space:nowrap;padding:0}.auth-form__code-btn:hover:not(:disabled){color:#91b6ff}.auth-form__code-btn:disabled{color:#b6bac2;cursor:not-allowed}.auth-form__error{color:#ff5272;font-size:14px;font-weight:400;line-height:24px;letter-spacing:0;white-space:nowrap;padding-left:0;margin:0}.auth-form__invite-hint{font-size:13px;color:#999c98;text-align:center;margin-top:4px}.auth-form__invite-hint a{color:#778d61;font-weight:600;text-decoration:underline}.auth-form__invite-hint a:hover{color:#6a7f56}.auth-form__submit{width:100%;height:64px;border:none;border-radius:64.8px;font-size:18px;font-weight:500;line-height:48px;letter-spacing:-.9px;cursor:pointer;transition:all .25s ease;margin-top:32px;background:#e0e0e0;color:#fff}.auth-form__submit:disabled{cursor:not-allowed}.auth-form__submit--active{background:#212121;color:#fff}.auth-form__submit--active:hover:not(:disabled){background:#333}.auth-form__submit--active:active:not(:disabled){background:#212121}.auth-form__terms{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:0;width:416px;max-width:calc(100vw - 32px);font-size:12px;color:#999c98;margin-top:16px;line-height:18px;white-space:nowrap}.auth-form__terms a{display:inline-flex;align-items:center;color:#5b5f5a;font-weight:600;line-height:18px;text-decoration:underline}.auth-form__terms a:hover{color:#212121}.auth-form__agree-label{position:relative;display:inline-flex;align-items:center;line-height:18px;cursor:pointer}.auth-form__agree-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;width:16px;height:16px;margin:0;opacity:0;cursor:inherit}.auth-form__agree-icon{position:relative;flex:0 0 auto;width:16px;height:16px;margin:0 4px 0 0;border:1px solid #BFC6B9;border-radius:4px;box-sizing:border-box;background:transparent}.auth-form__agree-icon:after{content:"";position:absolute;left:4px;top:4.5px;width:7px;height:4px;border-left:1.6px solid transparent;border-bottom:1.6px solid transparent;transform:rotate(-45deg);transform-origin:center}.auth-form__agree-checkbox:focus-visible+.auth-form__agree-icon{box-shadow:0 0 0 3px #778d611f}.auth-form__agree-checkbox:checked+.auth-form__agree-icon{border-color:#212121;background:#212121}.auth-form__agree-checkbox:checked+.auth-form__agree-icon:after{border-color:#fff}.auth-form__error--center{align-self:center;padding-left:0}@media(max-height:820px){.auth-form__subtitle{margin-bottom:48px}.auth-form__submit{margin-top:24px}}.credit-detail-modal{position:relative;width:min(640px,100vw - 32px);max-height:min(760px,100vh - 32px);overflow:hidden;display:flex;flex-direction:column;padding-bottom:24px;border:1px solid rgba(255,255,255,.12);border-radius:32px;background:#fff;box-shadow:0 4px 20px #0000000d}.credit-detail-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:510;display:flex;align-items:center;justify-content:center;padding:16px;background:#13151a2e}.credit-detail-modal__header{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:80px;padding:24px 24px 24px 32px;overflow:hidden;border-radius:32px 32px 0 0;background:linear-gradient(180deg,#dde8ff,#fff)}.credit-detail-modal__title{position:relative;margin:0;color:#13151a;font-size:24px;font-weight:500;line-height:32px}.credit-detail-modal__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#13151a0f;cursor:pointer;transition:background .15s ease,transform .15s ease}.credit-detail-modal__close:hover{background:#13151a1a}.credit-detail-modal__close:focus-visible{outline:2px solid rgba(145,182,255,.56);outline-offset:2px}.credit-detail-modal__close:active{transform:translateY(1px)}.credit-detail-modal__close-line{position:absolute;width:14px;height:2px;border-radius:999px;background:#646973}.credit-detail-modal__close-line:first-child{transform:rotate(45deg)}.credit-detail-modal__close-line:last-child{transform:rotate(-45deg)}.credit-detail-modal__summary{padding:24px 32px 12px}.credit-detail-modal__summary-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.credit-detail-modal__summary-content{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}.credit-detail-modal__summary-label{color:#646973;font-size:12px;font-weight:400;line-height:16px}.credit-detail-modal__summary-value{color:#13151a;font-family:Outfit,PingFang SC,sans-serif;font-size:32px;font-weight:500;line-height:44px}.credit-detail-modal__recharge-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto;width:72px;height:38px;padding:8px 20px;border:0;border-radius:12px;background:linear-gradient(56.2949507364deg,#5c92ff 1.7438%,#91b6ff 98.256%);color:#fff;font-size:16px;font-weight:500;line-height:22px;cursor:pointer;transition:filter .15s ease,transform .15s ease}.credit-detail-modal__recharge-button:hover{filter:brightness(1.03)}.credit-detail-modal__recharge-button:focus-visible{outline:2px solid rgba(145,182,255,.56);outline-offset:2px}.credit-detail-modal__recharge-button:active{transform:translateY(1px)}.credit-detail-modal__tabs{display:flex;align-items:center;justify-content:center;height:44px;margin:12px 24px;padding:2px;border-radius:24px;background:#f5f6f7}.credit-detail-modal__tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;height:40px;padding:8px 24px;border:0;border-radius:999px;background:transparent;color:#646973;font-size:14px;font-weight:500;line-height:20px;cursor:pointer;transition:background .15s ease,color .15s ease}.credit-detail-modal__tab--active{background:#fff;color:#13151a;box-shadow:0 1px 2px #13151a0a}.credit-detail-modal__tab:focus-visible{outline:2px solid rgba(145,182,255,.56);outline-offset:2px}.credit-detail-modal__list{min-height:0;flex:1 1 auto;position:relative;overflow-y:auto;display:flex;flex-direction:column;margin:0 24px;padding:0}.credit-detail-modal__list::-webkit-scrollbar{width:4px;height:4px}.credit-detail-modal__list::-webkit-scrollbar-track{background:transparent}.credit-detail-modal__list::-webkit-scrollbar-thumb{background:#d4d8d1;border-radius:2px}.credit-detail-modal__list::-webkit-scrollbar-thumb:hover{background:#bfc6b9}.credit-detail-modal__virtual-spacer{position:relative;flex-shrink:0;width:100%}.credit-detail-modal__virtual-items{position:absolute;inset:0 0 auto;display:flex;flex-direction:column;will-change:transform}.credit-detail-modal__transaction{display:flex;align-items:center;justify-content:space-between;gap:24px;box-sizing:border-box;height:80px;min-height:80px;padding:8px 16px 8px 8px;border-bottom:1px solid rgba(19,21,26,.08)}.credit-detail-modal__transaction-main{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}.credit-detail-modal__transaction-title{max-width:420px;color:#13151a;font-size:16px;font-weight:400;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.credit-detail-modal__transaction-time{color:#13151a66;font-size:14px;font-weight:400;line-height:20px;white-space:nowrap}.credit-detail-modal__transaction-amount{flex-shrink:0;font-size:16px;font-weight:400;line-height:22px;text-align:right;white-space:nowrap}.credit-detail-modal__transaction-amount--positive{color:#91b6ff}.credit-detail-modal__transaction-amount--negative{color:#868c9acc}.credit-detail-modal__empty{min-height:160px;display:flex;align-items:center;justify-content:center;color:#868c9a;font-size:14px;line-height:20px}.credit-detail-modal__list-status{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:16px 0;color:#868c9a;font-size:13px;line-height:18px}@media(max-width:680px){.credit-detail-modal{border-radius:24px}.credit-detail-modal__header{min-height:72px;padding:20px 20px 20px 24px;border-radius:24px 24px 0 0}.credit-detail-modal__title{font-size:22px;line-height:30px}.credit-detail-modal__summary{padding:20px 24px 8px}.credit-detail-modal__summary-value{font-size:28px;line-height:38px}.credit-detail-modal__tabs,.credit-detail-modal__list{margin-right:16px;margin-left:16px}.credit-detail-modal__transaction{gap:16px;padding-right:8px}.credit-detail-modal__transaction-title{max-width:56vw}}.credit-recharge-modal{position:relative;z-index:1;width:min(854px,100vw - 32px);height:492px;max-height:calc(100vh - 32px);overflow:visible;border-radius:32px;background:#fff;box-shadow:0 4px 24px #13151a14}.credit-recharge-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:520;display:flex;align-items:center;justify-content:center;padding:16px;background:#13151a2e}.credit-recharge-modal__content{display:flex;height:100%}.credit-recharge-modal__main{flex:0 0 630px;width:630px;min-width:0;display:flex;flex-direction:column;padding:0 32px 24px;overflow:visible}.credit-recharge-modal__header{display:flex;align-items:center;min-height:80px;margin:0 -32px;padding:24px 32px;border-top-left-radius:32px;background:linear-gradient(180deg,#dde8ff,#fff)}.credit-recharge-modal__title{margin:0;color:#13151a;font-size:24px;font-weight:500;line-height:32px}.credit-recharge-modal__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:24px;right:24px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#13151a0f;cursor:pointer;transition:background .15s ease,transform .15s ease}.credit-recharge-modal__close:hover{background:#13151a1a}.credit-recharge-modal__close:focus-visible{outline:2px solid rgba(145,182,255,.56);outline-offset:2px}.credit-recharge-modal__close:active{transform:translateY(1px)}.credit-recharge-modal__close-line{position:absolute;width:14px;height:2px;border-radius:999px;background:#646973}.credit-recharge-modal__close-line:first-child{transform:rotate(45deg)}.credit-recharge-modal__close-line:last-child{transform:rotate(-45deg)}.credit-recharge-modal__balance-card{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;height:68px;margin:0 0 24px;padding:10px 16px;border-radius:16px;background:#f5f6f7}.credit-recharge-modal__balance-copy{min-width:0;display:flex;align-items:center;gap:8px;color:#646973}.credit-recharge-modal__balance-value{color:#646973;font-family:Outfit,PingFang SC,sans-serif;font-size:20px;font-weight:400;line-height:28px}.credit-recharge-modal__balance-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;min-width:79px;height:28px;padding:0;border:0;background:transparent;color:#868c9a;cursor:pointer;font-size:14px;font-weight:400;line-height:24px;transition:color .15s ease,transform .15s ease}.credit-recharge-modal__balance-link:hover{color:#91b6ff}.credit-recharge-modal__balance-link:focus-visible{outline:2px solid rgba(145,182,255,.56);outline-offset:2px;border-radius:6px}.credit-recharge-modal__balance-link:active{transform:translateY(1px)}.credit-recharge-modal__balance-arrow{position:relative;width:18px;height:18px}.credit-recharge-modal__balance-arrow:before{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;border-top:1.6px solid currentColor;border-right:1.6px solid currentColor;border-radius:1px;transform:translate(-65%,-50%) rotate(45deg)}.credit-recharge-modal__points-icon{flex:0 0 auto;display:block;width:18px;height:18px;background-color:currentColor;-webkit-mask:url(/credits/credit-star.svg) no-repeat center/15px 15px;mask:url(/credits/credit-star.svg) no-repeat center/15px 15px}.credit-recharge-modal__products{min-width:0}.credit-recharge-modal__product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:102px;gap:16px;width:100%;min-height:220px}.credit-recharge-modal__product-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;height:102px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 16px;border-radius:16px;background:#f5f6f7;color:#13151a;cursor:pointer;text-align:center;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease}.credit-recharge-modal__product-card:hover:not(.credit-recharge-modal__product-card--loading){background:linear-gradient(120.0654063771deg,#91b6ff4d .37877%,#fff0 99.621%),#f5f6f7}.credit-recharge-modal__product-card:focus-visible{outline:2px solid rgba(145,182,255,.56);outline-offset:2px}.credit-recharge-modal__product-card:active{transform:translateY(1px)}.credit-recharge-modal__product-card--active{border:2px solid #5C92FF;background:linear-gradient(120.0654063771deg,#91b6ff4d .37877%,#fff0 99.621%),#f5f6f7;box-shadow:0 4px 12px #91b6ff33}.credit-recharge-modal__product-card--loading{background:linear-gradient(90deg,#f5f6f7,#f7f8fa 48%,#f5f6f7);background-size:200% 100%;animation:credit-recharge-loading 1.2s ease-in-out infinite;cursor:default}.credit-recharge-modal__product-points{max-width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;color:#13151a;font-family:Outfit,PingFang SC,sans-serif;font-size:20px;font-weight:500;line-height:28px;white-space:nowrap}.credit-recharge-modal__product-price{display:inline-flex;align-items:flex-end;justify-content:center;gap:2px;color:#868c9a;font-family:Outfit,PingFang SC,sans-serif;font-weight:400}.credit-recharge-modal__product-price span:first-child{width:7px;height:14px;font-size:10px;line-height:14px}.credit-recharge-modal__product-price span:last-child{font-size:14px;line-height:18px;white-space:nowrap}.credit-recharge-modal__product-empty{grid-column:1/-1;min-height:102px;display:flex;align-items:center;justify-content:center;padding:16px;border-radius:16px;background:#f5f6f7;color:#868c9a;font-size:14px;line-height:20px;text-align:center}.credit-recharge-modal__tips{width:100%;height:44px;margin-top:24px;color:#b6bac2;font-size:13px;font-weight:400;line-height:22px}.credit-recharge-modal__contact-wrapper{position:relative;display:inline-block}.credit-recharge-modal__contact-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline;margin:0 0 0 2px;padding:0;border:0;background:transparent;color:#13151a;font:inherit;line-height:inherit;text-decoration:underline;text-underline-position:from-font;cursor:pointer}.credit-recharge-modal__contact-button:hover{color:#5c92ff}.credit-recharge-modal__contact-button:focus-visible{border-radius:4px;outline:2px solid rgba(145,182,255,.56);outline-offset:2px}.credit-recharge-modal__customer-popover{position:absolute;left:50%;z-index:5;display:block;width:252px;height:252px;transform:translate(-50%)}.credit-recharge-modal__customer-popover--bottom{top:calc(100% + 0px)}.credit-recharge-modal__customer-popover--top{bottom:calc(100% + 0px)}.credit-recharge-modal__customer-image{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.credit-recharge-modal__payment-panel{position:relative;width:224px;flex:0 0 224px;background:#f5f6f7;border-top-right-radius:32px;border-bottom-right-radius:32px}.credit-recharge-modal__payment-price{position:absolute;top:90px;right:0;left:0;display:flex;align-items:flex-end;justify-content:center;gap:2px;color:#5c92ff;font-family:Outfit,PingFang SC,sans-serif}.credit-recharge-modal__payment-price span{width:9px;height:32px;font-size:14px;font-weight:400;line-height:14px}.credit-recharge-modal__payment-price strong{font-size:32px;font-weight:500;line-height:48px;white-space:nowrap}.credit-recharge-modal__qr-shell{position:absolute;top:172px;left:32px;width:160px;height:160px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:.8px solid #F5F6F7;border-radius:16px;background:#fff}.credit-recharge-modal__qr-shell--expired canvas{opacity:.1}.credit-recharge-modal__qr-placeholder{width:160px;height:160px;border-radius:12px;background:linear-gradient(90deg,rgba(19,21,26,.08) 10%,transparent 10% 20%,rgba(19,21,26,.08) 20% 30%,transparent 30% 100%),linear-gradient(0deg,rgba(19,21,26,.08) 10%,transparent 10% 20%,rgba(19,21,26,.08) 20% 30%,transparent 30% 100%);background-size:32px 32px;opacity:.32}.credit-recharge-modal__qr-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:16px;border-radius:12px;background:#000c;color:#fff;text-align:center}.credit-recharge-modal__qr-overlay strong{font-size:16px;font-weight:500;line-height:22px}.credit-recharge-modal__qr-overlay span{color:#fff;font-size:12px;font-weight:400;line-height:16px}.credit-recharge-modal__qr-overlay a{display:block;color:#5c92ff;font-weight:600;text-decoration:none}.credit-recharge-modal__qr-overlay button{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:88px;height:40px;padding:8px 16px;border:0;border-radius:12px;background:#5c92ff;color:#fff;font-size:14px;font-weight:600;line-height:16px;cursor:pointer;transition:filter .15s ease,transform .15s ease}.credit-recharge-modal__qr-overlay button:hover{filter:brightness(1.04)}.credit-recharge-modal__qr-overlay button:focus-visible{outline:2px solid rgba(255,255,255,.72);outline-offset:2px}.credit-recharge-modal__qr-overlay button:active{transform:translateY(1px)}.credit-recharge-modal__qr-overlay--expired{gap:16px;padding:0;border-radius:16px}.credit-recharge-modal__qr-expired-copy{display:flex;flex-direction:column;align-items:center;color:#fff;font-size:12px;font-weight:400;line-height:16px;white-space:nowrap}.credit-recharge-modal__qr-expired-copy span{font-size:inherit;font-weight:inherit;line-height:inherit}.credit-recharge-modal__qr-refresh-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;height:40px;padding:8px 16px;border-radius:12px;line-height:20px}.credit-recharge-modal__qr-refresh-button span{font-size:14px;font-weight:600;line-height:20px}.credit-recharge-modal__qr-refresh-icon{flex:0 0 16px;width:16px;height:16px;color:#fff}.credit-recharge-modal__qr-caption{position:absolute;top:356px;left:50%;width:114px;height:18px;display:flex;align-items:center;justify-content:center;gap:6px;margin:0;color:#646973;font-size:12px;line-height:18px;text-align:center;transform:translate(-50%)}.credit-recharge-modal__qr-caption span{flex:0 0 auto;white-space:nowrap}.credit-recharge-modal__wechat-icon{flex:0 0 17.714px;display:block;width:17.714px;height:16px;-webkit-user-select:none;user-select:none}.credit-recharge-modal__agreement{position:absolute;top:397px;left:32px;width:160px;margin:0;text-align:center}.credit-recharge-modal__agreement span{display:flex;flex-direction:column;color:#646973;font-size:12px;font-weight:400;line-height:20px}.credit-recharge-modal__agreement a{color:#5c92ff;font-weight:600;text-decoration:none}.credit-recharge-modal__agreement a:hover{text-decoration:underline}@keyframes credit-recharge-loading{0%{background-position:0% 50%}to{background-position:200% 50%}}@media(max-width:900px){.credit-recharge-modal{width:min(854px,100vw - 24px)}}@media(max-width:760px){.credit-recharge-modal{height:auto;max-height:calc(100vh - 24px);overflow-y:auto;border-radius:24px}.credit-recharge-modal::-webkit-scrollbar{width:4px;height:4px}.credit-recharge-modal::-webkit-scrollbar-track{background:transparent}.credit-recharge-modal::-webkit-scrollbar-thumb{background:#d4d8d1;border-radius:2px}.credit-recharge-modal::-webkit-scrollbar-thumb:hover{background:#bfc6b9}.credit-recharge-modal__content{flex-direction:column;height:auto}.credit-recharge-modal__main{width:100%;flex-basis:auto;padding:0 20px 24px}.credit-recharge-modal__header{min-height:72px;margin:0 -20px;padding:20px;border-top-left-radius:24px;border-top-right-radius:24px}.credit-recharge-modal__close{top:20px;right:20px}.credit-recharge-modal__product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.credit-recharge-modal__tips{height:auto}.credit-recharge-modal__customer-popover{top:calc(100% + 16px);width:220px;height:220px}.credit-recharge-modal__payment-panel{width:100%;min-height:360px;flex-basis:auto;border-top:1px solid rgba(19,21,26,.06);border-radius:0 0 24px 24px}.credit-recharge-modal__payment-price{top:24px}.credit-recharge-modal__qr-shell{top:96px;left:50%;transform:translate(-50%)}.credit-recharge-modal__qr-caption{top:280px}.credit-recharge-modal__agreement{top:318px;left:50%;transform:translate(-50%)}}@media(max-width:480px){.credit-recharge-modal__product-grid{grid-template-columns:1fr}.credit-recharge-modal__product-card{height:96px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html.canvas-page-overscroll-lock,body.canvas-page-overscroll-lock{overscroll-behavior-x:none}body{font-family:PingFang SC;font-size:14px;line-height:1.5;color:#212121;background:#f4f5f2;overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font:inherit;color:inherit}img,svg{display:block;max-width:100%}ul,ol{list-style:none}#root{width:100vw;height:100vh;overflow:hidden}.page-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:200px}.page-loading--canvas{background:#f4f8ff}.page-loading--canvas .page-loading__spinner{border-top-color:#91b6ff}.page-loading__spinner{width:28px;height:28px;border:2.5px solid #E8EBE8;border-top-color:#778d61;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
