/* ============================================================
   liucheng.html 报考流程独有样式（命名空间 .lc-）
   ============================================================ */

/* ---------- Hero：数字大标题 ---------- */
.lc-hero{position:relative;background:var(--c1);padding-top:var(--header-h);overflow:hidden}
.lc-hero__bg{position:absolute;inset:0}
.lc-hero__bg img{width:100%;height:100%;object-fit:cover;opacity:.22}
.lc-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,24,27,.95) 40%,rgba(21,24,27,.5) 100%)}
.lc-hero__inner{position:relative;z-index:2;padding:60px 24px 90px}
.lc-hero .crumbs{padding:0 0 30px}
.lc-hero__row{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center}
.lc-hero__num{font-family:var(--font-en);font-weight:900;display:flex;align-items:baseline;gap:18px;line-height:1}
.lc-hero__num span{font-size:clamp(90px,12vw,160px);color:transparent;-webkit-text-stroke:2px var(--g3)}
.lc-hero__num i{font-style:normal;font-size:40px;color:var(--o1)}
.lc-hero__num b{font-size:clamp(56px,7vw,96px);color:var(--o1)}
.lc-hero h1{font-size:clamp(32px,4.6vw,54px);font-weight:900;margin-top:10px}
.lc-hero__desc{color:var(--g4);margin-top:18px;max-width:560px}
.lc-hero__cta{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}

/* ---------- 五步盘山 S 形路线 ---------- */
.lc-road{background:var(--c1)}
.lc-road__track{list-style:none;position:relative;max-width:960px;margin:20px auto 0;padding:10px 0}
.lc-road__track::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:0;border-left:2px dashed rgba(168,181,152,.35);transform:translateX(-50%)}
.lc-step{position:relative;width:50%;padding:18px 46px 18px 0}
.lc-step--r{margin-left:50%;padding:18px 0 18px 46px}
.lc-step__card{position:relative;background:var(--c2);border:1px solid var(--line-d);padding:26px 26px 22px;transition:border-color .3s,transform .3s}
.lc-step__card:hover{border-color:var(--o1);transform:translateY(-4px)}
/* 连接线圆点 */
.lc-step__card::after{content:"";position:absolute;top:34px;width:13px;height:13px;border:3px solid var(--o1);background:var(--c1);border-radius:50%;z-index:2}
.lc-step:not(.lc-step--r) .lc-step__card::after{right:-53px}
.lc-step--r .lc-step__card::after{left:-53px}
.lc-step__no{font-family:var(--font-en);font-size:12px;letter-spacing:.22em;color:var(--o1);font-weight:800}
.lc-step__card h3{font-size:20px;margin:8px 0 10px}
.lc-step__card p{font-size:14px;color:var(--g4);line-height:1.8}
.lc-step__tag{display:inline-block;margin-top:14px;font-size:12px;color:var(--g3);border:1px dashed var(--line-d);padding:4px 12px}
.lc-step__card--end{background:var(--g1);border-color:rgba(224,91,32,.45)}

