/* ============================================================
   gaochu.html · 高处安装、维护、拆除作业 页面样式
   独特类名前缀 gc-，斜切双景 hero
   ============================================================ */

/* ===== Hero：斜切双景 ===== */
.gc-hero{position:relative;min-height:640px;display:grid;grid-template-columns:1.05fr .95fr;padding-top:var(--header-h);background:var(--c1);overflow:hidden}
.gc-hero__panel{display:flex;flex-direction:column;justify-content:center;padding:80px 0 80px calc((100vw - 1240px)/2 + 24px);padding-left:max(24px,calc((100vw - 1240px)/2 + 24px));padding-right:48px;background:var(--c1)}
.gc-hero__panel::after{content:"";position:absolute;top:0;bottom:0;right:38%;width:120px;background:linear-gradient(105deg,var(--c1) 0%,rgba(21,24,27,0) 100%);z-index:2;pointer-events:none}
.gc-hero__kick{font-family:var(--font-en);font-size:12px;letter-spacing:.24em;color:var(--o1);margin-bottom:18px}
.gc-hero h1{font-size:clamp(36px,5vw,60px);font-weight:900;line-height:1.16;margin-bottom:20px}
.gc-hero__desc{max-width:520px;color:#D6DBD2;font-size:15.5px;margin-bottom:30px}
.gc-hero__cta{display:flex;flex-wrap:wrap;gap:14px}
.gc-hero__img{position:relative;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);overflow:hidden}
.gc-hero__img img{width:100%;height:100%;object-fit:cover}

/* ===== 作业范围 ===== */
.gc-scope__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.gc-scope__item{padding:28px 24px;background:var(--c2);border:1px solid var(--line-d);transition:transform .3s,border-color .3s}
.gc-scope__item:hover{transform:translateY(-5px);border-color:rgba(224,91,32,.45)}
.gc-scope__item span{font-family:var(--font-en);font-size:13px;font-weight:900;color:var(--o1);letter-spacing:.1em}
.gc-scope__item h3{font-size:17px;margin:10px 0 8px}
.gc-scope__item p{font-size:13.5px;color:var(--g4)}

/* ===== 安全带知识（米白） ===== */
.gc-belt__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.gc-belt__card{height:100%}

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

/* ===== 考试步骤（沿用 base steps，间距补足） ===== */
.gc-exam .steps__item a{color:var(--o2)}

/* ===== 分级数据带 ===== */
.gc-grade__row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.02)}
.gc-grade__row>div{padding:30px 24px;border-right:1px solid rgba(255,255,255,.12);text-align:center}
.gc-grade__row>div:last-child{border-right:none}
.gc-grade__row b{display:block;font-family:var(--font-en);font-size:clamp(20px,2.4vw,30px);font-weight:900;color:var(--o1);margin-bottom:8px}
.gc-grade__row span{font-size:13px;color:var(--g4)}
.gc-grade__note{margin-top:24px;font-size:14px;color:var(--g4);text-align:center}

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

/* ===== CTA：左侧文+右侧大电话 ===== */
.gc-cta{padding:96px 0;background:var(--c2);border-top:1px solid var(--line-d)}
.gc-cta__inner{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}
.gc-cta__inner h2{font-size:clamp(26px,3.2vw,40px);font-weight:900;line-height:1.25;margin:12px 0 16px}
.gc-cta__inner p{color:var(--g4);font-size:15px}
.gc-cta__inner p a{color:var(--o1)}
.gc-cta__tel{display:flex;flex-direction:column;align-items:center;padding:36px 24px;border:1px dashed rgba(224,91,32,.5);background:rgba(224,91,32,.06);text-align:center}
.gc-cta__tel small{font-size:12px;letter-spacing:.2em;color:var(--g3)}
.gc-cta__tel b{font-family:var(--font-en);font-size:clamp(28px,3.4vw,42px);font-weight:900;color:var(--o1);margin-top:8px;transition:color .25s}
.gc-cta__tel:hover b{color:var(--o2)}

/* ===== 响应式 ===== */
@media (max-width:1024px){
  .gc-hero{grid-template-columns:1fr;min-height:0}
  .gc-hero__panel{padding:96px 24px 48px}
  .gc-hero__panel::after{display:none}
  .gc-hero__img{height:320px;clip-path:polygon(0 0,100% 0,100% 100%,0 88%)}
  .gc-scope__grid,.gc-belt__grid,.gc-rel__grid{grid-template-columns:1fr 1fr}
  .gc-tj__wrap,.gc-cta__inner{grid-template-columns:1fr;gap:36px}
  .gc-grade__row{grid-template-columns:1fr 1fr}
  .gc-grade__row>div:nth-child(2){border-right:none}
  .gc-grade__row>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}
}
@media (max-width:640px){
  .gc-scope__grid,.gc-belt__grid,.gc-rel__grid,.gc-grade__row{grid-template-columns:1fr}
  .gc-grade__row>div{border-right:none;border-bottom:1px solid rgba(255,255,255,.12)}
  .gc-grade__row>div:last-child{border-bottom:none}
}
.gc-cta__pic{width:100%;height:auto;margin-bottom:14px;border:1px dashed rgba(224,91,32,.4)}
.gc-fufu{color:var(--o2)}