:root{--blue:#1264f6;--blue2:#2aa7ff;--ink:#061737;--muted:#52627a;--line:#dce8f8;--soft:#f3f8ff;--card:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff 0,#f7fbff 55%,#fff 100%);overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.site-header{height:80px;display:flex;align-items:center;gap:34px;padding:0 60px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid #edf3fb;position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:12px;font-size:25px}.brand-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#0e8bff,#1459f2);box-shadow:0 12px 28px rgba(18,100,246,.22)}.main-nav{display:flex;gap:34px;align-items:center;justify-content:center;flex:1}.main-nav a{font-size:16px;font-weight:700;padding:29px 0;color:#182847;position:relative}.main-nav a:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:3px;border-radius:6px;background:var(--blue);transition:.25s}.main-nav a:hover,.main-nav a.active{color:var(--blue)}.main-nav a:hover:after,.main-nav a.active:after{left:0;width:100%}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 34px;border-radius:9px;font-weight:800;font-size:18px}.header-cta,.btn.primary{background:linear-gradient(135deg,#208dff,#0758ee);color:#fff;box-shadow:0 16px 34px rgba(18,100,246,.22)}.btn.ghost{border:1px solid var(--blue);color:var(--blue);background:#fff}.btn img{width:26px;height:26px;object-fit:contain}.section{max-width:1390px;margin:0 auto;padding:58px 24px}.hero{position:relative;display:grid;grid-template-columns:minmax(460px,1fr) minmax(520px,760px);align-items:center;gap:28px;min-height:560px;padding-top:92px}.hero:before{content:"";position:absolute;inset:0 -80px auto -80px;height:590px;background:radial-gradient(circle at 72% 32%,#eaf5ff 0,#fff 52%,transparent 72%);z-index:-1}.eyebrow{color:#0e70ff;font-size:13px;font-weight:900;letter-spacing:1.8px}.hero h1{font-size:68px;line-height:1.08;margin:16px 0 24px;font-weight:900;letter-spacing:0}.lead{font-size:24px;line-height:1.8;color:#354764;max-width:660px;font-weight:650}.hero-actions{display:flex;gap:22px;align-items:center;margin-top:34px;flex-wrap:wrap}.hero-visual{position:relative}.hero-visual img{width:100%;filter:drop-shadow(0 30px 40px rgba(54,119,220,.13))}.feature-strip,.stats-band{max-width:1390px;margin:0 auto 28px;padding:0 24px;display:grid;gap:18px}.feature-strip{grid-template-columns:repeat(4,1fr)}.feature-strip article,.stats-band,.mini-card,.region-card,.server-card,.solution-card,.case-card,.process-row article,.pay-grid article,.faq-item{background:rgba(255,255,255,.88);border:1px solid var(--line);box-shadow:0 14px 36px rgba(33,90,160,.08);border-radius:14px}.feature-strip article{display:grid;grid-template-columns:82px 1fr;align-items:center;padding:22px 26px;min-height:122px}.feature-strip span{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#edf5ff;color:var(--blue);font-size:34px}.feature-strip h3{margin:0 0 8px;font-size:22px}.feature-strip p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}.stats-band{grid-template-columns:repeat(4,1fr);padding:25px 40px;align-items:center;text-align:center}.stats-band div+div{border-left:1px solid var(--line)}.stats-band b{font-size:36px;color:var(--blue);display:block}.stats-band span{font-size:17px;font-weight:800}.section-title{text-align:center;margin-bottom:30px}.section-title h2{font-size:38px;line-height:1.2;margin:0 0 12px;font-weight:900}.section-title h2:before,.section-title h2:after{content:"";display:inline-block;width:42px;height:3px;background:linear-gradient(90deg,transparent,var(--blue));vertical-align:middle;margin:0 18px;border-radius:9px}.section-title h2:after{background:linear-gradient(90deg,var(--blue),transparent)}.section-title p{margin:0;color:#5b6b82;font-size:17px}.region-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px}.region-card{padding:24px 20px 18px;min-height:300px;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden}.region-card h3{font-size:24px;margin:0 0 8px}.region-card p{font-size:15px;color:#59687d;line-height:1.6;margin:0;min-height:48px}.region-card img{height:145px;object-fit:contain;margin:10px auto 8px}.region-card span{color:var(--blue);font-weight:800}.config-section{background:#fff;border:1px solid #eef4fb;border-radius:20px}.config-tabs{display:flex;justify-content:center;gap:32px;border-bottom:1px solid var(--line);margin-bottom:26px;flex-wrap:wrap}.config-tab{border:0;background:transparent;padding:0 8px 15px;font-size:17px;color:#273650;cursor:pointer;position:relative;font-weight:800}.config-tab small{display:block;font-size:11px;color:#7b8ba4}.config-tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:5px;background:transparent}.config-tab.active,.config-tab:hover{color:var(--blue)}.config-tab.active:after,.config-tab:hover:after{background:var(--blue)}.config-panel{display:none;grid-template-columns:repeat(3,1fr);gap:20px}.config-panel.active{display:grid}.server-card{display:grid;grid-template-columns:130px 1fr;gap:22px;align-items:center;padding:22px;min-height:190px}.server-art{height:115px;display:grid;place-items:center}.server-art img{width:118px;height:100px;object-fit:contain}.badge{display:inline-flex;background:#eef6ff;color:#0066f3;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:900}.server-card h3{font-size:22px;margin:10px 0 6px}.server-card p{font-size:14px;color:#65738b;margin:0 0 12px}.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px}.spec-grid span{border:1px solid #e5eef9;border-radius:6px;padding:7px 10px;font-size:14px;color:#243754;white-space:nowrap;text-align:center}.server-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e7eff9;margin-top:14px;padding-top:12px}.server-bottom strong{font-size:24px;color:var(--blue)}.server-bottom a{font-weight:900;color:var(--blue)}.config-note{text-align:center;color:#7a8799;margin:22px 0 0}.mini-grid,.solution-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.mini-card,.solution-card{text-align:center;padding:28px 18px;min-height:210px}.mini-card img{height:58px;margin:0 auto 18px}.mini-card h3,.solution-card h3{font-size:21px;margin:0 0 12px}.mini-card p,.solution-card p{font-size:15px;line-height:1.7;color:#5d6d83;margin:0}.soft-icon{width:72px;height:72px;margin:0 auto 18px;border-radius:22px;background:linear-gradient(135deg,#ecf5ff,#fff);color:var(--blue);display:grid;place-items:center;font-weight:900;box-shadow:inset 0 0 0 1px #d9e9ff}.map-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 26px;box-shadow:0 18px 40px rgba(33,90,160,.08);overflow:hidden}.map-panel img{width:100%;height:170px;object-fit:cover}.line-list{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-top:12px;text-align:center}.line-list b{font-size:14px;color:#1e3b68}.case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.case-card{padding:18px}.case-card img{height:170px;width:100%;object-fit:cover;border-radius:10px}.case-card h3{text-align:left;font-size:22px;margin:18px 0}.case-metrics{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #e5eef8;padding-top:14px;gap:8px}.case-metrics span{text-align:center;color:#687890;font-size:14px}.case-metrics b{display:block;color:var(--blue);font-size:28px}.process-row{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}.process-row article{padding:24px}.process-row span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:900}.process-row h3{font-size:21px;margin:14px 0 10px}.process-row p{font-size:15px;color:#607187;line-height:1.7;margin:0}.pay-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.pay-grid article{padding:30px 24px;text-align:center;min-height:138px}.pay-grid strong{font-size:22px;display:block;margin-bottom:12px}.pay-grid span{font-size:15px;color:#66758b}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 24px}.faq-item{padding:0;overflow:hidden}.faq-item summary{cursor:pointer;list-style:none;padding:18px 22px;font-size:17px;font-weight:800;display:flex;align-items:center;justify-content:space-between}.faq-item summary:after{content:"⌄";color:var(--blue);font-size:22px}.faq-item p{margin:0;padding:0 22px 18px;color:#5d6d83;line-height:1.7;font-size:15px}.wide-cta{max-width:1390px;margin:30px auto 72px;border:1px solid #bdd8ff;border-radius:18px;background:linear-gradient(105deg,#f8fbff 0,#e9f4ff 58%,#f7fbff 100%);display:grid;grid-template-columns:1fr 560px;gap:20px;align-items:center;padding:32px 54px;overflow:hidden}.wide-cta h2{font-size:38px;margin:0 0 12px}.wide-cta p{font-size:17px;color:#4e607a}.wide-cta img{height:190px;object-fit:contain;justify-self:end}.float-contact{position:fixed;right:18px;top:46%;transform:translateY(-50%);z-index:40;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 36px rgba(22,74,150,.18);overflow:hidden;width:92px}.float-contact a,.float-contact button{width:100%;min-height:104px;border:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-weight:900;color:#061737;font-size:14px;cursor:pointer}.float-contact a+button{border-top:1px solid #e6eff8}.float-contact img{width:39px;height:39px;object-fit:contain}.site-footer{background:#fff;border-top:1px solid #edf3fb}.footer-inner{max-width:1390px;margin:0 auto;padding:44px 24px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:50px}.footer-inner h3,.footer-inner h4{margin:0 0 16px}.footer-inner p,.footer-inner a{display:block;color:#53647d;line-height:1.9;font-size:15px}.footer-kefu{display:inline-flex!important;margin-top:8px;background:var(--blue);color:#fff!important;border-radius:8px;padding:8px 16px;font-weight:900}.copyright{text-align:center;border-top:1px solid #edf3fb;margin:0;padding:18px;color:#8390a3}.hover-rise,.hover-glow{transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.hover-rise:hover{transform:translateY(-8px);box-shadow:0 24px 54px rgba(18,100,246,.18)}.hover-glow:hover{transform:translateY(-5px);background:linear-gradient(180deg,#fff,#f0f7ff);box-shadow:0 20px 48px rgba(18,100,246,.15)}
@media (max-width:1100px){.site-header{padding:0 18px}.main-nav{display:none}.hero{grid-template-columns:1fr;padding-top:54px}.hero h1{font-size:46px}.lead{font-size:19px}.feature-strip,.region-grid,.mini-grid,.solution-grid,.case-grid,.pay-grid{grid-template-columns:repeat(2,1fr)}.config-panel{grid-template-columns:1fr}.wide-cta{grid-template-columns:1fr;padding:28px}.process-row{grid-template-columns:repeat(2,1fr)}.line-list{grid-template-columns:repeat(2,1fr)}.float-contact{right:8px;width:80px}.footer-inner{grid-template-columns:1fr 1fr}}@media (max-width:640px){.brand strong{font-size:19px}.header-cta{display:none}.hero h1{font-size:38px}.section-title h2{font-size:28px}.feature-strip,.region-grid,.mini-grid,.solution-grid,.case-grid,.pay-grid,.faq-grid,.stats-band{grid-template-columns:1fr}.server-card{grid-template-columns:1fr;text-align:center}.server-bottom{display:grid;gap:10px;justify-content:center}.wide-cta img{display:none}.footer-inner{grid-template-columns:1fr}.float-contact{position:static;transform:none;width:auto;margin:20px auto;display:flex}.float-contact a,.float-contact button{min-height:78px}}
.about-panel{display:grid;grid-template-columns:520px 1fr;gap:46px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 46px rgba(33,90,160,.08);padding:34px 46px;overflow:hidden}.about-media{background:linear-gradient(135deg,#f5faff,#eaf4ff);border-radius:18px;padding:22px}.about-media img{height:310px;width:100%;object-fit:contain;filter:drop-shadow(0 20px 34px rgba(18,100,246,.12))}.about-copy h2{font-size:36px;margin:8px 0 16px}.about-copy p{font-size:17px;line-height:1.9;color:#4d5f79;margin:0 0 18px}.about-copy ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.about-copy li{display:grid;grid-template-columns:128px 1fr;gap:14px;align-items:start;border:1px solid #e4eefb;background:#f8fbff;border-radius:10px;padding:12px 14px}.about-copy li b{color:#0b58df;font-size:16px}.about-copy li span{color:#5a6c84;font-size:15px;line-height:1.7}.about-actions{display:flex;gap:18px;margin-top:24px;flex-wrap:wrap}@media (max-width:1100px){.about-panel{grid-template-columns:1fr;padding:28px}}@media (max-width:640px){.about-copy li{grid-template-columns:1fr}.about-media img{height:220px}}
.card-icon{width:74px;height:74px;object-fit:contain;margin:0 auto 16px;display:block}.server-card,.server-info{text-align:center}.server-bottom a{display:inline-flex;align-items:center;justify-content:center;min-width:112px;height:44px;padding:0 18px;border-radius:8px;background:linear-gradient(135deg,#208dff,#0758ee);color:#fff!important;box-shadow:0 12px 26px rgba(18,100,246,.2);transition:.22s ease}.server-bottom a:hover{background:linear-gradient(135deg,#0758ee,#003fc0);transform:translateY(-2px)}.process-row article,.pay-grid article{display:flex;flex-direction:column;align-items:center;text-align:center}.process-row span{margin:0 auto}.solution-card .card-icon{margin-top:0}.mini-card img{width:74px;height:74px;object-fit:contain}.mini-card h3,.solution-card h3,.process-row h3,.pay-grid strong{text-align:center}
.feature-strip article{display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center}.feature-strip .card-icon{margin:0 auto 12px}.feature-strip h3,.feature-strip p{text-align:center}
.server-bottom a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:112px!important;height:44px!important;padding:0 18px!important;border-radius:8px!important;background:linear-gradient(135deg,#208dff,#0758ee)!important;color:#fff!important;border:1px solid #0a63f6!important;box-shadow:0 12px 26px rgba(18,100,246,.2)!important;transition:.22s ease!important;text-decoration:none!important}.server-bottom a:hover{background:linear-gradient(135deg,#0758ee,#003fc0)!important;border-color:#003fc0!important;transform:translateY(-2px)}.config-tab{background:#f1f7ff!important;border:1px solid #cfe2ff!important;border-radius:999px!important;min-width:104px!important;padding:12px 24px!important;box-shadow:0 8px 20px rgba(18,100,246,.06)!important}.config-tab.active,.config-tab:hover{background:linear-gradient(135deg,#208dff,#0758ee)!important;color:#fff!important;border-color:#0a63f6!important}.config-tab.active small,.config-tab:hover small{color:rgba(255,255,255,.9)!important}.config-tab:after{display:none!important}.config-tabs{border-bottom:0!important;gap:14px!important}.server-card h3,.server-card p{text-align:center}.server-info{text-align:center}
.hero h1{font-size:52px!important}.section-title h2{font-size:30px!important}.mini-card h3,.solution-card h3,.server-card h3,.feature-strip h3,.process-row h3,.case-card h3{font-size:18px!important;text-align:center!important}.section-title p{font-size:15px!important}.lead{font-size:20px!important}.about-copy h2{font-size:30px!important}.wide-cta h2{font-size:30px!important}