/* 到家啦 v17（10/22）· 推广型 SEO/AEO 站：问题式小标题、答案块、带来源的表（手机上变卡片）、56px 底部码条、48px 点击区。
   首屏 3D（hero3d.css）不改，只给码卡加一行关系小字。 */

/* ---------- 点击区 48px ---------- */
.x-link{min-height:48px}
.top .nav a,.x-page .top .nav a{line-height:48px}
.fontbtn{min-height:48px}
.x-foot-links a{line-height:48px}
.x-crumb a{display:inline-block;padding:12px 0;margin:-12px 0}
.x-qa summary{min-height:60px}

/* ---------- 码卡：关系小字、补充说明 ---------- */
.x-disc{font-size:.74rem!important;line-height:1.5!important;color:#6B7390;margin:8px 0 0!important;text-align:center}
.x-dark .x-disc{color:rgba(246,238,223,.66)}
.x-coupon-fine{font-size:.8rem!important;color:var(--x-sub);margin:12px 0 0!important;line-height:1.5!important}
.x-coupon-note{font-size:.84rem!important;color:var(--x-sub);margin:-8px 0 14px!important}
.x-coupon-light+.x-disc{margin-top:0!important}
.x-back+.x-disc{margin-top:8px!important}
.h3d .hcode .disc{color:rgba(246,238,223,.6);font-size:.62rem;line-height:1.4;margin:6px 0 0;letter-spacing:.02em}

/* ---------- 问题式小标题 ---------- */
.x-q{margin:44px 0 0}
.x-h2q{font-size:1.16rem;line-height:1.45;font-weight:800;color:var(--x-ink);margin:0 0 12px;text-wrap:balance}
.x-q>p,.x-q li{font-size:.95rem}
.x-guide .x-ul li{font-size:.95rem;line-height:1.7}
.x-guide .x-coupon-light{margin-top:28px}
.x-upd{font-size:.82rem!important;color:var(--x-sub);margin:40px 0 0!important;padding-top:16px;border-top:1px solid var(--x-line)}

/* ---------- 表（来源 + 日期）
   v19 R10：桌面用原生表格（th scope 完整保留）；手机用真实 DOM 的卡片（dl/dt/dd），两套只显示一套，
   display:none 的那一套辅助技术也读不到，所以读屏只会读到一套。 */
.x-tbl{margin:16px 0 0}
.x-tbl table{width:100%;border-collapse:collapse;font-size:.92rem;line-height:1.55}
.x-tbl th,.x-tbl td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--x-line)}
.x-tbl thead th{background:var(--x-soft);font-weight:700;color:var(--x-ink);font-size:.86rem}
.x-tbl tbody th{font-weight:700;color:var(--x-ink);white-space:nowrap}
.x-soft .x-tbl thead th{background:#fff}
.x-src{font-size:.8rem!important;line-height:1.55!important;color:var(--x-sub);margin:10px 0 0!important}
.x-tcards{display:none;list-style:none;margin:0;padding:0}
.x-tcards>li{border:1px solid var(--x-line);border-radius:14px;padding:12px 16px;margin:0 0 10px;background:#fff}
.x-tcards h3{font-size:1rem;line-height:1.5;font-weight:700;color:var(--x-ink);margin:0 0 6px}
.x-tcards dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:.93rem;line-height:1.55}
.x-tcards dt{color:var(--x-sub);font-size:.82rem;font-weight:600;line-height:1.75}
.x-tcards dd{margin:0;color:var(--x-text)}
@media (max-width:640px){
  .x-tbl table{display:none}
  .x-tcards{display:block}
}

/* ---------- 首页：平台卡片 ---------- */
.x-pcards .x-card{display:block;padding:0}
.x-pcards .x-card a{display:block;padding:20px;color:inherit;border-radius:18px;min-height:48px}
.x-pcards .x-card a:hover{text-decoration:none}
.x-pcards .x-card h3{color:var(--cobalt)}
.x-pcards{margin-bottom:12px!important}
@media (min-width:960px){.x-pcards{grid-template-columns:repeat(3,1fr)}}
#time .x-tbl{max-width:760px}

/* ---------- 截图图注 ---------- */
.x-shot figcaption{font-size:.84rem;line-height:1.5;color:var(--x-sub);margin-top:8px}
.x-shot.share{max-width:429px}
.x-shot.share img{border:1px solid var(--x-line);box-shadow:none}

/* ---------- /start/ 大步骤 ---------- */
.x-big-steps{list-style:none;margin:8px 0 0;padding:0;counter-reset:b}
.x-big-steps>li{counter-increment:b;position:relative;padding:36px 0 0 52px}
.x-big-steps>li::before{content:counter(b);position:absolute;left:0;top:34px;width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;display:grid;place-items:center;font-size:.92rem}
.x-big-steps .x-h2q{padding-top:4px}
.x-big-steps .x-dl{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px!important}
.x-btn3{background:#fff!important;color:var(--navy)!important;border:1.5px solid var(--navy)}
.x-btn2{min-height:52px}

/* ---------- 接下来看 ---------- */
.x-next{margin:48px 0 0}
.x-next .x-h3{margin:0 0 8px}
.x-next ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--x-line)}
.x-next li{border-bottom:1px solid var(--x-line)}
.x-next a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:6px 2px;font-size:.98rem;font-weight:600;color:var(--x-ink)}
.x-next a::after{content:"→";color:var(--cobalt)}
.x-next a:hover{text-decoration:none;color:var(--cobalt)}

