:root{--green:#4756F5;--deep:#18265B;--ink:#1D295A;--muted:#687390;--mint:#F0F1FF;--pale:#F8F8FF;--border:#E3E6F8;--shade:#1D285C;--shadow:0 24px 65px rgba(55,65,151,.105)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.82 system-ui,-apple-system,"PingFang SC","Microsoft Yahei","Noto Sans CJK SC",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}button{cursor:pointer}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;top:-100px;left:12px;background:white;padding:10px;z-index:100}.skip:focus{top:12px}.site-header{position:sticky;top:0;z-index:60;height:78px;background:rgba(255,255,255,.93);backdrop-filter:blur(20px);border-bottom:1px solid rgba(39,197,137,.12)}.navwrap{height:100%;display:flex;align-items:center;gap:28px;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;font-weight:900;letter-spacing:-.8px;color:#24b982;font-size:25px;white-space:nowrap;line-height:1}.brand-icon{height:49px;width:64px;object-fit:contain}.brand-text{display:inline-block}.brand .suffix{font-size:11px;letter-spacing:2.3px;font-weight:800;color:#7ea79a;display:block;margin-top:6px}.nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:650;color:#4f655b}.nav a:not(.nav-cta):hover,.nav a[aria-current=page]{color:#0cba7c}.nav-cta,.btn-primary{background:linear-gradient(115deg,#1bc68a,#36d3a0);color:#fff!important;box-shadow:0 13px 25px #20b57d34;font-weight:800}.nav-cta{padding:9px 20px;border-radius:999px}.menu{display:none;border:1px solid var(--border);background:#fff;border-radius:11px;padding:9px 13px;color:var(--deep)}.hero{overflow:hidden;position:relative;background:radial-gradient(ellipse at 80% 25%,#d3fbec 0%,transparent 40%),radial-gradient(ellipse at 12% 10%,#edfff6 0,transparent 40%),linear-gradient(180deg,#f5fffa,#fff);padding:90px 0 76px}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#3ac48d1c 1px,transparent 1px);background-size:25px 25px;pointer-events:none;mask-image:linear-gradient(to bottom,#000,transparent)}.hero-inner{position:relative;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:30px}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#149f70;border:1px solid #b6edd6;background:#e7fff3;border-radius:99px;font-weight:780;letter-spacing:.035em;padding:7px 15px;font-size:12px}.hero h1{font-size:clamp(42px,4.5vw,65px);font-weight:900;line-height:1.18;letter-spacing:-2.7px;margin:26px 0 22px}.hero h1 em{font-style:normal;color:#20bd84}.hero p{font-size:17px;color:#5d736a;max-width:620px;line-height:2}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 27px;border-radius:13px;font-size:15px;font-weight:800;border:1px solid transparent;min-height:48px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-outline{background:white;border-color:#cfe8db;color:#176b4d;box-shadow:0 12px 30px #1c6b3c0d}.hero-info{display:flex;align-items:center;gap:23px;flex-wrap:wrap;font-size:13px;color:#6f8a7d;margin-top:31px}.hero-info span:before{content:'✓';display:inline-grid;place-items:center;color:#10b87e;font-size:14px;font-weight:900;padding-right:7px}.hero-art{position:relative;min-height:485px;display:flex;align-items:center;justify-content:center}.hero-art:before{content:"";height:370px;width:370px;position:absolute;border-radius:50%;background:#b2f5d5;opacity:.45;filter:blur(60px)}.hero-art .desktop{position:relative;z-index:1;width:100%;filter:drop-shadow(0 28px 30px #09543a1e);animation:float 6s ease-in-out infinite}.hero-art .mobile{position:absolute;z-index:2;width:30%;right:-2%;bottom:0;filter:drop-shadow(0 18px 26px #144e3327);animation:float 5s ease-in-out -1.5s infinite}.hero-art .art-note{position:absolute;right:5%;top:0;z-index:3;background:#fffffff0;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:13px;padding:10px 15px;color:#16875f;font-weight:800;font-size:12px}.proof{background:#fff;padding:23px 0;border-bottom:1px solid var(--border)}.proof-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.proof-item{display:flex;gap:10px;align-items:center;color:#456a58;font-size:14px;line-height:1.55}.proof-item b{display:block;color:#21493b;font-size:15px}.proof-mark{width:36px;height:36px;border-radius:13px;background:var(--mint);display:grid;place-items:center;font-size:20px}.section{padding:96px 0}.section.alt{background:var(--pale)}.section-head{text-align:center;max-width:800px;margin:0 auto 49px}.kicker{color:#18af77;font-size:12px;letter-spacing:2px;font-weight:850}.section h2,.section-head h2{font-size:clamp(31px,3.5vw,45px);line-height:1.3;letter-spacing:-1.3px;margin:12px 0 15px}.section-head p,.split-copy p,.section-lead{color:var(--muted);line-height:1.9}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{border:1px solid #dfefe6;background:white;border-radius:24px;padding:25px 22px;box-shadow:0 12px 32px rgba(35,106,76,.045);transition:transform .2s}.feature-card:hover{transform:translateY(-5px)}.feature-img{height:130px;width:130px;object-fit:contain;margin:0 auto 8px}.feature-card h3{font-size:19px;margin:16px 0 10px}.feature-card p{color:#688072;font-size:14px;line-height:1.88}.text-link{color:#10a875;font-weight:800;font-size:13px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split-copy h2{font-size:clamp(30px,3.4vw,44px)}.device-display{padding:20px;min-height:390px;border-radius:31px;background:radial-gradient(circle at 40% 20%,#c3ffe1,#e9fff3 56%,#f6fffa);display:grid;place-items:center;overflow:hidden}.device-display img{max-height:390px;max-width:100%;object-fit:contain;filter:drop-shadow(0 12px 26px #1f865e20)}.checks{list-style:none;padding:0;margin:20px 0}.checks li{margin:11px 0;color:#476c5b}.checks li:before{content:'✓';color:#11b87d;font-weight:900;margin-right:13px}.network-section{background:linear-gradient(120deg,#0d4539,#092b25);color:#fff;overflow:hidden}.network-section .split-copy p,.network-section .checks li{color:#c0e0d3}.network-section .kicker{color:#a4f8ce}.network-section .device-display{background:radial-gradient(circle at 50% 40%,#236a56 0%,#0e4439 70%);border:1px solid #2c7161}.network-section .device-display img{max-height:340px}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.platform{border:1px solid #e0efe8;padding:28px 25px;border-radius:22px;background:#fff;transition:.2s}.platform:hover{border-color:#42c99a;transform:translateY(-3px)}.platform-icon{font-size:30px;background:var(--mint);height:58px;width:58px;border-radius:18px;display:grid;place-items:center}.platform h3{margin:16px 0 7px}.platform p{color:var(--muted);font-size:14px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan{background:#fff;border:1px solid var(--border);border-radius:23px;padding:30px;display:flex;flex-direction:column}.plan.featured{border:2px solid #22c68a;box-shadow:0 20px 44px #21c58815}.plan h3{font-size:21px;margin:0}.plan .period{color:#1abb83;font-weight:700;font-size:14px}.plan .price{font-size:24px;font-weight:850;color:var(--ink);margin:16px 0}.plan .descr{color:var(--muted);font-size:14px}.plan ul{padding-left:17px;color:#587366;font-size:14px;flex:1}.plan li{margin:10px 0}.plan .btn{margin-top:13px}.qna{max-width:900px;margin:auto}.qna details{border-bottom:1px solid #dcebe4;padding:18px 7px}.qna summary{font-weight:750;cursor:pointer;font-size:17px}.qna p{color:var(--muted)}.cta{padding:80px 0;text-align:center;color:white;background:linear-gradient(120deg,#11936b,#24c88f)}.cta h2{font-size:clamp(29px,3.8vw,42px);margin:0 0 14px}.cta p{color:#e4fff2}.cta .btn-primary{background:white;color:#149b70!important;box-shadow:0 12px 23px #07563720}.page-banner{padding:74px 0;background:radial-gradient(circle at 90% 0,#c4f7df,transparent 35%),linear-gradient(145deg,#f2fff8,#fff)}.page-banner .container{max-width:980px}.crumb{font-size:13px;color:#6c8c7c}.crumb a{color:#22976d}.page-banner h1{font-size:clamp(33px,4vw,51px);line-height:1.3;letter-spacing:-1.2px;margin:16px 0}.page-banner p{color:#5b7668;font-size:17px;max-width:800px}.content-area{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:42px;align-items:start}.article{min-width:0}.article .intro{font-size:17px;color:#476958;border-left:4px solid #3cc692;padding:10px 0 10px 22px;background:#f6fdfa;border-radius:0 12px 12px 0}.article-section{padding:27px 0;border-bottom:1px solid #e5efe9}.article-section h2{font-size:25px;line-height:1.45;margin:0 0 12px}.article-section p,.article-section li{color:#5c7467;font-size:16px}.article-section p{margin:10px 0}.article-section ul{padding-left:22px}.aside{background:#f4fbf7;border:1px solid #dfeee5;border-radius:22px;padding:25px;position:sticky;top:105px}.aside h3{font-size:17px;margin:0 0 16px}.aside a{display:block;padding:11px 0;color:#247354;font-size:14px;border-top:1px solid #deeee3}.inline-notice{margin-top:30px;color:#647e71;border-radius:15px;border:1px solid #dcebe2;background:#f8fcfa;padding:16px 19px;font-size:14px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide{display:block;border:1px solid #e1efe7;padding:25px;border-radius:20px;background:#fff;transition:transform .2s}.guide:hover{transform:translateY(-3px);border-color:#2bc58c}.guide h3{margin:5px 0 8px}.guide p{color:#688272;font-size:14px;margin:0}.footer{background:#103e32;color:#bdd6ca;padding:54px 0 25px}.footer .brand{font-size:23px;color:#46d89e}.footer .brand .suffix{color:#8bc7a9}.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:37px}.footer h3{color:#fff;font-size:15px}.footer a:hover{color:#8af0ba}.foot-links a{display:block;margin:11px 0;font-size:13px}.foot-desc{font-size:13px;color:#b1d1c1;max-width:350px}.copyright{border-top:1px solid #ffffff21;font-size:12px;margin-top:34px;padding-top:17px}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.js-motion .reveal.in-view{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-12px)}}@media(max-width:1060px){.nav{gap:14px}.brand{font-size:20px}.brand-icon{width:51px;height:43px}.hero-inner{gap:15px}.feature-grid{grid-template-columns:repeat(2,1fr)}.split{gap:45px}.proof-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.container{width:min(100% - 34px,1180px)}.site-header{height:70px}.brand{font-size:20px}.menu{display:block}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 18px 32px #0f63461c;flex-direction:column;align-items:stretch;gap:0;padding:12px 20px 22px}.nav.open{display:flex}.nav a{padding:10px 8px}.nav .nav-cta{text-align:center;margin-top:10px}.hero{padding:53px 0 56px}.hero-inner,.split,.content-area{grid-template-columns:1fr}.hero h1{font-size:clamp(37px,8vw,50px);letter-spacing:-1.5px}.hero p{font-size:15px}.hero-art{min-height:300px}.hero-art .desktop{width:90%}.hero-art .mobile{width:30%;right:0}.section{padding:67px 0}.section-head{margin-bottom:33px}.feature-grid,.platform-grid,.plans,.guide-grid{grid-template-columns:repeat(2,1fr)}.aside{position:static}.split{gap:27px}.foot-grid{grid-template-columns:repeat(2,1fr)}.page-banner{padding:52px 0}.network-section .device-display{order:-1}}@media(max-width:520px){.brand-icon{width:46px;height:40px}.brand{font-size:19px}.brand .suffix{font-size:9px;letter-spacing:1.5px}.hero h1{font-size:39px}.actions .btn{flex:1;padding:12px 14px}.hero-art{min-height:245px}.hero-art .desktop{width:98%}.hero-art .mobile{width:26%;right:0}.hero-art .art-note{font-size:10px;top:0;right:0;padding:6px 9px}.proof-row{grid-template-columns:repeat(2,1fr);gap:15px}.proof-item{font-size:12px}.proof-item b{font-size:13px}.feature-grid,.plans,.platform-grid,.guide-grid{grid-template-columns:1fr}.feature-img{height:120px;width:120px}.section h2,.section-head h2{font-size:30px}.foot-grid{grid-template-columns:1fr 1fr;gap:24px}.foot-grid>div:first-child{grid-column:1/-1}.device-display{min-height:270px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js-motion .reveal{opacity:1;transform:none}}


/* Xinglian hero balanced media revision 2026-10-26 */
/* Keep the illustrated device group aligned to the adjacent headline and actions. */
@media (min-width:781px) {
  .hero { padding-block: 65px 64px; }
  .hero-inner { align-items: center; }
  .hero-art { height: 420px; min-height: 420px; max-height: 420px; }
  .hero-art .desktop { width: auto; max-width: 100%; max-height: 390px; height: auto; object-fit: contain; }
  .hero-art .mobile { width: auto; max-width: 31%; max-height: 255px; height: auto; right: 0; bottom: 2px; object-fit: contain; }
  .hero-art .art-note { top: 0; right: 0; }
}
@media (min-width:781px) and (max-width:1060px) {
  .hero-art { height: 380px; min-height: 380px; max-height: 380px; }
  .hero-art .desktop { max-height: 350px; }
  .hero-art .mobile { max-height: 220px; max-width: 30%; }
}
@media (max-width:780px) {
  .hero-art { height: 320px; min-height: 320px; max-height: 320px; margin-top: 14px; }
  .hero-art .desktop { width: auto; height: auto; max-width: 90%; max-height: 294px; object-fit: contain; }
  .hero-art .mobile { width: auto; height: auto; max-width: 30%; max-height: 206px; right: 3%; bottom: 0; object-fit: contain; }
}
@media (max-width:520px) {
  .hero-art { height: 268px; min-height: 268px; max-height: 268px; margin-top: 12px; }
  .hero-art .desktop { width: auto; height: auto; max-width: 94%; max-height: 248px; }
  .hero-art .mobile { width: auto; height: auto; max-width: 28%; max-height: 165px; right: 1%; bottom: 0; }
  .hero-art .art-note { top: 0; right: 0; }
}

/* Star-themed global brand palette, layered on the existing responsive layout. */
:root{--sun:#FFD642;--sun-deep:#F6B71B;--royal:#4756F5;--violet:#7664F8;--night:#1D285C}
.site-header{background:rgba(255,255,255,.95);border-bottom-color:#E6E9FF;box-shadow:0 6px 24px rgba(43,58,124,.035)}
.brand{font-size:21px;color:var(--night);gap:8px;letter-spacing:-.7px}
.brand-icon{width:55px;height:54px;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(248,189,24,.23))}
.brand-text{font-weight:900;letter-spacing:-.5px}
.brand .suffix{color:#7C84AC;font-size:10px;letter-spacing:1.5px;font-weight:700;margin-top:5px}
.nav{color:#435074;gap:23px}
.nav a:not(.nav-cta):hover,.nav a[aria-current=page]{color:var(--royal)}
.nav-cta,.btn-primary{background:linear-gradient(110deg,#4655F6,#7565F7);color:white!important;box-shadow:0 13px 30px rgba(71,86,245,.21)}
.nav-cta:hover,.btn-primary:hover{box-shadow:0 18px 34px rgba(71,86,245,.29)}
.hero{background:radial-gradient(ellipse at 80% 22%,rgba(159,182,255,.3),transparent 45%),radial-gradient(ellipse at 12% 12%,rgba(255,219,96,.23),transparent 36%),linear-gradient(180deg,#F6F8FF 0%,#FFFFFF 100%)}
.hero:before{background-image:radial-gradient(rgba(91,107,226,.11) 1px,transparent 1px);opacity:.85}
.eyebrow{color:#4956C8;border-color:#DFE2FF;background:#F0F0FF}
.hero h1{color:var(--night)}
.hero h1 em{background:linear-gradient(94deg,#405AF4,#7560EF);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero p{color:#606C89}
.hero-info{color:#61708F}
.hero-info span:before{content:'✦';color:#EBAE18}
.btn-outline{border-color:#DDE2FF;color:#4B50B9;box-shadow:0 12px 30px rgba(67,79,168,.05)}
.hero-art:before{background:rgba(172,185,255,.52)}
.hero-art .desktop{filter:drop-shadow(0 26px 28px rgba(38,51,118,.15))}
.hero-art .mobile{filter:drop-shadow(0 18px 28px rgba(35,49,107,.19))}
.hero-art .art-note{right:0;top:0;border-color:#E3E6FF;background:rgba(255,255,255,.95);color:#5659BB;font-weight:750;box-shadow:0 12px 28px rgba(64,71,155,.10)}
.hero-art .hero-star{position:absolute;z-index:3;left:-4%;top:-10%;width:113px;height:113px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(245,183,25,.19));animation:float 5.6s ease-in-out infinite;pointer-events:none}
.proof{border-bottom-color:#E5E9FA}
.proof-item{color:#687391}
.proof-item b{color:#273562}
.proof-mark{background:#F2F1FF;color:#5357E1}
.section.alt{background:#F8F9FF}
.kicker,.text-link{color:#4B59EE}
.feature-card{border-color:#E5E7FA;box-shadow:0 13px 33px rgba(52,64,144,.055)}
.feature-card:hover,.platform:hover,.guide:hover{border-color:#9B9DFB}
.feature-card p,.platform p,.guide p{color:#6A7492}
.device-display{background:radial-gradient(circle at 40% 25%,#FFF3BD,#EDF0FF 60%,#FAFAFF);border:1px solid #E9EBFF}
.device-display img{filter:drop-shadow(0 16px 24px rgba(55,70,151,.17))}
.checks li{color:#576485}
.checks li:before{color:#5560EF}
.network-section{background:linear-gradient(120deg,#182451,#2C337D 60%,#39307D);color:white}
.network-section .split-copy p,.network-section .checks li{color:#CFD5F7}
.network-section .kicker{color:#FFE07C}
.network-section .device-display{background:radial-gradient(circle at 50% 40%,#454DAB,#202858 70%);border-color:#5058A8}
.platform{border-color:#E4E8FC}
.platform-icon{background:#F1F0FF;color:#4D56EB}
.plan.featured{border-color:#7F77F5;box-shadow:0 22px 48px rgba(79,83,235,.12)}
.plan{border-color:#E5E8FC}
.plan .period{color:#6361D8}
.plan ul{color:#656F8D}
.qna details{border-bottom-color:#E5E8F6}
.cta{background:linear-gradient(110deg,#4558ED,#655EE9 60%,#7860EC)}
.cta p{color:#E8E8FF}
.cta .btn-primary{color:#3C49CC!important;background:linear-gradient(120deg,#FFF6CB,#FFFFFF);box-shadow:0 12px 28px rgba(16,18,89,.15)}
.page-banner{background:radial-gradient(circle at 87% 0,#FFF0AF,transparent 33%),linear-gradient(145deg,#F2F4FF,#FFFFFF)}
.crumb{color:#737D9F}.crumb a{color:#4B59E0}
.page-banner p{color:#65718E}
.article .intro{background:#F7F7FF;border-left-color:#F6C947;color:#4F5A7D}
.article-section{border-bottom-color:#E7E9F7}
.article-section p,.article-section li{color:#606D89}
.aside{background:#F7F7FF;border-color:#E6E8F9}
.aside a{color:#4F58C3;border-top-color:#E8E9F9}
.inline-notice{background:#F8F8FF;color:#6A7491;border-color:#E5E8F8}
.guide{border-color:#E4E8FA}
.footer{background:linear-gradient(150deg,#1C295C,#263070);color:#C6CCEA}
.footer .brand{color:#FFFFFF}.footer .brand .suffix{color:#C5CCFF}
.footer a:hover{color:#FFE17E}.foot-desc{color:#C4C9E7}
.menu{border-color:#DCE1FA;color:#3642AF}
@media(max-width:1060px){.brand{font-size:19px}.brand-icon{height:48px;width:50px}.nav{gap:14px}}
@media(max-width:780px){.nav{box-shadow:0 18px 36px rgba(52,61,155,.12)}.hero-art .hero-star{width:89px;height:89px;top:-1%;left:0%}}
@media(max-width:520px){.brand{font-size:18px}.brand-icon{width:45px;height:43px}.brand .suffix{letter-spacing:1px;font-size:9px}.hero-art .hero-star{width:67px;height:67px;top:-1%;left:1%}.hero-art .art-note{font-size:10px}}

/* Match the original star logo lettering across navigation and footer. */
.brand{gap:3px}.brand-wordmark{display:block;width:187px;height:59px;object-fit:contain}.footer .brand-wordmark{width:204px;height:65px}
@media(max-width:1060px){.brand-wordmark{width:162px;height:51px}}
@media(max-width:520px){.brand-wordmark{width:145px;height:45px}.footer .brand-wordmark{width:165px;height:52px}}