:root {
  --aws: #ff9900;
  --google-blue: #4285f4;
  --ali: #ff6a00;
  --tencent: #006eff;
}

body { overflow-x: hidden; }
.site-header { position: sticky; top: 0; }
.desktop-nav { gap: clamp(16px, 2.1vw, 34px); }
.desktop-nav a { white-space: nowrap; }
.brand img { max-height: 54px; object-fit: contain; }

.carousel { position: relative; overflow: hidden; background: #071938; color: #fff; }
.carousel-track { display: grid; }
.carousel-slide { grid-area: 1 / 1; min-height: 610px; padding: 92px clamp(24px, 8vw, 150px) 105px; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: clamp(40px, 7vw, 110px); position: relative; isolation: isolate; opacity: 0; visibility: hidden; transform: scale(1.025); transition: opacity .65s ease, transform .75s ease, visibility .65s; pointer-events: none; }
.carousel-slide.is-active { opacity: 1; visibility: visible; transform: scale(1); pointer-events: auto; }
.carousel-slide::before { content: ""; position: absolute; inset: 0; z-index: -2; background: radial-gradient(circle at 78% 28%, rgba(0, 188, 255, .25), transparent 28%), linear-gradient(125deg, #061126, #092d68 72%, #0754ff); }
.carousel-slide::after { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .16; background-image: linear-gradient(rgba(255,255,255,.2) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.2) 1px, transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(90deg, transparent, black 55%); }
.slide-copy { max-width: 690px; position: relative; z-index: 2; }
.slide-copy .eyebrow { color: #7ee6ff; }
.slide-copy h1,.slide-copy h2 { margin: 20px 0 24px; font-size: clamp(48px, 6vw, 86px); line-height: 1.02; letter-spacing: -4px; }
.slide-copy h1 em,.slide-copy h2 em { color: #55dcff; font-style: normal; }
.slide-copy > p { max-width: 610px; margin: 0; color: #b7c8e1; font-size: 17px; line-height: 1.85; }
.slide-copy .hero-actions { margin-top: 34px; }
.button-outline-light { color: #fff; border: 1px solid rgba(255,255,255,.38); background: rgba(255,255,255,.06); }
.button-outline-light:hover { border-color: #fff; background: rgba(255,255,255,.12); }
.slide-visual { min-height: 360px; position: relative; display: grid; place-items: center; }
.visual-globe { width: min(330px, 75vw); aspect-ratio: 1; border-radius: 50%; border: 1px solid rgba(116,225,255,.45); box-shadow: inset 0 0 70px rgba(23,152,255,.24), 0 0 90px rgba(31,150,255,.16); position: relative; }
.visual-globe::before,.visual-globe::after { content: ""; position: absolute; inset: 17%; border: 1px dashed rgba(130,228,255,.5); border-radius: 50%; transform: rotate(28deg); }
.visual-globe::after { inset: 39% -8%; transform: rotate(-12deg); }
.visual-core { position: absolute; inset: 34%; border-radius: 20px; background: linear-gradient(145deg, #fff, #a3eaff); color: #0754ff; display: grid; place-items: center; font-size: 34px; font-weight: 900; box-shadow: 0 24px 60px rgba(0,0,0,.3); }
.data-stack { width: min(420px, 84vw); display: grid; gap: 15px; transform: perspective(800px) rotateY(-9deg) rotateX(4deg); }
.data-stack span { display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 15px; padding: 18px; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.08); backdrop-filter: blur(10px); box-shadow: 0 18px 40px rgba(0,0,0,.13); }
.data-stack i { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 10px; background: #0f65ff; font-style: normal; }
.data-stack b { font-size: 14px; }.data-stack small { color: #75defc; }
.network-map { width: min(440px, 86vw); height: 340px; position: relative; border: 1px solid rgba(255,255,255,.16); background: rgba(4,17,42,.34); box-shadow: inset 0 0 80px rgba(0,115,255,.13); }
.network-map::before,.network-map::after { content: ""; position: absolute; inset: 18%; border: 1px solid rgba(108,217,255,.45); border-radius: 50%; transform: rotate(20deg); }
.network-map::after { inset: 37% 8%; transform: rotate(-14deg); }
.map-node { position: absolute; width: 12px; height: 12px; border-radius: 50%; background: #68e3ff; box-shadow: 0 0 0 8px rgba(104,227,255,.13), 0 0 24px #46d8ff; }
.map-node:nth-child(1){left:18%;top:30%}.map-node:nth-child(2){right:22%;top:21%}.map-node:nth-child(3){left:44%;bottom:22%}.map-node:nth-child(4){right:10%;bottom:32%}

/* 首屏品牌视觉：稳定展示，不使用持续漂浮或鼠标视差 */
.hero-brand-card { width:min(460px,88vw); min-height:370px; position:relative; overflow:hidden; padding:30px; display:flex; flex-direction:column; border:1px solid rgba(255,255,255,.2); background:rgba(7,20,45,.72); box-shadow:0 30px 80px rgba(0,0,0,.22); backdrop-filter:blur(18px); }
.hero-brand-card::before { content:""; position:absolute; inset:0; opacity:.16; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px); background-size:38px 38px; mask-image:linear-gradient(135deg,black,transparent 75%); }
.brand-card-head { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:20px; padding-bottom:23px; border-bottom:1px solid rgba(255,255,255,.16); }
.brand-card-head img { display:block; max-width:145px; max-height:40px; object-fit:contain; }
.brand-card-head span { color:rgba(255,255,255,.55); font-size:8px; font-weight:900; letter-spacing:1.4px; text-align:right; }
.brand-card-stats { position:relative; z-index:2; display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:auto; }
.brand-card-stats span { padding:15px; color:#8496af; font-size:10px; border:1px solid rgba(255,255,255,.13); background:rgba(255,255,255,.045); }
.brand-card-stats b { display:block; margin-bottom:6px; color:#fff; font-size:16px; }
.aws-architecture-map { position:relative; z-index:2; height:180px; margin:18px 0; border:1px solid #34465e; background:radial-gradient(circle at center,rgba(255,153,0,.12),transparent 55%); }
.aws-architecture-map::before,.aws-architecture-map::after { content:""; position:absolute; left:16%; right:16%; top:50%; border-top:1px dashed rgba(255,174,43,.48); transform:rotate(20deg); }.aws-architecture-map::after { transform:rotate(-20deg); }
.aws-architecture-map > b { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:72px; height:54px; display:grid; place-items:center; color:#ffae2b; font-size:16px; border:1px solid #ff9900; background:#172234; box-shadow:0 0 30px rgba(255,153,0,.16); }
.aws-architecture-map > i { position:absolute; width:9px; height:9px; border-radius:50%; background:#ffae2b; box-shadow:0 0 0 6px rgba(255,153,0,.11); }.aws-architecture-map > i:nth-child(1){left:14%;top:23%}.aws-architecture-map > i:nth-child(2){right:13%;top:28%}.aws-architecture-map > i:nth-child(3){left:21%;bottom:19%}.aws-architecture-map > i:nth-child(4){right:18%;bottom:18%}
.brand-aws .brand-card-head img { padding:0; background:transparent; filter:brightness(0) invert(1); }

.brand-google { color:#17233a; background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(236,244,255,.96)); border-color:#d5e3f6; box-shadow:0 30px 80px rgba(49,93,158,.18); }
.brand-google::before { opacity:.3; background-image:linear-gradient(#d8e5f5 1px,transparent 1px),linear-gradient(90deg,#d8e5f5 1px,transparent 1px); }
.brand-google .brand-card-head { border-color:#d8e2f0; }.brand-google .brand-card-head span { color:#718096; }
.gcp-data-board { position:relative; z-index:2; display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:auto 0; }
.gcp-data-board div { padding:18px; display:flex; align-items:center; gap:13px; border:1px solid #dce6f2; background:rgba(255,255,255,.72); }
.gcp-data-board b { color:#4285f4; font-size:11px; }.gcp-data-board span { color:#34435b; font-size:12px; font-weight:750; }
.gcp-color-line { position:relative; z-index:2; display:grid; grid-template-columns:repeat(4,1fr); gap:5px; }.gcp-color-line i { height:4px; background:#4285f4; }.gcp-color-line i:nth-child(2){background:#34a853}.gcp-color-line i:nth-child(3){background:#fbbc04}.gcp-color-line i:nth-child(4){background:#ea4335}

.brand-ali { background:linear-gradient(145deg,rgba(55,19,5,.94),rgba(117,39,4,.92)); border-color:rgba(255,154,82,.32); }
.brand-ali .brand-card-head img { padding:0; background:transparent; filter:drop-shadow(0 5px 14px rgba(255,106,0,.22)); }
.ali-business-board { position:relative; z-index:2; display:grid; gap:9px; margin:auto 0; }
.ali-business-board div { min-height:55px; padding:0 18px; display:flex; align-items:center; justify-content:space-between; border-left:3px solid #ff6a00; background:rgba(255,255,255,.07); }
.ali-business-board span { color:#d8b9aa; font-size:11px; }.ali-business-board b { color:#ffb27a; font-size:17px; letter-spacing:1px; }
.brand-card-caption { position:relative; z-index:2; color:#c9a695; font-size:10px; letter-spacing:.6px; }

.brand-tencent { background:linear-gradient(145deg,rgba(2,26,60,.94),rgba(0,82,160,.9)); border-color:rgba(57,198,255,.3); }
.brand-tencent .brand-card-head img { padding:0; background:transparent; filter:brightness(0) invert(1); }
.tencent-wave { position:relative; z-index:2; height:145px; margin:auto 0; display:flex; align-items:center; justify-content:center; gap:9px; border-bottom:1px solid rgba(71,203,255,.3); }
.tencent-wave i { width:9px; height:34%; background:linear-gradient(#4ad7ff,#087fff); border-radius:8px; }.tencent-wave i:nth-child(2),.tencent-wave i:nth-child(8){height:52%}.tencent-wave i:nth-child(3),.tencent-wave i:nth-child(7){height:74%}.tencent-wave i:nth-child(4),.tencent-wave i:nth-child(6){height:94%}.tencent-wave i:nth-child(5){height:60%}

.brand-about,.brand-home { align-items:flex-start; justify-content:center; color:#17352e; background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(225,247,240,.94)); border-color:#b9ded4; box-shadow:0 30px 80px rgba(4,84,69,.14); }
.brand-about::before,.brand-home::before { opacity:.28; background-image:linear-gradient(#c8e5dd 1px,transparent 1px),linear-gradient(90deg,#c8e5dd 1px,transparent 1px); }
.about-brand-mark { position:relative; z-index:2; padding:0; background:transparent; box-shadow:none; }
.about-brand-mark img { display:block; width:220px; height:auto; }
.brand-about > p { position:relative; z-index:2; margin:42px 0 28px; color:#78928b; font-size:14px; line-height:1.35; letter-spacing:3px; }.brand-about > p b { color:#008d78; font-size:32px; letter-spacing:0; }
.about-brand-points { position:relative; z-index:2; display:flex; flex-wrap:wrap; gap:8px; }.about-brand-points span { padding:8px 11px; color:#315f53; font-size:10px; border:1px solid #b9dcd2; background:rgba(255,255,255,.6); }

.brand-home { justify-content:flex-start; color:#fff; background:linear-gradient(145deg,rgba(6,28,65,.95),rgba(8,82,150,.88)); border-color:rgba(85,220,255,.3); }
.brand-home::before { opacity:.17; background-image:linear-gradient(rgba(93,218,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(93,218,255,.5) 1px,transparent 1px); }
.home-cloud-logos { position:relative; z-index:2; width:100%; display:grid; grid-template-columns:1fr 1fr; gap:9px; margin:auto 0; }
.home-cloud-logos span { min-height:68px; padding:13px; display:grid; place-items:center; border:1px solid rgba(120,220,255,.2); background:rgba(255,255,255,.035); }
.home-cloud-logos img { display:block; max-width:105px; max-height:30px; object-fit:contain; filter:brightness(0) invert(1); opacity:.86; }
.brand-home .about-brand-mark img { filter:brightness(0) invert(1); }
.brand-home > small { position:relative; z-index:2; color:#72dcfb; font-size:9px; font-weight:900; letter-spacing:1.8px; }
.logo-data-stack i { padding:5px; border:1px solid rgba(117,222,252,.2); background:rgba(255,255,255,.045); }.logo-data-stack i img { display:block; width:100%; max-height:28px; object-fit:contain; filter:brightness(0) invert(1); }
.map-brand { position:absolute; left:50%; top:50%; z-index:2; transform:translate(-50%,-50%); width:180px; padding:0; background:transparent; box-shadow:none; }
.map-brand img { display:block; width:100%; height:auto; filter:brightness(0) invert(1); }
.carousel-controls { position: absolute; left: clamp(24px, 8vw, 150px); right: clamp(24px, 8vw, 150px); bottom: 35px; z-index: 6; display: flex; align-items: center; justify-content: space-between; }
.carousel-dots { display: flex; gap: 10px; }
.carousel-dot { width: 30px; height: 4px; padding: 0; border: 0; background: rgba(255,255,255,.3); cursor: pointer; transition: width .25s, background .25s; }
.carousel-dot.is-active { width: 62px; background: #53dbff; }
.carousel-arrows { display: flex; gap: 8px; }
.carousel-arrow { width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.28); color: #fff; background: rgba(255,255,255,.06); font-size: 20px; cursor: pointer; transition: .25s; }
.carousel-arrow:hover { background: #fff; color: #0754ff; }

.provider-bar { padding: 20px clamp(24px, 8vw, 150px); display: flex; align-items: center; justify-content: space-between; gap: 30px; border-bottom: 1px solid #e6ebf2; background: #fff; }
.provider-brand { display: flex; align-items: center; gap: 20px; }
.provider-brand img { max-width: 125px; max-height: 36px; object-fit: contain; }
.provider-brand span { border-left: 1px solid #dce3ed; padding-left: 20px; color: #728097; font-size: 13px; }
.provider-points { display: flex; gap: 30px; color: #4c5b72; font-size: 13px; font-weight: 700; }
.provider-points span::before { content: "✓"; color: #13b878; margin-right: 7px; }

.landing-section { padding: 100px clamp(24px, 8vw, 150px); }
.landing-section.alt { background: #f4f7fb; }
.landing-heading { max-width: 760px; margin-bottom: 48px; }
.landing-heading.center { margin-left: auto; margin-right: auto; text-align: center; }
.landing-heading h2 { font-size: clamp(36px, 4vw, 58px); line-height: 1.12; letter-spacing: -2px; margin: 14px 0 18px; }
.landing-heading p { color: var(--muted); line-height: 1.8; margin: 0; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.feature-card { min-height: 290px; padding: 32px; border: 1px solid #e2e8f1; background: #fff; position: relative; overflow: hidden; transition: transform .3s, box-shadow .3s; }
.feature-card:hover { transform: translateY(-5px); box-shadow: 0 25px 50px rgba(18,53,100,.1); }
.feature-card .icon { width: 48px; height: 48px; display: grid; place-items: center; color: #0754ff; font-size: 22px; font-weight: 900; background: #eaf1ff; border-radius: 12px; }
.feature-card .icon.iconfont { font-size: 24px; font-weight: 400; }
.contact-rail b.iconfont,.contact-rail b.iconfont-social { font-size: 19px; font-weight: 400; }
.feature-card h3 { font-size: 22px; margin: 28px 0 12px; }
.feature-card p { color: var(--muted); line-height: 1.75; font-size: 14px; margin: 0; }
.feature-card a { display: inline-block; margin-top: 24px; color: var(--blue); font-size: 13px; font-weight: 800; }

.process { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; counter-reset: process; }
.process article { padding: 32px 28px; border-top: 2px solid #dbe4f1; position: relative; }
.process article::before { counter-increment: process; content: "0" counter(process); display: block; color: #0754ff; font-size: 12px; font-weight: 900; letter-spacing: 1px; margin-bottom: 28px; }
.process article::after { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #0754ff; position: absolute; left: 28px; top: -6px; box-shadow: 0 0 0 6px #e5edff; }
.process h3 { font-size: 18px; }.process p { color: var(--muted); font-size: 13px; line-height: 1.7; }

.split-showcase { display: grid; grid-template-columns: 1fr 1fr; min-height: 520px; background: #071938; color: #fff; }
.split-copy { padding: 80px clamp(28px, 7vw, 100px); display: flex; flex-direction: column; justify-content: center; }
.split-copy h2 { font-size: clamp(37px, 4.4vw, 62px); line-height: 1.08; letter-spacing: -2px; margin: 16px 0 24px; }
.split-copy p { color: #9fb1cc; line-height: 1.9; }
.split-visual { position: relative; overflow: hidden; background: linear-gradient(145deg,#0f5fff,#04bddf); display: grid; place-items: center; }
.split-visual::before { content: ""; width: 310px; height: 310px; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; box-shadow: 0 0 0 60px rgba(255,255,255,.08), 0 0 0 120px rgba(255,255,255,.05); }
.split-stat { position: absolute; background: #fff; color: #071021; padding: 20px 24px; min-width: 155px; box-shadow: 0 22px 50px rgba(0,0,0,.2); }
.split-stat b { display: block; font-size: 30px; color: #0754ff; }.split-stat small { color: #69758a; }
.split-stat.one { left: 12%; top: 20%; }.split-stat.two { right: 12%; bottom: 19%; }

.case-grid { display: grid; grid-template-columns: 1.2fr .8fr .8fr; gap: 18px; }
.case-card { min-height: 330px; padding: 34px; color: #fff; background: linear-gradient(145deg,#102b58,#0754ff); display: flex; flex-direction: column; justify-content: flex-end; position: relative; overflow: hidden; }
.case-card::before { content:""; position:absolute; width:230px; height:230px; border:1px solid rgba(255,255,255,.25); border-radius:50%; right:-80px; top:-90px; }
.case-card:nth-child(2) { background: linear-gradient(145deg,#11213c,#0c8d9f); }
.case-card:nth-child(3) { background: linear-gradient(145deg,#122134,#374b75); }
.case-card span { color: #73e3ff; font-size: 11px; font-weight: 900; letter-spacing: 2px; }.case-card h3 { font-size: 25px; margin: 10px 0; }.case-card p { color: rgba(255,255,255,.7); line-height: 1.7; font-size: 14px; }

.logo-cloud { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.logo-cloud div { min-height: 115px; display: grid; place-items: center; background: #fff; border: 1px solid #e3e9f1; color: #516077; font-weight: 800; }
.milestones { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }
.milestones article { padding: 30px; background:#fff; border-left: 3px solid #0754ff; box-shadow: 0 18px 40px rgba(14,43,83,.07); }
.milestones b { color:#0754ff; font-size:28px; }.milestones h3 { margin:14px 0 8px; }.milestones p { color:var(--muted); font-size:13px; line-height:1.7; }
.quote-panel { max-width: 900px; margin: 0 auto; text-align:center; }
.quote-panel blockquote { margin: 0; font-size: clamp(28px,4vw,48px); line-height:1.4; letter-spacing:-1px; }
.quote-panel p { color:#7f8ba0; margin-top:25px; }

.theme-aws .carousel-slide::before { background: radial-gradient(circle at 78% 28%, rgba(255,153,0,.22), transparent 28%), linear-gradient(125deg,#091321,#182b42 75%,#ff9900); }
.theme-aws .visual-core,.theme-aws .feature-card .icon,.theme-aws .feature-card a { color: #b96e00; }.theme-aws .visual-core { background:linear-gradient(145deg,#fff,#ffe0a3) }.theme-aws .button-primary { background:linear-gradient(110deg,#ff9900,#ffb72e); box-shadow:0 14px 30px rgba(255,153,0,.22) }.theme-aws .carousel-dot.is-active { background:#ffb22e; }
.theme-google .carousel-slide::before { background: radial-gradient(circle at 78% 28%, rgba(52,168,83,.18), transparent 25%), radial-gradient(circle at 70% 75%, rgba(251,188,4,.14), transparent 20%), linear-gradient(125deg,#07152c,#123c7d 70%,#4285f4); }
.theme-google .button-primary { background:linear-gradient(110deg,#4285f4,#34a853); }.theme-google .carousel-dot.is-active { background:#fbbc04; }
.theme-ali .carousel-slide::before { background: radial-gradient(circle at 78% 28%, rgba(255,106,0,.25), transparent 28%), linear-gradient(125deg,#17100d,#51210c 72%,#ff6a00); }
.theme-ali .button-primary { background:linear-gradient(110deg,#ff6a00,#ff9747); }.theme-ali .carousel-dot.is-active { background:#ff8a35; }
.theme-tencent .carousel-slide::before { background: radial-gradient(circle at 78% 28%, rgba(0,210,255,.22), transparent 28%), linear-gradient(125deg,#061322,#073e75 72%,#006eff); }
.theme-tencent .button-primary { background:linear-gradient(110deg,#006eff,#00a4ff); }.theme-tencent .carousel-dot.is-active { background:#19c7ff; }
.theme-about .carousel-slide::before { background: radial-gradient(circle at 78% 28%, rgba(0,229,185,.2), transparent 28%), linear-gradient(125deg,#051326,#092f5b 68%,#00a88f); }

/* AWS：深色架构控制台 */
.theme-aws .provider-bar { background:#101827; border:0; color:#fff; }
.theme-aws .provider-brand span { color:#aab6c9; border-color:#344258; }
.theme-aws .provider-points { color:#d5ddea; }
.theme-aws #services { background:#0a1220; color:#fff; }
.theme-aws #services .landing-heading p { color:#8fa0b8; }
.theme-aws #services .feature-grid { grid-template-columns:repeat(12,1fr); }
.theme-aws #services .feature-card { min-height:330px; color:#fff; background:#111c2e; border-color:#26364d; }
.theme-aws #services .feature-card:first-child { grid-column:span 6; }
.theme-aws #services .feature-card:nth-child(2),.theme-aws #services .feature-card:nth-child(3) { grid-column:span 3; }
.theme-aws #services .feature-card p { color:#91a0b6; }
.theme-aws #services .feature-card .icon { color:#ffae2b; background:rgba(255,153,0,.13); }
.theme-aws #architecture { margin:70px clamp(24px,6vw,110px); min-height:470px; grid-template-columns:1.25fr .75fr; border:1px solid #27364d; box-shadow:0 30px 80px rgba(4,12,26,.22); }
.theme-aws #architecture .split-visual { background:radial-gradient(circle at center,#ffb52b,#d96f00 70%); }
.theme-aws #migration .process { grid-template-columns:1fr 1fr; gap:16px; max-width:1050px; margin:auto; }
.theme-aws #migration .process article { border:0; background:#fff; box-shadow:0 14px 35px rgba(18,42,79,.07); }
.theme-aws #migration .process article::after { display:none; }
.theme-aws .case-grid { grid-template-columns:repeat(3,1fr); }
.theme-aws .case-card:first-child { grid-column:auto; }

/* Google Cloud：明亮彩色 Bento */
.theme-google main { display:flex; flex-direction:column; }
.theme-google main > .carousel { order:1; background:#f7faff; color:#17243b; }
.theme-google main > .provider-bar { order:2; width:min(1180px,calc(100% - 48px)); margin:-28px auto 0; z-index:5; border:0; border-radius:18px; box-shadow:0 18px 50px rgba(36,76,133,.12); }
.theme-google main > #ai { order:3; }.theme-google main > #network { order:4; }.theme-google main > #native { order:5; }.theme-google main > .landing-section.alt { order:6; }.theme-google main > .page-cta { order:7; }
.theme-google .carousel-slide::before { background:radial-gradient(circle at 78% 30%,rgba(66,133,244,.18),transparent 30%),radial-gradient(circle at 62% 78%,rgba(52,168,83,.13),transparent 22%),linear-gradient(125deg,#fff,#f1f7ff); }
.theme-google .carousel-slide::after { opacity:.3; background-image:linear-gradient(#dce8f8 1px,transparent 1px),linear-gradient(90deg,#dce8f8 1px,transparent 1px); }
.theme-google .slide-copy .eyebrow { color:#4285f4; }.theme-google .slide-copy > p { color:#637188; }
.theme-google .button-outline-light { color:#273851; border-color:#cbd8e9; background:#fff; }
.theme-google .visual-globe { border-color:#8ab4f8; box-shadow:inset 0 0 70px rgba(66,133,244,.13),0 25px 80px rgba(66,133,244,.14); }
.theme-google #ai { padding-top:120px; }
.theme-google #ai .feature-grid { grid-template-columns:1.25fr .75fr; grid-template-rows:1fr 1fr; }
.theme-google #ai .feature-card { min-height:220px; border:0; border-radius:26px; box-shadow:0 18px 45px rgba(36,79,145,.09); }
.theme-google #ai .feature-card:first-child { grid-row:1 / 3; padding:46px; background:linear-gradient(145deg,#e9f2ff,#fff); }
.theme-google #ai .feature-card:nth-child(2) { background:#edf8f0; }.theme-google #ai .feature-card:nth-child(3) { background:#fff7df; }
.theme-google #ai .feature-card:first-child h3 { font-size:32px; margin-top:70px; }
.theme-google #network { background:#101b34; color:#fff; }
.theme-google #network .logo-cloud div { min-height:135px; border:0; border-radius:22px; color:#fff; background:#192642; }
.theme-google #network .logo-cloud div:nth-child(4n+1){background:#1a73e8}.theme-google #network .logo-cloud div:nth-child(4n+2){background:#188038}.theme-google #network .logo-cloud div:nth-child(4n+3){background:#b06000}.theme-google #network .logo-cloud div:nth-child(4n){background:#b3261e}
.theme-google #native { margin:0; color:#15233a; background:#f6f9fe; }
.theme-google #native .split-copy p { color:#66758b; }.theme-google #native .text-link { color:#1a73e8; border-color:#b8c9df; }
.theme-google #native .split-visual { background:linear-gradient(145deg,#4285f4,#34a853 62%,#fbbc04); }
.theme-google main > .landing-section.alt .process { gap:16px; }
.theme-google main > .landing-section.alt .process article { border:0; border-radius:60px; background:#fff; padding:35px 28px 35px 78px; }
.theme-google main > .landing-section.alt .process article::after { left:28px; top:50%; transform:translateY(-50%); background:#4285f4; box-shadow:0 0 0 9px #e8f0fe; }

/* 阿里云：商业增长与运营面板 */
.theme-ali main { display:flex; flex-direction:column; }
.theme-ali main > .carousel { order:1; }.theme-ali main > .provider-bar { order:2; }.theme-ali main > .landing-section:not([id]) { order:3; }.theme-ali main > #services { order:4; }.theme-ali main > #commerce { order:5; }.theme-ali main > #security { order:6; }.theme-ali main > .page-cta { order:7; }
.theme-ali .provider-bar { border-bottom:3px solid #ff6a00; }
.theme-ali main > .landing-section:not([id]) { background:#fff8f2; }
.theme-ali .case-grid { grid-template-columns:repeat(3,1fr); }
.theme-ali .case-card,.theme-ali .case-card:nth-child(2),.theme-ali .case-card:nth-child(3) { min-height:390px; color:#1c2533; background:#fff; border-top:5px solid #ff6a00; box-shadow:0 22px 50px rgba(103,47,12,.1); }
.theme-ali .case-card:first-child { grid-column:auto; }.theme-ali .case-card span { color:#ff6a00; }.theme-ali .case-card p { color:#6e7786; }.theme-ali .case-card::before { border-color:rgba(255,106,0,.2); }
.theme-ali #services .feature-grid { grid-template-columns:1fr; gap:12px; }
.theme-ali #services .feature-card { min-height:0; display:grid; grid-template-columns:70px 220px 1fr auto; align-items:center; gap:24px; padding:26px 30px; border-left:4px solid #ff6a00; }
.theme-ali #services .feature-card h3,.theme-ali #services .feature-card p,.theme-ali #services .feature-card a { margin:0; }
.theme-ali #services .feature-card .icon { color:#ff6a00; background:#fff1e7; }
.theme-ali #commerce { background:#17120f; color:#fff; }
.theme-ali #commerce .landing-heading p { color:#a99b92; }
.theme-ali #commerce .logo-cloud { grid-template-columns:repeat(4,1fr); }
.theme-ali #commerce .logo-cloud div { border:1px solid #3a2d25; color:#ffd3b5; background:#211914; position:relative; }
.theme-ali #commerce .logo-cloud div::before { content:""; position:absolute; left:0; bottom:0; width:0; height:3px; background:#ff6a00; transition:width .3s; }.theme-ali #commerce .logo-cloud div:hover::before { width:100%; }
.theme-ali #security { background:#3b1707; }.theme-ali #security .split-visual { background:linear-gradient(145deg,#ff6a00,#ff9d55); }
.theme-ali .page-cta { background:linear-gradient(120deg,#ff5b00,#ff8f36); }

/* 腾讯云：实时互动舞台 */
.theme-tencent main { display:flex; flex-direction:column; }
.theme-tencent main > .carousel { order:1; }.theme-tencent main > .provider-bar { order:2; }.theme-tencent main > .split-showcase { order:3; }.theme-tencent main > #scenes { order:4; }.theme-tencent main > .landing-section:not(.alt):not([id]) { order:5; }.theme-tencent main > .landing-section.alt { order:6; }.theme-tencent main > .page-cta { order:7; }
.theme-tencent .carousel { border-bottom-left-radius:70px; }
.theme-tencent .provider-bar { background:#f1f8ff; }
.theme-tencent .split-showcase { margin:72px clamp(24px,6vw,100px); min-height:500px; border-radius:36px; overflow:hidden; background:#061a36; }
.theme-tencent .split-showcase .split-visual { background:radial-gradient(circle at 50% 50%,#12bff1,#006eff 66%,#061a36); }
.theme-tencent #scenes { background:#061a36; color:#fff; }
.theme-tencent #scenes .landing-heading p { color:#9eb1cc; }
.theme-tencent #scenes .feature-card { color:#fff; border:1px solid #1d4168; border-radius:18px; background:linear-gradient(145deg,#0b2547,#0a1d37); }
.theme-tencent #scenes .feature-card p { color:#9eb0c9; }.theme-tencent #scenes .feature-card .icon { color:#27c7ff; background:#0e3964; }
.theme-tencent .case-grid { grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; }
.theme-tencent .case-card:first-child { grid-row:1 / 3; grid-column:auto; min-height:520px; }.theme-tencent .case-card:nth-child(2),.theme-tencent .case-card:nth-child(3) { min-height:250px; }
.theme-tencent .landing-section.alt .process { gap:14px; }
.theme-tencent .landing-section.alt .process article { border:0; border-radius:16px; background:#fff; box-shadow:0 16px 38px rgba(10,65,126,.08); }
.theme-tencent .landing-section.alt .process article::after { background:#00a4ff; box-shadow:0 0 0 6px #dff5ff; }
.theme-tencent .page-cta { border-radius:28px; background:linear-gradient(120deg,#006eff,#00b8e8); }

/* 关于我们：编辑式品牌叙事 */
.theme-about main { display:flex; flex-direction:column; }
.theme-about main > .carousel { order:1; background:#f4fbf9; color:#10251f; }.theme-about main > .provider-bar { order:2; }.theme-about main > #story { order:3; }.theme-about main > .split-showcase { order:4; }.theme-about main > .landing-section.alt:not([id]) { order:5; }.theme-about main > #partners { order:6; }.theme-about main > #method { order:7; }.theme-about main > .page-cta { order:8; }
.theme-about .carousel-slide::before { background:radial-gradient(circle at 78% 28%,rgba(0,168,143,.18),transparent 28%),linear-gradient(125deg,#fff,#eaf8f4); }
.theme-about .carousel-slide::after { opacity:.24; background-image:linear-gradient(#cde7df 1px,transparent 1px),linear-gradient(90deg,#cde7df 1px,transparent 1px); }
.theme-about .slide-copy .eyebrow { color:#008d78; }.theme-about .slide-copy > p { color:#60756e; }.theme-about .button-outline-light { color:#173a31; border-color:#b6d8cf; background:#fff; }
.theme-about #story { display:grid; grid-template-columns:.75fr 1.25fr; gap:80px; align-items:start; }
.theme-about #story .landing-heading { position:sticky; top:150px; }
.theme-about #story .milestones { grid-template-columns:1fr 1fr; }
.theme-about #story .milestones article { min-height:220px; border:0; border-radius:3px; background:#f2f8f6; box-shadow:none; }
.theme-about #story .milestones article:nth-child(even) { transform:translateY(38px); }
.theme-about #story .milestones b { color:#008d78; }
.theme-about .split-showcase { margin:50px clamp(24px,8vw,150px); grid-template-columns:1.35fr .65fr; border-radius:4px; background:#0c2b24; }
.theme-about .split-showcase .split-visual { background:#00a88f; }
.theme-about .quote-panel { padding:60px 0; }.theme-about .quote-panel blockquote { color:#10382e; }
.theme-about #partners .logo-cloud { grid-template-columns:repeat(4,1fr); }.theme-about #partners .logo-cloud div { border:0; border-bottom:2px solid #dcece8; }
.theme-about #method .process { grid-template-columns:1fr 1fr; gap:18px; max-width:1000px; margin:auto; }
.theme-about #method .process article { border:0; padding:35px; background:#fff; }
.theme-about #method .process article::after { display:none; }
.theme-about .page-cta { background:linear-gradient(120deg,#073f35,#00a88f); }

.page-cta { margin: 0 clamp(24px,5vw,82px) 70px; background: linear-gradient(120deg,#0754ff,#08a4dd); color:#fff; padding:65px clamp(30px,6vw,90px); display:flex; align-items:center; justify-content:space-between; gap:40px; }
.page-cta h2 { font-size:clamp(32px,4vw,52px); margin:0 0 12px; }.page-cta p { color:rgba(255,255,255,.78); margin:0; }.page-cta .button { background:#fff; color:#0754ff; flex:none; }

@media(max-width:1100px){
  .site-header { height: auto; min-height: 70px; gap: 14px; padding: 13px 24px 0; flex-wrap: wrap; }
  .brand img { width: 180px; }
  .desktop-nav { order:3; width:calc(100% + 48px); margin-inline:-24px; padding:0 24px; display:flex; gap:22px; overflow-x:auto; font-size:13px; border-top:1px solid #edf0f5; scrollbar-width:none; }
  .desktop-nav a { padding:14px 0; }.desktop-nav .active::after { bottom:5px; }
  .nav-cta { display: none; }
  .carousel-slide { grid-template-columns: 1fr; min-height: 720px; padding-top: 70px; }
  .slide-visual { position: absolute; right: -80px; bottom: 80px; opacity: .45; }
  .slide-copy { z-index: 3; }
  .feature-grid { grid-template-columns: 1fr 1fr; }
  .case-grid { grid-template-columns: 1fr 1fr; }.case-card:first-child{grid-column:1/-1}
  .milestones { grid-template-columns:1fr 1fr; }
}
@media(max-width:760px){
  .site-header { height: auto; min-height: 70px; flex-wrap: wrap; padding: 13px 18px 0; }
  .brand img { width: 160px; }
  .desktop-nav { order: 3; width: calc(100% + 36px); margin-inline: -18px; padding: 0 18px; overflow-x: auto; display:flex; border-top:1px solid #edf0f5; scrollbar-width:none; }
  .desktop-nav a { padding: 14px 0; }.desktop-nav .active::after { bottom:5px; }
  .carousel-slide { min-height: 650px; padding: 62px 22px 100px; }
  .slide-copy h1,.slide-copy h2 { font-size: 48px; letter-spacing: -2.5px; }
  .slide-copy > p { font-size: 15px; }
  .slide-visual { right: -155px; bottom: 35px; transform: scale(.8); }
  .carousel-controls { left:22px;right:22px;bottom:25px; }
  .provider-bar { align-items:flex-start; flex-direction:column; padding:22px; }.provider-points{flex-wrap:wrap;gap:12px 20px}
  .landing-section { padding: 76px 22px; }.landing-heading{margin-bottom:34px}
  .feature-grid,.case-grid,.logo-cloud { grid-template-columns:1fr; }.case-card:first-child{grid-column:auto}
  .process { grid-template-columns:1fr; }.process article{border-top:0;border-left:2px solid #dbe4f1;padding:10px 20px 32px 30px}.process article::after{left:-6px;top:14px}
  .split-showcase { grid-template-columns:1fr; }.split-copy{padding:70px 22px}.split-visual{min-height:400px}
  .milestones { grid-template-columns:1fr; }
  .page-cta { margin:0 16px 65px;padding:48px 26px;align-items:flex-start;flex-direction:column; }
  .theme-aws #services .feature-grid,.theme-aws .case-grid { grid-template-columns:1fr; }.theme-aws #services .feature-card:first-child,.theme-aws #services .feature-card:nth-child(2),.theme-aws #services .feature-card:nth-child(3){grid-column:auto}.theme-aws #architecture{margin:35px 16px}.theme-aws #migration .process{grid-template-columns:1fr}
  .theme-google main > .provider-bar { width:calc(100% - 28px); margin-top:-15px; }.theme-google #ai .feature-grid{grid-template-columns:1fr;grid-template-rows:auto}.theme-google #ai .feature-card:first-child{grid-row:auto;padding:32px}.theme-google #ai .feature-card:first-child h3{font-size:24px;margin-top:28px}.theme-google #network .logo-cloud{grid-template-columns:1fr 1fr}.theme-google main > .landing-section.alt .process article{border-radius:20px;padding-left:65px}
  .theme-ali .case-grid{grid-template-columns:1fr}.theme-ali #services .feature-card{grid-template-columns:58px 1fr;gap:14px}.theme-ali #services .feature-card p,.theme-ali #services .feature-card a{grid-column:1/-1}.theme-ali #commerce .logo-cloud{grid-template-columns:1fr 1fr}
  .theme-tencent .carousel{border-bottom-left-radius:35px}.theme-tencent .split-showcase{margin:35px 16px;border-radius:24px}.theme-tencent .case-grid{grid-template-columns:1fr;grid-template-rows:auto}.theme-tencent .case-card:first-child{grid-row:auto;min-height:360px}.theme-tencent .case-card:nth-child(2),.theme-tencent .case-card:nth-child(3){min-height:280px}
  .theme-about #story{grid-template-columns:1fr;gap:25px}.theme-about #story .landing-heading{position:static}.theme-about #story .milestones{grid-template-columns:1fr}.theme-about #story .milestones article:nth-child(even){transform:none}.theme-about .split-showcase{margin:30px 16px;grid-template-columns:1fr}.theme-about #partners .logo-cloud,.theme-about #method .process{grid-template-columns:1fr}
}
/* 首页多云生态星图 */
.cloud-ecosystem { position:relative; overflow:hidden; padding:110px clamp(24px,8vw,150px); color:#fff; background:linear-gradient(145deg,#061126,#0a1e3d 62%,#092b59); }
.cloud-ecosystem::before { content:""; position:absolute; inset:0; opacity:.13; background-image:linear-gradient(rgba(104,202,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(104,202,255,.35) 1px,transparent 1px); background-size:62px 62px; mask-image:linear-gradient(120deg,transparent,black 35%,black 70%,transparent); }
.cloud-ecosystem::after { content:""; position:absolute; width:600px; height:600px; right:-250px; top:-330px; border:1px solid rgba(80,216,255,.28); border-radius:50%; box-shadow:0 0 100px rgba(0,146,255,.12),0 0 0 90px rgba(62,190,255,.025),0 0 0 180px rgba(62,190,255,.018); }
.ecosystem-intro,.ecosystem-grid,.ecosystem-note { position:relative; z-index:2; }
.ecosystem-intro { display:grid; grid-template-columns:1fr .8fr; align-items:end; gap:clamp(45px,9vw,145px); margin-bottom:55px; }
.ecosystem-intro h2 { max-width:700px; margin:15px 0 0; font-size:clamp(40px,4.7vw,68px); line-height:1.08; letter-spacing:-3px; }
.ecosystem-copy > p { margin:0 0 22px; color:#9cafca; font-size:15px; line-height:1.85; }
.ecosystem-copy > div { display:flex; flex-wrap:wrap; gap:9px; }
.ecosystem-copy span { padding:8px 12px; color:#b8c8df; font-size:11px; border:1px solid #29415f; background:rgba(255,255,255,.035); }
.ecosystem-grid { display:grid; grid-template-columns:repeat(12,1fr); grid-auto-rows:220px; gap:16px; }
.cloud-partner { --partner-accent:#0754ff; --partner-ink:#0a172a; grid-column:span 4; min-width:0; position:relative; overflow:hidden; padding:29px 30px; display:flex; flex-direction:column; color:var(--partner-ink); background:#fff; border:1px solid rgba(255,255,255,.55); box-shadow:0 18px 45px rgba(0,0,0,.12); transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s; }
.cloud-partner::before { content:""; position:absolute; width:230px; height:230px; right:-120px; bottom:-130px; border:1px solid color-mix(in srgb,var(--partner-accent) 35%,transparent); border-radius:50%; box-shadow:0 0 0 45px color-mix(in srgb,var(--partner-accent) 5%,transparent),0 0 0 90px color-mix(in srgb,var(--partner-accent) 3%,transparent); transition:transform .6s ease; }
.cloud-partner::after { content:""; position:absolute; left:0; top:0; width:4px; height:0; background:var(--partner-accent); transition:height .35s ease; }
.cloud-partner:hover { transform:translateY(-7px); border-color:color-mix(in srgb,var(--partner-accent) 45%,#fff); box-shadow:0 28px 60px rgba(0,0,0,.22); }
.cloud-partner:hover::before { transform:scale(1.15) rotate(20deg); }.cloud-partner:hover::after { height:100%; }
.partner-aws { --partner-accent:#ff9900; --partner-ink:#fff; grid-column:span 5; grid-row:span 2; background:linear-gradient(150deg,#131d2c,#172a42 62%,#49300d); }
.partner-google { --partner-accent:#4285f4; grid-column:span 4; background:linear-gradient(145deg,#fff,#eaf3ff); }
.partner-alibaba { --partner-accent:#ff6a00; grid-column:span 3; background:linear-gradient(145deg,#fff,#fff0e7); }
.partner-tencent { --partner-accent:#00a4ff; --partner-ink:#fff; grid-column:span 3; background:linear-gradient(145deg,#062148,#0759a9); }
.partner-huawei { --partner-accent:#e60012; grid-column:span 4; background:linear-gradient(145deg,#fff,#f4f7fb); }
.partner-head { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.partner-head img { display:block; width:auto; max-width:145px; max-height:34px; object-fit:contain; }
.partner-aws .partner-head img,.partner-tencent .partner-head img { padding:0; max-width:145px; max-height:34px; background:transparent; filter:brightness(0) invert(1); opacity:.92; }
.partner-head small { flex:none; color:color-mix(in srgb,var(--partner-ink) 48%,transparent); font-size:8px; font-weight:900; letter-spacing:1.2px; }
.partner-content { position:relative; z-index:2; margin-top:auto; }
.partner-content > span { display:block; margin-bottom:8px; color:var(--partner-accent); font-size:10px; font-weight:900; letter-spacing:1.3px; }
.partner-content h3 { max-width:470px; margin:0; font-size:clamp(19px,2vw,27px); line-height:1.3; letter-spacing:-.5px; }
.partner-content p { max-width:520px; margin:13px 0 0; color:color-mix(in srgb,var(--partner-ink) 65%,transparent); font-size:12px; line-height:1.75; }
.partner-content ul { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0 0; padding:0; list-style:none; }
.partner-content li { padding:7px 10px; color:#bfd0e7; font-size:10px; border:1px solid #34485f; background:rgba(255,255,255,.04); }
.partner-arrow { position:absolute; z-index:3; right:22px; bottom:20px; width:34px; height:34px; display:grid; place-items:center; color:var(--partner-accent); background:color-mix(in srgb,var(--partner-accent) 10%,#fff); font-size:17px; transition:transform .3s; }
.cloud-partner:hover .partner-arrow { transform:translate(3px,-3px); }
.partner-google .partner-content,.partner-alibaba .partner-content,.partner-tencent .partner-content,.partner-huawei .partner-content { padding-right:38px; }
.ecosystem-note { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:35px; margin-top:18px; padding:21px 25px; border:1px solid #203956; background:rgba(3,13,30,.56); backdrop-filter:blur(14px); }
.ecosystem-note > span { display:flex; align-items:center; gap:10px; color:#d8e5f7; font-size:12px; white-space:nowrap; }
.ecosystem-note i { width:7px; height:7px; border-radius:50%; background:#23d991; box-shadow:0 0 0 5px rgba(35,217,145,.13); }
.ecosystem-note p { margin:0; color:#8193ad; font-size:12px; line-height:1.6; }
.ecosystem-note a { color:#57dfff; font-size:12px; font-weight:800; white-space:nowrap; }
@media(max-width:1050px){
  .ecosystem-intro { grid-template-columns:1fr; gap:25px; }
  .ecosystem-grid { grid-template-columns:repeat(2,1fr); grid-auto-rows:minmax(245px,auto); }
  .cloud-partner,.partner-aws,.partner-google,.partner-alibaba,.partner-tencent,.partner-huawei { grid-column:span 1; grid-row:span 1; }
  .partner-aws { grid-column:span 2; min-height:390px; }
  .ecosystem-note { grid-template-columns:1fr auto; }.ecosystem-note p { grid-column:1 / -1; grid-row:2; }
}
@media(max-width:680px){
  .cloud-ecosystem { padding:78px 18px; }
  .ecosystem-intro h2 { font-size:40px; letter-spacing:-2px; }
  .ecosystem-grid { grid-template-columns:1fr; grid-auto-rows:auto; }
  .cloud-partner,.partner-aws { grid-column:auto; min-height:280px; padding:25px 23px; }
  .partner-aws { min-height:390px; }
  .partner-head { align-items:flex-start; flex-direction:column; gap:12px; }.partner-head small { order:-1; }
  .partner-content h3 { font-size:23px; }.partner-content p { font-size:12px; }
  .ecosystem-note { grid-template-columns:1fr; gap:15px; }.ecosystem-note p { grid-column:auto; grid-row:auto; }.ecosystem-note a { margin-top:4px; }
}

/* 完整底部信息区 */
.site-footer { --footer-accent:#19cfff; display:block; padding:0; background:#040b18; color:#fff; }
.theme-aws .site-footer { --footer-accent:#ff9900; }.theme-google .site-footer { --footer-accent:#4285f4; }.theme-ali .site-footer { --footer-accent:#ff6a00; }.theme-tencent .site-footer { --footer-accent:#00a4ff; }.theme-about .site-footer { --footer-accent:#00a88f; }
.site-footer .footer-shell { display:block; width:min(1440px,100%); margin:auto; padding:76px clamp(24px,8vw,150px) 26px; }
.site-footer .footer-main { display:grid; grid-template-columns:minmax(260px,.9fr) minmax(520px,1.4fr); align-items:start; gap:clamp(60px,9vw,140px); }
.site-footer .footer-brand { display:block; }
.site-footer .footer-brand img { display:block; width:210px; height:auto; margin-bottom:25px; filter:brightness(1.5); }
.site-footer .footer-brand p { max-width:420px; margin:0 0 25px; color:#8998af; font-size:14px; line-height:1.85; }
.site-footer .footer-context { display:inline-flex; align-items:center; gap:9px; padding:9px 13px; color:#c2cede; font-size:11px; letter-spacing:.4px; border:1px solid #1d2a3d; background:#091323; }
.site-footer .footer-context i { width:7px; height:7px; border-radius:50%; background:var(--footer-accent); box-shadow:0 0 0 5px color-mix(in srgb,var(--footer-accent) 16%,transparent); }
.site-footer .footer-nav { display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(28px,5vw,75px); }
.site-footer .footer-column { display:flex; flex-direction:column; align-items:flex-start; gap:13px; font-size:13px; }
.site-footer .footer-column h3 { margin:0 0 10px; color:#fff; font-size:14px; letter-spacing:.8px; }
.site-footer .footer-column a { color:#7f8da3; transition:color .25s,translate .25s; }
.site-footer .footer-column a:hover { color:var(--footer-accent); translate:4px 0; }
.site-footer .footer-service { display:grid; grid-template-columns:minmax(250px,1fr) auto auto; align-items:center; gap:25px; margin-top:62px; padding:25px 0; border-top:1px solid #182337; border-bottom:1px solid #182337; }
.site-footer .footer-service-item { display:flex; align-items:center; gap:13px; min-width:0; }
.site-footer .footer-service-item > b { width:42px; height:42px; flex:none; display:grid; place-items:center; color:var(--footer-accent); font-size:20px; border:1px solid #223149; background:#0a1527; }
.site-footer .footer-service-item span { display:flex; flex-direction:column; gap:5px; color:#66758c; font-size:10px; letter-spacing:.6px; }
.site-footer .footer-service-item a { color:#d7deea; font-size:13px; letter-spacing:0; }
.site-footer .footer-social { display:flex; flex-wrap:wrap; gap:8px; }
.site-footer .footer-social a { min-height:42px; padding:0 14px; display:inline-flex; align-items:center; gap:8px; color:#a9b6c8; font-size:12px; border:1px solid #223149; background:#0a1527; transition:.25s; }
.site-footer .footer-social a:hover { color:#fff; border-color:var(--footer-accent); }.site-footer .footer-social b { color:var(--footer-accent); font-size:18px; }
.site-footer .footer-social .contact-channel-icon { width:18px; height:18px; color:var(--footer-accent); }
.site-footer .footer-wechat-card { width:max-content; display:flex; align-items:center; gap:15px; color:#d7deea; }
.site-footer .footer-wechat-card img { width:68px; height:68px; flex:none; padding:4px; object-fit:cover; filter:none; background:#fff; }
.site-footer .footer-wechat-card span { display:flex; flex-direction:column; gap:6px; }
.site-footer .footer-wechat-card b { font-size:13px; }
.site-footer .footer-wechat-card small { padding:0; color:#66758c; border:0; font-size:10px; }
.site-footer .footer-consult { min-height:44px; padding:0 19px; display:inline-flex; align-items:center; justify-content:center; gap:24px; color:#071021; background:var(--footer-accent); font-size:12px; font-weight:850; transition:translate .25s,filter .25s; }
.site-footer .footer-consult:hover { translate:0 -2px; filter:brightness(1.08); }.site-footer .footer-consult span { font-size:17px; }
.site-footer .footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:30px; padding-top:25px; }
.site-footer .footer-bottom small { padding:0; border:0; color:#526078; font-size:11px; }
.site-footer .footer-bottom div { display:flex; align-items:center; gap:22px; color:#526078; font-size:11px; }
.site-footer .footer-bottom a { color:#66758c; }.site-footer .footer-bottom a:hover { color:var(--footer-accent); }
@media(max-width:1050px){
  .site-footer .footer-main { grid-template-columns:1fr; gap:45px; }
  .site-footer .footer-brand { display:grid; grid-template-columns:auto 1fr; column-gap:35px; align-items:start; }
  .site-footer .footer-brand img { grid-row:1 / 3; }
  .site-footer .footer-brand p { margin-bottom:15px; }
  .site-footer .footer-service { grid-template-columns:1fr auto; }
  .site-footer .footer-social { justify-content:flex-start; }
  .site-footer .footer-consult { justify-self:end; }
}
@media(max-width:680px){
  .site-footer .footer-shell { padding:58px 22px 92px; }
  .site-footer .footer-brand { display:block; }
  .site-footer .footer-brand img { width:185px; }
  .site-footer .footer-nav { grid-template-columns:1fr 1fr; gap:38px 25px; }
  .site-footer .footer-column:last-child { grid-column:1 / -1; display:grid; grid-template-columns:1fr 1fr; }
  .site-footer .footer-column:last-child h3 { grid-column:1 / -1; }
  .site-footer .footer-service { grid-template-columns:1fr; margin-top:45px; }
  .site-footer .footer-wechat-card { width:100%; }
  .site-footer .footer-consult { width:100%; justify-self:stretch; }
  .site-footer .footer-bottom { align-items:flex-start; flex-direction:column; gap:18px; }
  .site-footer .footer-bottom div { align-items:flex-start; flex-wrap:wrap; gap:10px 18px; }
}

/* 动态系统：首屏入场、滚动渐显与轻量品牌动效 */
.reveal { opacity:0; translate:0 28px; filter:blur(3px); transition:opacity .72s ease,translate .72s cubic-bezier(.22,1,.36,1),filter .72s ease; transition-delay:var(--reveal-delay,0ms); }
.reveal.is-visible { opacity:1; translate:0 0; filter:blur(0); }
.is-ready .carousel-slide.is-active .slide-copy .eyebrow { animation:hero-rise .65s .08s both; }
.is-ready .carousel-slide.is-active .slide-copy h1,.is-ready .carousel-slide.is-active .slide-copy h2 { animation:hero-rise .8s .16s both; }
.is-ready .carousel-slide.is-active .slide-copy > p { animation:hero-rise .8s .26s both; }
.is-ready .carousel-slide.is-active .hero-actions { animation:hero-rise .8s .36s both; }
.is-ready .carousel-slide.is-active .slide-visual { animation:visual-enter .95s .22s both; }
.is-ready .contact-rail { animation:rail-enter .65s .5s both; }
.feature-card .icon { transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s; }
.feature-card:hover .icon { transform:translateY(-4px) rotate(-4deg) scale(1.08); box-shadow:0 12px 26px rgba(7,84,255,.16); }
.process article::after { animation:node-pulse 2.8s ease-in-out infinite; }
.case-card::before { animation:ring-drift 9s linear infinite; }
.split-visual::before { animation:halo-breathe 5.5s ease-in-out infinite; }
.contact-rail a b { transition:transform .28s ease; }.contact-rail a:hover b { transform:scale(1.16) rotate(-7deg); }

.theme-aws #services .feature-card::after { content:""; position:absolute; left:-30%; top:-60%; width:22%; height:220%; background:linear-gradient(90deg,transparent,rgba(255,174,43,.11),transparent); transform:rotate(18deg); animation:aws-scan 6.5s ease-in-out infinite; pointer-events:none; }
.theme-aws #services .feature-card:nth-child(2)::after { animation-delay:1.2s; }.theme-aws #services .feature-card:nth-child(3)::after { animation-delay:2.4s; }
.theme-google #network .logo-cloud div { animation:gcp-bob 5s ease-in-out infinite; }.theme-google #network .logo-cloud div:nth-child(2n) { animation-delay:.7s; }.theme-google #network .logo-cloud div:nth-child(3n) { animation-delay:1.3s; }
.theme-ali #commerce .logo-cloud div { animation:ali-glow 4.6s ease-in-out infinite; }.theme-ali #commerce .logo-cloud div:nth-child(even) { animation-delay:.8s; }
.theme-tencent #scenes .feature-card { background-size:180% 180%; animation:tencent-flow 8s ease infinite; }
.theme-about #story .milestones article b { display:inline-block; animation:about-number 4s ease-in-out infinite; }.theme-about #story .milestones article:nth-child(even) b { animation-delay:.7s; }

@keyframes hero-rise { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }
@keyframes visual-enter { from{opacity:0;translate:45px 0;scale:.94} to{opacity:1;translate:0 0;scale:1} }
@keyframes rail-enter { from{opacity:0;translate:28px 0} to{opacity:1;translate:0 0} }
@keyframes node-pulse { 0%,100%{box-shadow:0 0 0 6px #e5edff} 50%{box-shadow:0 0 0 11px rgba(7,84,255,.07)} }
@keyframes ring-drift { to{transform:rotate(360deg)} }
@keyframes halo-breathe { 0%,100%{transform:scale(.96);opacity:.75} 50%{transform:scale(1.05);opacity:1} }
@keyframes aws-scan { 0%,35%{left:-35%;opacity:0} 55%{opacity:1} 80%,100%{left:125%;opacity:0} }
@keyframes gcp-bob { 0%,100%{translate:0 0} 50%{translate:0 -7px} }
@keyframes ali-glow { 0%,100%{box-shadow:inset 0 0 0 rgba(255,106,0,0)} 50%{box-shadow:inset 0 0 32px rgba(255,106,0,.1)} }
@keyframes tencent-flow { 0%,100%{background-position:0% 50%} 50%{background-position:100% 50%} }
@keyframes about-number { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }

@media(max-width:760px){
  @keyframes rail-enter { from{opacity:0;translate:0 24px} to{opacity:1;translate:0 0} }
}

/* ========== 动态系统 v2：进度条 / 倾斜卡片 / 视差 / 主题化入场 ========== */
.scroll-progress { position:fixed; left:0; top:0; width:100%; height:3px; z-index:60; transform-origin:0 50%; transform:scaleX(0); background:linear-gradient(90deg,var(--blue),var(--cyan)); pointer-events:none; }
.theme-aws .scroll-progress { background:linear-gradient(90deg,#ff9900,#ffd68a); }
.theme-google .scroll-progress { background:linear-gradient(90deg,#4285f4,#34a853,#fbbc04,#ea4335); }
.theme-ali .scroll-progress { background:linear-gradient(90deg,#ff6a00,#ffb27a); }
.theme-tencent .scroll-progress { background:linear-gradient(90deg,#006eff,#2fd8ff); }
.theme-about .scroll-progress { background:linear-gradient(90deg,#00a88f,#7be3c9); }

.tilt-card { transform:perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateZ(0); transition:transform .18s ease-out,box-shadow .3s; will-change:transform; }
.feature-card.tilt-card:hover,.product-card.tilt-card:hover,.case-card.tilt-card:hover { transform:perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-5px); }
.feature-card.tilt-card::before { content:""; position:absolute; inset:0; z-index:0; opacity:0; transition:opacity .35s; pointer-events:none; background:radial-gradient(360px circle at var(--glow-x,50%) var(--glow-y,50%),rgba(7,84,255,.09),transparent 65%); }
.feature-card.tilt-card:hover::before { opacity:1; }
.theme-aws .feature-card.tilt-card::before { background:radial-gradient(360px circle at var(--glow-x,50%) var(--glow-y,50%),rgba(255,153,0,.14),transparent 65%); }
.theme-tencent .feature-card.tilt-card::before { background:radial-gradient(360px circle at var(--glow-x,50%) var(--glow-y,50%),rgba(39,199,255,.14),transparent 65%); }
.feature-card > * { position:relative; z-index:1; }
.product-card.tilt-card::after { content:""; position:absolute; inset:0; opacity:0; transition:opacity .35s; pointer-events:none; background:radial-gradient(420px circle at var(--glow-x,50%) var(--glow-y,50%),rgba(8,199,245,.12),transparent 62%); }
.product-card.tilt-card:hover::after { opacity:1; }


/* 标题下划线随入场绘制 */
.landing-heading h2,.section-heading h2 { position:relative; }
.landing-heading h2::after,.section-heading h2::after { content:""; position:absolute; left:0; bottom:-10px; height:3px; width:0; background:linear-gradient(90deg,var(--blue),var(--cyan)); transition:width .9s cubic-bezier(.22,1,.36,1) .35s; }
.landing-heading.center h2::after { left:50%; translate:-50% 0; }
.landing-heading.is-visible h2::after,.section-heading.is-visible h2::after { width:64px; }
.theme-aws .landing-heading h2::after { background:linear-gradient(90deg,#ff9900,#ffcf7d); }
.theme-google .landing-heading h2::after { background:linear-gradient(90deg,#4285f4,#34a853,#fbbc04); }
.theme-ali .landing-heading h2::after { background:linear-gradient(90deg,#ff6a00,#ffab6b); }
.theme-tencent .landing-heading h2::after { background:linear-gradient(90deg,#006eff,#2fd8ff); }
.theme-about .landing-heading h2::after { background:linear-gradient(90deg,#00a88f,#79dfc4); }

/* 首屏渐变字微光扫过 */
.slide-copy h1 em,.slide-copy h2 em,.hero h1 em { background-size:200% 100%; -webkit-background-clip:text; background-clip:text; animation:em-sheen 5.5s ease-in-out infinite; }
.slide-copy h1 em,.slide-copy h2 em { color:transparent; background-image:linear-gradient(100deg,#55dcff 30%,#d8f8ff 50%,#55dcff 70%); }
.theme-aws .slide-copy h1 em,.theme-aws .slide-copy h2 em { background-image:linear-gradient(100deg,#ffb22e 30%,#ffe9c4 50%,#ffb22e 70%); }
.theme-google .slide-copy h1 em,.theme-google .slide-copy h2 em { background-image:linear-gradient(100deg,#1a73e8 25%,#34a853 50%,#1a73e8 75%); }
.theme-ali .slide-copy h1 em,.theme-ali .slide-copy h2 em { background-image:linear-gradient(100deg,#ff8a35 30%,#ffd9b8 50%,#ff8a35 70%); }
.theme-tencent .slide-copy h1 em,.theme-tencent .slide-copy h2 em { background-image:linear-gradient(100deg,#2fb2ff 30%,#c9efff 50%,#2fb2ff 70%); }
.theme-about .slide-copy h1 em,.theme-about .slide-copy h2 em { color:transparent; background-image:linear-gradient(100deg,#00a88f 30%,#5fe0c3 50%,#00a88f 70%); }

/* 每页不同的入场方向与节奏 */
.theme-aws .reveal { translate:-36px 0; filter:none; }
.theme-aws .reveal.is-visible { translate:0 0; }
.theme-google .reveal { translate:0 0; scale:.94; filter:blur(0); transition:opacity .6s ease,scale .7s cubic-bezier(.34,1.4,.4,1); transition-delay:var(--reveal-delay,0ms); }
.theme-google .reveal.is-visible { scale:1; }
.theme-ali .reveal { translate:36px 0; filter:none; }
.theme-ali .reveal.is-visible { translate:0 0; }
.theme-tencent .reveal { translate:0 34px; rotate:.8deg; transform-origin:0 100%; transition:opacity .72s ease,translate .72s cubic-bezier(.22,1,.36,1),rotate .72s cubic-bezier(.22,1,.36,1),filter .72s ease; transition-delay:var(--reveal-delay,0ms); }
.theme-tencent .reveal.is-visible { translate:0 0; rotate:0deg; }
.theme-about .reveal { translate:0 14px; filter:blur(8px); transition-duration:.9s; }
.theme-about .reveal.is-visible { translate:0 0; filter:blur(0); }

/* 首页：CTA 渐变流动 + 方案列表箭头动效 + 合作伙伴呼吸 */
.contact-section,.page-cta { background-size:170% 170%; animation:cta-flow 9s ease-in-out infinite; }
.solution-list article b { transition:transform .3s cubic-bezier(.22,1,.36,1),color .3s; }
.solution-list article:hover b { transform:translate(6px,-6px) scale(1.15); }
.partner-logos img { transition:filter .35s,opacity .35s,transform .35s; }
.partner-logos img:hover { filter:grayscale(0); opacity:1; transform:translateY(-3px); }

/* AWS：控制台光标闪烁 + 数据流下落 */
.theme-aws .slide-copy .eyebrow::after { content:"_"; margin-left:6px; color:#ffb22e; animation:cursor-blink 1.1s steps(1) infinite; }
.theme-aws #architecture .split-visual::after { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.35) 40%,transparent 40%); background-size:2px 26px; background-repeat:repeat; opacity:.14; animation:aws-rain 1.6s linear infinite; mask-image:radial-gradient(circle at center,black 30%,transparent 75%); }
.theme-aws .provider-points span::before { color:#ffb22e; }

/* Google：四色品牌细节 */
.theme-google .slide-copy .eyebrow span { background:linear-gradient(90deg,#4285f4,#34a853); }
.theme-google #ai .feature-card:hover { box-shadow:0 26px 60px rgba(36,79,145,.16); }

/* 阿里云：橙色能量条扫描 + 里程碑边条生长 */
.theme-ali .provider-bar { position:relative; overflow:hidden; }
.theme-ali .provider-bar::after { content:""; position:absolute; left:0; bottom:0; width:34%; height:3px; background:linear-gradient(90deg,transparent,#ffb27a,transparent); animation:ali-scan 3.2s ease-in-out infinite; }
.theme-ali #services .feature-card { transition:transform .3s,box-shadow .3s,border-left-width .3s; }
.theme-ali #services .feature-card:hover { border-left-width:10px; }

/* 腾讯云：信号涟漪 + 圆角舞台呼吸 */
.theme-tencent .split-showcase .split-visual::after { content:""; position:absolute; width:130px; height:130px; border-radius:50%; border:2px solid rgba(255,255,255,.55); animation:signal-ripple 2.6s ease-out infinite; }
.theme-tencent #scenes .feature-card:hover { border-color:#2fb2ff; }
.theme-tencent .provider-points span::before { content:"●"; color:#00a4ff; font-size:9px; animation:live-blink 2s ease-in-out infinite; }

/* 关于我们：引用引号浮动 + 合作伙伴 logo 上浮 */
.theme-about .quote-panel blockquote { position:relative; }
.theme-about .quote-panel blockquote::before { content:"“"; position:absolute; left:50%; top:-58px; translate:-50% 0; font-size:110px; line-height:1; color:rgba(0,168,143,.18); animation:quote-float 5s ease-in-out infinite; }
.theme-about #partners .logo-cloud div { transition:transform .35s,border-color .35s; }
.theme-about #partners .logo-cloud div:hover { transform:translateY(-6px); border-color:#00a88f; }

/* 悬浮联系坞 */
.contact-rail.contact-dock { right:20px; padding:7px; gap:5px; overflow:visible; isolation:isolate; border:1px solid #e2e8f0; border-radius:12px; background:rgba(255,255,255,.96); box-shadow:0 12px 32px rgba(15,23,42,.12); backdrop-filter:blur(14px); }
.contact-rail.contact-dock::before { content:none; }
.contact-rail.contact-dock a,.contact-rail.contact-dock a:nth-child(2) { width:58px; min-height:56px; border:1px solid transparent; border-radius:7px; color:#1664ff; background:#fff; box-shadow:none; transition:transform .22s ease,color .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease; }
.contact-rail.contact-dock a.contact-wechat,.contact-rail.contact-dock a.contact-telegram,.contact-rail.contact-dock a.contact-whatsapp { color:#1664ff; background:#fff; }
.contact-rail.contact-dock a.contact-top { color:#64748b; border-top-color:#e2e8f0; background:#fff; box-shadow:none; }
.contact-rail.contact-dock a:hover { color:#fff; border-color:#1664ff; background:#1664ff; transform:translateX(-3px); filter:none; box-shadow:0 8px 18px rgba(22,100,255,.22); }
.contact-rail.contact-dock a.contact-top:hover { color:#fff; background:#1664ff; }
.contact-rail.contact-dock b.iconfont-social { font-size:22px; text-shadow:0 4px 12px rgba(0,0,0,.18); }
.contact-rail.contact-dock .contact-channel-icon { width:22px; height:22px; flex:none; filter:drop-shadow(0 4px 7px rgba(0,0,0,.16)); }
.contact-rail.contact-dock .contact-wechat::after { content:""; position:absolute; right:7px; top:7px; width:6px; height:6px; border:2px solid #1664ff; border-radius:50%; background:#dbeafe; box-shadow:0 0 0 3px rgba(22,100,255,.08); }
.contact-rail.contact-dock span { right:75px; min-width:174px; padding:13px 16px; border:1px solid #e2e8f0; border-radius:8px; color:#0f172a; background:#fff; box-shadow:0 14px 34px rgba(15,23,42,.14); transform:translateX(10px) scale(.97); transform-origin:100% 50%; }
.contact-rail.contact-dock span::after { right:-7px; top:19px; border-width:7px 0 7px 7px; border-color:transparent transparent transparent #fff; filter:drop-shadow(1px 0 0 #e2e8f0); }
.contact-rail.contact-dock em { margin-top:5px; color:#64748b; letter-spacing:.2px; }
.contact-rail.contact-dock a:hover span { transform:translateX(0) scale(1); }
.contact-rail.contact-dock .contact-wechat-tip { width:186px; min-width:186px; padding:12px; display:grid; grid-template-columns:82px 1fr; align-items:center; gap:4px 11px; }
.contact-rail.contact-dock .contact-wechat-tip img { width:82px; height:82px; grid-row:1 / 3; padding:5px; object-fit:contain; border-radius:8px; background:#fff; }
.contact-rail.contact-dock .contact-wechat-tip strong { align-self:end; color:#0f172a; font-size:12px; }
.contact-rail.contact-dock .contact-wechat-tip em { align-self:start; margin:0; }
@media(max-width:680px){
  .contact-rail.contact-dock { left:50%; right:auto; bottom:13px; width:min(330px,calc(100% - 24px)); padding:6px; gap:5px; transform:translateX(-50%); border-radius:12px; }
  .contact-rail.contact-dock a,.contact-rail.contact-dock a:nth-child(2) { height:50px; min-height:50px; border-radius:7px; }
  .contact-rail.contact-dock a.contact-top { display:flex; }
  .contact-rail.contact-dock span { display:block; position:static; min-width:0; padding:0; margin-left:9px; opacity:1; color:#fff; background:transparent; border:0; box-shadow:none; transform:none; font-size:11px; }
  .contact-rail.contact-dock span::after,.contact-rail.contact-dock em { display:none; }
  .contact-rail.contact-dock .contact-telegram span,.contact-rail.contact-dock .contact-whatsapp span { display:none; }
  .contact-rail.contact-dock .contact-top { max-width:54px; }
  .contact-rail.contact-dock .contact-wechat::after { right:8px; top:8px; }
  .contact-rail.contact-dock .contact-wechat-tip { width:auto; min-width:0; display:block; }
  .contact-rail.contact-dock .contact-wechat-tip img { display:none; }
  .contact-rail.contact-dock .contact-wechat-tip strong { display:block; color:#1664ff; font-size:11px; }
}

/* 微信客服弹窗 */
.wechat-contact-dialog { width:min(430px,calc(100% - 28px)); max-width:none; padding:0; overflow:visible; color:#14233a; border:0; border-radius:18px; background:transparent; box-shadow:0 30px 90px rgba(2,13,31,.35); }
.wechat-contact-dialog::backdrop { background:rgba(2,10,24,.68); backdrop-filter:blur(7px); }
.wechat-dialog-card { position:relative; padding:36px 38px 32px; overflow:hidden; border:1px solid rgba(113,154,210,.24); border-radius:18px; text-align:center; background:linear-gradient(155deg,#fff,#f1f7ff); }
.wechat-dialog-card::before { content:""; position:absolute; width:230px; height:230px; right:-130px; top:-145px; border-radius:50%; background:radial-gradient(circle,rgba(7,84,255,.2),transparent 70%); }
.wechat-dialog-close { position:absolute; right:14px; top:14px; z-index:2; width:36px; height:36px; padding:0; display:grid; place-items:center; color:#718096; border:1px solid #d7e1ed; border-radius:50%; background:#fff; cursor:pointer; font:300 25px/1 Arial,sans-serif; }
.wechat-dialog-close:hover { color:#fff; border-color:#0754ff; background:#0754ff; }
.wechat-dialog-kicker { display:block; color:#0754ff; font-size:10px; font-weight:900; letter-spacing:2.2px; }
.wechat-dialog-card h2 { margin:11px 0 10px; font-size:28px; letter-spacing:-.8px; }
.wechat-dialog-card > p { max-width:315px; margin:0 auto 24px; color:#65758c; font-size:13px; line-height:1.75; }
.wechat-qr-frame { width:248px; margin:auto; padding:12px; border:1px solid #dce6f1; border-radius:13px; background:#fff; box-shadow:0 18px 40px rgba(19,54,104,.12); }
.wechat-qr-frame img { width:100%; height:auto; display:block; filter:none; }
.wechat-dialog-card > small { display:block; margin-top:19px; color:#7c899a; font-size:11px; }
.contact-channel-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:22px; }
.contact-channel { min-width:0; padding:11px 12px; display:flex; align-items:center; gap:10px; border:1px solid #dce6f1; border-radius:11px; text-align:left; background:#fff; transition:transform .22s,border-color .22s,box-shadow .22s; }
.contact-channel:hover { transform:translateY(-2px); box-shadow:0 10px 24px rgba(19,54,104,.11); }
.contact-channel > b,.contact-channel .contact-channel-icon { width:22px; height:22px; flex:none; font-size:22px; }
.contact-channel span { min-width:0; display:flex; flex-direction:column; gap:3px; }
.contact-channel span b { color:#24364d; font-size:12px; }
.contact-channel span small { overflow:hidden; color:#718096; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.contact-channel-telegram { color:#229ed9; }.contact-channel-telegram:hover { border-color:#8bd4f3; }
.contact-channel-whatsapp { color:#20b75a; }.contact-channel-whatsapp:hover { border-color:#8ee0ad; }
body:has(.wechat-contact-dialog[open]) { overflow:hidden; }
@media(max-width:480px){
  .wechat-dialog-card { padding:32px 22px 27px; }
  .wechat-dialog-card h2 { font-size:24px; }
  .wechat-qr-frame { width:min(230px,82vw); }
  .contact-channel-grid { grid-template-columns:1fr; }
}

@keyframes em-sheen { 0%,100%{background-position:0% 0} 50%{background-position:100% 0} }
@keyframes cta-flow { 0%,100%{background-position:0% 50%} 50%{background-position:100% 50%} }
@keyframes cursor-blink { 0%,49%{opacity:1} 50%,100%{opacity:0} }
@keyframes aws-rain { from{background-position-y:0} to{background-position-y:26px} }
@keyframes ali-scan { 0%{left:-34%} 60%,100%{left:100%} }
@keyframes signal-ripple { from{transform:scale(.6);opacity:.9} to{transform:scale(2.6);opacity:0} }
@keyframes live-blink { 0%,100%{opacity:1} 50%{opacity:.35} }
@keyframes quote-float { 0%,100%{translate:-50% 0} 50%{translate:-50% -8px} }

@media(prefers-reduced-motion:reduce){
  html *,html *::before,html *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; }
  .carousel-slide{transition:none}.reveal{opacity:1;translate:0 0;scale:1;rotate:0deg;filter:none}.contact-rail{opacity:1;translate:0 0}
  .scroll-progress{display:none}.tilt-card{transform:none}.slide-visual{transform:none}
  .landing-heading h2::after,.section-heading h2::after{width:64px}
}
.product-platform-dock > a[href$="#ecosystem"] {
  display: none !important;
}

.product-platform-dock > a > img {
  box-sizing: content-box;
  padding: 6px 10px;
  border: 1px solid rgba(15, 35, 62, .1);
  border-radius: 8px;
  background: #fff;
  filter: none !important;
  opacity: 1;
  object-fit: contain;
}

.product-platform-dock > a > span {
  white-space: nowrap;
}