/* ============================================================
   tadiaoche.html · 塔吊司机证页
   区块前缀 tc-
   ============================================================ */

/* ---------- Hero：全景仰拍 ---------- */
.tc-hero{position:relative;min-height:640px;display:flex;align-items:center;overflow:hidden;padding:calc(var(--header-h) + 60px) 0 80px;background:var(--c1)}
.tc-hero__bg{position:absolute;inset:0}
.tc-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 20%;opacity:.42}
.tc-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(95deg,rgba(21,24,27,.95) 30%,rgba(21,24,27,.6) 60%,rgba(21,24,27,.3))}
.tc-hero__gridline{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}
.tc-hero__inner{position:relative;max-width:640px}
.tc-hero__crumbs{padding:0;margin-bottom:20px}
.tc-hero__kick{display:block;font-family:var(--font-en);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--o1);margin-bottom:16px}
.tc-hero h1{font-size:clamp(34px,5vw,58px);font-weight:900;line-height:1.14}
.tc-hero h1 em{font-style:normal;color:var(--g4)}
.tc-hero__desc{margin-top:20px;font-size:16px;line-height:1.8;color:var(--g4);max-width:540px}
.tc-hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.tc-hero__alt{position:absolute;right:40px;bottom:40px;font-family:var(--font-en);font-size:13px;letter-spacing:.3em;color:var(--g4);writing-mode:vertical-rl;border-right:2px solid var(--o1);padding-right:10px}

/* ---------- 驾驶室视角 ---------- */
.tc-cab{background:var(--c1)}
.tc-cab__wrap{display:grid;grid-template-columns:1.5fr 1fr;gap:0;border:1px solid var(--line-d)}
.tc-cab__img{position:relative}
.tc-cab__img img{width:100%;height:100%;min-height:380px;object-fit:cover}
.tc-cab__panel{background:var(--c2);padding:14px 26px}
.tc-cab__item{padding:20px 0;border-bottom:1px dashed var(--line-d)}
.tc-cab__item:last-child{border-bottom:none}
.tc-cab__item b{display:block;font-size:17px;color:var(--o1);margin-bottom:6px}
.tc-cab__item span{font-size:14px;color:var(--g4);line-height:1.7}
.tc-cab__item a{color:var(--o1)}