/* ---------- 各步骤材料清单 ---------- */
.lc-mat__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.lc-mat__col{background:#fff;border:1px solid var(--line-l);padding:24px 22px;box-shadow:0 10px 30px rgba(20,24,27,.06)}
.lc-mat__col h3{font-size:15px;letter-spacing:.1em;color:var(--o1);border-bottom:2px solid var(--g1);padding-bottom:10px;margin-bottom:14px}
.lc-mat__col ul li{font-size:13.5px;color:#4C5449;padding:7px 0 7px 20px;position:relative;border-bottom:1px dashed var(--line-l)}
.lc-mat__col ul li::before{content:"";position:absolute;left:0;top:13px;width:8px;height:8px;background:var(--o1);clip-path:polygon(0 0,100% 0,0 100%)}
.lc-mat__more{margin-top:26px;font-size:14px;color:#5A6158}
.lc-mat__more a{color:var(--o1);font-weight:700}
.lc-mat__more a:hover{text-decoration:underline}

/* ---------- 时间数据带 ---------- */
.lc-days{background:var(--c2)}
.lc-days__grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line-d)}
.lc-days__grid>div{padding:34px 18px;text-align:center;border-right:1px dashed var(--line-d)}
.lc-days__grid>div:last-child{border-right:none;background:var(--g1)}
.lc-days__grid b{font-family:var(--font-en);font-size:44px;font-weight:900;color:var(--o1);display:block;line-height:1}
.lc-days__grid span{font-size:13px;color:var(--g4);margin-top:10px;display:block}
.lc-days__note{margin-top:22px;text-align:center;font-size:13px;color:#6E7A82}

/* ---------- 常见卡点 ---------- */
.lc-trap{background:var(--c1)}
.lc-trap__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lc-trap__card{background:var(--c2);border:1px solid var(--line-d);border-top:3px solid var(--o1);padding:28px 24px}
.lc-trap__icon{width:52px;height:52px;display:grid;place-items:center;color:var(--o1);background:rgba(224,91,32,.08);border:1px solid rgba(224,91,32,.3);margin-bottom:18px}
.lc-trap__card h3{font-size:18px;margin-bottom:10px}
.lc-trap__card p{font-size:14px;color:var(--g4);line-height:1.8}

/* ---------- 两地报名点 ---------- */
.lc-points__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.lc-point{display:block;background:var(--c2);border:1px solid var(--line-d);overflow:hidden;transition:transform .3s,border-color .3s}
.lc-point:hover{transform:translateY(-6px);border-color:var(--o1)}
.lc-point img{width:100%;height:220px;object-fit:cover}
.lc-point__body{padding:22px 24px 26px}
.lc-point__body h3{font-size:19px;margin-bottom:8px}
.lc-point__body p{font-size:14px;color:var(--g4);line-height:1.8}

/* ---------- 页底 CTA ---------- */
.lc-cta{background:var(--paper);color:var(--c1)}
.lc-cta h2{color:var(--c1)}
.lc-cta__inner{display:grid;grid-template-columns:380px 1fr;gap:44px;align-items:center}
.lc-cta__inner img{width:100%;height:280px;object-fit:cover;clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}
.lc-cta__inner p{color:#5A6158;margin:14px 0 24px;max-width:520px}
.lc-cta__inner a{color:var(--o1);font-weight:700}
.lc-cta__inner a:hover{text-decoration:underline}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .lc-hero__row{grid-template-columns:1fr;gap:24px}
  .lc-mat__grid{grid-template-columns:1fr 1fr}
  .lc-trap__grid{grid-template-columns:1fr}
  .lc-days__grid{grid-template-columns:repeat(2,1fr)}
  .lc-days__grid>div:nth-child(2){border-right:none}
  .lc-cta__inner{grid-template-columns:1fr}
}
@media (max-width:640px){
  .lc-road__track::before{left:14px;transform:none}
  .lc-step,.lc-step--r{width:100%;margin-left:0;padding:14px 0 14px 44px}
  .lc-step__card::after{left:-36px!important;right:auto!important}
  .lc-mat__grid{grid-template-columns:1fr}
  .lc-points__grid{grid-template-columns:1fr}
  .lc-days__grid{grid-template-columns:1fr 1fr}
}

/* ---------- 个人报 vs 团报 ---------- */
.lc-way{background:var(--c1)}
.lc-way__grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.lc-way__card{display:block;background:var(--c2);border:1px solid var(--line-d);padding:30px 28px;transition:border-color .3s,transform .3s}
.lc-way__card:hover{border-color:var(--o1);transform:translateY(-5px)}
.lc-way__card--hot{background:var(--g1);border-color:rgba(224,91,32,.45)}
.lc-way__card h3{font-size:19px;margin-bottom:10px}
.lc-way__card p{font-size:14px;color:var(--g4);line-height:1.8}
.lc-way__card span{display:inline-block;margin-top:14px;font-size:12.5px;color:var(--g3);border:1px dashed var(--line-d);padding:4px 12px}
@media (max-width:640px){.lc-way__grid{grid-template-columns:1fr}}