/* Scoped to the subscription route. Admin screens retain their original styles. */
.su-owned{display:none}
body.su-active{--su-violet:#b876ff;--su-ink:#0a0712;color:#f8f5ff;background:#080610;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr);grid-template-rows:88px minmax(620px,calc(100svh - 238px)) auto auto;column-gap:7%;padding:0 max(6%,calc((100vw - 1560px)/2));margin:0;overflow-x:clip;isolation:isolate}
.su-active *{box-sizing:border-box}.su-active .su-owned{display:block}.su-active a{color:inherit}.su-active [id]{scroll-margin-top:112px}
.su-active #root{grid-column:2;grid-row:2;min-width:0;align-self:center;z-index:2;padding:44px 0}
.su-active #su-header{grid-column:1/-1;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:8;border-bottom:1px solid #a66aec29}
#su-header:before{content:"";position:absolute;inset:0 calc(-1 * max(6vw,(100vw - 1560px)/2));background:linear-gradient(180deg,#100b1cdd,#0b0812ad);z-index:-1;backdrop-filter:blur(14px);border-bottom:1px solid #a66aec12}
.su-brand{display:flex;align-items:center;gap:13px;text-decoration:none;white-space:nowrap;font-size:22px;font-weight:700;letter-spacing:.5px}.su-brand svg{width:39px;height:39px;color:#d4a4ff;filter:drop-shadow(0 0 9px #9c3aff)}
#su-header nav{display:flex;align-items:center;gap:clamp(20px,3vw,52px);height:100%;font-size:15px;font-weight:550}#su-header nav a,#su-header nav button{position:relative;text-decoration:none;border:0;background:transparent;padding:30px 0;color:#c9c2d6;cursor:pointer;white-space:nowrap;transition:color .2s}#su-header nav a:hover,#su-header nav button:hover{color:#efdbff}#su-header nav .su-current{color:#f2e3ff;text-shadow:0 0 12px #b356ff}#su-header nav .su-current:after{content:"";height:2px;position:absolute;bottom:10px;left:0;right:0;background:#b76aff;box-shadow:0 0 10px #bd70ff}.su-language-space{width:156px;flex:none}
.su-active .su-language{position:absolute!important;top:22px!important;right:max(6%,calc((100vw - 1560px)/2))!important;left:auto!important;z-index:10;display:flex!important;flex-direction:row!important;gap:3px!important;border:1px solid #a06be33b;border-radius:18px;padding:4px;background:#120d1e;box-shadow:inset 0 0 12px #a362ff0a}
.su-active .su-language button{min-width:69px;height:35px;border-radius:12px;font-size:13px;padding:0 12px;color:#b9adc9;background:transparent;border:0}.su-active[data-su-lang="zh"] .su-language button:first-child,.su-active[data-su-lang="en"] .su-language button:last-child{background:linear-gradient(135deg,#9146e6,#7024d2);color:white;box-shadow:inset 0 1px 1px #ffffff50,0 0 14px #a13bff44}
.su-active #su-home{grid-column:1;grid-row:2;align-self:center;position:relative;z-index:1;padding:30px 0 42px}.su-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:9px 18px;border-radius:99px;color:#e3caff;border:1px solid #b76eff77;background:linear-gradient(115deg,#7625a829,#d6acff0a);box-shadow:inset 0 0 18px #a54dee15;font-size:14px;letter-spacing:.3px}.su-eyebrow svg{width:21px;height:21px;color:#d39cff;filter:drop-shadow(0 0 6px #b950ff)}
#su-home h1{font-size:clamp(45px,4.5vw,76px);font-weight:750;line-height:1.2;letter-spacing:-2px;margin:28px 0 0}#su-home h1>span{display:block}#su-home h1 strong{display:block;white-space:nowrap;letter-spacing:-2.5px;font-size:clamp(43px,4.4vw,76px);margin-top:9px;background:linear-gradient(175deg,#fff 20%,#f3e8ff 48%,#c19ae8 80%);background-clip:text;color:transparent;font-weight:750}.su-light-line{width:77%;height:26px;margin:0 0 14px 10%;position:relative;transform:rotate(-4deg)}.su-light-line:after{content:"";position:absolute;inset:12px 0 0;border-radius:50%;border-top:2px solid #bb4dff;filter:drop-shadow(0 0 5px #d357ff);background:radial-gradient(ellipse at 65% 0,#c16aff55,transparent 65%)}
.su-intro{font-size:clamp(15px,1.35vw,20px);line-height:1.9;color:#bfb5d1;margin:18px 0 34px;max-width:580px;letter-spacing:.3px}.su-features{display:flex;align-items:center;gap:0;scroll-margin-top:130px}.su-features>span{display:flex;align-items:center;gap:12px;flex:1;white-space:nowrap}.su-features>span+span{border-left:1px solid #a478cb33;padding-left:22px}.su-features svg{width:28px;height:28px;color:#d39dff;filter:drop-shadow(0 0 7px #ad42ff)}.su-features b{font-weight:550;font-size:16px}.su-tags{display:flex;gap:18px;margin-top:43px;flex-wrap:wrap}.su-tags>span{display:flex;align-items:center;gap:8px;border:1px solid #9e6ad544;border-radius:99px;background:linear-gradient(120deg,#5c277329,#27142a19);padding:10px 16px;color:#d4c9e3;font-size:13px;box-shadow:inset 0 0 14px #c28cff08}.su-tags svg{width:18px;height:18px;border-radius:50%;padding:2px;background:#8f3bd4;color:white}
.su-active .su-page{background:transparent!important;min-height:0!important;width:100%!important;padding:0!important;position:static!important;display:block!important}.su-active .su-page>div:first-child:not(.su-card-position):not(.su-card){background:none!important;pointer-events:none}.su-active .su-card-position{padding:0!important;margin:0!important;width:100%!important;max-width:none!important;min-height:0!important;background:none!important}.su-active .su-card{position:relative;padding:34px!important;max-width:none!important;width:100%!important;border-radius:28px!important;background:linear-gradient(130deg,#2b203ae8,#171121ed 45%,#20142de8)!important;border:1px solid #ba7bf3a6!important;box-shadow:inset 1px 1px 2px #e1b8ff90,inset 0 0 24px #aa4aff13,0 16px 70px #0008,0 0 30px #9d40ed19!important;backdrop-filter:blur(24px);overflow:visible!important}.su-active .su-card:before,.su-active .su-card:after{content:"";position:absolute;width:43%;height:23%;pointer-events:none;border-radius:28px;filter:drop-shadow(0 0 5px #d68cff)}.su-active .su-card:before{top:-1px;left:-1px;border-left:2px solid #e6c0ff;border-top:2px solid #e6c0ff;mask-image:linear-gradient(125deg,#000,transparent 70%)}.su-active .su-card:after{bottom:-1px;right:-1px;border-right:2px solid #e6c0ff;border-bottom:2px solid #e6c0ff;mask-image:linear-gradient(-55deg,#000,transparent 70%)}
.su-active .su-card-heading{padding:0 0 26px!important;margin:0!important;text-align:left!important;border:0!important;background:transparent!important}.su-active .su-original-heading{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}.su-active .su-card-heading:before{content:attr(data-su-title);display:block;color:#faf4ff;font-size:clamp(20px,1.8vw,27px);font-weight:700;letter-spacing:-.4px;line-height:1.4;padding-left:48px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23c890ff' stroke-width='2'%3E%3Crect x='3' y='6' width='26' height='21' rx='4'/%3E%3Cpath d='M3 13h26M8 21h6'/%3E%3C/svg%3E") no-repeat left center;background-size:33px;filter:drop-shadow(0 0 10px #8b41d933)}.su-active .su-card-heading:after{content:attr(data-su-subtitle);display:block;font-size:13px;font-weight:400;color:#b4a7c5;margin-top:10px;padding-left:48px;line-height:1.6}.su-active .su-card-heading+div{padding:0!important;background:transparent!important}.su-active .su-card .chakra-stack{gap:16px!important}
.su-active .su-card input:not([type=checkbox]),.su-active .su-card textarea{background:#d1b8ed0d!important;border:1px solid #a899c64a!important;border-radius:12px!important;min-height:56px!important;color:#f4ecff!important;font-size:16px!important;transition:border-color .2s,box-shadow .2s!important;box-shadow:inset 0 1px 8px #09030f30!important}.su-active .su-card input::placeholder{color:#a89ab8!important}.su-active .su-card .su-code-input{padding-left:48px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cabbdc' stroke-width='1.6'%3E%3Ccircle cx='15' cy='8' r='4'/%3E%3Cpath d='m12 11-8 8v3h3v-3h3v-3l3-3'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:16px center!important;background-size:22px!important}.su-active .su-card input:focus,.su-active .su-card textarea:focus{outline:none!important;border-color:#c38bff!important;box-shadow:0 0 0 3px #a34df327,0 0 20px #a34df319!important}
.su-active #sv-force-recharge-wrap{width:100%;display:flex!important;align-items:center;gap:11px;margin:0 0 8px!important;padding:2px 0!important;color:#ded5e9!important;font-size:14px!important;line-height:1.6;cursor:pointer;min-height:32px}.su-active #sv-force-recharge{accent-color:#a443ef;width:18px;height:18px;flex:none;cursor:pointer}.su-active .su-card button{min-height:50px!important;border-radius:11px!important;font-weight:650!important;font-size:16px!important;transition:transform .18s,box-shadow .18s,filter .18s!important;cursor:pointer}.su-active .su-card button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.12)}.su-active .su-card button:active:not(:disabled){transform:translateY(0) scale(.985)}.su-active .su-card button:focus-visible,#su-header a:focus-visible,#su-header button:focus-visible,.su-active summary:focus-visible{outline:2px solid #d3a0ff!important;outline-offset:4px}.su-active .su-card button:disabled{opacity:.48!important;cursor:not-allowed;transform:none;filter:saturate(.5)}
.su-active #sv-tutorial-button{background:linear-gradient(135deg,#fff,#e7e2f0)!important;color:#292035!important;border:1px solid #ffffff8c!important;box-shadow:0 4px 18px #bca0dc14!important;display:flex!important;align-items:center;justify-content:center;gap:10px}.su-active #sv-card-query-button{background:linear-gradient(120deg,#39185177,#15101f)!important;color:#eee2ff!important;border:1px solid #b762ed!important;box-shadow:inset 0 0 12px #a049db13!important;display:flex!important;align-items:center;justify-content:center;gap:10px}.su-active #sv-tutorial-button:before,.su-active #sv-card-query-button:before{content:"";width:21px;height:21px;background:currentColor;mask-size:contain;mask-repeat:no-repeat}.su-active #sv-tutorial-button:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M12 5C9 3 5 3 2 4v15c4-1 7-1 10 1 3-2 6-2 10-1V4c-3-1-7-1-10 1Zm0 0v15'/%3E%3C/svg%3E")}.su-active #sv-card-query-button:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='10' cy='10' r='7'/%3E%3Cpath d='m15 15 6 6'/%3E%3C/svg%3E")}.su-active .su-card button.chakra-button{color:#fff!important;background:linear-gradient(115deg,#a330ff,#7608d9 55%,#9b22f5)!important;border:1px solid #c875ff!important;box-shadow:inset 0 1px 3px #efc0ff88,0 4px 21px #8d19ed55!important;min-height:56px!important}.su-active .su-card button.chakra-button:hover:not(:disabled){box-shadow:inset 0 1px 3px #efc0ff88,0 6px 27px #a130ed88!important}
.su-active #su-flow{grid-column:1/-1;grid-row:3;align-self:start;display:flex;align-items:center;gap:32px;margin:0 4% 72px;padding:22px 38px;border:1px solid #a66ce87a;border-radius:28px;background:linear-gradient(120deg,#2d193c99,#20132e80 50%,#32223f88);box-shadow:inset 0 -1px 3px #dca4ff50,0 0 32px #983bd51c;z-index:1}#su-flow h2{font-size:18px;font-weight:650;margin:0;white-space:nowrap;padding-right:30px;border-right:1px solid #ac7bda44}#su-flow ol{display:flex;list-style:none;align-items:center;justify-content:space-between;gap:24px;padding:0;margin:0;flex:1}#su-flow li{display:flex;align-items:center;gap:13px;font-size:15px;white-space:nowrap}#su-flow li+li:before{content:'››';color:#9360bd;font-size:26px;letter-spacing:-4px;margin-right:25px}#su-flow li b{display:grid;place-items:center;width:34px;height:37px;background:linear-gradient(145deg,#b04ef1,#42116d);border:1px solid #ba77ed;border-radius:9px;font-size:19px;font-weight:600;box-shadow:inset 0 1px 4px #e1b3ff88,0 0 14px #aa4df53b}
.su-active #su-faq{grid-column:1/-1;grid-row:4;display:grid;grid-template-columns:.7fr 1fr;gap:30px 80px;border-top:1px solid #aa7bd226;padding:65px 4% 25px;z-index:1;color:#b5a8c5}.su-kicker{font-size:11px;letter-spacing:3px;color:#b47cdd}#su-faq h2{font-size:30px;color:#e6dcef;margin:12px 0}#su-faq p{font-size:14px;line-height:1.9}#su-faq details{border-bottom:1px solid #a686c326;padding:19px 0}#su-faq summary{cursor:pointer;color:#e0d6eb;font-size:15px}#su-faq details p{padding:4px 0 0;color:#ad9ebe}#su-faq footer{grid-column:1/-1;text-align:center;font-size:11px;color:#8a799c;margin-top:35px;padding-top:24px;border-top:1px solid #ac83c91a}
.su-active #su-decor{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 8% 24%,#6121a52b,transparent 33%),radial-gradient(ellipse at 94% 76%,#60259c30,transparent 38%),linear-gradient(145deg,#080710,#0d0817 62%,#0a0712)}#su-decor:before{content:"";position:absolute;width:75vw;height:45vw;top:-38vw;left:-24vw;transform:rotate(-28deg);border:2px solid #b46df980;border-radius:50%;box-shadow:0 0 25px #ac49f7,0 20px 90px #8e2fde80,inset 0 -12px 50px #8e2fdeaa}.su-orbit{position:absolute;width:580px;height:580px;right:-10%;top:17%;border:62px solid #46206422;border-radius:35%;transform:rotate(30deg);box-shadow:inset 0 1px 1px #a861e652,0 0 1px #bf79ed4d}.su-orbit-two{transform:rotate(65deg);right:2%;top:12%;width:520px;height:650px;border-color:#51237e20}.su-orbit-three{transform:rotate(115deg);right:-5%;top:31%;width:580px;height:440px;border-color:#5f258a1b}.su-cube{position:absolute;width:35px;height:35px;border:1px solid #d393ff90;transform:rotate(30deg) skew(-8deg);background:linear-gradient(135deg,#cd7aff66,#52217844 50%,#be60ff55);box-shadow:inset 0 0 10px #bd73ff44,0 0 24px #953fe22e;animation:su-float 8s ease-in-out infinite}.su-cube:after{content:"";position:absolute;inset:6px;border:1px solid #d393ff60;transform:rotate(30deg)}.su-cube-one{left:47%;top:19%}.su-cube-two{right:5%;bottom:12%;width:48px;height:48px;animation-delay:-4s}.su-wave{position:absolute;width:120%;height:260px;left:-10%;bottom:0;background-image:radial-gradient(#be7cff9e .8px,transparent 1px);background-size:8px 8px;transform:perspective(330px) rotateX(56deg) rotateZ(-8deg);mask-image:radial-gradient(ellipse at 45% 50%,#000,transparent 65%);opacity:.45}.su-wave:after{content:"";position:absolute;inset:20px 0;border-top:1px solid #dbb3ff;border-radius:50%;box-shadow:0 -4px 18px #9e3dff}
.su-active #su-header{z-index:1}.su-active .su-page>div:first-child:not(.su-card-position):not(.su-card){display:none!important}.su-active .su-card{display:block!important;min-height:0!important;height:auto!important;align-items:initial!important;gap:0!important}.su-active .su-card-heading,.su-active .su-card-heading+div{width:100%!important;max-width:none!important;flex:none!important}.su-active .su-card input:not([type=checkbox]){width:100%!important}.su-active .su-card-position{transform:none!important}.su-active #sv-force-recharge-wrap{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.su-active .su-card-heading+div{margin:0!important;border:0!important;box-shadow:none!important}.su-active .su-card-heading+div>.chakra-stack{border:0!important;background:transparent!important;box-shadow:none!important;width:100%!important;max-width:none!important}.su-active .su-code-input{text-align:left!important}
/* Opaque glass gradients avoid nested backdrop-filter compositing artifacts. */
.su-active .su-card,.su-active .su-card-heading+div,.su-active .su-language,#su-header:before{backdrop-filter:none!important}
.su-active .su-card input.su-code-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cabbdc' stroke-width='1.6'%3E%3Ccircle cx='15' cy='8' r='4'/%3E%3Cpath d='m12 11-8 8v3h3v-3h3v-3l3-3'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:16px center!important;background-size:22px!important}
@keyframes su-float{50%{translate:0 -12px;rotate:7deg}}
@media(min-width:1700px){body.su-active{column-gap:8%;grid-template-rows:88px minmax(720px,calc(100svh - 250px)) auto auto}.su-active .su-card{padding:44px!important}.su-active #su-flow{margin-bottom:85px}.su-intro{margin-bottom:42px}.su-tags{margin-top:55px}}
@media(max-width:1150px){body.su-active{padding:0 5%;column-gap:5%;grid-template-columns:1fr 1fr}.su-active .su-language{right:5%!important}#su-header nav{gap:20px}.su-brand{font-size:19px}.su-language-space{width:145px}.su-active .su-card{padding:26px!important}.su-features>span{gap:8px}.su-features>span+span{padding-left:12px}.su-features b{font-size:13px}.su-tags{gap:8px}.su-tags>span{padding:8px 10px}.su-active #su-flow{margin-left:0;margin-right:0;padding:20px 24px;gap:20px}#su-flow h2{font-size:16px;padding-right:20px}#su-flow li+li:before{margin-right:0}}
@media(max-width:900px){body.su-active{display:flex;flex-direction:column;gap:0;padding:0 6%;min-height:100svh}.su-active #su-header{height:78px;flex:none}.su-active #su-header nav{display:none}.su-active .su-language{top:20px!important;right:6%!important}.su-brand{font-size:18px;gap:9px}.su-brand svg{width:30px;height:30px}.su-active #su-home{order:1;padding:55px 0 24px;align-self:stretch;text-align:center}.su-active #root{order:2;width:100%;max-width:560px;align-self:center;padding:10px 0 40px}.su-active #su-flow{order:3;margin:0 0 55px}.su-active #su-faq{order:4}.su-active #su-decor{display:block}.su-eyebrow{font-size:13px}#su-home h1{font-size:52px;letter-spacing:-1px;margin-top:22px}#su-home h1 strong{font-size:54px;letter-spacing:-2px}.su-light-line{margin-left:25%;width:55%}.su-intro{font-size:16px;max-width:500px;margin:8px auto 24px}.su-features{justify-content:center;max-width:510px;margin:auto}.su-features>span{justify-content:center}.su-features b{font-size:14px}.su-tags{justify-content:center;margin:26px 0 12px}.su-active .su-card{padding:30px!important}.su-active #su-flow{display:block;padding:22px}#su-flow h2{border:0;padding:0;text-align:center;margin-bottom:22px}#su-flow ol{justify-content:center;gap:20px}#su-flow li{font-size:13px;gap:9px}#su-flow li+li:before{display:none}.su-active #su-faq{display:block;padding:38px 0 24px}#su-faq footer{margin-top:35px}.su-orbit{right:-60%;top:30%;opacity:.7}.su-cube-one{left:86%;top:15%}.su-cube-two{right:8%;bottom:12%;opacity:.5}}
@media(max-width:480px){body.su-active{padding:0 22px}.su-active #su-header{height:74px}.su-brand{font-size:17px;gap:7px}.su-brand svg{width:27px;height:27px}.su-active .su-language{right:22px!important;top:20px!important;padding:3px;border-radius:12px}.su-active .su-language button{min-width:42px;height:28px;padding:0 8px;font-size:11px;border-radius:8px}.su-language-space{width:95px}.su-active #su-home{padding:42px 0 22px}.su-eyebrow{padding:7px 13px;font-size:11px}#su-home h1{font-size:43px}#su-home h1 strong{font-size:42px;letter-spacing:-1.8px}.su-intro{font-size:14px;line-height:1.85;margin:8px auto 23px}.su-features svg{width:21px;height:21px}.su-features b{font-size:12px}.su-features>span{gap:6px}.su-features>span+span{padding-left:7px}.su-tags{gap:8px;margin-top:24px}.su-tags>span{font-size:11px;padding:7px 10px;gap:5px}.su-tags svg{width:14px;height:14px}.su-active .su-card{padding:24px 20px!important;border-radius:23px!important}.su-active .su-card-heading:before{font-size:20px;padding-left:36px;background-size:27px}.su-active .su-card-heading:after{font-size:12px;padding-left:0;margin-top:10px}.su-active .su-card-heading{padding-bottom:20px!important}.su-active .su-card .chakra-stack{gap:14px!important}.su-active #sv-force-recharge-wrap{font-size:12px!important;margin-bottom:4px!important}.su-active #su-flow{padding:22px 14px;border-radius:22px}#su-flow h2{font-size:16px}#su-flow ol{gap:13px;justify-content:space-between}#su-flow li{flex-direction:column;gap:10px;font-size:12px}#su-flow li b{width:32px;height:34px}.su-active[data-su-lang="en"] #su-home h1{font-size:37px}.su-active[data-su-lang="en"] .su-features b{font-size:10px}.su-active[data-su-lang="en"] .su-card-heading:before{font-size:18px}.su-active[data-su-lang="en"] .su-brand{font-size:13px}}
@media(prefers-reduced-motion:reduce){.su-active *,.su-active *:before,.su-active *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:900px){.su-active #su-flow{width:100%}}
@media(max-width:480px){#su-header:before{inset:0 -22px}}