:root{--btn-bg:#070d2238;--btn-text:#e7ecf7;--btn-border:#aab9d699;--btn-ice:#75a7ff;--btn-violet:#a98bff;--btn-cyan:#62d6e8;--btn-secondary-text:#d0dbf2;--btn-secondary-border:#aab9d659;--btn-secondary-bg:#070d2214;--btn-ghost-text:#d8e3f7;--btn-ghost-arc:#b4d2ff73;--btn-secondary-hover-text:#dae3f5;--btn-ghost-hover-text:#f0f6ff;--btn-quiet-text:#cbd8f08c;--btn-danger-hover-text:#f7f0ff;--btn-danger:#8b5cf6;--btn-danger-bright:#b59cff;--btn-danger-deep:#5c378f;--btn-danger-text:#ede7ff;--btn-danger-bg:#5c378f24;--btn-ease:cubic-bezier(.22, 1, .36, 1)}.base-btn{isolation:isolate;padding:0 var(--btn-px);height:var(--btn-h);min-width:var(--btn-min-w);background:var(--btn-bg);color:var(--btn-text);font-family:LXGW WenKai Lite,Microsoft YaHei,PingFang SC,sans-serif;font-size:var(--btn-fs);letter-spacing:.06em;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;perspective:500px;transition:transform .28s var(--btn-ease), background .28s ease, color .28s ease, opacity .28s ease;-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;display:inline-flex;position:relative}@media (max-width:640px){.base-btn:after{content:"";inset:min(0px, calc((44px - var(--btn-h)) / -2)) 0;pointer-events:auto;position:absolute}}.base-btn--small{--btn-h:32px;--btn-px:14px;--btn-fs:13px;--btn-min-w:72px;--btn-star-size:12px}.base-btn--medium{--btn-h:40px;--btn-px:20px;--btn-fs:14px;--btn-min-w:96px;--btn-star-size:14px}.base-btn--large{--btn-h:46px;--btn-px:26px;--btn-fs:15px;--btn-min-w:120px;--btn-star-size:16px}.base-btn:not(.base-btn--ghost):before{content:"";border-radius:inherit;background:conic-gradient(from 0deg, var(--btn-border) 0deg, var(--btn-border) 20deg, transparent 22deg, transparent 55deg,  var(--btn-border) 57deg, var(--btn-border) 360deg);-webkit-mask-composite:xor;pointer-events:none;z-index:1;padding:1px;transition:opacity .28s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.base-btn:not(.base-btn--ghost):after{content:"";border-radius:inherit;background:conic-gradient(from 0deg, transparent 0deg, transparent 20deg, var(--btn-flow-1,var(--btn-ice)) 42deg, var(--btn-flow-2,var(--btn-violet)) 60deg, transparent 90deg, transparent 360deg);-webkit-mask-composite:xor;opacity:0;pointer-events:none;z-index:2;transform-style:preserve-3d;backface-visibility:hidden;filter:drop-shadow(0 0 5px #78afff8c);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.base-btn__star{top:calc(var(--btn-star-size) / -2);right:calc(var(--btn-star-size) / 2 + 8px);width:var(--btn-star-size);height:var(--btn-star-size);fill:var(--btn-text);opacity:.92;filter:drop-shadow(0 0 4px #b4d2ff80);transform-box:fill-box;transform-origin:50%;pointer-events:none;transition:transform .35s var(--btn-ease), opacity .28s ease;z-index:3;position:absolute}.base-btn__label{z-index:2;justify-content:center;align-items:center;display:inline-flex;position:relative}.base-btn__text.is-hidden{visibility:hidden}.base-btn__icon{z-index:2;align-items:center;display:inline-flex}.base-btn--primary{--btn-flow-1:var(--btn-ice);--btn-flow-2:var(--btn-violet);color:var(--btn-text);background:var(--btn-bg)}.base-btn--primary:hover:not(:disabled):not(.is-loading){color:#fff;text-shadow:0 0 6px #e7ecf759;transform:translateY(-1px)}.base-btn--primary:hover:not(:disabled):not(.is-loading):after{animation:base-btn-flow-3d 1.25s var(--btn-ease) 1}.base-btn--primary:hover:not(:disabled):not(.is-loading) .base-btn__star{animation:base-btn-star-pulse .7s var(--btn-ease) 1}.base-btn--primary:active:not(:disabled):not(.is-loading){background:#070d2257;transition-duration:.12s;transform:translateY(0)scale(.98)}.base-btn--primary:active .base-btn__star{animation:base-btn-star-flash .35s var(--btn-ease) 1}.base-btn--secondary{--btn-flow-1:#aab9d68c;--btn-flow-2:var(--btn-ice);--btn-border:#aab9d659;color:var(--btn-secondary-text);background:var(--btn-secondary-bg)}.base-btn--secondary .base-btn__star{opacity:.45;fill:var(--btn-secondary-text)}.base-btn--secondary:hover:not(:disabled):not(.is-loading){color:var(--btn-secondary-hover-text);--btn-border:#d2dcf08c}.base-btn--secondary:hover:not(:disabled):not(.is-loading):after{animation:base-btn-flow-3d 1.4s var(--btn-ease) 1}.base-btn--secondary:hover:not(:disabled):not(.is-loading) .base-btn__star{opacity:.75}.base-btn--secondary:active:not(:disabled):not(.is-loading){transition-duration:.12s;transform:scale(.98)}.base-btn--ghost{color:var(--btn-ghost-text);box-shadow:none;padding-left:calc(var(--btn-px) + 4px);padding-right:var(--btn-px);background:0 0;overflow:visible}.base-btn--ghost .base-btn__chevron{transition:transform .28s var(--btn-ease);z-index:2;align-items:center;display:inline-flex;position:relative}.base-btn--ghost .base-btn__label{z-index:2}.base-btn__ghost-arc{width:100%;height:calc(100% + 20px);color:var(--btn-ghost-arc);opacity:.95;filter:drop-shadow(0 0 4px #b4d2ff80);pointer-events:none;z-index:1;transition:opacity .35s,filter .35s;position:absolute;inset:0 0 -20px;overflow:visible}.base-btn__ghost-star{width:15px;height:15px;color:var(--btn-ghost-arc);fill:currentColor;opacity:1;filter:drop-shadow(0 0 6px #b4d2ffd9);pointer-events:none;z-index:3;transform-box:fill-box;transform-origin:50%;transition:opacity .35s;position:absolute;top:45%;right:-2px;translate:0 -50%}.base-btn--ghost:hover:not(:disabled):not(.is-loading){color:var(--btn-ghost-hover-text)}.base-btn--ghost:hover:not(:disabled):not(.is-loading) .base-btn__chevron{transform:translate(-2px)}.base-btn--ghost:hover:not(:disabled):not(.is-loading) .base-btn__ghost-arc{opacity:1;filter:drop-shadow(0 0 5px #b4d2ff99)}.base-btn--ghost:hover:not(:disabled):not(.is-loading) .base-btn__ghost-star{animation:base-btn-star-pulse .7s var(--btn-ease) 1;opacity:1}.base-btn--ghost:active:not(:disabled):not(.is-loading){transition-duration:.12s;transform:translate(-1px)}.base-btn--ghost.is-quiet{color:var(--btn-quiet-text)}.base-btn--ghost.is-quiet .base-btn__ghost-arc,.base-btn--ghost.is-quiet .base-btn__ghost-star{opacity:.35}.base-btn--danger{--btn-flow-1:var(--btn-danger);--btn-flow-2:var(--btn-danger-bright);--btn-border:#8b5cf680;color:var(--btn-danger-text);background:var(--btn-danger-bg)}.base-btn--danger .base-btn__star{fill:var(--btn-danger-bright);opacity:.7}.base-btn--danger:hover:not(:disabled):not(.is-loading){color:var(--btn-danger-hover-text);--btn-border:#b59cffcc;background:#5c378f3d;transform:translateY(-1px)}.base-btn--danger:hover:not(:disabled):not(.is-loading):after{animation:base-btn-flow-3d 1.25s var(--btn-ease) 1}.base-btn--danger:hover:not(:disabled):not(.is-loading) .base-btn__star{animation:base-btn-star-pulse .7s var(--btn-ease) 1;opacity:1}.base-btn--danger:active:not(:disabled):not(.is-loading){background:#5c378f57;transition-duration:.12s;transform:translateY(0)scale(.98)}.base-btn--danger:active .base-btn__star{animation:base-btn-star-flash .35s var(--btn-ease) 1}.base-btn__loader{pointer-events:none;border-radius:50%;width:22px;height:22px;position:absolute;top:50%;left:50%;translate:-50% -50%}.base-btn__loader:before{content:"";border:1.5px solid #0000;border-top-color:var(--btn-loader-color,var(--btn-ice));border-right-color:var(--btn-loader-color,var(--btn-ice));opacity:.8;border-radius:50%;animation:1.1s linear infinite base-btn-loader-spin;position:absolute;inset:0}.base-btn--danger .base-btn__loader:before{border-top-color:var(--btn-danger-bright);border-right-color:var(--btn-danger-bright)}.base-btn.is-loading{cursor:progress}.base-btn.is-loading .base-btn__star{animation:2.6s ease-in-out infinite base-btn-star-breathe}.base-btn:disabled,.base-btn.is-disabled{opacity:.35;cursor:not-allowed;transform:none!important}.base-btn:disabled:before,.base-btn:disabled:after,.base-btn.is-disabled:before,.base-btn.is-disabled:after,.base-btn:disabled .base-btn__star,.base-btn.is-disabled .base-btn__star{opacity:0}.base-btn:focus-visible{outline-offset:3px;outline:2px solid #75a7ff73}.base-btn--danger:focus-visible{outline-color:#b59cff8c}@keyframes base-btn-flow-3d{0%{opacity:0;transform:rotateY(-30deg)}15%{opacity:1;transform:rotateY(0)}45%{opacity:.3;transform:rotateY(120deg)}55%{opacity:0;transform:rotateY(180deg)}to{opacity:0;transform:rotateY(360deg)}}@keyframes base-btn-star-pulse{0%{opacity:.82;transform:scale(.85)}55%{opacity:1;transform:scale(1.15)}to{opacity:.82;transform:scale(1)}}@keyframes base-btn-star-flash{0%{opacity:.82;transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 4px #fffc);transform:scale(1.08)}to{opacity:.82;transform:scale(1)}}@keyframes base-btn-star-breathe{0%,to{opacity:.5}50%{opacity:.95}}@keyframes base-btn-loader-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.base-btn,.base-btn:before,.base-btn__star,.base-btn__ghost-arc,.base-btn__chevron,.base-btn__loader:before{transition:opacity .2s!important;animation:none!important}.base-btn:hover:not(:disabled){transform:none!important}}
