: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)}.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}}.activate-glass-btn-wrap{place-items:center;width:28rem;height:28rem;display:grid;position:relative;overflow:visible}.activate-glass-btn__rings{--ring-duration:7.5s;pointer-events:none;z-index:0;width:14.5rem;height:14.5rem;margin:-7.25rem 0 0 -7.25rem;position:absolute;top:50%;left:50%}.activate-glass-btn__ring{transform-origin:50%;will-change:transform, opacity;backface-visibility:hidden;animation:activate-glass-ring-expand var(--ring-duration) linear infinite, activate-glass-ring-fade var(--ring-duration) linear infinite;border:none;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 5px #ffffff57}.activate-glass-btn__ring:nth-child(2){animation-delay:calc(var(--ring-duration) / 3)}.activate-glass-btn__ring:nth-child(3){animation-delay:calc(var(--ring-duration) * 2 / 3)}.activate-glass-btn__frame{place-items:center;width:19rem;height:19rem;display:grid;position:relative;overflow:visible}.activate-glass-btn__border{pointer-events:none;z-index:1;transform-origin:50%;width:calc(100% + 2.5rem);height:calc(100% + 2.5rem);animation:14s linear infinite activate-glass-border-spin;position:absolute;inset:-1.25rem;overflow:visible}.activate-glass-btn__border-glow--outer{opacity:.92}.activate-glass-btn__border-glow--mid{opacity:.98}.activate-glass-btn__border-path{animation:3.2s ease-in-out infinite activate-glass-border-breathe}.activate-glass-btn{z-index:1;background:linear-gradient(145deg, var(--color-primary-light) 0%, var(--color-primary) 52%, #0668d6 100%);color:#fff;letter-spacing:.08em;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #ffffff61;border-radius:50%;justify-content:center;align-items:center;width:14.5rem;height:14.5rem;padding:0;font-size:3.25rem;font-weight:700;transition:transform .25s,box-shadow .25s,filter .25s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f,0 1rem 4rem #00286438}.activate-glass-btn__label{flex-direction:column;justify-content:center;align-items:center;gap:.125rem;line-height:1.12;display:flex}.activate-glass-btn:hover{filter:brightness(1.06);transform:scale(1.05);box-shadow:inset 0 0 0 1px #fff3,0 0 3rem #00e5ff47,0 1.5rem 4.5rem #00286442}.activate-glass-btn:active{transform:scale(.96)}.activate-glass-btn-wrap--exiting .activate-glass-btn__ring{transition:opacity 1.5s;animation-play-state:paused;opacity:0!important}.activate-glass-btn-wrap--exiting .activate-glass-btn__frame{animation:1.5s ease-in forwards activate-glass-frame-exit}@keyframes activate-glass-frame-exit{0%{opacity:1;transform:translate(0,0)scale(1)}25%{opacity:.92}55%{opacity:.55}to{opacity:0;transform:translateY(calc(6rem - 50vh))scale(.9)}}@keyframes activate-glass-ring-expand{0%{transform:scale(.2)}to{transform:scale(3.5)}}@keyframes activate-glass-ring-fade{0%{opacity:0}8%{opacity:.5}to{opacity:0}}@keyframes activate-glass-border-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes activate-glass-border-breathe{0%,to{opacity:.96}50%{opacity:1}}.activate-glass-btn__border-glow--outer,.activate-glass-btn__border-glow--mid{animation:3.2s ease-in-out infinite activate-glass-border-breathe}.activate-glass-btn__border-glow--mid{animation-delay:.15s}@media (prefers-reduced-motion:reduce){.activate-glass-btn__ring,.activate-glass-btn__border,.activate-glass-btn__border-path,.activate-glass-btn__border-glow{animation:none}.activate-glass-btn:hover{transform:none}}.activate-liquid-progress{--activate-dock-offset-y:calc(50vh - 5.5rem - 14rem);opacity:0;z-index:2;place-items:center;width:28rem;height:28rem;margin-top:-14rem;margin-left:-14rem;transition:transform .72s cubic-bezier(.32,.72,0,1),opacity .72s;display:grid;position:absolute;top:50%;left:50%;overflow:visible;transform:translateY(120%)}.activate-liquid-progress--active{opacity:1;transform:translate(0,0)}.activate-liquid-progress--dock .activate-liquid-progress__rings{opacity:0;visibility:hidden;animation:none}.activate-liquid-progress--dock .activate-liquid-progress__ring{animation:none!important}.activate-liquid-progress--active.activate-liquid-progress--dock{transform:translate3d(0, var(--activate-dock-offset-y), 0);transition:transform var(--activate-complete-slide-duration,.9s) cubic-bezier(.32, .72, 0, 1), opacity .72s ease}.activate-liquid-progress__frame{place-items:center;width:19rem;height:19rem;display:grid;position:relative;overflow:visible}.activate-liquid-progress__rings{--ring-duration:7.5s;pointer-events:none;z-index:0;width:14.5rem;height:14.5rem;margin:-7.25rem 0 0 -7.25rem;position:absolute;top:50%;left:50%}.activate-liquid-progress__ring{transform-origin:50%;will-change:transform, opacity;backface-visibility:hidden;opacity:0;border:none;border-radius:50%;position:absolute;inset:0;transform:scale(.2);box-shadow:0 0 0 5px #ffffff57}.activate-liquid-progress--rings-active .activate-liquid-progress__ring{animation:activate-liquid-ring-expand var(--ring-duration) linear infinite, activate-liquid-ring-fade var(--ring-duration) linear infinite}.activate-liquid-progress--rings-active .activate-liquid-progress__ring:nth-child(2){animation-delay:calc(var(--ring-duration) / 3)}.activate-liquid-progress--rings-active .activate-liquid-progress__ring:nth-child(3){animation-delay:calc(var(--ring-duration) * 2 / 3)}@keyframes activate-liquid-ring-expand{0%{transform:scale(.2)}to{transform:scale(3.5)}}@keyframes activate-liquid-ring-fade{0%{opacity:0}8%{opacity:.5}to{opacity:0}}.activate-liquid-progress__border{pointer-events:none;z-index:1;transform-origin:50%;width:calc(100% + 2.5rem);height:calc(100% + 2.5rem);animation:14s linear infinite activate-liquid-border-spin;position:absolute;inset:-1.25rem;overflow:visible}.activate-liquid-progress__border-glow--outer{opacity:.92}.activate-liquid-progress__border-glow--mid{opacity:.98}.activate-liquid-progress__border-path,.activate-liquid-progress__border-glow--outer,.activate-liquid-progress__border-glow--mid{animation:3.2s ease-in-out infinite activate-liquid-border-breathe}.activate-liquid-progress__border-glow--mid{animation-delay:.15s}.activate-liquid-progress__circle{z-index:1;background:linear-gradient(145deg, var(--color-primary-light) 0%, var(--color-primary) 52%, #0668d6 100%);border:1px solid #ffffff61;border-radius:50%;width:14.5rem;height:14.5rem;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f,0 1rem 4rem #00286438}.activate-liquid-progress__circle--enter{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;transition:transform .25s,filter .25s,box-shadow .25s}.activate-liquid-progress__circle--enter:hover{filter:brightness(1.06);transform:scale(1.04);box-shadow:inset 0 0 0 1px #fff3,0 0 3rem #00e5ff47,0 1.5rem 4.5rem #00286442}.activate-liquid-progress__circle--enter:active{transform:scale(.97)}.activate-liquid-progress__svg{width:100%;height:100%;display:block}.activate-liquid-progress__fill{fill:#ffffff38}.activate-liquid-progress__wave{fill:#ffffff61;opacity:.72}.activate-liquid-progress__wave--a{animation:2.8s linear infinite activate-liquid-wave-a}.activate-liquid-progress__wave--b{opacity:.48;animation:3.6s linear infinite activate-liquid-wave-b}.activate-liquid-progress__label{pointer-events:none;color:#fff;text-shadow:0 .125rem .5rem #00286459;justify-content:center;align-items:center;gap:.125rem;margin:0;font-weight:700;line-height:1;display:flex;position:absolute;inset:0}.activate-liquid-progress__label-percent{opacity:1;justify-content:center;align-items:center;gap:.125rem;transition:opacity .35s;display:flex}.activate-liquid-progress__label-percent--hide{opacity:0}.activate-liquid-progress__label-enter{letter-spacing:.08em;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:.125rem;font-size:3.25rem;font-weight:700;line-height:1.12;transition:opacity .45s;display:flex;position:absolute}.activate-liquid-progress__label--enter-mode{line-height:1.12}.activate-liquid-progress__label-enter--show{opacity:1}.activate-liquid-progress--dock .activate-liquid-progress__wave{animation:none}.activate-liquid-progress__value{font-size:3.5rem;font-family:var(--font-inter)}.activate-liquid-progress__unit{margin-top:.75rem;font-size:2rem}@keyframes activate-liquid-border-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes activate-liquid-border-breathe{0%,to{opacity:.96}50%{opacity:1}}@keyframes activate-liquid-wave-a{0%{transform:translate(0,0)}to{transform:translate(-200px)}}@keyframes activate-liquid-wave-b{0%{transform:translate(0,0)}to{transform:translate(200px)}}@media (prefers-reduced-motion:reduce){.activate-liquid-progress{opacity:1;transition:none;transform:none}.activate-liquid-progress--active.activate-liquid-progress--dock{transform:translate3d(0, var(--activate-dock-offset-y), 0)}.activate-page__success{opacity:1;transition:none}.activate-liquid-progress__label-percent,.activate-liquid-progress__label-enter{transition:none}.activate-liquid-progress__label-percent--hide{display:none}.activate-liquid-progress__label-enter--show{opacity:1}.activate-liquid-progress__ring{opacity:0;animation:none}.activate-liquid-progress__border,.activate-liquid-progress__border-path,.activate-liquid-progress__border-glow,.activate-liquid-progress__wave{animation:none}.activate-liquid-progress__fill,.activate-glass-btn-wrap--exiting .activate-glass-btn__ring{transition:none}}.activate-page{--activate-blue-deep:#0c79f5;--activate-blue-mid:#47a9ff;--activate-blue-light:#8bc1ff;--activate-status-title-size:clamp(3.25rem, 14vw, 5.5rem);--activate-status-title-spacing:.12em;background:var(--activate-blue-deep);width:100%;max-width:46.875rem;min-height:100vh;margin:0 auto;position:relative;overflow:hidden visible}.activate-page__base{background:linear-gradient(180deg, var(--activate-blue-deep) 10.58%, var(--activate-blue-mid) 52%, var(--activate-blue-light) 100%);pointer-events:none;z-index:0;position:absolute;inset:0}.activate-page__canvas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.activate-page__content{z-index:2;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1.5rem;display:flex;position:relative;overflow:visible}.activate-page__content--stage{display:block}.activate-page__progress-status{text-align:center;opacity:0;pointer-events:none;z-index:1;flex-direction:column;justify-content:flex-start;align-items:center;gap:1.125rem;width:max-content;max-width:calc(100% - 1.5rem);min-height:8.5rem;transition:opacity .72s,transform .72s cubic-bezier(.32,.72,0,1);display:flex;position:absolute;top:27%;left:50%;transform:translate(-50%,calc(1.25rem - 50%))}.activate-page__progress-status--visible{opacity:1;transform:translate(-50%,-50%)}.activate-page__progress-title{color:#fff;width:100%;font-size:var(--activate-status-title-size);letter-spacing:var(--activate-status-title-spacing);white-space:nowrap;text-shadow:0 .25rem 1rem #00286459;margin:0;font-weight:700;line-height:1.15}.activate-page__progress-dots{text-align:left;vertical-align:baseline;min-width:3ch;display:inline-block}.activate-page__progress-dots:after{content:".";animation:1.2s step-end infinite activate-page-progress-dots}@keyframes activate-page-progress-dots{0%,32%{content:"."}33%,65%{content:".."}66%,to{content:"..."}}.activate-page__progress-hint{color:#ffffffeb;letter-spacing:.04em;white-space:nowrap;text-shadow:0 .125rem .5rem #00286447;flex:1;justify-content:center;align-items:center;width:max-content;max-width:100%;margin:0;font-size:clamp(.8125rem,3.5vw,1.875rem);font-weight:500;line-height:1.5;display:flex}.activate-page__success{color:#fff;width:max-content;max-width:calc(100% - 3rem);font-size:var(--activate-status-title-size);letter-spacing:var(--activate-status-title-spacing);white-space:nowrap;text-shadow:0 .25rem 1rem #00286459;opacity:0;pointer-events:none;z-index:1;margin:0;font-weight:700;line-height:1.15;transition:opacity .55s .12s;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.activate-page__success--visible{opacity:1}.activate-page__failure{text-align:center;opacity:0;pointer-events:none;z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;width:max-content;max-width:calc(100% - 1.5rem);transition:opacity .55s .12s,transform .55s cubic-bezier(.32,.72,0,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(1.25rem - 50%))}.activate-page__failure--visible{opacity:1;transform:translate(-50%,-50%)}.activate-page__failure-title{color:#fff;width:100%;font-size:var(--activate-status-title-size);letter-spacing:var(--activate-status-title-spacing);white-space:nowrap;text-shadow:0 .25rem 1rem #00286459;margin:0;font-weight:700;line-height:1.15}.activate-page__failure-hint{color:#ffffffeb;letter-spacing:.04em;text-shadow:0 .125rem .5rem #00286447;flex-direction:column;align-items:center;gap:.375rem;width:100%;margin:0;font-size:clamp(1.125rem,4.8vw,2.125rem);font-weight:500;line-height:1.45;display:flex}.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:2rem;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;width:100%;max-width:46.875rem;padding:3rem 1.75rem 0;padding-bottom:calc(3.25rem + env(safe-area-inset-bottom,0px));box-sizing:border-box;font-family:var(--font-pingfang);will-change:transform;background:#fff;border-top-left-radius:2.5rem;border-top-right-radius:2.5rem;transition:transform .36s cubic-bezier(.32,.72,0,1);position:relative;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;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__rows{margin-top:3rem}.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{opacity:0;border-top:1px solid #ebeef0;justify-content:space-between;align-items:center;gap:1rem;min-height:7rem;margin-top:2.5rem;padding:.6875rem 0 0;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;width:100%;max-width:46.875rem;padding:3rem 1.75rem 0;padding-bottom:calc(3.25rem + env(safe-area-inset-bottom,0px));box-sizing:border-box;font-family:var(--font-pingfang);background:#fff;border-top-left-radius:2.5rem;border-top-right-radius:2.5rem;transition:transform .36s cubic-bezier(.32,.72,0,1);position:relative;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;margin:0;font-size:2rem;font-weight:600;line-height:1}.renewal-type-sheet__options{flex-direction:column;gap:1rem;margin-top:2.5rem;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;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{border-top:1px solid #ebeef0;align-items:center;gap:1rem;margin-top:2.5rem;padding:1.5rem 0 0;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}.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)}