/* ---------- 底部码条：56px + safe-area，带「怎么填」和关闭 ---------- */
.x-page .dock{padding:0 0 env(safe-area-inset-bottom)}
.x-page .dock .wrap{height:56px;gap:8px;max-width:760px;padding:0 8px 0 18px}
.x-page .dock .t{flex:1;min-width:0;white-space:nowrap;overflow:hidden}
.x-page .dock .t b{margin-left:6px}
.x-page .dock .btn{min-height:44px;padding:0 16px;flex:none}
.dock-how{flex:none;display:inline-flex;align-items:center;min-height:48px;padding:0 4px;color:#FFB48F!important;font-weight:700;font-size:.86rem;white-space:nowrap}
.dock-x{flex:none;width:44px;height:48px;background:none;border:0;color:rgba(246,238,223,.72);font-size:1.3rem;line-height:1;cursor:pointer;padding:0}
html.dockx .dock{display:none}
@media (max-width:430px){.x-page .dock .t .lb{display:none}.x-page .dock .t b{margin-left:0}}
.x-page footer.x-foot{padding-bottom:calc(96px + env(safe-area-inset-bottom))}

/* ---------- 宽屏 ---------- */
@media (min-width:960px){
  .x-h2q{font-size:1.3rem}
  .x-q{margin-top:56px}
}
.top .mark,.x-foot-mark{display:inline-flex;align-items:center;min-height:48px}
.x-h1 .nb{display:inline-block;max-width:100%}  /* v19 R06：窄屏、大字模式下片段本身还能断行 */

/* ---------- v18：首屏眉题「菜鸟集运」品牌橙高亮（只加这一处，3D 首屏其余不动） ---------- */
.h3d .eyebrow .hl{color:#FF7A45;font-weight:700;letter-spacing:.1em;padding:2px 7px 2px 8px;margin-right:4px;border-radius:5px;
  background:linear-gradient(180deg,rgba(255,122,69,.16),rgba(255,122,69,.08));box-shadow:inset 0 0 0 1px rgba(255,122,69,.28)}

/* ---------- v19 R05：流程条（原在 guides.css，首页没加载导致退回普通列表） ---------- */
.x-flow{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:10px}
.x-flow li{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:#EEF2FB;font-size:.98rem;font-weight:700;color:var(--x-ink);position:relative}
.x-flow li .ic{color:var(--cobalt);flex:none}
.x-flow li.end{background:var(--navy);color:#fff}.x-flow li.end .ic{color:var(--persimmon)}
@media (min-width:960px){
  .x-flow{grid-template-columns:repeat(4,1fr)}
  .x-flow li{flex-direction:column;align-items:flex-start;gap:10px}
}

/* ---------- v19 R06：页头重排。一行放得下就一行；放不下（≤374px，或大字模式 ≤519px）时
   第一行「到家啦 …… 大字」，第二行导航铺满。按钮文字固定「大字」，状态用 aria-pressed。 ---------- */
.top .bar{flex-wrap:wrap;column-gap:12px}
.top .bar .right{min-width:0}
.fontbtn[aria-pressed="true"]{color:var(--persimmon,#FF7A45)!important;font-weight:700}
.fontbtn:focus-visible{outline:2px solid var(--persimmon,#FF7A45);outline-offset:2px;border-radius:6px}
@media (max-width:420px){.top .nav{gap:14px}.top .nav a{font-size:.8rem}.fontbtn{padding-left:10px;font-size:.78rem}}
@media (max-width:374px){
  .top .bar .right{display:contents}
  .top .bar .fontbtn{order:2;margin-left:auto}
  .top .bar .nav{order:3;flex:1 0 100%;justify-content:space-between;gap:8px;margin:-6px 0 4px}
  .top .bar .nav a{line-height:40px}
}
@media (max-width:519px){
  html.big .top .bar .right{display:contents}
  html.big .top .bar .fontbtn{order:2;margin-left:auto}
  html.big .top .bar .nav{order:3;flex:1 0 100%;justify-content:space-between;gap:8px;margin:-6px 0 4px}
  html.big .top .bar .nav a{line-height:40px}
}
/* v19 R06：大字模式 / 窄屏下码卡里的「复制」不出屏：码和按钮放不下时换行 */
.hcode .row,.x-coupon-row,.x-codeline{flex-wrap:wrap;row-gap:8px}
@media (max-width:519px){html.big .h3d .hcode .val,html.big .hcode .val{letter-spacing:.1em}}
html.big .h3d .h3-sub{text-shadow:0 1px 3px rgba(6,12,40,.9),0 0 16px rgba(6,12,40,.85)}