/* ==========================================================
   爱尚教育 · 课程页通用样式（与 java.html 一致）  asjy-course.css
   依赖 asjy-modern.css，提供市场数据 / 职业路径 / 联系弹窗等组件
   ========================================================== */

/* ---------- 行业数据（为什么学） ---------- */
.a-mkt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.a-mkt__i{padding:30px 26px;border-radius:var(--r);background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(16,30,66,.05);transition:.4s var(--ease)}
.a-mkt__i:hover{transform:translateY(-6px);box-shadow:var(--sh-2);border-color:rgba(59,109,255,.32)}
.a-mkt__n{font-size:clamp(32px,3.6vw,44px);font-weight:900;letter-spacing:-.02em;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.a-mkt__t{font-size:16px;font-weight:800;color:var(--ink);margin:14px 0 8px}
.a-mkt__d{font-size:14px;color:var(--muted);line-height:1.65}
.a-mkt__note{margin-top:22px;text-align:center;font-size:12.5px;color:var(--muted);opacity:.72;font-style:italic}

@media(max-width:900px){.a-mkt{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.a-mkt{grid-template-columns:1fr}}

/* ---------- 职业发展路径 ---------- */
.a-path{position:relative;max-width:1000px;margin:0 auto}
.a-path__line{position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,var(--b1),var(--line-2))}
.a-path__s{display:grid;grid-template-columns:1fr 64px 1fr;gap:26px;align-items:center;margin-bottom:36px}
.a-path__s:last-child{margin-bottom:0}
.a-path__c{padding:26px 28px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(16,30,66,.05);transition:.35s var(--ease)}
.a-path__c:hover{transform:scale(1.02);box-shadow:var(--sh-2)}
.a-path__c.l{grid-column:1;text-align:right}
.a-path__c.r{grid-column:3}
.a-path__n{grid-column:2;width:52px;height:52px;border-radius:50%;background:#fff;border:3px solid var(--b1);display:grid;place-items:center;font-weight:800;color:var(--b1);z-index:2;box-shadow:0 6px 18px rgba(59,109,255,.18)}
.a-path__tag{font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--b2);margin-bottom:8px}
.a-path__c h4{font-size:19px;margin-bottom:8px}
.a-path__pay{font-size:16px;font-weight:800;color:var(--b1);margin-bottom:10px}
.a-path__c p{font-size:14.5px;color:var(--muted);line-height:1.7;margin-bottom:12px}
.a-path__sk{display:flex;flex-wrap:wrap;gap:6px}
.a-path__c.l .a-path__sk{justify-content:flex-end}
.a-path__sk span{font-size:12px;padding:4px 10px;border-radius:8px;background:rgba(16,30,66,.04);color:var(--muted);font-weight:600}

@media(max-width:900px){
  .a-path__line{left:26px}
  .a-path__s{grid-template-columns:52px 1fr;gap:16px}
  .a-path__c.l,.a-path__c.r{grid-column:2;text-align:left}
  .a-path__c.l .a-path__sk{justify-content:flex-start}
  .a-path__n{grid-column:1}
}

/* ---------- 阶段成果编号方块（与 java 一致：16/9 比例） ---------- */
.a-proj__v{aspect-ratio:16/9}
.a-proj__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.a-proj__v .tag{z-index:2}

/* ---------- 联系弹窗 ---------- */
.a-contact{position:fixed;inset:0;z-index:9999;display:none}
.a-contact.is-open{display:block}
.a-contact__mask{position:absolute;inset:0;background:rgba(10,14,30,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.a-contact__box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(380px,88vw);background:#fff;border-radius:18px;padding:30px 26px 26px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.32);animation:acPop .25s ease}
@keyframes acPop{from{opacity:0;transform:translate(-50%,-46%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.a-contact__x{position:absolute;right:12px;top:8px;width:32px;height:32px;border:0;background:transparent;font-size:24px;line-height:1;color:#9aa3b2;cursor:pointer}
.a-contact__x:hover{color:#374151}
.a-contact__t{margin:0 0 6px;font-size:20px;font-weight:800;color:#15203a}
.a-contact__sub{margin:0 0 16px;font-size:13px;color:#6b7280}
.a-contact__tel{display:inline-flex;align-items:center;gap:6px;justify-content:center;width:100%;padding:13px 16px;border-radius:12px;background:linear-gradient(135deg,#5b6cff,#7b5bff);color:#fff;font-size:17px;font-weight:700;text-decoration:none}
.a-contact__tel:hover{filter:brightness(1.05)}
.a-contact__qr{margin:18px auto 14px;width:140px}
.a-contact__qr img{width:140px;height:140px;border-radius:10px;border:1px solid #eee}
.a-contact__qr span{display:block;margin-top:8px;font-size:13px;color:#374151}
.a-contact__addr{margin:0;font-size:13px;color:#6b7280;line-height:1.6}
@media(max-width:480px){.a-contact__box{padding:26px 18px 20px}}

/* ==========================================================
   阶段成果配图（lmcc S1-S5，使用 style/images/lmcc 下的阶段配图）
   ========================================================== */
.a-proj__pic{position:relative;aspect-ratio:16/9;border-radius:22px;overflow:hidden;border:1px solid var(--line);
  background:#eef4ff center/cover no-repeat}
.a-proj--r .a-proj__pic{order:2}

/* S1 智能启蒙：AI 是什么 */
.a-proj__pic--s1{background-image:url("../images/lmcc/lmcc%E9%98%B6%E6%AE%B51.png")}

/* S2 机器怎么学：监督与无监督 */
.a-proj__pic--s2{background-image:url("../images/lmcc/lmcc%E9%98%B6%E6%AE%B52.png")}

/* S3 怎样判断 AI 学好了 */
.a-proj__pic--s3{background-image:url("../images/lmcc/lmcc%E9%98%B6%E6%AE%B53.png")}

/* S4 走进大语言模型世界 */
.a-proj__pic--s4{background-image:url("../images/lmcc/lmcc%E9%98%B6%E6%AE%B54.png")}

/* S5 提示词 · 智能体 · 安全伦理 */
.a-proj__pic--s5{background-image:url("../images/lmcc/lmcc%E9%98%B6%E6%AE%B55.png")}