/* ============================================================
   tiaojian.html 报名条件独有样式（命名空间 .tj-）
   ============================================================ */

/* ---------- Hero：条件徽章 ---------- */
.tj-hero{position:relative;background:var(--c1);padding-top:var(--header-h);overflow:hidden}
.tj-hero__bg{position:absolute;inset:0}
.tj-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 20%;opacity:.25}
.tj-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(95deg,rgba(21,24,27,.95) 35%,rgba(21,24,27,.55))}
.tj-hero__inner{position:relative;z-index:2;padding:56px 24px 84px}
.tj-hero .crumbs{padding:0 0 28px}
.tj-hero__grid{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center}
.tj-hero h1{font-size:clamp(32px,4.8vw,56px);font-weight:900;line-height:1.2;margin-top:12px}
.tj-hero__desc{color:var(--g4);margin-top:18px;max-width:540px}
.tj-hero__chips{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.tj-chip{padding:8px 18px;background:var(--c2);border:1px solid rgba(224,91,32,.45);color:var(--o2);font-weight:700;font-size:13.5px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.tj-hero__badge{justify-self:center;width:220px;height:220px;border:2px dashed var(--g3);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--g3);transform:rotate(-6deg)}
.tj-hero__badge span{font-family:var(--font-en);font-size:13px;letter-spacing:.3em;color:var(--o1)}

/* ---------- 三分类条件卡片 ---------- */
.tj-cards{background:var(--c1)}
.tj-cards__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tj-card{position:relative;background:var(--c2);border:1px solid var(--line-d);padding:34px 28px;overflow:hidden;transition:transform .3s,border-color .3s}
.tj-card:hover{transform:translateY(-6px);border-color:var(--o1)}
.tj-card__no{position:absolute;right:18px;top:8px;font-family:var(--font-en);font-size:64px;font-weight:900;color:transparent;-webkit-text-stroke:1.2px rgba(168,181,152,.25)}
.tj-card svg{color:var(--o1)}
.tj-card h3{font-size:18px;margin:16px 0 8px;position:relative}
.tj-card__big{font-family:var(--font-en);font-size:24px;font-weight:900;color:var(--o2);margin-bottom:12px}
.tj-card p{font-size:13.5px;color:var(--g4);line-height:1.8}

/* ---------- 工种条件差异表 ---------- */
.tj-table .tbl td:first-child{color:var(--c1);font-weight:700}

/* ---------- 禁考警示条 ---------- */
.tj-ban{background:var(--g1)}
.tj-ban__box{display:grid;grid-template-columns:160px 1fr;gap:30px;background:rgba(224,91,32,.08);border:1px solid rgba(224,91,32,.4);border-left:6px solid var(--o1);padding:36px}
.tj-ban__tag{align-self:start;font-family:var(--font-en);font-size:15px;font-weight:900;letter-spacing:.15em;color:var(--o1)}
.tj-ban__box h2{font-size:22px;margin-bottom:16px}
.tj-ban__list{display:grid;grid-template-columns:1fr 1fr;gap:10px 26px}
.tj-ban__list li{font-size:14px;color:var(--white);padding-left:20px;position:relative}
.tj-ban__list li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;background:var(--o1)}
.tj-ban__note{margin-top:18px;font-size:13px;color:var(--g4)}

/* ---------- 条件自测清单 ---------- */
.tj-test{background:var(--c2)}
.tj-test__box{display:grid;grid-template-columns:1.2fr .8fr;gap:0;border:1px solid var(--line-d);max-width:960px;margin:0 auto}
.tj-test__form{padding:30px 34px;display:grid;grid-template-columns:1fr 1fr;gap:14px 22px}
.tj-test__item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--white);cursor:pointer;padding:10px 12px;border:1px dashed var(--line-d);transition:border-color .25s,background .25s}
.tj-test__item:hover{border-color:var(--o1)}
.tj-test__item input{width:16px;height:16px;accent-color:var(--o1);flex-shrink:0}
.tj-test__item input:checked + span{color:var(--o2)}
.tj-test__result{background:var(--c1);padding:34px 30px;border-left:1px solid var(--line-d);display:flex;flex-direction:column;justify-content:center}
.tj-test__result b{font-family:var(--font-en);font-size:26px;color:var(--g3);margin-bottom:10px}
.tj-test__result p{font-size:13.5px;color:var(--g4);line-height:1.8}
.tj-test__result.is-ok b{color:var(--o2)}

