:root{--blue:#1267ef;--blue-dark:#0756d8;--cyan:#10b8d4;--navy:#091736;--muted:#69758d;--line:#dce7f7;--bg:#f4f8ff;--card:#fff;--success:#0f9952;--danger:#d13b50;--content-max:1400px;--page-gutter:32px;--radius:18px;--shadow:0 20px 60px #1851aa1c}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{color:var(--navy);background:radial-gradient(circle at 25% 0,#fff 0,#f5f9ff 42%,#edf4ff 100%);margin:0;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}svg{width:1.2em;height:1.2em}.section-wrap{width:min(var(--content-max), calc(100% - var(--page-gutter) * 2));margin-inline:auto}.public-shell{min-height:100dvh;padding-bottom:0}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f9fcffd6;border-bottom:1px solid #dce7f7c7;position:sticky;top:0}.header-inner{width:min(var(--content-max), calc(100% - var(--page-gutter) * 2));align-items:center;gap:32px;min-height:76px;margin:auto;display:flex}.brand{flex:none;align-items:center;gap:12px;display:inline-flex}.brand img{filter:drop-shadow(0 9px 13px #1267ef38);width:52px;height:52px}.brand span{gap:2px;display:grid}.brand strong{letter-spacing:.05em;font-size:20px}.brand small{color:var(--muted);font-size:11px}.brand.compact img{border-radius:12px;width:42px;height:42px}.brand.compact strong{font-size:18px}.header-inner nav{color:#43516c;align-items:center;gap:30px;margin-left:auto;font-size:14px;font-weight:700;display:flex}.header-inner nav a:hover,.text-button:hover{color:var(--blue)}.header-actions{align-items:center;gap:10px;display:flex}.text-button{padding:10px 13px;font-weight:700}.small-primary,.primary{color:#fff;background:linear-gradient(100deg, var(--blue), var(--blue-dark));border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-weight:800;display:inline-flex;box-shadow:0 9px 22px #1267ef38}.eyebrow{color:var(--blue);letter-spacing:.12em;align-items:center;gap:7px;font-size:12px;font-weight:900;display:inline-flex}.eyebrow.light{color:#b9efff}.hero{grid-template-columns:minmax(0,.9fr) minmax(580px,1.1fr);align-items:center;gap:clamp(40px,6vw,92px);min-height:690px;padding-block:80px 72px;display:grid}.hero-copy h1{letter-spacing:-.045em;margin:22px 0 24px;font-size:clamp(42px,5vw,68px);line-height:1.12}.hero-copy h1 em{color:var(--blue);font-style:normal}.hero-copy>p{max-width:580px;color:var(--muted);margin:0;font-size:18px;line-height:1.9}.trust-row{color:#50607b;flex-wrap:wrap;gap:20px;margin-top:30px;font-size:13px;font-weight:700;display:flex}.trust-row span{align-items:center;gap:6px;display:inline-flex}.trust-row svg{color:var(--cyan)}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.action-card{border:1px solid var(--line);min-height:420px;box-shadow:var(--shadow);border-radius:26px;flex-direction:column;padding:34px;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.action-card:hover{transform:translateY(-5px);box-shadow:0 28px 72px #1851aa29}.action-card:after{content:"";background:#ffffff17;border-radius:50%;width:210px;height:210px;position:absolute;top:-85px;right:-75px}.create-card{color:#fff;background:linear-gradient(145deg,#1b70f2 0,#095bdc 80%);border-color:#0000}.join-card{background:#fffffff0}.action-icon{background:#ffffff29;border-radius:22px;place-items:center;width:70px;height:70px;margin-bottom:auto;display:grid}.join-card .action-icon{color:var(--blue);background:#eaf3ff}.action-icon svg{width:34px;height:34px}.action-card small{opacity:.76;margin-top:34px;font-weight:700}.action-card h2{margin:8px 0 12px;font-size:31px}.action-card p{opacity:.8;min-height:72px;margin:0;font-size:14px;line-height:1.75}.join-card p{color:var(--muted);opacity:1}.card-link{align-items:center;gap:8px;margin-top:24px;font-weight:800;display:flex}.card-link svg{transition:transform .2s}.action-card:hover .card-link svg{transform:translate(5px)}.service-section{padding-block:24px 100px}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px;display:flex}.section-heading h2{margin:9px 0 0;font-size:clamp(28px,3vw,40px)}.section-heading>a{color:var(--blue);align-items:center;gap:7px;font-size:14px;font-weight:800;display:inline-flex}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.service-card{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe6;grid-template-columns:54px 1fr 24px;align-items:center;gap:18px;min-height:126px;padding:24px;transition:transform .2s,border-color .2s;display:grid;box-shadow:0 10px 30px #1f57ac12}.service-card:hover{border-color:#9dc3fb;transform:translateY(-3px)}.service-card>span{width:54px;height:54px;color:var(--blue);background:#eaf3ff;border-radius:15px;place-items:center;display:grid}.service-card>span svg{width:25px;height:25px}.service-card h3{margin:0 0 7px;font-size:17px}.service-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.service-card>svg{color:#93a4bf}footer{border-top:1px solid var(--line);background:#ffffffb3}footer>div{min-height:86px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;font-size:12px;display:flex}footer div div{gap:22px;display:flex}.mobile-nav{display:none}.auth-page{background:radial-gradient(circle at 10% 0,#fff 0,#eef5ff 55%,#e6efff 100%);place-items:center;min-height:100dvh;padding:38px;display:grid}.auth-shell{background:#fff;border:1px solid #c4d8f6e6;border-radius:28px;grid-template-columns:minmax(340px,.88fr) minmax(520px,1.12fr);width:min(1080px,100%);min-height:680px;display:grid;overflow:hidden;box-shadow:0 32px 90px #1146972b}.auth-story{color:#fff;background:linear-gradient(155deg,#1267ef,#094fc5);flex-direction:column;padding:40px;display:flex;position:relative;overflow:hidden}.auth-story:before,.auth-story:after{content:"";border:1px solid #ffffff1f;border-radius:50%;position:absolute}.auth-story:before{width:420px;height:420px;bottom:-190px;left:-220px}.auth-story:after{width:240px;height:240px;top:130px;right:-130px}.auth-story .brand{z-index:1;color:#fff;position:relative}.auth-story .brand small{color:#ffffffb8}.story-copy{z-index:1;margin-top:88px;position:relative}.story-copy h1{margin:16px 0 18px;font-size:35px;line-height:1.3}.story-copy p{color:#ffffffc2;margin:0;font-size:14px;line-height:1.85}.story-points{z-index:1;gap:14px;margin:34px 0 0;padding:0;font-size:13px;font-weight:700;list-style:none;display:grid;position:relative}.story-points li{align-items:center;gap:10px;display:flex}.story-points svg{color:#73e7f3}.story-foot{z-index:1;color:#ffffff8a;margin-top:auto;position:relative}.auth-form-panel{flex-direction:column;justify-content:center;padding:52px 64px;display:flex}.auth-form-panel>h2{letter-spacing:-.02em;margin:10px 0;font-size:30px}.auth-description{color:var(--muted);margin:0 0 28px;font-size:14px;line-height:1.7}.mobile-brand{display:none}.auth-form{gap:17px;display:grid}.field{color:#293955;gap:8px;min-width:0;font-size:13px;font-weight:800;display:grid}.field input{width:100%;min-width:0;height:48px;color:var(--navy);background:#fbfdff;border:1px solid #d7e2f2;border-radius:10px;outline:0;padding:0 14px;font-size:15px;font-weight:500;transition:border .15s,box-shadow .15s}.field input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #1267ef1a}.field input::placeholder{color:#a1adbf}.field small{color:var(--muted);font-size:11px;font-weight:500}.field.has-error input{border-color:#e36d7c;box-shadow:0 0 0 3px #d13b5014}.field-error{color:var(--danger)!important}.password-wrap{position:relative}.password-toggle{color:#73819a;background:0 0;border:0;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:31px;right:7px}.form-between{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;font-size:12px;display:flex}.form-between a,.form-switch a,.agreement a{color:var(--blue);font-weight:800}.check-line,.agreement{color:#5d6b82;align-items:flex-start;gap:9px;font-size:12px;line-height:1.6;display:flex}input[type=checkbox]{width:17px;height:17px;accent-color:var(--blue);margin:1px 0 0}.wide{width:100%}.auth-form .primary{margin-top:3px}.divider{color:#9ba8bb;align-items:center;gap:12px;font-size:11px;display:flex}.divider:before,.divider:after{content:"";background:#e6edf7;flex:1;height:1px}.wechat-button{color:#198854;background:#f2fbf6;border:1px solid #cfe8db;border-radius:10px;min-height:46px;font-weight:800}.form-switch{text-align:center;color:var(--muted);margin:0;font-size:13px}.development-notice{color:#3d608b;background:#edf5ff;border-radius:9px;align-items:flex-start;gap:9px;margin:0;padding:11px 13px;font-size:12px;line-height:1.55;display:flex}.development-notice svg{flex:none;margin-top:2px}.code-row{grid-template-columns:minmax(0,1fr) 126px;align-items:end;gap:10px;display:grid}.code-row>button{height:48px;color:var(--blue);background:#eaf3ff;border:0;border-radius:10px;font-size:13px;font-weight:800}.code-row>button:disabled{color:#6f8196;cursor:not-allowed;background:#eef2f6}.two-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.agreement.has-error{color:var(--danger)}.agreement-error{margin-top:-12px}.register-form{gap:14px}.simple-page,.pricing-page,.order-page,.legal-page{min-height:calc(100dvh - 163px);padding-block:68px 100px}.simple-page>h1,.pricing-heading h1,.order-heading h1,.legal-page>h1{letter-spacing:-.035em;margin:12px 0;font-size:clamp(34px,4vw,50px)}.page-lead,.pricing-heading p,.order-heading p{max-width:740px;color:var(--muted);margin:0;font-size:16px;line-height:1.8}.empty-panel{text-align:center;border:1px solid var(--line);max-width:850px;box-shadow:var(--shadow);background:#fff;border-radius:24px;place-items:center;margin:54px auto 28px;padding:65px 28px;display:grid}.empty-panel>span{width:76px;height:76px;color:var(--blue);background:#eaf3ff;border-radius:22px;place-items:center;display:grid}.empty-panel>span svg{width:36px;height:36px}.empty-panel h2{margin:22px 0 9px}.empty-panel p{max-width:560px;color:var(--muted);margin:0;line-height:1.8}.empty-panel div{gap:10px;margin-top:27px;display:flex}.secondary{color:#3c5d88;background:#fff;border:1px solid #bfd3f1;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:0 20px;font-weight:800;display:inline-flex}.info-strip{color:#53647d;background:#f7fbff;border:1px solid #d4e4f8;border-radius:13px;align-items:center;gap:14px;max-width:850px;margin:0 auto;padding:18px 22px;font-size:13px;display:flex}.info-strip>svg{color:var(--blue);flex:none}.pricing-heading{text-align:center;max-width:800px;margin:0 auto 44px}.pricing-heading p{margin-inline:auto}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.plan-card{text-align:left;border:1px solid var(--line);min-width:0;color:var(--navy);background:#fff;border-radius:22px;flex-direction:column;align-items:flex-start;padding:30px;transition:border .2s,transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 10px 34px #1f57ac12}.plan-card:hover{transform:translateY(-3px)}.plan-card.selected{border:2px solid var(--blue);background:linear-gradient(#f8fbff,#fff);padding:29px;box-shadow:0 18px 48px #1267ef26}.recommend-badge{color:#fff;background:var(--blue);border-radius:999px;padding:5px 11px;font-size:11px;font-weight:900;position:absolute;top:20px;right:20px}.radio-mark{border:2px solid #b8c7dc;border-radius:50%;place-items:center;width:21px;height:21px;display:grid}.plan-card.selected .radio-mark{border-color:var(--blue)}.radio-mark i{background:0 0;border-radius:50%;width:9px;height:9px}.plan-card.selected .radio-mark i{background:var(--blue)}.plan-card h2{margin:25px 0 9px;font-size:23px}.plan-card>p{min-height:50px;color:var(--muted);margin:0 0 26px;font-size:13px;line-height:1.75}.price{color:var(--blue);font-size:27px}.plan-card>small{color:var(--muted);margin-top:4px}.plan-card ul{color:#526079;border-top:1px solid #e7edf6;gap:13px;width:100%;margin:26px 0 0;padding:24px 0 0;font-size:13px;list-style:none;display:grid}.plan-card li{align-items:center;gap:9px;display:flex}.plan-card li svg{color:var(--success)}.sticky-action{border:1px solid var(--line);background:#ffffffeb;border-radius:15px;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:18px 22px;display:flex;box-shadow:0 12px 36px #1851aa17}.sticky-action>div{gap:4px;display:grid}.sticky-action small{color:var(--muted)}.policy-card{border:1px solid var(--line);background:#f8fbff;border-radius:16px;grid-template-columns:1.4fr .6fr;gap:28px;margin-top:18px;padding:24px 28px;display:grid}.policy-card p{color:var(--muted);margin:7px 0 0;font-size:13px;line-height:1.7}.order-heading{margin-bottom:34px}.order-layout{grid-template-columns:minmax(0,1.5fr) minmax(320px,.65fr);align-items:start;gap:20px;display:grid}.order-main{gap:16px;display:grid}.order-card,.payment-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:30px;box-shadow:0 12px 36px #1f57ac14}.order-title{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;font-size:13px;display:flex}.order-title a{color:var(--blue);font-weight:800}.order-card h2{margin:26px 0 9px;font-size:27px}.order-card>p,.payment-card p{color:var(--muted);margin:0;line-height:1.75}.order-card dl{border-top:1px solid var(--line);margin:28px 0 0;display:grid}.order-card dl div{border-bottom:1px solid #edf2f8;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;display:flex}.order-card dt{color:var(--muted)}.order-card dd{margin:0;font-weight:800}.pending-badge{color:#a9670b;background:#fff2db;border-radius:999px;padding:5px 10px;font-size:11px}.security-note{color:#216749;background:#f1fbf6;border:1px solid #cbeade;border-radius:15px;align-items:flex-start;gap:14px;padding:20px;display:flex}.security-note>svg{flex:none;margin-top:2px}.security-note p{color:#5b7a6c;margin:5px 0 0;font-size:13px;line-height:1.65}.payment-card{position:sticky;top:98px}.payment-card h2{margin:12px 0 10px}.payment-card button{color:#8390a5;cursor:not-allowed;background:#e9eef5;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:50px;margin-top:28px;font-weight:800;display:flex}.payment-card>small{color:var(--muted);text-align:center;margin-top:13px;line-height:1.6;display:block}.legal-page{max-width:840px}.legal-page section{border:1px solid var(--line);background:#fff;border-radius:16px;margin-top:28px;padding:28px}.legal-page section h2{margin:0 0 10px}.legal-page section p{color:var(--muted);margin:0;line-height:1.85}.account-page{min-height:calc(100dvh - 82px);padding:70px var(--page-gutter) 100px;background:linear-gradient(145deg,#f5f9ff,#fff);place-items:center;display:grid}.account-card{border:1px solid var(--line);width:min(100%,620px);box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:42px}.account-card h1{letter-spacing:-.035em;margin:11px 0 10px;font-size:38px}.account-card>p{color:var(--muted);margin:0 0 26px;line-height:1.75}.account-details{border-top:1px solid var(--line);margin:0 0 28px;display:grid}.account-details div{border-bottom:1px solid var(--line);grid-template-columns:110px minmax(0,1fr);gap:20px;padding:17px 0;display:grid}.account-details dt{color:var(--muted)}.account-details dd{overflow-wrap:anywhere;margin:0;font-weight:800}button:disabled{opacity:.65;cursor:wait}@media (max-width:1100px){:root{--page-gutter:24px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:64px}.hero-copy{text-align:center;max-width:760px;margin:auto}.hero-copy>p{margin-inline:auto}.trust-row{justify-content:center}.action-grid{max-width:820px;margin:auto}.action-card{min-height:360px}.auth-shell{grid-template-columns:360px 1fr}.auth-form-panel{padding:44px}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-card:last-child{grid-column:1/-1;width:calc(50% - 9px)}}@media (max-width:800px){:root{--page-gutter:18px}.header-inner{min-height:68px}.header-inner nav{display:none}.header-actions{margin-left:auto}.brand.compact small{display:none}.service-grid{grid-template-columns:1fr}.auth-page{background:#fff;padding:0;display:block}.auth-shell{width:100%;min-height:100dvh;box-shadow:none;border:0;border-radius:0;display:block}.auth-story{display:none}.auth-form-panel{justify-content:flex-start;max-width:590px;min-height:100dvh;margin:auto;padding:30px 28px 48px}.mobile-brand{margin-bottom:50px;display:block}.order-layout{grid-template-columns:1fr}.payment-card{position:static}}@media (max-width:600px){:root{--page-gutter:16px;--radius:14px}body{padding-bottom:66px}.site-header{position:static}.header-inner{min-height:62px}.brand.compact img{width:38px;height:38px}.brand.compact strong{font-size:16px}.header-actions .text-button{display:none}.small-primary{min-height:39px;padding-inline:14px;font-size:12px}.hero{padding-block:48px 40px;display:block}.hero-copy{text-align:left}.hero-copy h1{margin-block:16px 17px;font-size:39px}.hero-copy>p{font-size:15px;line-height:1.8}.trust-row{justify-content:flex-start;gap:12px;margin-top:23px}.action-grid{grid-template-columns:1fr;margin-top:36px}.action-card{border-radius:20px;min-height:290px;padding:26px}.action-icon{border-radius:17px;width:56px;height:56px;margin-bottom:24px}.action-icon svg{width:28px;height:28px}.action-card small{margin-top:0}.action-card h2{font-size:25px}.action-card p{min-height:0}.card-link{margin-top:18px}.service-section{padding-bottom:56px}.section-heading{align-items:flex-start}.section-heading>a{display:none}.section-heading h2{font-size:28px}.service-card{min-height:105px;padding:18px}footer{display:none}.mobile-nav{z-index:30;min-height:66px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff2;grid-template-columns:repeat(4,1fr);align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{text-align:center;color:#627089;font-size:11px;font-weight:800}.mobile-nav a[aria-current=page]{color:var(--blue)}.auth-form-panel{padding:22px 20px 40px}.auth-form-panel>h2{font-size:27px}.mobile-brand{margin-bottom:42px}.two-fields{grid-template-columns:1fr}.code-row{grid-template-columns:minmax(0,1fr) 112px}.field input{font-size:16px}.simple-page,.pricing-page,.order-page,.legal-page{min-height:auto;padding-block:46px 60px}.simple-page>h1,.pricing-heading h1,.order-heading h1,.legal-page>h1{font-size:34px}.empty-panel{border-radius:18px;margin-top:34px;padding:42px 20px}.empty-panel div{width:100%;display:grid}.info-strip{align-items:flex-start}.pricing-heading{text-align:left;margin-bottom:28px}.plan-grid{grid-template-columns:1fr}.plan-card:last-child{grid-column:auto;width:auto}.plan-card{border-radius:18px;padding:24px}.plan-card.selected{padding:23px}.sticky-action{z-index:10;padding:13px 14px;position:sticky;bottom:78px;box-shadow:0 13px 34px #1146972e}.sticky-action .primary{min-height:43px;padding-inline:16px}.policy-card{grid-template-columns:1fr;gap:18px;padding:20px}.order-card,.payment-card{border-radius:17px;padding:22px}.order-card dl div{align-items:flex-start}.legal-page section{padding:21px}.account-page{min-height:calc(100dvh - 128px);padding-block:36px 56px}.account-card{border-radius:18px;padding:26px 22px}.account-card h1{font-size:32px}.account-details div{grid-template-columns:86px minmax(0,1fr);gap:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}