/* ---------- 日常工作 ---------- */
.tc-job__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.tc-job__item{padding:26px 22px;background:#fff;border:1px solid var(--line-l);position:relative}
.tc-job__num{font-family:var(--font-en);font-size:14px;letter-spacing:.2em;color:var(--o1);font-weight:800}
.tc-job__item h3{font-size:17px;color:var(--c1);margin:12px 0 8px}
.tc-job__item p{font-size:13.5px;color:#5A6158;line-height:1.7}

/* ---------- 工资数据带 ---------- */
.tc-pay{background:var(--c2)}
.tc-pay__strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line-d)}
.tc-pay__cell{padding:34px 20px;text-align:center;border-right:1px solid var(--line-d);background:var(--c1)}
.tc-pay__cell:last-child{border-right:none}
.tc-pay__cell b{display:block;font-family:var(--font-en);font-size:clamp(30px,3.4vw,46px);font-weight:900;color:var(--o1);line-height:1}
.tc-pay__cell span{display:block;margin-top:10px;font-size:13px;color:var(--g4);letter-spacing:.05em}
.tc-pay__note{margin-top:24px;font-size:14px;color:var(--g4);text-align:center}
/* 抢手原因三卡 */
.tc-pay__why{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
.tc-pay__reason{padding:24px 22px;background:#fff;border:1px solid var(--line-l);border-top:3px solid var(--o1)}
.tc-pay__reason b{display:block;font-size:16px;color:var(--c1);margin-bottom:8px}
.tc-pay__reason p{font-size:13.5px;color:#5A6158;line-height:1.7}

/* ---------- 报考条件 ---------- */
.tc-req__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:44px;align-items:start}
.tc-req__list li{display:flex;gap:12px;padding:14px 0;border-bottom:1px dashed var(--line-d);font-size:14.5px;color:var(--g4)}
.tc-req__list li b{flex-shrink:0;width:52px;color:var(--white)}
.tc-req__aside{background:var(--c2);border:1px solid var(--line-d);padding:28px;border-top:3px solid var(--o1)}
.tc-req__aside h3{font-size:19px;margin-bottom:16px}
.tc-req__aside p{font-size:14px;color:var(--g4);margin-bottom:12px}
.tc-req__aside p b{color:var(--white)}
.tc-req__aside a{display:inline-flex;align-items:center;gap:6px;color:var(--o1);font-weight:700;font-size:14px}

/* ---------- 多证联动辐射图 ---------- */
.tc-link{background:var(--c1)}
.tc-link__map{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:880px;margin:0 auto}
.tc-link__hub{grid-column:1 / -1;justify-self:center;text-align:center;background:var(--o1);color:#fff;padding:22px 44px;border-radius:2px}
.tc-link__hub b{display:block;font-size:22px;font-weight:900}
.tc-link__hub span{font-size:13px;opacity:.9}
.tc-link__node{padding:22px;background:var(--c2);border:1px solid var(--line-d);border-top:3px solid var(--g3);display:block;transition:border-color .25s,transform .25s}
.tc-link__node:hover{border-color:var(--o1);transform:translateY(-4px)}
.tc-link__node b{display:block;font-size:16px;color:var(--white);margin-bottom:6px}
.tc-link__node span{font-size:13px;color:var(--g4);line-height:1.6}
.tc-link__node--hot{border-top-color:var(--o1)}

/* ---------- 报名拿证时间轴 ---------- */
.tc-time__line{max-width:820px;margin:0 auto}

/* ---------- 常见问答 ---------- */
.tc-faq{background:var(--c2)}
.tc-faq__list{max-width:880px}
.tc-faq__item{padding:22px 0;border-bottom:1px dashed var(--line-d)}
.tc-faq__item h3{font-size:17px;margin-bottom:8px;color:var(--white)}
.tc-faq__item p{font-size:14px;color:var(--g4);line-height:1.75}
.tc-faq__item a{color:var(--o1);font-weight:700}

/* ---------- CTA ---------- */
.tc-cta{background:linear-gradient(150deg,var(--g1),var(--c1))}
.tc-cta__inner{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}
.tc-cta__inner h2{font-size:clamp(26px,3.4vw,40px);font-weight:900;line-height:1.25;margin:14px 0 16px}
.tc-cta__inner p{color:var(--g4);font-size:15px;max-width:470px}
.tc-cta__inner p a{color:var(--o1);font-weight:700}
.tc-cta__tel{display:inline-flex;flex-direction:column;margin-top:26px;font-family:var(--font-en);font-weight:900;font-size:34px;color:var(--o1)}
.tc-cta__tel small{font-family:var(--font-cn);font-weight:400;font-size:13px;color:var(--g4);margin-top:4px}
.tc-cta__form{background:var(--c2);border:1px solid var(--line-d);padding:32px;border-top:3px solid var(--o1)}
.tc-cta__form h3{font-size:19px;margin-bottom:18px}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .tc-cab__wrap{grid-template-columns:1fr}
  .tc-job__grid{grid-template-columns:1fr 1fr}
  .tc-pay__strip{grid-template-columns:1fr 1fr}
  .tc-pay__cell:nth-child(2){border-right:none}
  .tc-pay__cell:nth-child(-n+2){border-bottom:1px solid var(--line-d)}
  .tc-pay__why{grid-template-columns:1fr}
  .tc-req__grid{grid-template-columns:1fr;gap:28px}
  .tc-link__map{grid-template-columns:1fr}
  .tc-cta__inner{grid-template-columns:1fr;gap:36px}
  .tc-hero__alt{display:none}
}
@media (max-width:640px){
  .tc-job__grid{grid-template-columns:1fr}
  .tc-pay__strip{grid-template-columns:1fr}
  .tc-pay__cell{border-right:none;border-bottom:1px solid var(--line-d)}
}