/* ---------- 体检与学历图文 ---------- */
.tj-doc{background:var(--c1)}
.tj-doc__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.tj-doc__grid img{width:100%;height:360px;object-fit:cover;clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%)}
.tj-doc h2{font-size:clamp(22px,2.6vw,32px);margin-bottom:18px}
.tj-doc p{color:var(--g4);font-size:14.5px;line-height:1.9;margin-bottom:14px}
.tj-doc a{color:var(--o2);font-weight:700}
.tj-doc a:hover{text-decoration:underline}

/* ---------- 页底 CTA ---------- */
.tj-cta{background:var(--paper);color:var(--c1)}
.tj-cta h2{color:var(--c1)}
.tj-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.tj-cta__inner p{color:#5A6158;margin-top:10px}
.tj-cta__inner p a{color:var(--o1);font-weight:700}
.tj-cta__side{display:flex;gap:14px;flex-wrap:wrap}
.tj-cta .btn--ghost{color:var(--c1);border-color:var(--line-l)}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .tj-hero__grid{grid-template-columns:1fr}
  .tj-hero__badge{display:none}
  .tj-cards__grid{grid-template-columns:1fr}
  .tj-ban__box{grid-template-columns:1fr}
  .tj-test__box{grid-template-columns:1fr}
  .tj-test__form{grid-template-columns:1fr}
  .tj-doc__grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .tj-ban__list{grid-template-columns:1fr}
}

/* ---------- 条件不够还有三条路 ---------- */
.tj-workaround{background:var(--c1)}
.tj-workaround__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tj-workaround__grid>div{background:var(--c2);border:1px dashed var(--line-d);padding:26px 24px}
.tj-workaround__grid b{display:block;font-size:16px;color:var(--o2);margin-bottom:10px}
.tj-workaround__grid p{font-size:13.5px;color:var(--g4);line-height:1.8}
@media (max-width:1024px){.tj-workaround__grid{grid-template-columns:1fr}}

/* ---------- 工种条件表列宽 ---------- */
.tj-tcols col:nth-child(1){width:22%}
.tj-tcols col:nth-child(2){width:18%}
.tj-tcols col:nth-child(3){width:20%}
.tj-tcols col:nth-child(4){width:40%}

/* ---------- Hero 条件徽章列 ---------- */
.tj-hero__badges{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}
.tj-hbadge{display:flex;flex-direction:column;background:rgba(224,91,32,.12);border:1px solid rgba(224,91,32,.4);padding:12px 18px;min-width:108px}
.tj-hbadge b{font-family:var(--font-en);font-size:20px;font-weight:900;color:var(--o1)}
.tj-hbadge em{font-style:normal;font-size:12px;color:var(--g4);margin-top:4px}
/* Hero 自测入口卡 */
.tj-hero__test{display:flex;flex-direction:column;background:var(--c2);border:1px solid var(--o1);border-left:4px solid var(--o1);padding:26px 24px;max-width:340px;align-self:stretch;transition:.3s}
.tj-hero__test:hover{transform:translateY(-4px);background:#2A3038}
.tj-hero__test-no{font-family:var(--font-en);font-size:13px;color:var(--o1);letter-spacing:.15em}
.tj-hero__test b{font-size:20px;margin:8px 0}
.tj-hero__test p{font-size:13px;color:var(--g4);line-height:1.7;flex:1}
.tj-hero__test-go{margin-top:14px;font-size:13.5px;font-weight:700;color:var(--o1)}
/* 达标线图例 */
.tj-line{display:flex;gap:26px;margin-top:18px;font-size:13px;color:var(--g4)}
.tj-line__leg{display:inline-flex;align-items:center;gap:8px}
.tj-line__dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.tj-line__dot--ok{background:var(--g1)}
.tj-line__dot--warn{background:var(--o1)}
/* 特殊门槛行 */
.tj-table .tj-row--warn td:first-child{color:var(--o1);font-weight:700}
.tj-table .tj-row--warn td{background:rgba(224,91,32,.06)}
@media (max-width:1024px){.tj-hero__test{max-width:none}}