/* ===== 应用领域栏目页（application_show.html） ===== */
.ap-main{background:#fff;}

/* 横幅加高（容纳快速导航） */
.ap-banner{padding:34px 0 92px;}

/* 应用快速导航（横幅底部上叠） */
.ap-chips{
    position:relative;z-index:5;margin-top:44px;
    display:flex;gap:12px;flex-wrap:wrap;
}
.ap-chip{
    display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;
    background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);
    color:#fff;font-size:13.5px;font-weight:600;transition:.25s;backdrop-filter:blur(4px);
}
.ap-chip i{font-size:13px;color:var(--color-primary-light,#5aa9f0);}
.ap-chip:hover{background:rgba(255,255,255,.16);transform:translateY(-3px);}

/* 通用板块 */
.ap-sec{padding:60px 0;}
.ap-sec--gray{background:var(--color-light2,#f4f7fb);}

/* 五大应用卡片 */
.ap-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;}
.ap-card{
    background:#fff;border:1px solid var(--color-border,#e6ecf4);border-radius:14px;padding:24px 20px;
    transition:.25s;box-shadow:0 4px 14px rgba(7,22,43,.05);display:flex;flex-direction:column;
}
.ap-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(7,22,43,.1);}
.ap-ico{
    width:44px;height:44px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;
    font-size:18px;background:#e8f2fe;color:var(--color-primary,#197fde);margin-bottom:14px;
}
.ap-card h3{font-size:16px;font-weight:700;color:var(--color-text,#12233c);margin-bottom:4px;}
.ap-card-sub{font-size:13px;font-weight:600;color:var(--color-primary,#197fde);margin-bottom:10px;}
.ap-card-desc{font-size:12.5px;color:var(--color-muted,#8a97a8);line-height:1.7;flex:1;margin-bottom:14px;}
.ap-card-tags{display:flex;gap:6px;flex-wrap:wrap;}
.ap-card-tags span{
    font-size:11.5px;color:var(--color-body,#44546e);background:#f1f5fb;
    border:1px solid #e6ecf4;border-radius:6px;padding:3px 9px;
}

/* 带背景图的卡片：深色蒙层 + 白色文字 */
.ap-card.ap-card--img{
    color:#fff;border-color:rgba(255,255,255,.18);
    background-color:#0B1F3A;
}
.ap-card.ap-card--img .ap-ico{background:rgba(255,255,255,.16);color:#fff;}
.ap-card.ap-card--img h3{color:#fff;}
.ap-card.ap-card--img .ap-card-sub{color:#cfe4fb;}
.ap-card.ap-card--img .ap-card-desc{color:rgba(255,255,255,.86);}
.ap-card.ap-card--img .ap-card-tags span{color:#fff;background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.28);}
.ap-card.ap-card--img{transition:transform .4s cubic-bezier(.22,.61,.36,1),box-shadow .4s ease;}
.ap-card.ap-card--img:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(7,22,43,.3);}

/* 精选场景（交替） */
.ap-scene{display:grid;grid-template-columns:480px minmax(0,1fr);gap:44px;align-items:center;}
.ap-scene--rev .ap-scene-img{order:2;}
.ap-scene--rev .ap-scene-body{order:1;}
.ap-scene-img{
    height:300px;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
    background:
        radial-gradient(420px 180px at 75% -30%, rgba(25,127,222,.4), transparent 65%),
        linear-gradient(135deg,#0B1F3A 0%,#12315E 100%);
    color:rgba(255,255,255,.5);
}
.ap-scene-img img{
    /* 场景图铺满框，等比裁切不变形 */
    width:100%;height:100%;object-fit:cover;object-position:center;display:block;
    transition:transform .5s cubic-bezier(.22,.61,.36,1);
}
.ap-scene-img:hover img{transform:scale(1.06);}
.ap-scene-img i{font-size:54px;}
.ap-scene-img span{font-size:12.5px;letter-spacing:1px;}
.ap-scene-key{font-size:12px;font-weight:700;letter-spacing:2.5px;color:var(--color-primary,#197fde);margin-bottom:10px;}
.ap-scene-body h2{font-size:25px;font-weight:800;color:var(--color-text,#12233c);margin-bottom:12px;}
.ap-scene-desc{font-size:14.5px;color:var(--color-body,#44546e);line-height:1.9;margin-bottom:22px;}
.ap-scene-stats{display:flex;gap:38px;flex-wrap:wrap;}
.ap-stat b{display:block;font-size:26px;font-weight:800;color:var(--color-text,#12233c);line-height:1.1;}
.ap-stat b i{font-style:normal;font-size:16px;color:var(--color-primary,#197fde);margin-left:2px;}
.ap-stat span{display:block;margin-top:5px;font-size:12.5px;color:var(--color-muted,#8a97a8);}

/* 为什么选择 UTG */
.ap-why-head{text-align:center;margin-bottom:34px;}
.ap-why-title{font-size:26px;font-weight:800;color:var(--color-text,#12233c);margin-bottom:8px;}
.ap-why-desc{font-size:14px;color:var(--color-muted,#8a97a8);line-height:1.6;max-width:640px;margin:0 auto;}
.ap-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.ap-why{
    background:#fff;border:1px solid var(--color-border,#e6ecf4);border-radius:14px;padding:26px 22px;
    transition:.25s;box-shadow:0 4px 14px rgba(7,22,43,.05);
}
.ap-why:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(7,22,43,.1);}
.ap-why h4{font-size:16px;font-weight:700;color:var(--color-text,#12233c);margin-bottom:8px;}
.ap-why p{font-size:13px;color:var(--color-muted,#8a97a8);line-height:1.7;}

/* 底部 CTA：方案手册 */
.ap-cta-sec{padding:56px 0 64px;background:#fff;}
.ap-cta-in{
    display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
    background:
        radial-gradient(600px 200px at 88% -50%, rgba(25,127,222,.4), transparent 60%),
        linear-gradient(135deg,#0B1F3A 0%,#12315E 100%);
    border-radius:18px;padding:36px 42px;color:#fff;
}
.ap-cta-left{display:flex;align-items:center;gap:20px;}
.ap-cta-ico{
    flex:none;width:54px;height:54px;border-radius:13px;background:rgba(255,255,255,.14);
    font-size:22px;display:flex;align-items:center;justify-content:center;
}
.ap-cta-in h2{font-size:21px;font-weight:800;margin-bottom:6px;}
.ap-cta-in p{font-size:13.5px;color:rgba(255,255,255,.7);}
.ap-cta-btn{
    height:48px;padding:0 26px;border-radius:10px;font-size:14.5px;font-weight:700;white-space:nowrap;
    display:inline-flex;align-items:center;gap:8px;border:none;
    background:linear-gradient(135deg,var(--color-primary,#197fde) 0%,var(--color-primary-light,#5aa9f0) 100%);
    color:#fff;transition:.25s;
}
.ap-cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(25,127,222,.4);}

/* 响应式 */
@media (max-width:1180px){
    .ap-grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:1080px){
    .ap-scene{grid-template-columns:1fr;}
    .ap-scene--rev .ap-scene-img{order:0;}
    .ap-scene--rev .ap-scene-body{order:0;}
    .ap-why-grid{grid-template-columns:repeat(2,1fr);}
    .ap-banner{padding:30px 0 70px;}
}
@media (max-width:640px){
    .ap-grid{grid-template-columns:1fr;}
    .ap-why-grid{grid-template-columns:1fr;}
    .ap-scene-img{height:220px;}
    .ap-scene-body h2{font-size:21px;}
    .ap-scene-stats{gap:24px;}
    .ap-cta-in{padding:28px 22px;}
}