/* =========================================================
   内页通用样式（线路详情 / 资讯详情 / 协议页）
   ========================================================= */

/* =========================================================
   线路专题页
   ========================================================= */

/* 锚点滚动预留：顶部导航 + 专题子导航 */
#overview,#coverage,#guide,#topicFaq{scroll-margin-top:132px}

/* ---------- 专题首屏 ---------- */
.topic-hero{background:linear-gradient(115deg,#0B1B2E,#123258 55%,#1A4C86);color:#fff;padding:22px 0 48px}
.topic-hero__main{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:44px;align-items:center;margin-top:16px}
.topic-hero__tag{
  display:inline-block;height:26px;padding:0 12px;border-radius:999px;line-height:26px;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.26);font-size:12.5px;color:#DCE7F5;
}
.topic-hero h1{margin:16px 0 14px;font-size:34px;line-height:1.34;color:#fff;letter-spacing:.4px}
.topic-hero h1 em{display:block;margin-top:10px;font-style:normal;font-size:17px;font-weight:500;color:#9DC2EE}
.topic-hero__desc{max-width:620px;font-size:15px;color:rgba(255,255,255,.8)}
.topic-hero__btns{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.topic-hero__stats{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:12px}
.topic-hero__stats li{display:flex;flex-direction:column}
.topic-hero__stats strong{font-size:26px;line-height:1.2;color:#fff}
.topic-hero__stats span{font-size:12.5px;color:rgba(255,255,255,.66)}

/* ---------- 专题子导航 ---------- */
.subnav{position:sticky;top:var(--header-h);z-index:50;background:rgba(255,255,255,.96);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line)}
.subnav__inner{display:flex;align-items:center;gap:26px;height:56px}
.subnav__a{position:relative;padding:6px 2px;font-size:15px;color:var(--ink-3);transition:color .18s var(--ease)}
.subnav__a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--brand);transform:scaleX(0);transition:transform .22s var(--ease)}
.subnav__a:hover{color:var(--brand)}
.subnav__a.is-active{color:var(--brand);font-weight:600}
.subnav__a.is-active::after{transform:scaleX(1)}
.subnav__cta{margin-left:auto}

/* ---------- 线路总览表 ---------- */
.ltable-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.ltable{width:100%;min-width:960px;border-collapse:collapse;font-size:14px}
.ltable thead th{
  padding:13px 16px;background:var(--bg-soft);border-bottom:1px solid var(--line);
  text-align:left;font-weight:600;color:var(--ink);white-space:nowrap;
}
.ltable tbody tr+tr td,.ltable tbody tr+tr th{border-top:1px solid var(--line-soft)}
.ltable tbody tr:hover{background:#FBFCFE}
.ltable td,.ltable tbody th{padding:16px;vertical-align:top}
.ltable__route{text-align:left;font-weight:600}
.ltable__route a{display:block;font-size:15.5px;color:var(--ink)}
.ltable__route a:hover{color:var(--brand)}
.ltable__route em{
  display:inline-block;margin-top:6px;padding:1px 8px;border-radius:4px;
  background:var(--brand-100);color:var(--brand);font-size:11.5px;font-style:normal;font-weight:500;
}
.ltable__plans{min-width:280px}
.ltable__pl{display:flex;flex-direction:column;gap:6px}
.ltable__pl li{display:flex;align-items:baseline;gap:8px;font-size:13px;line-height:1.6}
.ltable__pl span{color:var(--ink-3);min-width:104px}
.ltable__pl b{color:var(--accent-600);font-weight:700;white-space:nowrap}
.ltable__pl i{font-style:normal;color:var(--ink-3);font-size:12px;white-space:nowrap}
.ltable__op{white-space:nowrap}
.ltable__link{
  display:inline-block;padding:6px 14px;border:1px solid var(--brand);border-radius:6px;
  font-size:13px;color:var(--brand);transition:all .18s var(--ease);
}
.ltable__link:hover{background:var(--brand);color:#fff}
.ltable__note{margin-top:14px;font-size:12.5px;color:var(--ink-3)}

/* ---------- 覆盖城市 ---------- */
.region{padding:20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.region h3{display:flex;align-items:baseline;justify-content:space-between;font-size:16px}
.region h3 em{font-style:normal;font-size:12px;font-weight:500;color:var(--ink-3)}
.region__cities{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.region__cities span{
  padding:4px 11px;border:1px solid var(--line);border-radius:6px;
  font-size:13px;color:var(--ink-2);background:var(--bg-soft);
}
.coverage__cta{
  margin-top:24px;padding:22px;text-align:center;
  background:#fff;border:1px dashed #C9D8EC;border-radius:var(--radius);
}
.coverage__cta p{margin-bottom:12px;font-size:15px;color:var(--ink-2)}

/* ---------- 选型指南 ---------- */
.guide{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:20px}
.guide h3{padding:16px 24px;background:var(--brand-100);color:var(--brand);font-size:17px}
.guide__desc{padding:16px 24px 0;font-size:14.5px;color:var(--ink-2);line-height:1.8}
.guide__table{width:100%;margin-top:16px;border-collapse:collapse;font-size:14px}
.guide__table th,.guide__table td{padding:11px 16px;border-top:1px solid var(--line);text-align:left;vertical-align:top}
.guide__table thead th{background:#fff;border-bottom:1px solid var(--line);font-weight:600}
.guide__table tbody th{font-weight:500;color:var(--ink);width:22%;background:var(--bg-soft)}
.guide__table td{color:var(--ink-2)}
.guide__tip{
  margin:0;padding:14px 24px;background:var(--bg-soft);border-top:1px solid var(--line-soft);
  font-size:13.5px;color:var(--ink-3);line-height:1.8;
}
.guide__tip b{color:var(--ink-2)}

/* ---------- 面包屑 ---------- */
.crumbs{display:flex;align-items:center;gap:8px;padding:20px 0 0;font-size:13px;color:var(--ink-3)}
.crumbs a:hover{color:var(--brand)}
.crumbs span{opacity:.5}
.crumbs b{color:var(--ink);font-weight:600}

/* ---------- 线路头部 ---------- */
.route-hero{background:linear-gradient(115deg,#0B1B2E,#123258 55%,#1A4C86);color:#fff;padding:26px 0 46px}
.route-hero__main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start;margin-top:18px}
.route-hero__tag{
  display:inline-block;height:26px;padding:0 12px;border-radius:999px;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.26);
  font-size:12.5px;color:#DCE7F5;line-height:26px;
}
.route-hero h1{margin:14px 0 12px;font-size:34px;color:#fff;letter-spacing:.5px}
.route-hero__summary{max-width:640px;font-size:15px;color:rgba(255,255,255,.78)}
.route-hero__meta{display:flex;flex-wrap:wrap;gap:32px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16)}
.route-hero__meta dt{font-size:12.5px;color:rgba(255,255,255,.6)}
.route-hero__meta dd{margin-top:4px;font-size:16px;font-weight:600;color:#fff}
.route-hero__cta{
  padding:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:12px;
}
.route-hero__cta p{margin-bottom:14px;font-size:14px;color:rgba(255,255,255,.8)}
.route-hero__cta .btn+.btn{margin-top:10px}

/* ---------- 业务区块 ---------- */
.biz{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  margin-bottom:20px;scroll-margin-top:100px;
}
.biz__head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:16px 24px;border-bottom:1px solid var(--line);
}
.biz__head h3{font-size:18px}
.biz__head span{font-size:13px;color:var(--ink-3)}
.biz__head--blue{background:#E8F0FA;border-bottom-color:#D3E2F4}
.biz__head--blue h3{color:var(--blue)}
.biz__head--orange{background:#FDEDE1;border-bottom-color:#F7D9BF}
.biz__head--orange h3{color:var(--accent-600)}
.biz__head--slate{background:#ECEFF4;border-bottom-color:#DCE2EA}
.biz__head--slate h3{color:var(--slate)}
.biz__body{padding:20px 24px 24px}
.biz__desc{font-size:14.5px;color:var(--ink-2);line-height:1.8}
.biz__table{width:100%;margin-top:16px;border-collapse:collapse;font-size:14px}
.biz__table th,.biz__table td{padding:11px 14px;border:1px solid var(--line);text-align:left}
.biz__table thead th{background:var(--bg-soft);color:var(--ink);font-weight:600;white-space:nowrap}
.biz__table tbody th{font-weight:500;color:var(--ink-2);width:34%}
.biz__table td.p{color:var(--accent-600);font-weight:700;white-space:nowrap}
.biz__table td.t{color:var(--ink-3);white-space:nowrap}
.biz__notes{margin-top:16px;display:flex;flex-direction:column;gap:7px}
.biz__notes li{position:relative;padding-left:15px;font-size:13px;color:var(--ink-3);line-height:1.75}
.biz__notes li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--brand);opacity:.5}
.biz__body .btn{margin-top:18px}

/* ---------- 新闻列表（传统列表版式） ---------- */
.news-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;margin-top:26px;align-items:start}

.news-filter{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:16px;border-bottom:2px solid var(--line)}
.news-filter button{
  height:34px;padding:0 16px;border:1px solid var(--line);background:#fff;border-radius:999px;
  font-family:inherit;font-size:14px;color:var(--ink-2);cursor:pointer;transition:all .2s var(--ease);
}
.news-filter button:hover{border-color:var(--brand);color:var(--brand)}
.news-filter button.is-active{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}
.news-filter button i{margin-left:3px;font-style:normal;font-size:12px;opacity:.55}
.news-filter button.is-active i{opacity:.85}
.news-count{padding:14px 0 4px;font-size:13px;color:var(--ink-3)}
.news-count b{color:var(--brand);font-weight:600}
.news-list--boxed{border:1px solid var(--line);border-radius:var(--radius);padding:0 20px}
.news-list--boxed .news-row:last-child{border-bottom:0}

.news-list{display:flex;flex-direction:column}
.news-row{border-bottom:1px solid var(--line-soft)}
.news-row a{
  display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:20px;align-items:center;
  padding:22px 6px;transition:background .2s var(--ease);
}
.news-row a:hover{background:var(--bg-soft)}
.news-row__date{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:78px;padding:8px 0;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);
}
.news-row__date b{font-size:24px;line-height:1.15;color:var(--ink);font-weight:700}
.news-row__date span{margin-top:2px;font-size:11.5px;color:var(--ink-3)}
.news-row__main h3{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  font-size:17px;line-height:1.6;transition:color .2s var(--ease);
}
.news-row a:hover .news-row__main h3{color:var(--brand)}
.news-row__main p{
  margin-top:8px;font-size:13.5px;color:var(--ink-3);line-height:1.75;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.news-row__meta{margin-top:10px;display:flex;align-items:center;gap:16px;font-size:12.5px;color:var(--ink-3)}
.news-row__more{flex-shrink:0;font-size:13px;color:var(--ink-3);white-space:nowrap;transition:color .2s var(--ease)}
.news-row a:hover .news-row__more{color:var(--brand)}
.news-empty{padding:60px 0;text-align:center;font-size:14px;color:var(--ink-3)}

/* 分类标签 */
.tag{
  display:inline-block;height:22px;padding:0 9px;border-radius:4px;
  font-size:12px;line-height:22px;font-weight:600;vertical-align:middle;
}
.tag--blue{background:var(--brand-100);color:var(--brand)}
.tag--orange{background:#FDEDE1;color:var(--accent-600)}
.tag--slate{background:#ECEFF4;color:var(--slate)}
.tag--teal{background:#E3F3F4;color:var(--teal)}
.tag--red{background:#FEE2E2;color:#DC2626}
.tag--green{background:#E6F6EC;color:#16794A}
.tag--indigo{background:#EEF0FB;color:#4F46E5}
.tag--new{background:var(--accent);color:#fff}

/* 分页 */
.pager{display:flex;justify-content:center;align-items:center;gap:8px;padding:34px 0 4px}
.pager button{
  min-width:38px;height:38px;padding:0 12px;border:1px solid var(--line);background:#fff;border-radius:var(--radius-sm);
  font-family:inherit;font-size:14px;color:var(--ink-2);cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;transition:all .2s var(--ease);
}
.pager button:hover:not([disabled]){border-color:var(--brand);color:var(--brand)}
.pager button.is-active{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}
.pager button[disabled]{opacity:.45;cursor:not-allowed}

/* 侧栏卡片 */
.sbox{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:18px}
.sbox__title{
  position:relative;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line-soft);font-size:15.5px;
}
.sbox__title::after{content:"";position:absolute;left:0;bottom:-1px;width:38px;height:2px;background:var(--brand)}
.hotlist{display:flex;flex-direction:column;gap:13px}
.hotlist a{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start}
.hotlist i{
  width:20px;height:20px;margin-top:2px;border-radius:4px;background:var(--line-soft);color:var(--ink-3);
  font-style:normal;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;
}
.hotlist li:nth-child(1) i,.hotlist li:nth-child(2) i,.hotlist li:nth-child(3) i{background:var(--brand);color:#fff}
.hotlist p{font-size:13.5px;line-height:1.65;color:var(--ink-2);transition:color .2s var(--ease)}
.hotlist a:hover p{color:var(--brand)}
.hotlist em{display:block;margin-top:4px;font-style:normal;font-size:12px;color:var(--ink-3)}
.slinks{display:flex;flex-wrap:wrap;gap:8px}
.slinks a{
  height:32px;padding:0 12px;border:1px solid var(--line);border-radius:999px;font-size:13px;color:var(--ink-2);
  display:inline-flex;align-items:center;transition:all .2s var(--ease);
}
.slinks a:hover{border-color:var(--brand);background:var(--brand-100);color:var(--brand)}
.sbox--cta{background:linear-gradient(160deg,#0B1B2E,#1A4C86);border-color:transparent}
.sbox--cta .sbox__title{color:#fff;border-bottom-color:rgba(255,255,255,.18)}
.sbox--cta .sbox__title::after{background:var(--accent)}
.sbox--cta p{margin-bottom:16px;font-size:13.5px;color:rgba(255,255,255,.75);line-height:1.8}
.btn--block{display:flex;width:100%;justify-content:center}
.sbox__tel{display:block;margin-top:14px;text-align:center;font-size:22px;font-weight:700;color:#fff;letter-spacing:.5px}
.sbox__note{display:block;margin-top:6px;text-align:center;font-size:12px;color:rgba(255,255,255,.6)}

@media (max-width:1024px){
  .news-layout{grid-template-columns:1fr;gap:30px}
}
@media (max-width:640px){
  .news-row a{grid-template-columns:1fr;gap:12px;padding:18px 4px}
  .news-row__date{
    flex-direction:row;align-items:baseline;justify-content:flex-start;gap:6px;
    width:auto;padding:0;background:none;border:0;
  }
  .news-row__date b{font-size:16px}
  .news-row__main h3{font-size:16px}
  .news-row__more{display:none}
  .pager{gap:6px}
  .pager button{min-width:34px;height:34px;padding:0 9px;font-size:13px}
}

/* ---------- 资讯详情 ---------- */
.article{padding:34px 0 10px}
.article__head{max-width:820px;margin:0 auto}
.article__cat{display:inline-block;height:26px;padding:0 12px;border-radius:999px;background:var(--brand-100);color:var(--brand);font-size:13px;line-height:26px}
.article__head h1{margin:16px 0 14px;font-size:34px;line-height:1.4}
.article__meta{display:flex;gap:20px;font-size:13px;color:var(--ink-3)}
.article__lead{
  margin-top:20px;padding:16px 20px;background:var(--bg-soft);border-left:3px solid var(--brand);
  border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:15px;color:var(--ink-2);line-height:1.85;
}
.article__body{max-width:820px;margin:0 auto;padding-top:30px}
.article__body h2{margin:32px 0 12px;font-size:21px;padding-left:14px;border-left:4px solid var(--brand)}
.article__body p{margin-bottom:14px;font-size:16px;line-height:1.95;color:var(--ink-2)}
.article__foot{
  max-width:820px;margin:36px auto 0;padding:22px 24px;background:var(--bg-soft);
  border:1px solid var(--line-soft);border-radius:var(--radius);
}
.article__foot h4{margin-bottom:10px;font-size:15px}
.article__foot p{font-size:13.5px;color:var(--ink-3);line-height:1.8}

/* 上下篇导航 */
.article__nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:820px;margin:34px auto 0}
.article__nav-item{
  display:block;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-sm);
  transition:all .2s var(--ease);
}
.article__nav-item:hover{border-color:var(--brand);background:var(--bg-soft)}
.article__nav-item span{display:block;font-size:12px;color:var(--ink-3)}
.article__nav-item b{display:block;margin-top:5px;font-size:14px;font-weight:500;line-height:1.6;color:var(--ink)}
.article__nav-item:hover b{color:var(--brand)}
.article__nav-item--next{text-align:right}

/* ---------- 协议页 ---------- */
.legal{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px 38px;margin:34px 0}
.legal h1{margin-bottom:8px;font-size:28px}
.legal__date{font-size:13px;color:var(--ink-3);padding-bottom:18px;border-bottom:1px solid var(--line)}
.legal h2{margin:28px 0 10px;font-size:19px}
.legal p{font-size:14.5px;line-height:1.9;color:var(--ink-2)}
.legal ul{margin:10px 0;display:flex;flex-direction:column;gap:6px}
.legal li{position:relative;padding-left:16px;font-size:14.5px;color:var(--ink-2);line-height:1.85}
.legal li::before{content:"";position:absolute;left:2px;top:12px;width:5px;height:5px;border-radius:50%;background:var(--brand);opacity:.5}

@media (max-width:1024px){
  .route-hero__main{grid-template-columns:1fr;gap:26px}
  .route-hero h1{font-size:27px}
  .legal{padding:26px 22px}
  .topic-hero__main{grid-template-columns:1fr;gap:26px}
  .topic-hero h1{font-size:27px}
  .topic-hero h1 em{font-size:15.5px}
  .topic-hero__stats{grid-template-columns:repeat(4,1fr)}
  .subnav__inner{gap:18px;overflow-x:auto;white-space:nowrap}
  .subnav__cta{margin-left:12px}
  .guide__table tbody th{width:26%}
}
@media (max-width:640px){
  .biz__head{padding:14px 18px}
  .biz__body{padding:16px 18px 20px}
  .biz__table{font-size:13px}
  .biz__table th,.biz__table td{padding:9px 10px}
  .biz__table tbody th{width:auto}
  .article__head h1{font-size:25px}
  .article__body h2{font-size:18px}
  .article__body p{font-size:15px}
  .article__nav{grid-template-columns:1fr}
  .article__nav-item--next{text-align:left}
  .news-list--boxed{padding:0 14px}

  /* 线路专题页 */
  .topic-hero{padding:16px 0 36px}
  .topic-hero h1{font-size:23px}
  .topic-hero h1 em{font-size:14px;margin-top:8px}
  .topic-hero__stats{grid-template-columns:1fr 1fr;gap:14px;padding:18px}
  .topic-hero__stats strong{font-size:22px}
  .topic-hero__btns .btn{flex:1}
  .subnav__inner{height:50px;gap:16px}
  .subnav__a{font-size:14px}
  .ltable{min-width:840px}
  .ltable td,.ltable tbody th{padding:13px 14px}
  .ltable__pl span{min-width:88px}
  .guide h3{padding:14px 18px;font-size:16px}
  .guide__desc{padding:14px 18px 0}
  .guide__table{font-size:13px}
  .guide__table th,.guide__table td{padding:9px 12px}
  .guide__table tbody th{width:auto;min-width:84px}
  .guide__tip{padding:12px 18px}
  .region{padding:16px}
}

/* =========================================================
   企业信息页（关于我们 / 公司介绍 / 招聘 / 联系 / 运力合作）
   ========================================================= */

/* ---------- 正文排版 ---------- */
.prose p{font-size:15px;line-height:1.95;color:var(--ink-2)}
.prose p+p{margin-top:14px}
.prose p b{color:var(--ink);font-weight:600}
.lead{font-size:16px;line-height:1.9;color:var(--ink-2)}
.ab-note{margin-top:12px;font-size:13px;color:var(--ink-3);line-height:1.75}

/* ---------- 数据条 ---------- */
.stat-strip{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
}
.stat-strip li{padding:22px 20px;background:#fff;text-align:center}
.stat-strip strong{display:block;font-size:28px;line-height:1.2;color:var(--brand);font-weight:700}
.stat-strip strong em{font-style:normal;font-size:15px;margin-left:2px}
.stat-strip span{display:block;margin-top:6px;font-size:13px;color:var(--ink-3)}

/* ---------- 使命 / 愿景 / 价值观 ---------- */
.mvv{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mvv__card{padding:28px 26px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);border-top:3px solid var(--brand)}
.mvv__card--accent{border-top-color:var(--accent)}
.mvv__card--teal{border-top-color:var(--teal)}
.mvv__eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:2px;color:var(--ink-3)}
.mvv__card h3{margin:8px 0 10px;font-size:20px}
.mvv__card p{font-size:14.5px;color:var(--ink-3);line-height:1.85}

/* ---------- 价值观 / 通用要点卡 ---------- */
.vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.vcard{padding:24px 22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);transition:transform .22s var(--ease),box-shadow .22s var(--ease)}
.vcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.vcard__ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin-bottom:14px}
.vcard__ico svg{width:24px;height:24px}
.vcard h3{font-size:17px}
.vcard p{margin-top:8px;font-size:13.5px;color:var(--ink-3);line-height:1.75}
.vcard--blue .vcard__ico{background:#E8F0FA;color:var(--blue)}
.vcard--teal .vcard__ico{background:#E2F3F4;color:var(--teal)}
.vcard--orange .vcard__ico{background:#FDEDE1;color:var(--orange)}
.vcard--slate .vcard__ico{background:#ECEFF4;color:var(--slate)}
.vcard--green .vcard__ico{background:#E3F5EA;color:#15803D}
.vcard--red .vcard__ico{background:#FEE2E2;color:#DC2626}

/* ---------- 发展历程时间轴 ---------- */
.timeline{position:relative;margin-top:8px;padding-left:6px}
.tl{position:relative;padding:0 0 28px 30px;border-left:2px solid var(--line)}
.tl:last-child{padding-bottom:0;border-left-color:transparent}
.tl::before{
  content:"";position:absolute;left:-9px;top:4px;width:16px;height:16px;border-radius:50%;
  background:#fff;border:3px solid var(--brand);
}
.tl--milestone::before{border-color:var(--accent)}
.tl__year{display:inline-block;font-size:13px;font-weight:700;letter-spacing:1px;color:var(--brand)}
.tl--milestone .tl__year{color:var(--accent-600)}
.tl h4{margin:4px 0 6px;font-size:17px}
.tl p{font-size:14px;color:var(--ink-3);line-height:1.8}

/* ---------- 资质证照 ---------- */
.certs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cert{padding:22px 20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);text-align:center}
.cert__ico{
  width:52px;height:52px;margin:0 auto 14px;border-radius:12px;display:grid;place-items:center;
  background:var(--brand-100);color:var(--brand);
}
.cert__ico svg{width:26px;height:26px}
.cert h4{font-size:15.5px}
.cert p{margin-top:7px;font-size:12.5px;color:var(--ink-3);line-height:1.7}

/* ---------- 合作模式 / 步骤 ---------- */
.psteps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:pstep}
.pstep{position:relative;padding:24px 22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.pstep::before{
  counter-increment:pstep;content:counter(pstep);
  position:absolute;right:16px;top:14px;font-size:34px;font-weight:700;color:var(--brand);opacity:.12;line-height:1;
}
.pstep h4{font-size:17px}
.pstep p{margin-top:9px;font-size:13.5px;color:var(--ink-3);line-height:1.8}

/* ---------- 在招职位 ---------- */
.jobs{display:flex;flex-direction:column;gap:14px}
.job{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.job__head{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:18px 24px;text-align:left;transition:background .18s var(--ease);
}
.job__head:hover{background:var(--bg-soft)}
.job__head > span{display:block;min-width:0}
.job__title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.job__title b{font-size:17px;color:var(--ink);font-weight:700}
.job__pay{font-size:15px;font-weight:700;color:var(--accent-600)}
.job__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.job__tags span{padding:2px 10px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--line);font-size:12px;color:var(--ink-3)}
.job__toggle{position:relative;flex-shrink:0;width:18px;height:18px}
.job__toggle::before,.job__toggle::after{
  content:"";position:absolute;left:0;top:8px;width:18px;height:2px;background:var(--ink-3);border-radius:2px;
  transition:transform .22s var(--ease);
}
.job__toggle::after{transform:rotate(90deg)}
.job.is-open .job__toggle::after{transform:rotate(0)}
.job.is-open .job__head{background:var(--bg-soft)}
.job__body{display:none;padding:4px 24px 22px;border-top:1px solid var(--line-soft)}
.job.is-open .job__body{display:block;animation:fadeUp .24s var(--ease)}
.job__meta{display:flex;flex-wrap:wrap;gap:10px 34px;padding:16px 0;border-bottom:1px dashed var(--line)}
.job__meta div{display:flex;align-items:baseline;gap:8px;font-size:13.5px}
.job__meta span{color:var(--ink-3)}
.job__meta b{color:var(--ink);font-weight:600}
.job__cols{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding-top:18px}
.job__col h4{margin-bottom:10px;font-size:14.5px;color:var(--brand)}
.job__col ul{display:flex;flex-direction:column;gap:8px}
.job__col li{position:relative;padding-left:15px;font-size:13.5px;color:var(--ink-2);line-height:1.75}
.job__col li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--brand);opacity:.45}
.job__apply{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap}

/* ---------- 福利待遇 ---------- */
.welfare{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.wf{display:flex;gap:14px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.wf__ico{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;background:var(--brand-100);color:var(--brand)}
.wf__ico svg{width:22px;height:22px}
.wf h4{font-size:15.5px}
.wf p{margin-top:6px;font-size:13px;color:var(--ink-3);line-height:1.7}

/* ---------- 联系方式卡 ---------- */
.cgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cbox{padding:24px 22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);transition:transform .22s var(--ease),box-shadow .22s var(--ease)}
.cbox:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.cbox__ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin-bottom:14px}
.cbox__ico svg{width:24px;height:24px}
.cbox__ico--blue{background:#E8F0FA;color:var(--blue)}
.cbox__ico--orange{background:#FDEDE1;color:var(--orange)}
.cbox__ico--teal{background:#E2F3F4;color:var(--teal)}
.cbox__ico--green{background:#E3F5EA;color:#15803D}
.cbox h3{font-size:16px}
.cbox strong{display:block;margin-top:10px;font-size:19px;color:var(--brand);letter-spacing:.3px}
.cbox p{margin-top:8px;font-size:13px;color:var(--ink-3);line-height:1.75}

/* ---------- 表单卡片 ---------- */
.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px 32px}
.form-card__head{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--line-soft)}
.form-card__head h3{font-size:19px}
.form-card__head p{margin-top:7px;font-size:13.5px;color:var(--ink-3)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-grid .field--full{grid-column:1/-1}
.form-grid .field--full .btn{margin-top:4px}
.field textarea{
  min-height:110px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);
  background:#fff;font-size:14.5px;color:var(--ink);width:100%;resize:vertical;line-height:1.7;
  transition:border-color .18s var(--ease),box-shadow .18s var(--ease);
}
.field textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(20,83,154,.1)}
.field.is-error textarea{border-color:#DC2626;box-shadow:0 0 0 3px rgba(220,38,38,.1)}

/* ---------- 地图占位 ---------- */
.map{
  position:relative;aspect-ratio:16/7;min-height:260px;border-radius:var(--radius);overflow:hidden;
  background:
    linear-gradient(180deg,rgba(20,83,154,.06),rgba(20,83,154,.12)),
    repeating-linear-gradient(0deg,rgba(20,83,154,.12) 0 1px,transparent 1px 40px),
    repeating-linear-gradient(90deg,rgba(20,83,154,.12) 0 1px,transparent 1px 40px),
    var(--bg-soft);
  border:1px solid var(--line);
}
.map__pin{
  position:absolute;left:50%;top:46%;transform:translate(-50%,-100%);
  display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--brand);
}
.map__pin svg{width:38px;height:38px;filter:drop-shadow(0 6px 10px rgba(20,83,154,.28))}
.map__pin span{padding:5px 12px;border-radius:6px;background:#fff;box-shadow:var(--shadow-sm);font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap}
.map__tip{position:absolute;left:20px;bottom:18px;padding:8px 14px;border-radius:8px;background:rgba(11,27,46,.82);color:#fff;font-size:12.5px}

/* ---------- 双栏（左文右卡） ---------- */
.ab-split{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:40px;align-items:start}
.ab-side{padding:26px 24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.ab-side h3{font-size:17px;padding-bottom:12px;border-bottom:1px solid var(--line-soft)}
.ab-side ul{margin-top:14px;display:flex;flex-direction:column;gap:12px}
.ab-side li{position:relative;padding-left:16px;font-size:13.5px;color:var(--ink-2);line-height:1.75}
.ab-side li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--brand);opacity:.45}
.ab-side li b{color:var(--ink);font-weight:600}
.ab-side .btn{margin-top:20px;width:100%}

@media (max-width:1024px){
  .mvv,.vgrid,.certs,.psteps,.cgrid{grid-template-columns:repeat(2,1fr)}
  .welfare{grid-template-columns:repeat(2,1fr)}
  .ab-split{grid-template-columns:1fr;gap:26px}
  .form-card{padding:24px 22px}
}
@media (max-width:640px){
  .stat-strip{grid-template-columns:1fr 1fr}
  .stat-strip strong{font-size:23px}
  .mvv,.vgrid,.certs,.psteps,.cgrid,.welfare{grid-template-columns:1fr}
  .job__head{padding:16px 18px}
  .job__body{padding:4px 18px 20px}
  .job__cols{grid-template-columns:1fr;gap:20px}
  .job__meta{gap:8px 22px}
  .form-grid{grid-template-columns:1fr}
  .map{aspect-ratio:4/3}
}

/* =========================================================
   核心业务详情页
   ========================================================= */
#logistics,#line,#car,#heavy,#danger{scroll-margin-top:126px}

.bsvc{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.bsvc+.bsvc{margin-top:24px}
.bsvc__head{display:flex;align-items:center;gap:18px;padding:26px 28px;border-bottom:1px solid var(--line)}
.bsvc__head--blue{background:#E8F0FA;border-bottom-color:#D3E2F4}
.bsvc__head--teal{background:#E2F3F4;border-bottom-color:#C9E6E8}
.bsvc__head--orange{background:#FDEDE1;border-bottom-color:#F7D9BF}
.bsvc__head--slate{background:#ECEFF4;border-bottom-color:#DCE2EA}
.bsvc__head--red{background:#FEE2E2;border-bottom-color:#F7CFCE}
.bsvc__icon{width:56px;height:56px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:#fff}
.bsvc__icon svg{width:32px;height:32px}
.bsvc__icon--blue{color:var(--blue)}
.bsvc__icon--teal{color:var(--teal)}
.bsvc__icon--orange{color:var(--orange)}
.bsvc__icon--slate{color:var(--slate)}
.bsvc__icon--red{color:#DC2626}
.bsvc__eyebrow{display:block;font-size:12.5px;letter-spacing:1.2px;color:var(--ink-3)}
.bsvc__head h2{margin-top:5px;font-size:24px;letter-spacing:.3px}
.bsvc__lead{margin-top:9px;font-size:14.5px;color:var(--ink-2);line-height:1.8}

.bsvc__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:30px;padding:26px 28px}
.bsvc__col h3{display:flex;align-items:center;gap:8px;font-size:16px;padding-bottom:12px;border-bottom:1px solid var(--line-soft)}
.bsvc__col h3::before{content:"";width:3px;height:15px;border-radius:2px;background:var(--brand)}
.bsvc__list{margin-top:14px;display:flex;flex-direction:column;gap:11px}
.bsvc__list li{position:relative;padding-left:16px;font-size:14px;color:var(--ink-2);line-height:1.75}
.bsvc__list li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--brand);opacity:.45}
.bsvc__list li b{color:var(--ink);font-weight:600}

.bsvc__table{width:100%;margin-top:14px;border-collapse:collapse;font-size:13.5px}
.bsvc__table th,.bsvc__table td{padding:9px 12px;border:1px solid var(--line);text-align:left;vertical-align:top}
.bsvc__table thead th{background:var(--bg-soft);font-weight:600;color:var(--ink);white-space:nowrap}
.bsvc__table tbody th{font-weight:500;color:var(--ink-2);width:30%}
.bsvc__table td.p{color:var(--accent-600);font-weight:700;white-space:nowrap}
.bsvc__table td.t{color:var(--ink-3);white-space:nowrap}
.bsvc__table td.ok{color:#15803D;font-weight:600;white-space:nowrap}
.bsvc__table td.no{color:#DC2626;font-weight:600;white-space:nowrap}
.bsvc__note{margin-top:12px;font-size:12.5px;color:var(--ink-3);line-height:1.7}

.bsvc__foot{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:18px 28px;background:var(--bg-soft);border-top:1px solid var(--line-soft);
}
.bsvc__tags{display:flex;flex-wrap:wrap;gap:8px}
.bsvc__tags span{padding:4px 11px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:12.5px;color:var(--ink-3)}
.bsvc__btns{display:flex;gap:10px;flex-wrap:wrap}
.bsvc__btns .btn{height:40px;padding:0 18px;font-size:14px}

@media (max-width:1024px){
  .bsvc__grid{grid-template-columns:1fr;gap:24px}
}
@media (max-width:640px){
  #logistics,#line,#car,#heavy,#danger{scroll-margin-top:112px}
  .bsvc+.bsvc{margin-top:18px}
  .bsvc__head{padding:20px 18px;gap:14px}
  .bsvc__icon{width:46px;height:46px;border-radius:10px}
  .bsvc__icon svg{width:26px;height:26px}
  .bsvc__head h2{font-size:20px}
  .bsvc__grid{padding:20px 18px;gap:24px}
  .bsvc__table{font-size:12.5px}
  .bsvc__table th,.bsvc__table td{padding:8px 9px}
  .bsvc__table tbody th{width:auto}
  .bsvc__foot{padding:16px 18px}
  .bsvc__btns{width:100%}
  .bsvc__btns .btn{flex:1}
}