/* 关于艾科（.ab）精简版：首屏大图 → 深蓝主张与研发理念 → 一条联系。
   基础样式复用 platform-page.css（.pf-hero 等）与 detail-page.css。 */

/* 首屏：比其他子页矮一些，页面整体约一屏半 */
.ab-hero{height:min(78vh,760px);min-height:520px}
.ab-hero .pf-hero-img{object-position:50% 60%}
.ab-hero .pf-lead{max-width:24em}
.ab-meta{margin-top:28px!important;color:#ffffffa6!important;font-size:15px!important;letter-spacing:.02em}
.ab-meta span{margin:0 10px}
.ab-meta b{font-weight:400;white-space:nowrap}

/* 深蓝主张区 */
.ab-belief{padding-block:clamp(72px,7vw,112px);background:var(--pf-navy);color:#fff}
.ab-claim{color:#fff!important;font-size:clamp(30px,3vw,48px)!important;font-weight:600;line-height:1.4!important;letter-spacing:-.015em}
.ab-claim span{display:block;text-wrap:balance}
.ab-principles-title{margin-top:clamp(56px,5vw,88px)!important;color:#a9d6ff!important;font-size:15px!important;font-weight:500!important;letter-spacing:.12em!important}
.ab-principles{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,56px);margin:20px 0 0;padding:0}
.ab-principles li{padding-top:22px;border-top:1px solid #ffffff2e}
.ab-principles h3{color:#fff;font-size:clamp(20px,1.5vw,24px);font-weight:600}
.ab-principles p{margin-top:8px!important;color:#ffffffb3!important;font-size:16px!important}

/* 结尾：一行邀请 + 按钮 */
.ab-end{padding-block:clamp(48px,4.5vw,72px)}
.ab-end-row{display:flex;justify-content:space-between;align-items:center;gap:32px}
.ab-end p{color:var(--pf-ink)!important;font-size:clamp(18px,1.35vw,22px)!important}
.ab :is(a,.pf-btn):focus-visible{outline:3px solid #5089c7;outline-offset:4px}

@media (max-width:1023px){.ab-end-row{flex-direction:column;align-items:flex-start}}
@media (max-width:760px){
 .ab-hero{height:auto;min-height:560px}
 .ab-principles{grid-template-columns:1fr}
}
.ab-meta.ab-address{margin-top:10px!important}