/* ============================================================
   页面骨架：页眉、首屏、各区块、页脚
   红色计数：首屏可见范围内 = 页眉按钮 + 标题强调 + 查询按钮，共 3 处
   ============================================================ */

/* ---------- 页眉 ---------- */
.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:saturate(1.2) blur(8px)}
.header .wrap{display:flex;align-items:center;gap:32px;height:72px}
.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}
.brand img{width:38px;height:auto}
.brand b{font-size:19px;font-weight:900;letter-spacing:.04em;white-space:nowrap}
.brand b span{color:var(--ink)}
.nav{display:flex;gap:28px;font-size:15px;color:var(--gray-d);margin-right:auto}
.nav a{position:relative;padding:6px 0;transition:color 200ms ease-out}
.nav a:hover,.nav a[aria-current="page"]{color:var(--ink)}
.lang{display:flex;border:1px solid var(--line);border-radius:var(--r-btn);overflow:hidden;flex-shrink:0}
.lang button{border:0;background:none;padding:6px 10px;font-size:13px;font-family:var(--num);font-weight:600;color:var(--gray-d);cursor:pointer}
.lang button[aria-pressed="true"]{background:var(--ink);color:#fff}
/* 触屏：手指点得准，导航和语言开关至少要 44px 高 */
@media (max-width:960px){
  .nav a{padding:12px 2px;min-height:44px;display:inline-flex;align-items:center}
  .brand{min-height:44px;display:inline-flex;align-items:center}
  .lang button{padding:0 12px;min-height:44px;min-width:40px;font-size:14px}
  .header .wrap{row-gap:0}

  .header .wrap{flex-wrap:wrap;height:auto;padding-top:12px;padding-bottom:0;gap:12px 16px}
  .brand{margin-right:auto}
  .nav{order:3;width:100%;margin:0;overflow-x:auto;gap:22px;padding-bottom:8px;white-space:nowrap}
}
@media (max-width:520px){.brand b{font-size:16px}.header .btn{display:none}}

/* ---------- 首屏（骨架 A：5:7） ---------- */
.hero{padding:clamp(48px,7vw,96px) 0 clamp(56px,7vw,88px)}
.hero .wrap{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,5vw,72px);align-items:center}
.hero-copy{display:grid;gap:24px}
.track-form{display:flex;gap:8px;max-width:520px}
.track-form input{flex:1;min-width:0;height:52px;padding:0 16px;border:1px solid var(--line);border-radius:var(--r-btn);background:#fff;font-family:var(--num);font-size:17px;letter-spacing:.04em}
.track-form input:focus{outline:none;border-color:var(--ink)}
.track-form .btn{height:52px}

.route{background:var(--warm);padding:clamp(28px,4vw,48px)}
.route-code{display:flex;align-items:baseline;gap:18px;font-family:var(--num);font-weight:700;font-size:clamp(56px,8vw,104px);line-height:1;letter-spacing:.02em}
.route-code i{display:block;width:clamp(48px,7vw,96px);height:3px;background:var(--ink);transform:rotate(-30deg);transform-origin:center;align-self:center}
.route-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.route-steps li{display:grid;gap:6px;align-content:start}
.route-steps .label{font-family:var(--num)}
.route-steps b{font-size:18px;font-weight:900}
.route-steps span{font-size:14px;color:var(--gray-d);line-height:1.6}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr}}
@media (max-width:520px){.route-steps{grid-template-columns:1fr}.track-form{flex-direction:column}.track-form input{flex:none}}
.hero .wrap>*{min-width:0}

/* ---------- 数字条 ---------- */
.facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.facts ul{list-style:none;display:grid;grid-template-columns:repeat(4,1fr)}
.facts li{padding:32px 24px;display:grid;gap:4px;border-left:1px solid var(--line)}
.facts li:first-child{border-left:0;padding-left:0}
.facts .num{font-size:56px;line-height:1}
.facts b{font-size:16px}
.facts span{font-size:14px;color:var(--gray-d)}
@media (max-width:800px){.facts ul{grid-template-columns:repeat(2,1fr)}.facts li{border-left:0;padding-left:0;border-top:1px solid var(--line)}.facts li:nth-child(-n+2){border-top:0}}

/* ---------- 服务 ---------- */
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.services .card{display:grid;gap:12px;align-content:start;min-height:220px}
.services .num{font-size:28px;color:var(--gray-d)}
@media (max-width:900px){.services{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.services{grid-template-columns:1fr}}

/* ---------- 流程：节点时间轴 ---------- */
.timeline{list-style:none;display:grid;grid-template-columns:repeat(7,1fr);position:relative}
.timeline::before{content:"";position:absolute;left:0;right:0;top:9px;height:2px;background:var(--ink)}
.timeline li{position:relative;padding:36px 12px 0 0;display:grid;gap:6px;align-content:start}
.timeline li::before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;border-radius:4px;background:#fff;box-shadow:inset 0 0 0 2px var(--ink)}
.timeline li:last-child::before{background:var(--red);box-shadow:none}
.timeline .num{font-size:14px;color:var(--gray-d)}
.timeline b{font-size:17px}
.timeline span{font-size:14px;color:var(--gray-d);line-height:1.6}
.timeline-note{margin-top:40px;max-width:720px}
@media (max-width:900px){
  .timeline{grid-template-columns:1fr;gap:24px}
  .timeline::before{left:9px;right:auto;top:0;bottom:0;width:2px;height:auto}
  .timeline li{padding:0 0 0 44px}
}