:root{
  --bg:#f7fbff;
  --text:#142033;
  --muted:#66748b;
  --blue:#2f75ff;
  --blue-2:#00c8ff;
  --green:#28dc8f;
  --purple:#785cff;
  --deep:#081b6a;
  --deep-2:#042283;
  --card:#ffffff;
  --shadow:0 24px 70px rgba(31,97,210,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;
  color:var(--text);
  background:var(--bg);
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
.container{width:min(1120px,calc(100% - 44px));margin:0 auto}
.page-glow{position:fixed;pointer-events:none;z-index:-1;filter:blur(10px);opacity:.85}
.page-glow-1{width:520px;height:520px;right:-140px;top:-80px;background:radial-gradient(circle,#4db8ff 0,#c9f3ff 34%,transparent 68%)}
.page-glow-2{width:640px;height:360px;left:-210px;bottom:180px;background:radial-gradient(circle,#d9ecff 0,#f0f8ff 42%,transparent 70%)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(119,151,207,.16)}
.nav-wrap{height:74px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand img{width:150px;height:auto;display:block}
.nav{display:flex;gap:34px;align-items:center;font-size:14px;color:#24324a;font-weight:600}
.nav a{position:relative;padding:28px 0}
.nav a::after{content:"";position:absolute;left:50%;bottom:20px;width:0;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--green));transform:translateX(-50%);transition:.25s}
.nav a:hover::after{width:22px}
.nav-cta{font-size:14px;font-weight:700;color:white;background:linear-gradient(135deg,var(--blue),#1ed5c6);padding:11px 18px;border-radius:999px;box-shadow:0 12px 26px rgba(47,117,255,.25)}
.menu-btn{display:none;border:0;background:#eef5ff;border-radius:12px;padding:9px 12px;font-size:22px;color:#2051b4}
.hero{min-height:680px;padding:84px 0 110px;position:relative}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.eyebrow{color:#5577a7;font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:13px;margin:0 0 16px}
h1{font-size:58px;line-height:1.08;margin:0 0 24px;letter-spacing:-.045em;color:#14213d}
h1 span{background:linear-gradient(90deg,#1c50de,#12c7d8 52%,#28dc8f);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-desc{max-width:640px;line-height:1.9;color:#5b6a83;font-size:16px;margin:0 0 28px}
.hero-actions{display:flex;align-items:center;gap:16px;margin-bottom:34px}
.btn-primary,.btn-secondary,.btn-light{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:800;transition:.25s}
.btn-primary{background:linear-gradient(135deg,#367cff,#23d6cb);color:white;padding:15px 25px;box-shadow:0 18px 36px rgba(47,117,255,.3)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 24px 46px rgba(47,117,255,.36)}
.btn-primary span{margin-left:8px}
.btn-secondary{color:#2258c6;background:rgba(255,255,255,.7);border:1px solid rgba(54,124,255,.16);padding:14px 23px}
.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:620px}
.trust-row div{background:rgba(255,255,255,.76);border:1px solid rgba(85,119,167,.12);box-shadow:0 15px 35px rgba(47,117,255,.08);border-radius:20px;padding:18px}
.trust-row strong{display:block;font-size:23px;color:#2467ef;margin-bottom:5px}
.trust-row span{font-size:12px;color:#6a7890;font-weight:600}
.hero-visual{min-height:470px;position:relative;display:flex;align-items:center;justify-content:center}
.cloud-card{position:relative;width:min(470px,90vw);height:430px;border-radius:46px;background:linear-gradient(135deg,rgba(232,248,255,.65),rgba(75,170,255,.15));box-shadow:inset 0 0 60px rgba(255,255,255,.7);transform:rotate(-4deg)}
.cloud-card::before{content:"";position:absolute;inset:44px;border-radius:38px;background:radial-gradient(circle at 62% 40%,rgba(255,255,255,.92),rgba(170,231,255,.25) 42%,transparent 70%)}
.cloud-shape{position:absolute;left:100px;top:120px;width:260px;height:150px;background:linear-gradient(145deg,#d6fbff,#78dfff);border-radius:45px;box-shadow:0 35px 55px rgba(29,165,223,.32), inset -18px -20px 35px rgba(43,117,255,.16)}
.cloud-shape span:nth-child(1){position:absolute;width:115px;height:115px;left:42px;top:-55px;background:linear-gradient(145deg,#e2fdff,#80e5ff);border-radius:50%}
.cloud-shape span:nth-child(2){position:absolute;width:92px;height:92px;right:48px;top:-34px;background:linear-gradient(145deg,#ddfbff,#72daf4);border-radius:50%}
.cloud-shape span:nth-child(3){position:absolute;width:52px;height:52px;right:-18px;top:36px;background:#85e9ff;border-radius:50%}
.platform-stack{position:absolute;left:113px;width:245px;height:48px;border-radius:18px;transform:skewX(-18deg);box-shadow:0 20px 38px rgba(39,103,255,.26)}
.stack-1{top:272px;background:linear-gradient(90deg,#36ddff,#3976ff)}
.stack-2{top:306px;left:134px;background:linear-gradient(90deg,#1470ff,#725cff);opacity:.9}
.orb{position:absolute;border-radius:50%;filter:blur(1px)}
.orb-a{right:38px;top:42px;width:56px;height:56px;background:radial-gradient(circle,#f9b5ff,#8d6dff);box-shadow:0 12px 28px rgba(141,109,255,.25)}
.orb-b{left:40px;bottom:24px;width:30px;height:30px;background:radial-gradient(circle,#bffff1,#19ddc7)}
.mini-cube,.mini-ball{position:absolute;border-radius:12px;box-shadow:0 15px 30px rgba(67,116,255,.25)}
.cube-1{right:72px;top:96px;width:44px;height:44px;background:linear-gradient(145deg,#91f1ff,#4778ff);transform:rotate(18deg)}
.cube-2{left:72px;bottom:108px;width:32px;height:32px;background:linear-gradient(145deg,#d0faff,#31d8ff);transform:rotate(-20deg)}
.ball-1{right:130px;bottom:75px;width:20px;height:20px;background:#8be9ff;border-radius:50%}
.ball-2{left:105px;top:80px;width:18px;height:18px;background:#7d74ff;border-radius:50%}
.intro{padding:88px 0 92px;background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(241,248,255,.5))}
.section-title{text-align:center;max-width:760px;margin:0 auto 42px}
h2{font-size:34px;line-height:1.2;margin:0 0 15px;letter-spacing:-.03em;color:#16213a}
.section-title p:not(.eyebrow){line-height:1.8;color:#66748b;margin:0}
.matrix-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative}
.matrix-grid::before,.matrix-grid::after{content:"+";position:absolute;top:48%;font-size:38px;font-weight:300;color:#4183ff;opacity:.9}
.matrix-grid::before{left:31.8%}.matrix-grid::after{right:31.8%}
.matrix-card{background:rgba(255,255,255,.86);border:1px solid rgba(111,154,223,.18);border-radius:24px;padding:28px;box-shadow:var(--shadow);min-height:315px;position:relative;overflow:hidden}
.matrix-card::after{content:"";position:absolute;right:-28px;bottom:-35px;width:130px;height:95px;background:radial-gradient(circle,#cdfaff 0,#eefbff 46%,transparent 70%);opacity:.8}
.icon-badge{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#e8f5ff,#48c7ff);color:#1e6de6;font-weight:900;margin-bottom:16px}
.matrix-card h3{margin:0 0 4px;font-size:22px}
.en{font-size:12px;color:#8793a6;margin:0 0 20px}
.gradient-bar{border-radius:14px;padding:16px 18px;margin-bottom:18px;color:white;font-weight:800;font-size:14px;background:linear-gradient(135deg,#367cff,#15cad9)}
.gradient-bar.accent{background:linear-gradient(135deg,#0ec7dc,#2278ff)}
.gradient-bar.purple{background:linear-gradient(135deg,#2e7bff,#7b5cff)}
.matrix-card p:last-child{color:#65758f;line-height:1.8;margin:0;font-size:14px}
.product-band{padding:88px 0 98px;background:radial-gradient(circle at 50% 0,rgba(42,112,255,.7),transparent 34%),linear-gradient(125deg,#05135c,#0c2998 48%,#04145e);color:white;position:relative;overflow:hidden}
.product-band::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 70%,rgba(42,225,255,.16),transparent 26%),radial-gradient(circle at 92% 24%,rgba(111,93,255,.33),transparent 30%)}
.band-title{position:relative;text-align:center;margin-bottom:38px}
.product-band h2{color:white}
.tabs{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:24px;color:#a9c5ff;font-size:13px}
.tab{border:0;background:transparent;color:#bdd0ff;padding:10px 4px;cursor:pointer;font-weight:700;position:relative}
.tab::after{content:"";position:absolute;left:50%;bottom:0;height:3px;width:0;background:#75eaff;border-radius:99px;transform:translateX(-50%);transition:.25s}
.tab.active{color:white}.tab.active::after{width:28px}
.service-carousel{position:relative;display:grid;grid-template-columns:.8fr 1.45fr .8fr;gap:38px;align-items:center}
.service-card{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.08);border-radius:24px;min-height:190px;padding:34px;color:white;position:relative;overflow:hidden}
.service-card.side{opacity:.55;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(60,141,255,.08))}
.service-card.featured{min-height:280px;background:linear-gradient(135deg,rgba(74,129,255,.9),rgba(48,100,242,.72));box-shadow:0 40px 80px rgba(0,0,0,.24)}
.service-card h3{font-size:24px;margin:0 0 16px}.service-card p{line-height:1.8;color:#d9e6ff}.mini-label{font-size:12px!important;text-transform:uppercase;letter-spacing:.08em;color:#bfefff!important;font-weight:800;margin:0 0 9px!important}
.btn-light{background:white;color:#2369df;padding:12px 20px;margin-top:8px}
.card-cloud{position:absolute;right:40px;bottom:30px;width:110px;height:55px;border-radius:28px;background:linear-gradient(135deg,#e5ffff,#46dcff);opacity:.8;filter:drop-shadow(0 22px 28px rgba(0,0,0,.15))}
.card-cloud::before,.card-cloud::after{content:"";position:absolute;border-radius:50%;background:inherit}.card-cloud::before{width:58px;height:58px;left:16px;top:-24px}.card-cloud::after{width:45px;height:45px;right:14px;top:-14px}
.slider-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.12);color:white;border-radius:50%;width:40px;height:40px;font-size:26px;cursor:pointer}.prev{left:-8px}.next{right:-8px}
.cases{padding:94px 0;background:white}.cases-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}.case-card.big{background:linear-gradient(135deg,#f3f9ff,#ffffff);border:1px solid rgba(72,130,255,.14);box-shadow:var(--shadow);border-radius:30px;padding:42px}.case-card p{line-height:1.8;color:#66748b}.case-metrics{display:grid;gap:13px;margin-top:28px}.case-metrics span{display:flex;align-items:center;gap:12px;background:#f0f6ff;border-radius:16px;padding:15px;color:#53657e}.case-metrics b{font-size:24px;color:#276bff}.case-list{display:grid;gap:18px}.case-list article{padding:26px;border-radius:24px;background:#fbfdff;border:1px solid rgba(96,137,206,.16);box-shadow:0 14px 35px rgba(32,89,170,.08)}.case-list span{color:#2875ff;font-weight:800;font-size:13px}.case-list h3{margin:10px 0;font-size:20px}.case-list p{line-height:1.75;color:#66748b;margin:0}
.news{padding:92px 0;background:linear-gradient(180deg,#fff,#f8fbff)}.news-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px}.section-head-inline{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-head-inline a{color:#346fff;font-weight:800;font-size:14px}.date{color:#7a8799;font-weight:700}.news-cover{min-height:210px;border-radius:22px;background:linear-gradient(135deg,#07155c,#0f3fb7 50%,#4ff0ff);padding:28px;color:white;display:flex;align-items:end;gap:24px;margin-bottom:22px;overflow:hidden;position:relative}.cube-cloud{width:120px;height:120px;background:conic-gradient(from 20deg,#7cf3ff,#2d6fff,#7b5cff,#48ffd1,#7cf3ff);border-radius:28px;transform:rotate(18deg);box-shadow:0 25px 55px rgba(0,0,0,.25)}.news-cover h3{margin:4px 0 0;font-size:24px}.news-cover p{margin:0;color:#cce6ff}.news-main>h3{font-size:19px;line-height:1.45}.news-main>p:last-child{line-height:1.8;color:#66748b}.news-list article{padding:25px 0;border-bottom:1px solid #e7edf6}.news-list time{font-size:13px;color:#7e8aa0;font-weight:800}.news-list h3{font-size:18px;line-height:1.48;margin:10px 0}.news-list p{color:#718095;line-height:1.7;margin:0}
.partners{padding:82px 0 140px;background:white}.partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}.partner-logo{height:92px;border-radius:22px;background:#f7faff;border:1px solid rgba(106,145,209,.14);display:grid;place-items:center;padding:10px 14px;box-shadow:0 12px 32px rgba(20,73,170,.05);transition:transform .25s ease,box-shadow .25s ease;overflow:hidden}.partner-logo:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(20,73,170,.12)}.partner-logo img{width:100%;height:100%;max-width:180px;max-height:60px;display:block;object-fit:contain;object-position:center;filter:none}
.footer{position:relative;background:linear-gradient(135deg,#5b59ff,#1d72ff 55%,#1fd0d0);color:white;padding:92px 0 28px;overflow:hidden}.wave{position:absolute;left:-5%;right:-5%;top:-82px;height:160px;background:var(--bg);border-radius:0 0 50% 50%;transform:rotate(-3deg)}.footer-grid{position:relative;display:grid;grid-template-columns:1.35fr .8fr .8fr 1fr;gap:38px}.footer img{width:160px;filter:brightness(0) invert(1) saturate(0) brightness(3);margin-bottom:12px}.footer p{color:rgba(255,255,255,.84);line-height:1.7;margin:7px 0}.footer .small{max-width:360px}.footer h4{margin:0 0 18px}.footer a{display:block;color:rgba(255,255,255,.82);margin:10px 0;font-size:14px}.qr{width:82px;height:82px;border:2px solid rgba(255,255,255,.75);border-radius:10px;display:grid;place-items:center;font-weight:900;margin-top:12px;background:rgba(255,255,255,.12)}.copyright{position:relative;margin-top:54px;padding-top:22px;border-top:1px solid rgba(255,255,255,.18);font-size:12px;color:rgba(255,255,255,.72)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal.show{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}
@media (max-width:960px){.nav{display:none}.menu-btn{display:block}.nav-cta{display:none}.nav.open{position:absolute;top:74px;left:22px;right:22px;display:grid;gap:0;background:white;border-radius:20px;box-shadow:0 24px 60px rgba(31,97,210,.18);padding:10px}.nav.open a{padding:15px}.hero-grid,.cases-grid,.news-grid,.footer-grid{grid-template-columns:1fr}.hero{padding-top:58px}.hero-visual{min-height:390px;order:-1}.cloud-card{height:360px}.cloud-shape{transform:scale(.82);left:70px;top:95px}.platform-stack{transform:skewX(-18deg) scale(.82);left:86px}.stack-1{top:228px}.stack-2{top:258px;left:103px}h1{font-size:42px}.matrix-grid,.service-carousel{grid-template-columns:1fr}.matrix-grid::before,.matrix-grid::after{display:none}.service-card.side{display:none}.partner-grid{grid-template-columns:repeat(2,1fr)}.trust-row{grid-template-columns:1fr}.footer{padding-top:70px}}
@media (max-width:560px){.container{width:min(100% - 28px,1120px)}.brand img{width:122px}h1{font-size:35px}.hero-desc{font-size:14px}.hero-actions{flex-direction:column;align-items:flex-start}.section-title{text-align:left}.partner-grid{grid-template-columns:1fr}.footer-grid{gap:22px}.news-cover{display:block}.cube-cloud{margin-bottom:22px}.tabs{justify-content:flex-start}.slider-btn{display:none}}


.copyright{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px 18px;
  text-align:center;
  line-height:1.8;
}
.copyright span{
  display:inline-block;
}
.powered-by{
  padding:4px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.82);
  letter-spacing:.02em;
}


/* v5: 子页面 Banner 差异化与解决方案切换效果。仅追加样式，不破坏原站 UI。 */
.hero-visual .visual-label-stack{
  position:absolute;
  left:22px;
  bottom:54px;
  z-index:4;
  display:grid;
  gap:9px;
  min-width:190px;
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(95,143,220,.18);
  box-shadow:0 22px 52px rgba(31,97,210,.18);
  backdrop-filter:blur(14px);
}
.hero-visual .visual-label-stack strong{
  font-size:15px;
  color:#1743a8;
  letter-spacing:.02em;
}
.hero-visual .visual-label-stack span{
  width:max-content;
  max-width:170px;
  padding:7px 11px;
  border-radius:999px;
  color:#396083;
  background:#eef7ff;
  font-size:12px;
  font-weight:800;
}
.hero-theme-aws .cloud-card{background:linear-gradient(135deg,rgba(255,245,220,.72),rgba(255,154,36,.16))}
.hero-theme-aws .platform-stack.stack-1{background:linear-gradient(90deg,#ffb04a,#ff7a1a)}
.hero-theme-aws .platform-stack.stack-2{background:linear-gradient(90deg,#2868ff,#1dd6cb)}
.hero-theme-aliyun .cloud-card{background:linear-gradient(135deg,rgba(255,236,226,.75),rgba(255,111,49,.16))}
.hero-theme-aliyun .platform-stack.stack-1{background:linear-gradient(90deg,#ff7b45,#ff4c2f)}
.hero-theme-aliyun .platform-stack.stack-2{background:linear-gradient(90deg,#22c9ff,#2774ff)}
.hero-theme-cost .cloud-card{background:linear-gradient(135deg,rgba(231,255,246,.78),rgba(36,220,143,.16))}
.hero-theme-cost .platform-stack.stack-1{background:linear-gradient(90deg,#26dc93,#1db6ff)}
.hero-theme-cost .platform-stack.stack-2{background:linear-gradient(90deg,#2d77ff,#785cff)}
.hero-theme-multi .cloud-card{background:linear-gradient(135deg,rgba(241,236,255,.78),rgba(120,92,255,.18))}
.hero-theme-multi .platform-stack.stack-1{background:linear-gradient(90deg,#785cff,#2e7bff)}
.hero-theme-multi .platform-stack.stack-2{background:linear-gradient(90deg,#17cfe1,#28dc8f)}
.hero-theme-cross .cloud-card{background:linear-gradient(135deg,rgba(226,248,255,.78),rgba(0,200,255,.16))}
.hero-theme-cross .platform-stack.stack-1{background:linear-gradient(90deg,#00c8ff,#367cff)}
.hero-theme-cross .platform-stack.stack-2{background:linear-gradient(90deg,#22d58c,#1ed5c6)}
.hero-theme-managed .cloud-card{background:linear-gradient(135deg,rgba(233,242,255,.78),rgba(47,117,255,.15))}
.hero-theme-managed .platform-stack.stack-1{background:linear-gradient(90deg,#2868ff,#00c8ff)}
.hero-theme-managed .platform-stack.stack-2{background:linear-gradient(90deg,#081b6a,#785cff)}
.hero-theme-contact .cloud-card,.hero-theme-thanks .cloud-card{background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(54,124,255,.13))}
.service-carousel.is-switching .service-card{
  opacity:.38;
  transform:translateY(10px) scale(.985);
}
.service-carousel .service-card{
  transition:opacity .22s ease, transform .22s ease, box-shadow .22s ease;
}
.tab{transition:color .22s ease, transform .22s ease}
.tab:hover{transform:translateY(-2px);color:white}
@media (max-width:960px){
  .hero-visual .visual-label-stack{left:18px;bottom:24px;min-width:168px;padding:14px}
  .hero-visual .visual-label-stack span{max-width:145px}
}

/* Codex UI refresh: unified sizing + redesigned page banners */
:root{
  --bg:#f6f8fb;
  --text:#152033;
  --muted:#66758d;
  --line:#dfe7f2;
  --blue:#2563eb;
  --cyan:#06b6d4;
  --green:#16a34a;
  --orange:#f97316;
  --purple:#6d5dfc;
  --card:#ffffff;
  --shadow:0 18px 42px rgba(31,74,130,.10);
}
body{background:var(--bg);color:var(--text)}
.page-glow,.orb{display:none!important}
.container{width:min(1180px,calc(100% - 48px))}
.site-header{background:rgba(255,255,255,.88);border-bottom:1px solid rgba(94,120,156,.16);box-shadow:0 8px 28px rgba(25,46,84,.05)}
.nav-wrap{height:68px;gap:22px}.brand img{width:136px}.nav{gap:24px}.nav a{padding:25px 0}.nav a::after{bottom:17px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.nav-cta{border-radius:8px;background:#1f5fe7;box-shadow:0 10px 22px rgba(37,99,235,.20)}
.hero{min-height:620px;padding:72px 0 86px;background:linear-gradient(180deg,#f9fbff 0%,#eef6ff 100%)}
.hero-grid{grid-template-columns:1fr .92fr;gap:52px}.eyebrow{letter-spacing:.02em;color:#537092}.hero h1,h1{font-size:50px;line-height:1.12;letter-spacing:0;color:#13213a}.hero-desc{font-size:16px;line-height:1.82;color:#5f6f86}.hero-actions{gap:12px;margin-bottom:26px}.btn-primary,.btn-secondary,.btn-light{border-radius:8px}.btn-primary{padding:14px 22px;background:#1f5fe7;box-shadow:0 14px 28px rgba(37,99,235,.22)}.btn-secondary{padding:13px 20px;background:#fff;border-color:#d8e3f2;color:#1f5fe7}.trust-row{gap:10px}.trust-row div{border-radius:8px;border-color:#dfe7f2;box-shadow:0 10px 24px rgba(31,74,130,.06);padding:15px}.trust-row strong{font-size:20px;color:#1f5fe7}.trust-row span{font-size:12px}
h2{font-size:32px;letter-spacing:0}.intro,.product-band,.cases,.news,.partners{padding-top:76px;padding-bottom:82px}.matrix-grid{gap:18px}.matrix-grid::before,.matrix-grid::after{display:none}.matrix-card,.case-card.big,.case-list article,.service-card,.news-cover,.partner-logo{border-radius:8px}.matrix-card{padding:24px;min-height:292px;box-shadow:var(--shadow)}.icon-badge{border-radius:8px;background:#e7f0ff;color:#1f5fe7}.gradient-bar{border-radius:8px;background:#1f5fe7}.gradient-bar.accent{background:#0891b2}.gradient-bar.purple{background:#6255e8}.product-band{background:linear-gradient(135deg,#08225c,#0f3e95 52%,#075a72)}.product-band::before{background:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:42px 42px;opacity:.45}.tabs{gap:14px}.tab{padding:9px 6px}.service-carousel{gap:22px}.service-card{padding:28px}.service-card.featured{background:linear-gradient(135deg,#2563eb,#0e7490);box-shadow:0 24px 52px rgba(0,0,0,.18)}.card-cloud{display:none}.case-card.big{padding:34px}.case-metrics span{border-radius:8px;background:#eef4ff}.news-cover{background:linear-gradient(135deg,#10204a,#1d5ed8 58%,#08adc8)}.cube-cloud{border-radius:8px}.footer{background:linear-gradient(135deg,#103277,#1f65df 56%,#0798a7)}.wave{display:none}.footer{padding-top:72px}.qr{border-radius:8px}
.hero-visual{min-height:430px}.cloud-card,.cloud-shape,.platform-stack,.mini-cube,.mini-ball,.visual-label-stack{display:none!important}
.banner-art{position:relative;width:min(480px,100%);height:400px;margin-left:auto;border:1px solid rgba(98,125,164,.18);border-radius:12px;background:linear-gradient(145deg,#ffffff,#eef5ff);box-shadow:0 24px 55px rgba(31,74,130,.13);overflow:hidden}.banner-art::before{content:"";position:absolute;inset:18px;border:1px solid rgba(69,100,150,.10);border-radius:8px}.banner-art::after{content:"";position:absolute;right:-60px;top:-50px;width:210px;height:210px;background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(6,182,212,.12));transform:rotate(18deg);border-radius:34px}.banner-grid{position:absolute;inset:0;background:linear-gradient(90deg,rgba(32,69,118,.055) 1px,transparent 1px),linear-gradient(0deg,rgba(32,69,118,.055) 1px,transparent 1px);background-size:34px 34px}.banner-panel,.cloud-node,.banner-chip,.metric-tile{position:absolute;z-index:2;border:1px solid rgba(90,119,158,.18);background:rgba(255,255,255,.82);backdrop-filter:blur(12px);box-shadow:0 16px 34px rgba(31,74,130,.10);border-radius:8px}.banner-panel{left:44px;top:42px;width:272px;padding:20px}.panel-kicker{display:block;margin-bottom:8px;color:#58708d;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.banner-panel strong{display:block;font-size:22px;line-height:1.2;color:#12203a}.provider-row,.service-stack,.region-list,.status-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.provider-row span,.service-stack span,.region-list span,.status-list span{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:6px;background:#eef4ff;color:#2454a6;font-size:12px;font-weight:800}.cloud-node{right:76px;top:152px;width:118px;height:118px;display:grid;place-items:center;background:#1f5fe7;color:white;font-size:26px;font-weight:900}.cloud-node::before,.cloud-node::after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#ffffff;border:4px solid currentColor;color:#1f5fe7}.cloud-node::before{left:-42px;top:22px}.cloud-node::after{right:-34px;bottom:22px}.route-line{position:absolute;z-index:1;height:2px;background:linear-gradient(90deg,transparent,#7aa5f7,#16c7d5,transparent);transform-origin:left center}.route-a{left:160px;top:200px;width:225px;transform:rotate(-18deg)}.route-b{left:118px;top:260px;width:265px;transform:rotate(12deg)}.banner-chip{height:36px;padding:0 13px;display:flex;align-items:center;color:#30506f;font-size:13px;font-weight:800}.chip-a{left:54px;bottom:96px}.chip-b{right:44px;bottom:76px}.chip-c{left:170px;bottom:36px}.metric-tile{width:104px;height:72px;display:grid;place-items:center;align-content:center;gap:3px}.metric-tile b{font-size:19px;color:#1f5fe7}.metric-tile span{font-size:12px;color:#66758d;font-weight:700}.metric-a{right:42px;top:42px}.metric-b{left:46px;bottom:34px}.hero-theme-aws .cloud-node,.hero-theme-aws .metric-tile b{background:#f97316;color:white}.hero-theme-aws .metric-tile b{background:transparent;color:#f97316}.hero-theme-aws .provider-row span,.hero-theme-aws .service-stack span{background:#fff3e8;color:#b45309}.hero-theme-aliyun .cloud-node{background:#ea580c}.hero-theme-aliyun .metric-tile b{color:#ea580c}.hero-theme-aliyun .service-stack span{background:#fff1e8;color:#c2410c}.hero-theme-cost .cloud-node{background:#16a34a}.hero-theme-cost .metric-tile b{color:#16a34a}.hero-theme-cost .banner-panel{width:250px}.bar-chart{display:flex;align-items:end;gap:9px;height:76px;margin-top:16px}.bar-chart i{display:block;width:34px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#16a34a,#06b6d4)}.bar-chart i:nth-child(1){height:62%}.bar-chart i:nth-child(2){height:48%}.bar-chart i:nth-child(3){height:34%}.bar-chart i:nth-child(4){height:24%}.hero-theme-cross .cloud-node{background:#0891b2}.hero-theme-cross .metric-tile b{color:#0891b2}.hero-theme-cross .region-list span{background:#e6faff;color:#0e7490}.hero-theme-multi .cloud-node{background:#6255e8}.hero-theme-multi .metric-tile b{color:#6255e8}.hero-theme-multi .provider-row span{background:#f0edff;color:#5546d9}.hero-theme-managed .cloud-node{background:#0f3e95}.hero-theme-managed .metric-tile b{color:#0f3e95}.hero-theme-managed .status-list span{background:#eaf2ff;color:#1d4ed8}.hero-theme-contact .cloud-node{background:#0d9488}.hero-theme-contact .metric-tile b{color:#0d9488}.hero-theme-contact .status-list span{background:#e6fffb;color:#0f766e}.hero-theme-thanks .cloud-node{background:#16a34a}.hero-theme-thanks .metric-tile b{color:#16a34a}.success-card .status-list span{background:#ecfdf3;color:#15803d}
@media (max-width:960px){.container{width:min(100% - 36px,1180px)}.nav.open{top:68px;border-radius:8px}.hero{padding:48px 0 68px}.hero-grid,.cases-grid,.news-grid,.footer-grid{grid-template-columns:1fr}.hero-visual{min-height:360px;order:-1}.banner-art{height:340px;margin:0 auto}.banner-panel{left:28px;top:28px;width:245px}.cloud-node{right:44px;top:136px;width:98px;height:98px;font-size:22px}.metric-a{right:24px;top:28px}.metric-b{left:28px;bottom:26px}.chip-a{left:34px;bottom:92px}.chip-b{right:28px;bottom:72px}.chip-c{left:134px;bottom:24px}.route-a{left:126px;top:184px;width:210px}.route-b{left:84px;top:235px;width:230px}h1,.hero h1{font-size:40px}.trust-row{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.container{width:min(100% - 28px,1180px)}.hero{padding:34px 0 54px}.hero h1,h1{font-size:33px}.hero-desc{font-size:14px}.hero-actions{align-items:stretch}.btn-primary,.btn-secondary{width:100%}.trust-row{grid-template-columns:1fr}.banner-art{height:310px}.banner-panel{width:220px;padding:16px}.banner-panel strong{font-size:19px}.cloud-node{right:26px;top:142px;width:86px;height:86px}.metric-tile{width:88px;height:62px}.metric-a{display:none}.chip-b{right:20px;bottom:62px}.chip-c{left:112px}.provider-row span,.service-stack span,.region-list span,.status-list span{height:26px;padding:0 8px}.intro,.product-band,.cases,.news,.partners{padding-top:56px;padding-bottom:62px}}

/* Mobile tightening after visual QA */
@media (max-width:560px){
  .hero{min-height:auto;padding:28px 0 44px}
  .hero-visual{min-height:285px}
  .banner-art{height:270px}
  .banner-panel{left:20px;top:20px;width:205px;padding:14px}
  .banner-panel strong{font-size:18px}
  .provider-row,.service-stack,.region-list,.status-list{gap:6px;margin-top:12px}
  .provider-row span,.service-stack span,.region-list span,.status-list span{height:24px;padding:0 7px;font-size:11px}
  .cloud-node{right:22px;top:122px;width:74px;height:74px;font-size:18px}
  .cloud-node::before,.cloud-node::after{width:12px;height:12px;border-width:3px}
  .cloud-node::before{left:-28px;top:16px}.cloud-node::after{right:-22px;bottom:16px}
  .route-a{left:92px;top:160px;width:210px}.route-b{left:64px;top:202px;width:220px}
  .banner-chip{height:31px;padding:0 10px;font-size:12px}.chip-a{left:24px;bottom:72px}.chip-b{right:16px;bottom:54px}.chip-c{left:108px;bottom:18px}
  .metric-tile{width:80px;height:54px}.metric-b{left:22px;bottom:16px}.metric-tile b{font-size:16px}.metric-tile span{font-size:11px}
  .trust-row{grid-template-columns:repeat(3,1fr);gap:8px}.trust-row div{padding:10px 8px;min-height:68px}.trust-row strong{font-size:16px}.trust-row span{font-size:11px;line-height:1.35}
}

/* Keep the mobile hero within the first viewport */
@media (max-width:560px){
  .hero{padding:22px 0 32px}
  .hero-visual{min-height:252px}
  .banner-art{height:238px}
  .cloud-node{top:108px}
  .route-a{top:146px}.route-b{top:184px}
  .chip-a{bottom:58px}.chip-b{bottom:44px}.chip-c{bottom:14px}.metric-b{bottom:12px}
  .hero-desc{line-height:1.7;margin-bottom:20px}
  .trust-row{display:none}
}

/* News center, contact form, floating contact and admin console */
.nav{gap:16px;font-size:13px}.nav a{white-space:nowrap}.nav-cta{white-space:nowrap}.news-center,.contact-form-section{padding:76px 0;background:#fff}.news-filters{display:flex;gap:10px;flex-wrap:wrap}.news-filters button{border:1px solid #dbe5f2;background:#fff;color:#36506f;border-radius:8px;padding:9px 13px;font-weight:800;cursor:pointer}.news-filters button.active{background:#1f5fe7;color:#fff;border-color:#1f5fe7}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{border:1px solid #dfe7f2;background:#fff;border-radius:8px;padding:24px;box-shadow:0 14px 34px rgba(31,74,130,.08);min-height:245px;display:flex;flex-direction:column}.article-card span{color:#1f5fe7;font-size:13px;font-weight:900}.article-card time{color:#7a8799;font-size:12px;margin-top:8px}.article-card h3{font-size:21px;line-height:1.35;margin:16px 0 10px}.article-card p{color:#66758d;line-height:1.75;margin:0 0 18px}.article-card a{margin-top:auto;color:#1f5fe7;font-weight:900}.article-detail{padding:92px 0;background:#fff}.article-detail .container{max-width:860px}.back-link{display:inline-flex;margin-bottom:28px;color:#1f5fe7;font-weight:900}.article-detail h1{font-size:42px;line-height:1.18;margin:0 0 18px}.article-summary{font-size:18px;line-height:1.8;color:#66758d;border-bottom:1px solid #e5edf6;padding-bottom:28px}.article-cover{width:100%;border-radius:8px;margin:24px 0}.article-content{font-size:16px;line-height:1.9;color:#334155}.article-content p{margin:0 0 18px}.empty-state{padding:28px;border:1px dashed #cbd7e8;border-radius:8px;color:#66758d;background:#f8fbff}.contact-form{max-width:920px;margin:0 auto;border:1px solid #dfe7f2;background:#fff;border-radius:8px;padding:28px;box-shadow:0 18px 42px rgba(31,74,130,.10)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.contact-form label,.editor-form label,.admin-card label{display:grid;gap:8px;color:#334155;font-weight:800;font-size:14px;margin-bottom:16px}.contact-form input,.contact-form select,.contact-form textarea,.editor-form input,.editor-form textarea,.admin-card input{width:100%;border:1px solid #d7e2f0;border-radius:8px;padding:12px 13px;font:inherit;color:#13213a;background:#fff}.contact-form textarea,.editor-form textarea{resize:vertical}.form-tip{color:#1f5fe7;font-weight:800;min-height:22px}.floating-contact{position:fixed;left:18px;top:42%;z-index:80}.floating-toggle{width:48px;height:48px;border:0;border-radius:50%;background:#1f5fe7;color:#fff;font-weight:900;box-shadow:0 16px 34px rgba(31,95,231,.28);cursor:pointer}.floating-panel{position:absolute;left:62px;top:-30px;width:220px;padding:18px;border:1px solid #dfe7f2;border-radius:8px;background:rgba(255,255,255,.96);box-shadow:0 18px 42px rgba(31,74,130,.16);display:none}.floating-contact:hover .floating-panel,.floating-contact.open .floating-panel{display:grid;gap:8px}.floating-panel strong{color:#13213a}.floating-panel a{color:#1f5fe7;font-weight:800}.floating-panel span{color:#66758d;font-size:12px}.floating-panel b{font-size:13px;color:#334155}.floating-action{margin-top:6px;background:#1f5fe7;color:#fff!important;border-radius:8px;padding:9px 12px;text-align:center}.admin-body{background:#f3f6fb}.admin-shell{min-height:100vh}.admin-login{min-height:100vh;display:grid;place-items:center;padding:24px}.admin-card{width:min(430px,100%);background:#fff;border:1px solid #dfe7f2;border-radius:8px;padding:34px;box-shadow:0 18px 42px rgba(31,74,130,.12)}.admin-card img{width:150px;margin-bottom:24px}.admin-card h1{font-size:30px;margin:0 0 12px}.admin-card p{color:#66758d;line-height:1.7}.admin-app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.admin-sidebar{background:#10204a;color:#fff;padding:26px;display:flex;flex-direction:column;gap:12px}.admin-sidebar img{width:145px;filter:brightness(0) invert(1) saturate(0) brightness(3);margin-bottom:18px}.admin-sidebar button,.admin-sidebar a{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;border-radius:8px;padding:12px;text-align:left;font-weight:900;cursor:pointer}.admin-sidebar button.active{background:#1f5fe7}.admin-main{padding:32px}.admin-main>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-main h1{font-size:34px;margin:0}.admin-main>header span{color:#66758d}.admin-panel{display:none}.admin-panel.active{display:block}.admin-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.admin-grid{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:20px}.editor-form,.admin-list{background:#fff;border:1px solid #dfe7f2;border-radius:8px;padding:22px;box-shadow:0 12px 28px rgba(31,74,130,.07)}.admin-list{display:grid;gap:14px;align-content:start}.admin-item{border:1px solid #e3ebf5;border-radius:8px;padding:18px;background:#fbfdff}.admin-item span{font-size:12px;color:#66758d;font-weight:800}.admin-item h3{margin:8px 0 8px;font-size:18px}.admin-item p{color:#66758d;line-height:1.65;margin:6px 0}.admin-item button,.admin-item a{display:inline-flex;margin:8px 8px 0 0;border:1px solid #d7e2f0;background:#fff;border-radius:8px;padding:8px 10px;color:#1f5fe7;font-weight:900;cursor:pointer}
@media (max-width:1120px){.nav{gap:10px;font-size:12px}.nav-cta{padding:10px 12px}.brand img{width:126px}}
@media (max-width:960px){.article-grid,.form-grid,.admin-app,.admin-grid{grid-template-columns:1fr}.admin-sidebar{position:static}.floating-contact{left:auto;right:16px;top:auto;bottom:18px}.floating-panel{left:auto;right:0;top:auto;bottom:58px}.admin-main>header{display:block}.news-filters{margin-top:12px}.section-head-inline{display:block}}
@media (max-width:560px){.article-detail h1{font-size:31px}.contact-form{padding:20px}.article-grid{gap:14px}.admin-main{padding:18px}.admin-card{padding:24px}.floating-toggle{width:46px;height:46px}}

/* Fix admin hidden sections */
[hidden]{display:none!important}


.admin-login-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.admin-login-actions .btn-secondary{padding:12px 18px}
@media (max-width:560px){.admin-login-actions{display:grid}.admin-login-actions .btn-primary,.admin-login-actions .btn-secondary{width:100%}}




/* Rich text editor for admin news content */
.rich-editor{border:1px solid #d7e2f0;border-radius:8px;background:#fff;overflow:hidden}
.rich-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:10px;border-bottom:1px solid #e3ebf5;background:#f8fbff}
.rich-toolbar button{border:1px solid #d7e2f0;background:#fff;color:#24415f;border-radius:6px;padding:7px 10px;font-weight:900;cursor:pointer;min-width:36px}
.rich-toolbar button:hover{background:#eef4ff;color:#1f5fe7}
.rich-surface{min-height:260px;padding:16px;line-height:1.85;color:#24324a;outline:none;font-weight:400;background:#fff}
.rich-surface:empty:before{content:'请输入新闻正文，可使用上方工具进行排版';color:#9aa8bb}
.rich-surface h2{font-size:24px;margin:14px 0 10px;color:#13213a}
.rich-surface p{margin:0 0 12px}.rich-surface ul{padding-left:22px}.rich-surface blockquote{margin:12px 0;padding:10px 14px;border-left:3px solid #1f5fe7;background:#f4f8ff;color:#455a72;border-radius:6px}.rich-surface a{color:#1f5fe7;font-weight:800}

/* Split advisor contact and demand submit floating entries */
.advisor-float{position:fixed;right:18px;top:46%;transform:translateY(-50%);z-index:90;width:230px;border:1px solid rgba(31,95,231,.22);border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 20px 50px rgba(31,74,130,.22);overflow:hidden;animation:advisorPulse 2.6s ease-in-out infinite}
.advisor-float-head{background:linear-gradient(135deg,#1f5fe7,#08a6bd);color:#fff;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.advisor-float-head span{font-weight:900}.advisor-float-head b{font-size:12px;background:rgba(255,255,255,.18);border-radius:999px;padding:4px 8px}.advisor-contact-list{display:grid;gap:10px;padding:14px}.advisor-contact-item{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;border:1px solid #e0e9f5;border-radius:8px;padding:10px;background:#f8fbff}.advisor-contact-item span{grid-row:1/3;align-self:center;background:#1f5fe7;color:#fff;border-radius:6px;padding:6px 8px;font-size:12px;font-weight:900}.advisor-contact-item b{font-size:12px;color:#66758d}.advisor-contact-item strong{font-size:16px;color:#13213a;word-break:break-all}.demand-submit-float{position:fixed;right:18px;bottom:22px;z-index:92;display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 22px;border-radius:999px;background:linear-gradient(135deg,#ff7a18,#ff3d54);color:#fff!important;font-weight:900;box-shadow:0 18px 42px rgba(255,90,50,.34);letter-spacing:.02em}.demand-submit-float:before{content:'+';display:grid;place-items:center;width:24px;height:24px;margin-right:8px;border-radius:50%;background:rgba(255,255,255,.22);font-size:18px}@keyframes advisorPulse{0%,100%{box-shadow:0 20px 50px rgba(31,74,130,.22)}50%{box-shadow:0 22px 58px rgba(31,95,231,.36);transform:translateY(-50%) scale(1.015)}}
@media (max-width:960px){.advisor-float{right:12px;top:auto;bottom:86px;transform:none;width:min(230px,calc(100% - 24px));animation:none}.demand-submit-float{right:12px;bottom:18px;height:48px}.advisor-float-head{padding:12px 14px}.advisor-contact-list{padding:12px}}

.advisor-contact-list a.advisor-contact-item{color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.advisor-contact-list a.advisor-contact-item:hover{transform:translateX(-4px);border-color:#1f5fe7;box-shadow:0 10px 24px rgba(31,95,231,.16)}

/* Compact header sub navigation */
.nav-item{position:relative;display:flex;align-items:center}
.nav-link{border:0;background:transparent;color:#24324a;font:inherit;font-weight:700;cursor:pointer;padding:25px 0;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.nav-link::after{content:'▾';font-size:10px;color:#66758d;line-height:1;transition:transform .2s ease}.has-subnav.open .nav-link::after,.has-subnav:hover .nav-link::after{transform:rotate(180deg)}
.subnav{position:absolute;top:58px;left:50%;transform:translateX(-50%) translateY(8px);min-width:168px;padding:8px;background:#fff;border:1px solid #dfe7f2;border-radius:8px;box-shadow:0 18px 42px rgba(31,74,130,.14);display:grid;gap:2px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:70}.has-subnav:hover .subnav,.has-subnav:focus-within .subnav,.has-subnav.open .subnav{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.subnav a{padding:10px 12px!important;border-radius:6px;color:#334155;font-size:13px;line-height:1.2}.subnav a:hover{background:#eef4ff;color:#1f5fe7}.subnav a::after,.nav-link::before{display:none!important}
@media (max-width:960px){.nav.open{align-items:stretch}.nav-item{display:grid}.nav-link{width:100%;padding:15px;text-align:left;justify-content:space-between}.subnav{position:static;transform:none!important;min-width:0;box-shadow:none;border:0;border-left:2px solid #dfe7f2;border-radius:0;margin:0 0 6px 15px;padding:0 0 0 8px;display:none;opacity:1;visibility:visible;pointer-events:auto;background:transparent}.has-subnav.open .subnav{display:grid}.has-subnav:hover .subnav{display:none}.has-subnav.open:hover .subnav{display:grid}.subnav a{padding:10px 12px!important;background:#f8fbff;margin:2px 0}}

/* Refine desktop navigation spacing */
@media (min-width:961px){
  .nav{gap:28px}
  .nav-wrap{gap:30px}
  .nav a,.nav-link{letter-spacing:.01em}
}
@media (min-width:1121px){
  .nav{gap:34px}
}
@media (min-width:961px) and (max-width:1120px){
  .nav{gap:20px;font-size:13px}
}