/* ============================================================
   优势、适用客户、边界声明、常见问题、联系、页脚、查询页
   ============================================================ */

/* ---------- 优势（5:7） ---------- */
.adv{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,5vw,72px);align-items:start}
.adv figure{position:relative;overflow:hidden;border-radius:var(--r-card) var(--r-card) 0 var(--r-card)}
.adv figure img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.7)}
.adv-list{list-style:none;display:grid}
.adv-list li{display:grid;grid-template-columns:72px 1fr;gap:20px;padding:28px 0;border-top:1px solid var(--line)}
.adv-list li:last-child{border-bottom:1px solid var(--line)}
.adv-list .num{font-size:36px;line-height:1;color:var(--gray-d)}
.adv-list div{display:grid;gap:8px}
@media (max-width:900px){.adv{grid-template-columns:1fr}.adv figure img{aspect-ratio:16/9}}

/* ---------- 合作平台（文字标识） ---------- */
.platforms{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.platforms li{background:#fff;border-radius:var(--r-card);padding:28px;display:grid;gap:6px}
.platforms b{font-family:var(--han-d);font-size:28px;font-weight:900;line-height:1.2;color:var(--ink)}
.platforms span{font-family:var(--num);font-size:13px;letter-spacing:.12em;color:var(--gray)}
.platforms-note{margin-top:16px}
@media (max-width:800px){.platforms{grid-template-columns:repeat(2,1fr)}}

/* ---------- 适用客户 + 边界声明 ---------- */
.band{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.who{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.who li{border:1px solid var(--line);border-radius:var(--r-btn);padding:8px 16px;background:#fff;font-size:15px}
.boundary{background:var(--ink);color:#fff;border-radius:var(--r-card);padding:28px;display:grid;gap:12px;align-content:center}
.boundary .h2{font-size:22px}
.boundary p{color:#C9C7C3}
@media (max-width:800px){.band{grid-template-columns:1fr}}

/* ---------- 常见问题 ---------- */
.faq{display:grid;grid-template-columns:repeat(2,1fr);gap:0 48px}
.faq details{border-top:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:22px 0;font-weight:700;font-size:17px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--num);font-size:22px;line-height:1;color:var(--gray-d);transition:transform 200ms ease-out}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 24px;color:var(--gray-d)}
@media (max-width:800px){.faq{grid-template-columns:1fr}}

/* ---------- 联系 ---------- */
.contact{background:var(--ink);color:#fff}
.contact .wrap{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,5vw,72px);align-items:end}
.contact .label{color:#B7B5B1}
.contact .lead{color:#C9C7C3}
.contact-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#3A393D}
.contact-list li{background:var(--ink);padding:20px 24px 20px 0;display:grid;gap:4px}
.contact-list span{font-size:13px;letter-spacing:.12em;color:#B7B5B1}
.contact-list b{font-size:18px;font-family:var(--num)}
.contact-list a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);display:inline-block;padding:6px 0}
.contact-list a:hover{border-bottom-color:var(--red)}
.contact-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.contact .btn.ghost{color:#fff;box-shadow:inset 0 0 0 1px #57555A}
.contact .btn.ghost:hover{box-shadow:inset 0 0 0 1px #fff}
@media (max-width:900px){.contact .wrap{grid-template-columns:1fr}.contact .wrap>*{min-width:0}}
/* 窄屏下邮箱这类长字符串会把两列撑破，改成单列并允许断行 */
@media (max-width:600px){.contact-list{grid-template-columns:1fr}.contact-list li{padding:16px 0}.contact-list b{font-size:16px}}
.contact-list a{overflow-wrap:anywhere}

/* ---------- 页脚 ---------- */
.footer{background:var(--warm);padding:48px 0 32px;font-size:14px;color:var(--gray-d)}
.footer .wrap{display:grid;grid-template-columns:auto 1fr;gap:24px 64px;align-items:start}
.footer-logo{width:240px;height:auto}
.footer nav{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:flex-end}
.footer nav a:hover{color:var(--ink)}
.footer-legal{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:24px;border-top:1px solid var(--line);font-size:13px}
@media (max-width:700px){
  .footer .wrap{grid-template-columns:1fr}
  .footer nav{justify-content:flex-start;gap:0 24px}
  .footer nav a{padding:11px 0;min-height:44px;display:inline-flex;align-items:center}
}

/* ---------- 查询页 ---------- */
.track-page{padding:clamp(48px,7vw,88px) 0}
.track-page .wrap{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,5vw,72px);align-items:start}
.track-input{display:grid;gap:12px}
.track-input textarea{min-height:200px;resize:vertical;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-btn);font-family:var(--num);font-size:17px;line-height:1.7;letter-spacing:.04em}
.track-input textarea:focus{outline:none;border-color:var(--ink)}
.track-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}
.track-error{color:var(--red);font-size:14px;min-height:1.5em}
.results{display:grid;gap:16px}
.notice{background:var(--warm);border-radius:var(--r-card);padding:28px;display:grid;gap:10px}
.notice .btn{justify-self:start;margin-top:4px}
.notice.demo{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.notice.demo .h2::before{background:var(--gray-d)}
.notice .h2{display:flex;align-items:center;gap:10px}
.notice .h2::before{content:"";width:10px;height:10px;border-radius:2px;background:var(--wait);flex-shrink:0}
.ship{border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}
.ship-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;background:var(--warm)}
.ship-head .num{font-size:18px;letter-spacing:.04em}
.status{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:4px 10px;border-radius:6px;background:#fff;white-space:nowrap}
.status::before{content:"";width:8px;height:8px;border-radius:2px;background:currentColor}
.status.ok{color:var(--ok)}
.status.wait{color:var(--wait)}
.status.err{color:var(--red)}
.status.pending{color:var(--gray-d)}
.events{list-style:none;padding:8px 20px 20px}
.events li{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:12px 0;border-top:1px solid var(--line);font-size:15px}
.events li:first-child{border-top:0}
.events time{font-family:var(--num);color:var(--gray-d);font-variant-numeric:tabular-nums}
.ship-body{padding:16px 20px;color:var(--gray-d);font-size:15px}
@media (max-width:900px){.track-page .wrap{grid-template-columns:1fr}}
@media (max-width:520px){.events li{grid-template-columns:1fr;gap:2px}}

/* 原来写在 HTML 行内的三点样式，改成类名，好让 CSP 完全禁掉内联样式 */
.band-loose{margin-top:clamp(40px,5vw,64px)}
.card-white{background:#fff}
.section-head-flush{margin:0}