/* ============================================================
   sanmenxia-kaobao.html · 变体L 宫格目录式 pgL
   ============================================================ */
.pg-hero-city{background:linear-gradient(135deg,#3a2418,#5a3423 55%,#8a5332)}
.pg-hero-city::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 26%,rgba(217,90,79,.2),transparent 52%);z-index:1}
.pg-hero-city .container{z-index:2}

/* 内容宫格 */
.l-mosaic{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.l-m{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-md);padding:0;overflow:hidden;display:flex;flex-direction:column}
.l-m img{width:100%;height:200px;object-fit:cover;display:block}
.l-m h3{padding:18px 20px 6px;color:var(--blue-900);font-size:17px}
.l-m p{padding:0 20px 18px;color:var(--ink-2);font-size:13.5px;line-height:1.8}
.l-m:not(:has(img)){justify-content:center}
.l-m:not(:has(img)) h3{padding:22px 20px 6px}
.l-m:not(:has(img)) p{padding-bottom:22px}

/* 条件列表 */
.l-condlist{list-style:none;max-width:760px}
.l-condlist li{display:flex;gap:20px;align-items:baseline;padding:16px 0;border-bottom:1px dashed var(--line-soft)}
.l-condlist b{flex:0 0 60px;color:var(--blue-900)}
.l-condlist span{color:var(--ink-2);line-height:1.8}

/* 辅导计划 */
.l-coachplan{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.l-cp{background:var(--ice);border:1px solid var(--line-soft);border-radius:var(--r-md);padding:24px}
.l-cp b{display:block;color:var(--red-600);margin-bottom:8px}
.l-cp p{color:var(--ink-2);font-size:13.5px;line-height:1.8}

/* 复审进度条 */
.l-renewbar{display:flex;flex-direction:column;gap:14px;max-width:720px}
.l-rb-step b{font-size:13.5px;color:var(--ink-2);margin-bottom:6px;display:block}
.l-rb-step{height:8px;background:var(--ice);border-radius:6px;overflow:hidden;position:relative}
.l-rb-step i{display:block;height:100%;background:linear-gradient(90deg,var(--blue-500),var(--blue-700))}
.l-rb-note{margin-top:16px;color:var(--ink-3);font-size:13.5px}

/* 步骤线 */
.l-steps{display:flex;flex-wrap:wrap;gap:10px}
.l-st{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-md);padding:16px 18px;text-align:center;flex:1;min-width:120px}
.l-st b{display:block;width:28px;height:28px;line-height:28px;border-radius:50%;background:var(--red-500);color:#fff;margin:0 auto 8px}
.l-st span{font-size:13px;color:var(--ink-2)}

/* 本地详解 */
.l-deep p{color:var(--ink-2);line-height:2;margin-bottom:14px}
.l-career-note{margin-top:14px;color:var(--ink-3);font-size:13.5px}

/* 相关城市 */
.relate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.relate-card{display:flex;flex-direction:column;gap:4px;padding:22px 20px;background:var(--ice);border:1px solid var(--line-soft);border-radius:var(--r-md);transition:.3s}
.relate-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm);background:#fff;border-color:var(--blue-100)}
.relate-card{font-size:18px;font-weight:900;color:var(--blue-900)}
.relate-card span{font-size:12.5px;color:var(--ink-3);font-weight:400}

@media (max-width:920px){
  .l-mosaic,.l-coachplan{grid-template-columns:1fr}
  .relate-grid{grid-template-columns:repeat(2,1fr)}
}