:root{--figma-base:calc(100vw / 46.875);--color-primary:#0c79f5;--color-primary-dark:#0f7fff;--color-primary-light:#4ad2ff;--color-text:#191919;--color-text-secondary:#333;--color-text-muted:#999;--color-price:#f04242;--color-page-bg:#edeff2;--color-topbar-bg:#fffc;--font-pingfang:"PingFang SC", "Microsoft YaHei", sans-serif;--font-inter:"Inter", "PingFang SC", sans-serif}@media (width>=750px){:root{--figma-base:16px}}html{font-size:var(--figma-base)}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-pingfang);background:var(--color-page-bg);-webkit-font-smoothing:antialiased;margin:0}#root{min-height:100vh}.figma-canvas{width:100%;max-width:46.875rem;min-height:100vh;margin:0 auto;position:relative;overflow-x:hidden}.figma-canvas--login{background:linear-gradient(#0f7fff 10.58%,#4ad2ff 100%)}.figma-canvas--packages{background:linear-gradient(#8dcaff 0%,#f9fcff 100%)}.figma-canvas--usage{background:linear-gradient(#0c79f5 10.577%,#8bc1ff)}.demo-site-banner{z-index:1000;color:#ad6800;text-align:center;background:linear-gradient(90deg,#fff7e6 0%,#fff1f0 100%);border-bottom:1px solid #ffd591;margin:0;padding:.625rem 1rem;font-size:.875rem;font-weight:500;position:sticky;top:0}.page-transition{min-height:100vh;animation:.36s cubic-bezier(.22,1,.36,1) both page-transition-enter}.page-transition--loading{background:var(--color-page-bg);justify-content:center;align-items:center;display:flex}.page-transition--loading:after{content:"";border:.1875rem solid #0c79f52e;border-top-color:#0c79f5;border-radius:50%;width:2rem;height:2rem;animation:.7s linear infinite page-transition-spin}@keyframes page-transition-enter{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translate(0,0)}}@keyframes page-transition-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.page-transition,.page-transition--loading:after{animation:none}}.login-page{min-height:100vh;position:relative}.login-page__bg{position:absolute;inset:0;overflow:hidden}.login-page__bg-gradient{background:linear-gradient(#0f7fff 10.58%,#4ad2ff 100%);position:absolute;inset:0}.login-page__bg-pattern{opacity:.3;object-fit:cover;pointer-events:none;width:113.76%;height:104.77%;position:absolute;inset:-4.77% 0 0 -4.48%}.login-page__content{z-index:1;padding:18.5rem 4.5rem 0;position:relative}.login-page__brand{color:#fff;margin:0;font-size:3.5rem;font-weight:600;line-height:1}.login-page__slogan{color:#ffffffb3;margin:1rem 0 0;font-size:3rem;line-height:1}.login-page__form{max-width:37.875rem;margin-top:5.75rem}.login-page__field{border-bottom:1px solid #ffffff80;height:6rem;display:block}.login-page__input{color:#fff;background:0 0;border:none;outline:none;width:100%;height:100%;font-size:2rem;line-height:1}.login-page__input::placeholder{color:#ffffffb3}.login-page__error{color:#ffe0e0;margin:.75rem 0 0;font-size:1.25rem}.login-page__submit{width:100%;height:5.5rem;color:var(--color-primary);cursor:pointer;background:#fff;border:none;border-radius:5rem;justify-content:center;align-items:center;margin-top:5.5rem;padding:.5rem 2rem;font-size:2rem;line-height:1;display:flex}.login-page__submit:disabled{opacity:.7;cursor:not-allowed}.order-sheet__panel{z-index:1;box-sizing:border-box;width:100%;max-width:46.875rem;max-height:min(92dvh,92vh);font-family:var(--font-pingfang);will-change:transform;background:#fff;border-top-left-radius:2.5rem;border-top-right-radius:2.5rem;flex-direction:column;padding:3rem 1.75rem 0;transition:transform .36s cubic-bezier(.32,.72,0,1);display:flex;position:relative;overflow:hidden;transform:translateY(100%)}.order-sheet{z-index:100;pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.order-sheet--active{pointer-events:auto}.order-sheet--active .order-sheet__panel{transform:translate(0,0)}.order-sheet__mask{cursor:pointer;opacity:0;-webkit-tap-highlight-color:transparent;background:#00000073;border:none;padding:0;transition:opacity .32s;position:absolute;inset:0}.order-sheet--active .order-sheet__mask{opacity:1}.order-sheet__close{z-index:2;cursor:pointer;opacity:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;transition:opacity .24s .12s,transform .24s cubic-bezier(.32,.72,0,1) .12s;display:flex;position:absolute;top:2rem;right:2.125rem;transform:scale(.92)}.order-sheet--active .order-sheet__close{opacity:1;transform:scale(1)}.order-sheet__title{text-align:center;font-family:var(--font-pingfang);color:#000;opacity:0;flex-shrink:0;margin:0;font-size:2rem;font-weight:600;line-height:1;transition:opacity .28s 80ms,transform .28s cubic-bezier(.32,.72,0,1) 80ms;transform:translateY(.5rem)}.order-sheet--active .order-sheet__title{opacity:1;transform:translateY(0)}.order-sheet__scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;margin-top:3rem;overflow-y:auto}.order-sheet__rows{margin-top:0}.order-sheet__row{opacity:0;justify-content:space-between;align-items:center;gap:1rem;min-height:2rem;margin-bottom:3.5rem;transition:opacity .3s,transform .3s cubic-bezier(.32,.72,0,1);display:flex;transform:translateY(.75rem)}.order-sheet--active .order-sheet__row:first-child{opacity:1;transition-delay:.1s;transform:translateY(0)}.order-sheet--active .order-sheet__row:nth-child(2){opacity:1;transition-delay:.14s;transform:translateY(0)}.order-sheet--active .order-sheet__row:nth-child(3){opacity:1;transition-delay:.18s;transform:translateY(0)}.order-sheet--active .order-sheet__row:nth-child(4){opacity:1;transition-delay:.22s;transform:translateY(0)}.order-sheet__row:last-child{margin-bottom:0}.order-sheet__label{font-family:var(--font-pingfang);color:#666;flex-shrink:0;font-size:1.875rem;font-weight:400;line-height:1}.order-sheet__value{text-align:right;font-family:var(--font-pingfang);color:#333;word-break:break-all;flex:1;font-size:2rem;font-weight:400;line-height:1}.order-sheet__tip{text-align:center;font-family:var(--font-pingfang);color:#b3b3b3;opacity:0;margin:3rem 0 0;font-size:1.5rem;font-weight:400;line-height:1;transition:opacity .28s .24s}.order-sheet--active .order-sheet__tip{opacity:1}.order-sheet__footer{min-height:7rem;padding:.6875rem 0 calc(1.25rem + env(safe-area-inset-bottom,0px));opacity:0;border-top:1px solid #ebeef0;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;transition:opacity .3s .26s,transform .3s cubic-bezier(.32,.72,0,1) .26s;display:flex;transform:translateY(.5rem)}.order-sheet--active .order-sheet__footer{opacity:1;transform:translateY(0)}.order-sheet__price-block{align-items:baseline;min-width:0;display:flex}.order-sheet__pay-label{font-family:var(--font-pingfang);color:#333;margin-right:.5rem;font-size:1.75rem;font-weight:400;line-height:1}.order-sheet__currency{font-family:var(--font-inter);color:#f44826;font-size:2rem;font-weight:600;line-height:1}.order-sheet__amount{font-family:var(--font-inter);color:#f44826;font-size:2.25rem;font-weight:700;line-height:1}.order-sheet__submit{color:#fff;min-width:20rem;height:5.5rem;font-family:var(--font-pingfang);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0c79f5;border:none;border-radius:5rem;flex-shrink:0;padding:0 2rem;font-size:2rem;font-weight:400;line-height:1;transition:transform .15s,opacity .15s,background-color .15s}.order-sheet__submit:active:not(:disabled){background:#0668d6;transform:scale(.98)}.order-sheet__submit:disabled{opacity:.7;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.order-sheet__mask,.order-sheet__panel,.order-sheet__close,.order-sheet__title,.order-sheet__row,.order-sheet__tip,.order-sheet__footer,.order-sheet__submit{opacity:1;transition:none;transform:none}}.pkg-card{width:100%;height:13.5rem;margin-bottom:1.5rem;position:relative}.pkg-card__shell{background:#ffffffbf;border:1px solid #fffc;border-radius:1.5rem;position:absolute;inset:0;box-shadow:0 .25rem 1rem #1f5c991a}.pkg-card__left{border-radius:1.25rem;width:13.75rem;height:12.5rem;position:absolute;top:.5rem;left:.5rem;overflow:hidden}.pkg-card__left-gradient{background:linear-gradient(127.38deg,#71bdff 0%,#0c79f5 100%);position:absolute;inset:0}.pkg-card__badge{z-index:1;color:#fff;background:linear-gradient(90deg,#ffba5f 0%,#f8781c 100%);border-top-right-radius:1.25rem;border-bottom-left-radius:1.25rem;padding:.5rem 1rem;font-size:1.25rem;font-weight:600;line-height:1;position:absolute;top:0;right:0}.pkg-card__flow{z-index:2;font-family:var(--font-inter);letter-spacing:-.02em;text-align:center;color:#fff;white-space:nowrap;margin:0;font-size:3.25rem;font-style:normal;font-weight:700;line-height:1;position:absolute;top:4.125rem;left:7.375rem;transform:translate(-50%)}.pkg-card__flow-label{color:#0c79f5;height:3.25rem;font-family:var(--font-pingfang);background:#e6f3ffcc;border-bottom-right-radius:1.25rem;border-bottom-left-radius:1.25rem;justify-content:center;align-items:center;font-size:1.5rem;font-weight:400;line-height:1;display:flex;position:absolute;bottom:0;left:0;right:0}.pkg-card__title{color:#333;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:25.875rem;margin:0;font-size:1.75rem;font-weight:600;line-height:1.2;display:-webkit-box;position:absolute;top:1.5rem;left:15.5rem;right:.5rem;overflow:hidden}.pkg-card__price-row{align-items:baseline;gap:.125rem;display:flex;position:absolute;top:9rem;left:15.5rem}.pkg-card__price{font-family:var(--font-inter);color:#f04242;font-size:2.5rem;font-weight:700;line-height:1}.pkg-card__price-suffix{color:#f04242;font-size:1.25rem;font-weight:600;line-height:1}.pkg-card__action{color:#0c79f5;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #0c79f5;border-radius:2rem;padding:.75rem 1.75rem;font-size:1.5rem;font-weight:400;line-height:1;position:absolute;top:8.75rem;left:35.125rem}.pkg-card__action:disabled{opacity:.6;cursor:not-allowed}@media (width<=22rem){.pkg-card__action{left:auto;right:.5rem}.pkg-card__title,.pkg-card__price-row{left:14.5rem;right:.25rem}}.renewal-type-sheet{z-index:100;pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.renewal-type-sheet--active{pointer-events:auto}.renewal-type-sheet__mask{cursor:pointer;opacity:0;-webkit-tap-highlight-color:transparent;background:#00000073;border:none;padding:0;transition:opacity .32s;position:absolute;inset:0}.renewal-type-sheet--active .renewal-type-sheet__mask{opacity:1}.renewal-type-sheet__panel{z-index:1;box-sizing:border-box;width:100%;max-width:46.875rem;max-height:min(92dvh,92vh);font-family:var(--font-pingfang);background:#fff;border-top-left-radius:2.5rem;border-top-right-radius:2.5rem;flex-direction:column;padding:3rem 1.75rem 0;transition:transform .36s cubic-bezier(.32,.72,0,1);display:flex;position:relative;overflow:hidden;transform:translateY(100%)}.renewal-type-sheet--active .renewal-type-sheet__panel{transform:translate(0,0)}.renewal-type-sheet__close{z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;display:flex;position:absolute;top:2rem;right:2.125rem}.renewal-type-sheet__title{text-align:center;color:#000;flex-shrink:0;margin:0;font-size:2rem;font-weight:600;line-height:1}.renewal-type-sheet__scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;margin-top:2.5rem;overflow-y:auto}.renewal-type-sheet__options{flex-direction:column;gap:1rem;margin-top:0;display:flex}.renewal-type-sheet__option{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fafafa;border:.125rem solid #f0f0f0;border-radius:1rem;justify-content:space-between;align-items:center;width:100%;min-height:5.5rem;padding:0 1.5rem;transition:border-color .2s,background-color .2s;display:flex}.renewal-type-sheet__option.is-selected{background:#f3f9ff;border-color:#0c79f5}.renewal-type-sheet__option-label{color:#333;font-size:1.875rem;font-weight:400;line-height:1}.renewal-type-sheet__radio{box-sizing:border-box;border:.125rem solid #d9d9d9;border-radius:50%;flex-shrink:0;width:1.5rem;height:1.5rem;position:relative}.renewal-type-sheet__option.is-selected .renewal-type-sheet__radio{background:#0c79f5;border-color:#0c79f5}.renewal-type-sheet__option.is-selected .renewal-type-sheet__radio:after{content:"";border-bottom:.125rem solid #fff;border-right:.125rem solid #fff;width:.375rem;height:.6875rem;position:absolute;top:.1875rem;left:.4375rem;transform:rotate(45deg)}.renewal-type-sheet__tips{background:#f7f8fa;border-radius:1rem;margin-top:2rem;margin-bottom:.5rem;padding:1.25rem 1.5rem}.renewal-type-sheet__tips-title{color:#666;margin:0 0 .75rem;font-size:1.5rem;font-weight:600;line-height:1.3}.renewal-type-sheet__tips-line{color:#999;margin:0 0 .625rem;font-size:1.375rem;font-weight:400;line-height:1.5}.renewal-type-sheet__tips-line:last-child{margin-bottom:0}.renewal-type-sheet__tips-line strong{color:#666;font-weight:600}.renewal-type-sheet__footer{padding:1.5rem 0 calc(1.25rem + env(safe-area-inset-bottom,0px));border-top:1px solid #ebeef0;flex-shrink:0;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.renewal-type-sheet__btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:5rem;flex:1;height:5.5rem;font-size:2rem;font-weight:400;line-height:1;transition:transform .15s,opacity .15s,background-color .15s,border-color .15s}.renewal-type-sheet__btn--cancel{color:#666;background:#fff;border:.125rem solid #d9d9d9}.renewal-type-sheet__btn--cancel:active:not(:disabled){background:#f5f5f5;transform:scale(.98)}.renewal-type-sheet__btn--confirm{color:#fff;background:#0c79f5;border:none}.renewal-type-sheet__btn--confirm:active:not(:disabled){background:#0668d6;transform:scale(.98)}.renewal-type-sheet__btn:disabled{opacity:.7;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.renewal-type-sheet__mask,.renewal-type-sheet__panel,.renewal-type-sheet__btn{transition:none;transform:none}}.package-page{--shop-u:calc(min(100vw, 750px) / 750);--shop-usage-pad-x:calc(32 * var(--shop-u));min-height:100vh;position:relative}.package-page__bg{pointer-events:none;background:linear-gradient(#8dcaff 0%,#f9fcff 100%);position:absolute;inset:0}.package-page__body{z-index:1;padding:3.125rem var(--shop-usage-pad-x) calc(var(--shop-u) * 32);position:relative}.package-page__empty{text-align:center;color:var(--color-text-secondary);margin:2rem 0;font-size:1.5rem}.package-page__error{text-align:center;color:#f04242;margin:1rem 0 0;font-size:1.25rem}:root{--adm-radius-s:4px;--adm-radius-m:8px;--adm-radius-l:12px;--adm-font-size-1:9px;--adm-font-size-2:10px;--adm-font-size-3:11px;--adm-font-size-4:12px;--adm-font-size-5:13px;--adm-font-size-6:14px;--adm-font-size-7:15px;--adm-font-size-8:16px;--adm-font-size-9:17px;--adm-font-size-10:18px;--adm-color-primary:#1677ff;--adm-color-success:#00b578;--adm-color-warning:#ff8f1f;--adm-color-danger:#ff3141;--adm-color-yellow:#ff9f18;--adm-color-orange:#ff6430;--adm-color-wathet:#e7f1ff;--adm-color-text:#333;--adm-color-text-secondary:#666;--adm-color-weak:#999;--adm-color-light:#ccc;--adm-color-border:#eee;--adm-color-background:#fff;--adm-color-highlight:var(--adm-color-danger);--adm-color-white:#fff;--adm-color-box:#f5f5f5;--adm-color-text-light-solid:var(--adm-color-white);--adm-color-text-dark-solid:#000;--adm-color-fill-content:var(--adm-color-box);--adm-font-size-main:var(--adm-font-size-5);--adm-font-family:-apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, segoe ui, arial, roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--adm-border-color:var(--adm-color-border)}html[data-prefers-color-scheme=dark]{--adm-color-primary:#3086ff;--adm-color-success:#34b368;--adm-color-warning:#ffa930;--adm-color-danger:#ff4a58;--adm-color-yellow:#ffa930;--adm-color-orange:#e65a2b;--adm-color-wathet:#0d2543;--adm-color-text:#e6e6e6;--adm-color-text-secondary:#b3b3b3;--adm-color-weak:gray;--adm-color-light:#4d4d4d;--adm-color-border:#2b2b2b;--adm-color-box:#0a0a0a;--adm-color-background:#1a1a1a;--adm-color-background-body:var(--adm-color-background);--adm-border-color:var(--adm-color-border)}:root{-webkit-tap-highlight-color:#0000}html{background-color:var(--adm-color-background-body)}body{color:var(--adm-color-text);font-size:var(--adm-font-size-main);font-family:var(--adm-font-family)}a,button{cursor:pointer}a{color:var(--adm-color-primary);transition:opacity .2s ease-in-out}a:active{opacity:.8}.adm-plain-anchor{color:unset;transition:none}.adm-plain-anchor:active{opacity:unset}body.adm-overflow-hidden{overflow:hidden!important}div.adm-px-tester{--size:1;height:calc(var(--size) / 2 * 2px);-webkit-user-select:none;user-select:none;pointer-events:none;width:0;position:fixed;top:-100vh;left:-100vw}.adm-button{--color:var(--adm-color-text-light-solid);--text-color:var(--adm-button-text-color,var(--adm-color-text));--background-color:var(--adm-button-background-color,var(--adm-color-background));--border-radius:var(--adm-button-border-radius,4px);--border-width:var(--adm-button-border-width,1px);--border-style:var(--adm-button-border-style,solid);--border-color:var(--adm-button-border-color,var(--adm-color-border));color:var(--text-color);background-color:var(--background-color);box-sizing:border-box;height:auto;font-size:var(--adm-font-size-9);text-align:center;border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--border-radius);cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;padding:7px 12px;line-height:1.4;transition:opacity .15s;display:inline-block;position:relative}.adm-button:focus{outline:none}.adm-button:before{transform:translate(calc(var(--border-width) * -1), calc(var(--border-width) * -1));background-color:var(--adm-color-text-dark-solid);border:var(--border-width) var(--border-style) var(--adm-color-text-dark-solid);border-radius:var(--border-radius);opacity:0;content:" ";box-sizing:content-box;width:100%;height:100%;position:absolute;top:0;left:0}.adm-button:active:before{opacity:.08}.adm-button-default.adm-button-fill-outline{--background-color:transparent;--border-color:var(--adm-color-text)}.adm-button-default.adm-button-fill-none{--background-color:transparent;--border-width:0px}.adm-button:not(.adm-button-default){--text-color:var(--adm-color-text-light-solid);--background-color:var(--color);--border-color:var(--color)}.adm-button:not(.adm-button-default).adm-button-fill-outline{--text-color:var(--color);--background-color:transparent}.adm-button:not(.adm-button-default).adm-button-fill-none{--text-color:var(--color);--background-color:transparent;--border-width:0px}.adm-button-primary{--color:var(--adm-color-primary)}.adm-button-success{--color:var(--adm-color-success)}.adm-button-danger{--color:var(--adm-color-danger)}.adm-button-warning{--color:var(--adm-color-warning)}.adm-button-block{width:100%;display:block}.adm-button-disabled{cursor:not-allowed;opacity:.4}.adm-button-disabled:active:before{display:none}.adm-button.adm-button-mini{font-size:var(--adm-font-size-main);padding-top:3px;padding-bottom:3px}.adm-button.adm-button-mini.adm-button-shape-rounded{padding-left:9px;padding-right:9px}.adm-button.adm-button-small{font-size:var(--adm-font-size-7);padding-top:3px;padding-bottom:3px}.adm-button.adm-button-large{font-size:var(--adm-font-size-10);padding-top:11px;padding-bottom:11px}.adm-button.adm-button-shape-rounded{--border-radius:1000px}.adm-button.adm-button-shape-rectangular{--border-radius:0}.adm-button-loading{vertical-align:bottom}.adm-button-loading-wrapper{justify-content:center;align-items:center;height:1.4em;display:flex}.adm-button-loading-wrapper>.adm-loading{opacity:.6}.adm-dot-loading{display:inline-block}.adm-result{background-color:var(--adm-color-background);padding:32px 12px}.adm-result-icon{box-sizing:border-box;width:64px;height:64px;margin:0 auto 20px;padding:6px}.adm-result-icon .antd-mobile-icon{font-size:52px}.adm-result-title{color:var(--adm-color-text);font-size:var(--adm-font-size-10);text-align:center;line-height:1.4}.adm-result-description{color:var(--adm-color-weak);font-size:var(--adm-font-size-main);text-align:center;margin-top:8px;line-height:1.4}.adm-result-success .adm-result-icon .antd-mobile-icon{color:var(--adm-color-primary)}.adm-result-error .adm-result-icon .antd-mobile-icon{color:var(--adm-color-danger)}.adm-result-info .adm-result-icon .antd-mobile-icon{color:var(--adm-color-primary)}.adm-result-waiting .adm-result-icon .antd-mobile-icon{color:var(--adm-color-success)}.adm-result-warning .adm-result-icon .antd-mobile-icon{color:var(--adm-color-warning)}.pay-success-page{--adm-font-size-9:17px;--adm-font-size-10:18px;--adm-font-size-main:13px;--adm-color-primary:var(--color-primary,#0c79f5);--adm-color-text:#333;--adm-color-weak:#999;--adm-color-background:#fff;--adm-color-text-light-solid:#fff;--adm-color-border:#eee;--adm-color-text-dark-solid:#000;--adm-font-family:var(--font-pingfang,-apple-system, blinkmacsystemfont, "PingFang SC", "Microsoft Yahei", sans-serif);background-color:var(--adm-color-background);min-height:100dvh;font-family:var(--adm-font-family);-webkit-font-smoothing:antialiased}.pay-success-page__content{box-sizing:border-box;min-height:100dvh;padding-top:48px;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}.pay-success-page .adm-result{background-color:#0000}.pay-success-page__action{justify-content:center;padding:8px 12px 0;display:flex}.pay-success-page__action .adm-button{min-width:120px;padding-left:24px;padding-right:24px}.pay-success-page__hint{text-align:center;color:#999;margin:0 24px 16px;font-size:13px}.usage-gauge{width:var(--shop-usage-gauge-size,calc(var(--shop-u) * 480));height:var(--shop-usage-gauge-size,calc(var(--shop-u) * 480));margin:0 auto;position:relative;overflow:visible}.usage-gauge__halo{z-index:0;pointer-events:none;background:radial-gradient(circle,#ffffff24 0,#ffffff0d 42%,#0000 72%);border-radius:50%;width:92%;height:88%;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.usage-gauge__arc{z-index:1;position:absolute;inset:-11.67% -14.17% 8.33%}.usage-gauge__arc-svg{width:100%;height:100%;display:block;overflow:visible}.usage-gauge__progress-line{transition:stroke-dasharray .6s cubic-bezier(.33,1,.68,1)}.usage-gauge__layer{pointer-events:none;position:absolute}.usage-gauge__layer--inner{z-index:2;width:58.442%;height:72.581%;top:23.387%;left:20.779%}.usage-gauge__layer--inner .usage-gauge__img{object-fit:fill;width:106.944%;position:absolute;top:-2.36%;bottom:-4.58%;left:50%;transform:translate(-50%)}.usage-gauge__img{object-fit:fill;width:100%;height:100%;display:block}.usage-gauge__value,.usage-gauge__tag{z-index:5;pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.usage-gauge__value{top:calc(var(--shop-u) * 166);justify-content:center;align-items:baseline;gap:calc(var(--shop-u) * 6);font-family:var(--font-inter);color:#fff;text-shadow:0 calc(var(--shop-u) * 6) calc(var(--shop-u) * 12) #0061be1f;white-space:nowrap;margin:0;line-height:1;display:flex}.usage-gauge__value-amount{font-size:calc(var(--shop-u) * 77);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:700}.usage-gauge__value-unit{font-family:var(--font-pingfang);font-size:calc(var(--shop-u) * 35);letter-spacing:.02em;opacity:.96;font-weight:600}.usage-gauge__tag{top:calc(var(--shop-u) * 335);width:calc(var(--shop-u) * 256);height:calc(var(--shop-u) * 88);border-radius:calc(var(--shop-u) * 72);border:calc(var(--shop-u) * 2) solid transparent;box-sizing:border-box;background:linear-gradient(#004cbd,#1583ff) padding-box padding-box,linear-gradient(#fff0,#ffffff4d) border-box;justify-content:center;align-items:center;display:flex}.usage-gauge__tag-text{font-size:calc(var(--shop-u) * 40);color:#fff;white-space:nowrap;font-weight:600;line-height:1}.usage-page{--shop-u:calc(min(100vw, 750px) / 750);--shop-usage-pad-x:calc(32 * var(--shop-u));--shop-usage-stats-mt:calc(45 * var(--shop-u));--shop-usage-stats-mb:calc(99 * var(--shop-u));--shop-usage-gauge-mb:calc(27 * var(--shop-u));--shop-usage-delay-mb:calc(42 * var(--shop-u));--shop-usage-card-mb:calc(32 * var(--shop-u));--shop-usage-actions-height:calc(var(--shop-u) * 174);--shop-usage-actions-bottom:calc(var(--shop-u) * 32);--shop-usage-stats-pill-w:calc(694 * var(--shop-u));--shop-usage-gauge-size:calc(480 * var(--shop-u));color:#fff;background:linear-gradient(#0c79f5 10.577%,#8bc1ff);min-height:100vh;padding-bottom:0}.usage-page__main{padding:var(--shop-usage-stats-mt) var(--shop-usage-pad-x) calc(var(--shop-usage-actions-height) + var(--shop-usage-actions-bottom) + var(--shop-u) * 16)}.usage-page__stats-pill{box-sizing:border-box;width:var(--shop-usage-stats-pill-w);max-width:100%;height:calc(var(--shop-u) * 88);margin:0 auto var(--shop-usage-stats-mb);padding:calc(var(--shop-u) * 4);border-radius:calc(var(--shop-u) * 88);box-shadow:0 calc(var(--shop-u) * 6) calc(var(--shop-u) * 6) #aeb0b21a;background:#fff;align-items:stretch;display:flex}.usage-page__stats-seg{min-width:0;height:calc(var(--shop-u) * 80);padding:calc(var(--shop-u) * 10);font-size:calc(var(--shop-u) * 28);white-space:nowrap;flex:1;justify-content:center;align-items:center;line-height:1;display:flex}.usage-page__stats-label{font-weight:400}.usage-page__stats-value{font-weight:600}.usage-page__stats-seg--total{border-radius:calc(var(--shop-u) * 80);color:#fff;background:linear-gradient(90deg,#47a9ff,#0c79f5)}.usage-page__stats-seg--total .usage-page__stats-label,.usage-page__stats-seg--total .usage-page__stats-value{color:#fff}.usage-page__stats-seg--used{color:#1c1c1c}.usage-page__gauge-wrap{margin:0 auto var(--shop-usage-gauge-mb);overflow:visible}.usage-page__delay{justify-content:center;align-items:center;gap:calc(var(--shop-u) * 8);margin:0 auto var(--shop-usage-delay-mb);max-width:calc(var(--shop-u) * 690);font-size:calc(var(--shop-u) * 25);color:#fff;font-weight:500;line-height:1;display:flex}.usage-page__delay-ico{width:calc(var(--shop-u) * 38);height:calc(var(--shop-u) * 38);flex-shrink:0}.usage-page__validity-card{box-sizing:border-box;width:100%;max-width:calc(var(--shop-u) * 690);margin:0 auto var(--shop-usage-card-mb);padding:calc(var(--shop-u) * 40) calc(var(--shop-u) * 38) calc(var(--shop-u) * 48);border-radius:calc(var(--shop-u) * 30);background:#fdfdfd}.usage-page__card-meta{justify-content:space-between;align-items:center;gap:calc(var(--shop-u) * 8) calc(var(--shop-u) * 16);margin:0 0 calc(var(--shop-u) * 24);padding-bottom:calc(var(--shop-u) * 20);border-bottom:calc(var(--shop-u) * 1) solid #f0f0f0;font-family:var(--font-pingfang);font-size:calc(var(--shop-u) * 22);letter-spacing:.01em;color:#666;flex-wrap:wrap;font-weight:400;line-height:1.3;display:flex}.usage-page__validity-head{align-items:flex-start;gap:calc(var(--shop-u) * 18);display:flex}.usage-page__clock-ico{width:calc(var(--shop-u) * 89);height:calc(var(--shop-u) * 89);flex-shrink:0}.usage-page__validity-body{min-width:0;padding-top:calc(var(--shop-u) * 4);flex:1}.usage-page__validity-title{font-size:calc(var(--shop-u) * 25);color:#666;margin:0;font-weight:400;line-height:1.2}.usage-page__validity-value{margin:calc(var(--shop-u) * 12) 0 0;font-size:calc(var(--shop-u) * 28);color:#333;white-space:pre-wrap;font-weight:600;line-height:1.15}.usage-page__expire-tag{min-height:calc(var(--shop-u) * 45);padding:calc(var(--shop-u) * 10);border-radius:calc(var(--shop-u) * 11);color:#0056b9;font-size:calc(var(--shop-u) * 22);white-space:nowrap;background:#ecf4fd;flex-shrink:0;justify-content:center;align-self:center;align-items:center;font-weight:400;line-height:1.3;display:flex}.usage-page__validity-bar{margin-top:calc(var(--shop-u) * 32);height:calc(var(--shop-u) * 30);border-radius:calc(var(--shop-u) * 29);background:#f0f0f0;position:relative;overflow:hidden}.usage-page__validity-bar-fill{border-radius:inherit;background:#4599f9;height:100%;transition:width .35s}.usage-page__actions{left:50%;bottom:var(--shop-usage-actions-bottom);z-index:10;gap:calc(var(--shop-u) * 14);width:min(calc(var(--shop-u) * 690), calc(min(100vw, 750px) - var(--shop-usage-pad-x) * 2));flex-direction:column;display:flex;position:fixed;transform:translate(-50%)}.usage-page__btn{justify-content:center;align-items:center;gap:calc(var(--shop-u) * 9);width:100%;height:calc(var(--shop-u) * 80);border-radius:calc(var(--shop-u) * 24);font-weight:500;line-height:1;font-size:calc(var(--shop-u) * 30);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;transition:opacity .2s;display:flex}.usage-page__btn--primary{color:#fefdfe;background:#0570e6}.usage-page__btn--ghost{color:#0876f4;background:#fefdfe}.usage-page__renew-ico{width:calc(var(--shop-u) * 36);height:calc(var(--shop-u) * 40)}.usage-page__error{padding:calc(var(--shop-u) * 48);text-align:center;color:#ffffffe6;font-size:calc(var(--shop-u) * 28)}