.page-service-support main{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;background:linear-gradient(180deg,#fff 0%,#f7fafd 100%)}
.page-service-support main>.container,.page-service-support main>section>.container{max-width:1440px;width:min(1440px,calc(100% - 48px));padding-right:24px;padding-left:24px}
.service-support-hero{position:relative;overflow:hidden;margin-top:76px;padding:112px 0 70px;background:linear-gradient(130deg,#071222 0%,#123252 36%,#0a1628 100%);color:#fff}
.service-support-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;opacity:.55}
.service-support-hero .container{position:relative;z-index:1}.service-support-hero h1{margin:0 0 17px;font-size:clamp(38px,5vw,54px);font-weight:800;line-height:1.1;letter-spacing:.02em;}
.service-support-hero h2{max-width:700px;margin:0;color:#ffd08a;font-size:26px;font-weight:700;line-height:1.45}
.service-support-hero p{max-width:700px;margin:18px 0 0;color:rgba(255,255,255,.72);font-size:20px;line-height:1.85}
.service-section{padding:40px 0;background:#fff}
.service-section-head{margin-bottom:32px}
.service-section-head>span{display:block;margin-bottom:12px;color:#0a4da6;font-size:16px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.service-section-head h2{margin:0;color:#1a1a2e;font-size:34px;font-weight:700;line-height:1.2;letter-spacing:-.02em}
.service-section-head p{max-width:760px;margin:14px 0 0;color:#5a6275;font-size:16px;line-height:1.75}
.service-card{border:1px solid #e5e8ed;border-radius:16px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1),border-color .35s cubic-bezier(.4,0,.2,1)}
.service-card:hover{border-color:rgba(0,84,166,.24);box-shadow:0 8px 30px rgba(0,0,0,.1);transform:translateY(-4px)}
.service-advantage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.service-advantage-card{padding:28px 24px}
.service-advantage-card>.dashicons{display:grid;width:54px;height:54px;place-items:center;margin-bottom:18px;border-radius:16px;background:#3a7fdb;color:#0a4da6;font-size:24px;line-height:54px}
.service-advantage-card h3,.service-timeline h3,.service-scope-card h3,.service-scenario-card h3{margin:0 0 11px;color:#1a1a2e;font-size:20px;line-height:1.38}
.service-advantage-card p,.service-timeline p,.service-scenario-card p{margin:0;color:#5a6275;font-size:16px;line-height:1.82}
.service-timeline-section{background:#f8fbff}
.service-timeline{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.service-timeline::before{content:"";position:absolute;top:32px;right:0;left:0;height:2px;background:linear-gradient(90deg,rgba(0,84,166,.1),rgba(0,84,166,.4),rgba(0,84,166,.1))}
.service-timeline-step{position:relative;padding-top:70px}
.service-timeline-step>i{position:absolute;top:18px;left:24px;width:28px;height:28px;border:6px solid #dcebfa;border-radius:50%;background:var(--primary);box-shadow:0 0 0 8px rgba(0,84,166,.08)}
.service-timeline-step .service-card{min-height:184px;padding:22px 20px}
.service-timeline h3{font-size:20px}.service-timeline p{font-size:16px}
.service-scope-grid,.service-scenario-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.service-scope-card{min-height:280px;padding:24px 20px}
.service-scope-card h3{font-size:20px}
.service-scope-card ul{display:flex;flex-direction:column;gap:10px;padding:0;margin:17px 0 0;list-style:none}
.service-scope-card li{position:relative;padding-left:18px;color:#5a6275;font-size:16px;line-height:1.65}
.service-scope-card li::before{content:"";position:absolute;top:.72em;left:0;width:7px;height:7px;border-radius:50%;background:#00c9a7}
.service-scenario-section{background:#fff}
.service-scenario-card{min-height:220px;padding:24px 20px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}
.service-scenario-card h3{font-size:20px}.service-scenario-card p{font-size:14px}
.service-support-cta{padding:40px 0;background:#f5f7fa;color:#1a1a2e;text-align:center}
.service-support-cta h2{max-width:900px;margin:0 auto 14px;color:#1a1a2e;font-size:27px;line-height:1.4}
.service-support-cta p{max-width:560px;margin:0 auto 28px;color:#5a6275;font-size:16px;line-height:1.7}
.service-support-cta>div>div{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.service-cta-button{display:inline-flex;min-width:128px;min-height:48px;align-items:center;justify-content:center;padding:0 28px;border-radius:6px;font-size:15px;font-weight:600;line-height:1.2;text-decoration:none!important;cursor:pointer;transition:color .24s ease,background-color .24s ease,border-color .24s ease,box-shadow .24s ease,transform .24s ease}
.service-cta-outline{border:2px solid #e5e8ed;color:#1a1a2e;background:transparent}.service-cta-accent{border:2px solid #00c9a7;background:#00c9a7;color:#fff;box-shadow:0 5px 16px rgba(0,201,167,.16)}
.service-cta-outline:hover{border-color:#1a1a2e;background:#1a1a2e;color:#fff;box-shadow:0 9px 22px rgba(0,84,166,.2);transform:translateY(-3px)}
.service-cta-accent:hover{border-color:#00a98e;background:#00a98e;color:#fff;box-shadow:0 10px 24px rgba(0,201,167,.28);transform:translateY(-3px)}
.service-cta-button:active{box-shadow:none;transform:translateY(0)}
.service-cta-button:focus-visible{outline:3px solid rgba(0,84,166,.25);outline-offset:3px}
.service-support-cta .service-cta-outline{border:1.5px solid rgba(0,84,166,.24);background:#fff;color:var(--primary)}.service-support-cta .service-cta-outline:hover{border-color:var(--primary);background:#eff6ff;color:#064887;box-shadow:0 9px 22px rgba(0,84,166,.12)}
.page-service-support .site-footer{border-top:0}
.service-reveal{opacity:0;transform:translateY(24px)}.service-reveal.is-visible{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease}
@media(max-width:1200px){.service-timeline{grid-template-columns:repeat(3,minmax(0,1fr))}.service-timeline::before{display:none}.service-timeline-step{padding-top:0}.service-timeline-step>i{display:none}.service-scope-grid,.service-scenario-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1024px){.service-section-head h2{font-size:30px}.service-advantage-grid{grid-template-columns:1fr}.service-scope-grid,.service-scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-scope-card{min-height:0}}
@media(max-width:782px){.page-service-support main>section>.container{padding-right:20px;padding-left:20px}.service-support-hero{margin-top:70px;padding:98px 0 56px}.service-support-hero h1{font-size:34px;
	letter-spacing:.02em;}.service-support-hero h2{font-size:22px}.service-support-hero p{font-size:16px}.service-section{padding:20px 0 0}.service-section-head h2{font-size:26px}.service-timeline,.service-scope-grid,.service-scenario-grid{grid-template-columns:1fr}.service-timeline-step .service-card,.service-scenario-card{min-height:0}.service-support-cta{padding:72px 0}.service-support-cta h2{font-size:27px}}
@media(max-width:520px){.service-support-cta>div>div{align-items:stretch;flex-direction:column}.service-cta-button{width:100%}}
@media(prefers-reduced-motion:reduce){.service-cta-button{transition:none}.service-cta-button:hover{transform:none}}
/* 统一页组口径：首屏后首个功能区与首屏保持 80px 间距 */
.service-support-hero + .service-section { padding-top: 80px; }
/* 首屏功能区内容上下居中，高度统一 400px（不动其它首屏样式） */
.service-support-hero{
  display:flex;
  align-items:center;
  justify-content:center;
  height:400px;
  padding:0;
}
/* 服务与支持：内容偏上修正（pt-pb≈导航遮挡 76px，所有屏幕均生效） */