/* ============================================================
   meiqihua.html · 煤气作业 页面样式
   独特类名前缀 mq-
   ============================================================ */

/* ===== Hero：煤气管道暗底 ===== */
.mq-hero{position:relative;min-height:560px;display:flex;align-items:center;padding-top:var(--header-h);background:var(--c1);overflow:hidden}
.mq-hero__bg{position:absolute;inset:0}
.mq-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 40%}
.mq-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(95deg,rgba(21,24,27,.95) 25%,rgba(21,24,27,.6) 60%,rgba(21,24,27,.4))}
.mq-hero__inner{position:relative;z-index:2;padding-block:90px}
.mq-hero__kick{font-family:var(--font-en);font-size:12px;letter-spacing:.24em;color:var(--o1);margin-bottom:16px}
.mq-hero h1{font-size:clamp(38px,5.6vw,64px);font-weight:900;margin-bottom:18px}
.mq-hero__desc{max-width:520px;color:#D6DBD2;font-size:15.5px;margin-bottom:28px}
.mq-hero__cta{display:flex;flex-wrap:wrap;gap:14px}

/* ===== 作业风险（米白） ===== */
.mq-risk__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mq-risk__card{padding:34px 28px;background:#fff;border:1px solid var(--line-l);box-shadow:0 10px 30px rgba(20,24,27,.06);border-top:3px solid var(--o1)}
.mq-risk__no{font-family:var(--font-en);font-size:44px;font-weight:900;color:transparent;-webkit-text-stroke:1.5px var(--o1);display:block;margin-bottom:16px}
.mq-risk__card h3{font-size:19px;color:var(--c1);margin-bottom:10px}
.mq-risk__card p{font-size:14px;color:#5A6158;line-height:1.75}

/* ===== 报考条件 ===== */
.mq-tj{background:var(--c1)}
.mq-tj__wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.mq-tj__title{font-size:clamp(24px,2.6vw,34px);font-weight:900;margin:12px 0 24px}
.mq-tj__list li{position:relative;padding:12px 0 12px 30px;border-bottom:1px dashed var(--line-d);color:#D6DBD2;font-size:14.5px}
.mq-tj__list li::before{content:"";position:absolute;left:0;top:19px;width:18px;height:2px;background:var(--o1)}
.mq-tj__more{margin-top:20px;font-size:14px;color:var(--g4)}
.mq-tj__more a{color:var(--o1)}
.mq-tj__img img{width:100%;height:auto;border:1px solid var(--line-d)}

/* ===== 安全要点 ===== */
.mq-key__list{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.mq-key__list li{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:20px 0;border-bottom:1px dashed var(--line-d)}
.mq-key__list li>span{font-family:var(--font-en);font-size:32px;font-weight:900;color:transparent;-webkit-text-stroke:1.5px var(--o1)}
.mq-key__list h3{font-size:16.5px;margin-bottom:6px}
.mq-key__list p{font-size:13.5px;color:var(--g4)}

/* ===== 适用单位提示条 ===== */
.mq-unit{padding:80px 0;background:var(--g1)}
.mq-unit__inner{display:grid;grid-template-columns:420px 1fr;gap:48px;align-items:center}
.mq-unit__inner img{width:100%;height:auto;border:1px solid rgba(255,255,255,.12)}
.mq-unit__inner h2{font-size:clamp(22px,2.6vw,32px);font-weight:900;margin:16px 0 14px}
.mq-unit__inner p{color:#C6CEBC;font-size:15px;max-width:620px}
.mq-unit__inner a{color:var(--o2);border-bottom:1px dotted rgba(244,123,51,.6)}

/* ===== 相关工种互链 ===== */
.mq-rel__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.mq-rel__card{height:100%}
.mq-rel__card:hover h3{color:var(--o2)}

/* ===== CTA（c2 居中） ===== */
.mq-cta{padding:100px 0;background:var(--c2)}
.mq-cta__inner{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}
.mq-cta__inner h2{font-size:clamp(26px,3.2vw,40px);font-weight:900;line-height:1.3;margin:12px 0 16px}
.mq-cta__inner p{color:var(--g4);font-size:15px}
.mq-cta__actions{display:grid;gap:14px}

/* ===== 响应式 ===== */
@media (max-width:1024px){
  .mq-risk__grid{grid-template-columns:1fr}
  .mq-tj__wrap,.mq-unit__inner,.mq-cta__inner{grid-template-columns:1fr;gap:36px}
  .mq-key__list{grid-template-columns:1fr}
  .mq-rel__grid{grid-template-columns:1fr}
}

/* ===== Hero 风险卡墙 ===== */
.mq-hero__inner{display:flex;flex-direction:column;gap:44px}
.mq-hero__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mq-hero__card{background:rgba(18,21,24,.72);border:1px solid rgba(224,91,32,.35);border-left:3px solid var(--o1);padding:20px 18px;backdrop-filter:blur(4px)}
.mq-hero__no{font-family:var(--font-en);font-size:26px;font-weight:900;color:var(--o1);display:block;margin-bottom:8px}
.mq-hero__card h3{font-size:16px;margin-bottom:6px}
.mq-hero__card p{font-size:12.5px;color:var(--g4);line-height:1.65}

/* ===== 应急时间线 ===== */
.mq-tl__track{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px dashed var(--line-d);margin-top:8px}
.mq-tl__track li{position:relative;padding:26px 18px 10px 0;border-left:1px dashed var(--line-d);padding-left:22px}
.mq-tl__track li:first-child{border-left:none;padding-left:0}
.mq-tl__track li::before{content:"";position:absolute;top:-5px;left:-4px;width:9px;height:9px;background:var(--o1);transform:rotate(45deg)}
.mq-tl__t{font-family:var(--font-en);font-size:12px;letter-spacing:.12em;color:var(--o1);display:block;margin-bottom:10px}
.mq-tl__track h3{font-size:15.5px;margin-bottom:8px}
.mq-tl__track p{font-size:12.5px;color:var(--g4);line-height:1.7}

/* ===== 对照表 ===== */
.mq-cmp__tbl{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line-l)}
.mq-cmp__tbl th,.mq-cmp__tbl td{padding:14px 16px;border-bottom:1px solid var(--line-l);border-right:1px solid var(--line-l);font-size:13.5px;text-align:left;vertical-align:top;line-height:1.6}
.mq-cmp__tbl th{background:var(--c1);color:#fff;font-weight:600;letter-spacing:.04em}
.mq-cmp__tbl th:nth-child(2){color:var(--o1)}
.mq-cmp__tbl td:first-child{font-weight:700;color:var(--c1);width:14%}
.mq-cmp__tbl tr:last-child td{border-bottom:none}

/* ===== FAQ ===== */
.mq-faq__list{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mq-faq__item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-left:3px solid var(--o1);padding:18px 20px}
.mq-faq__item summary{cursor:pointer;font-size:15px;font-weight:600;list-style:none;position:relative;padding-right:26px}
.mq-faq__item summary::-webkit-details-marker{display:none}
.mq-faq__item summary::after{content:"+";position:absolute;right:0;top:0;color:var(--o1);font-size:18px;font-weight:700}
.mq-faq__item[open] summary::after{content:"–"}
.mq-faq__item p{margin-top:12px;font-size:13.5px;color:var(--g4);line-height:1.75}
.mq-faq__item a{color:var(--o1)}

/* ===== 响应式 ===== */
@media (max-width:960px){
  .mq-hero__cards{grid-template-columns:1fr}
  .mq-tl__track{grid-template-columns:1fr;gap:0}
  .mq-tl__track li{border-left:none;border-top:1px dashed var(--line-d);padding:18px 0 4px}
  .mq-tl__track li::before{left:0;top:-5px}
  .mq-faq__list{grid-template-columns:1fr}
}