@charset "utf-8";
/* ============================================================
   全普优势 · 家族化版（2026-09-20）
   浅蓝灰底(#f4f7fb) · 标准标题 · 白色卡片 + 蓝色大数字
   首卡蓝色实心主推；内层使用全站 .w1200（1440/95%）宽度体系
   ============================================================ */
.qp-adv{
    background:#f4f7fb;
    padding:70px 0 75px;
}

/* 卡片栅格（内层容器直接用 .w1200，与全站对齐） */
.qp-adv-cards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}

/* ---------- 通用卡片 ---------- */
.qp-adv-card{
    position:relative;
    padding:40px 34px 38px;
    transition:all .3s ease;
}
.qp-adv-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom:24px;
}

/* 图标方块 */
.qp-adv-ico{
    width:52px;
    height:52px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:none;
    transition:all .3s;
}
.qp-adv-ico svg{
    width:25px;
    height:25px;
    fill:none;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* 大号数据 */
.qp-adv-stat{text-align:right;line-height:1.1;}
.qp-adv-stat b{
    display:block;
    font-size:44px;
    font-weight:800;
    letter-spacing:0;
}
.qp-adv-stat span{
    display:block;
    font-size:13px;
    margin-top:6px;
}

/* 卡片标题/正文 */
.qp-adv-card h4{
    font-size:30px;
    font-weight:700;
    margin-bottom:12px;
    letter-spacing:1px;
}
.qp-adv-card > p{
    font-size:14px;
    line-height:1.9;
}

/* 关键词标签 */
.qp-adv-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:22px;
}
.qp-adv-tags i{
    font-style:normal;
    font-size:12px;
    padding:4px 12px;
    border-radius:3px;
    letter-spacing:.5px;
}

/* ---------- 白色普通卡 ---------- */
.qp-adv-card{
    background:#fff;
    border:1px solid #e6ebf2;
}
.qp-adv-card .qp-adv-ico{
    background:#eef4fc;
}
.qp-adv-card .qp-adv-ico svg{stroke:#0a5cba;}
.qp-adv-card .qp-adv-stat b{color:#0a5cba;}
.qp-adv-card .qp-adv-stat span{color:#8a96a8;}
.qp-adv-card h4{color:#1f2d3d;}
.qp-adv-card > p{color:#7a8699;}
.qp-adv-card .qp-adv-tags i{
    color:#0a5cba;
    background:#eef4fc;
}
.qp-adv-card:hover{
    transform:translateY(-6px);
    box-shadow:0 16px 38px rgba(31,58,95,.12);
    border-color:#d9e3f0;
}

/* ---------- 首卡：蓝色实心主推卡 ---------- */
.qp-adv-card.qp-adv-featured{
    background:#0a5cba;
    border-color:#0a5cba;
    box-shadow:0 14px 34px rgba(10,92,186,.35);
}
.qp-adv-card.qp-adv-featured .qp-adv-ico{
    background:rgba(255,255,255,.15);
    border:1px solid rgba(255,255,255,.28);
}
.qp-adv-card.qp-adv-featured .qp-adv-ico svg{stroke:#fff;}
.qp-adv-card.qp-adv-featured .qp-adv-stat b{color:#ffc000;}
.qp-adv-card.qp-adv-featured .qp-adv-stat span{color:rgba(255,255,255,.75);}
.qp-adv-card.qp-adv-featured h4{color:#fff;}
.qp-adv-card.qp-adv-featured > p{color:rgba(255,255,255,.85);}
.qp-adv-card.qp-adv-featured .qp-adv-tags i{
    color:#fff;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.25);
}
.qp-adv-card.qp-adv-featured:hover{
    background:#0960c4;
    transform:translateY(-6px);
    box-shadow:0 20px 44px rgba(10,92,186,.42);
}