/* 到家啦 v12（10/21）· 首屏以下整体重做。清晰第一：大字、高对比、每段一个意思。
   首屏（.h3d，hero3d.css）不受影响：这里的规则只作用于 .x-* 类、页头、页脚和底部码条。 */
:root{--navy:#081131;--navy2:#0E1B4A;--cobalt:#1C3C97;--cream:#F6EEDF;--persimmon:#FF7A45;
  --x-ink:#0B1533;--x-text:#283048;--x-sub:#4A5370;--x-line:#DCE2EE;--x-soft:#F2F5FA;--x-orange-t:#B23C0B;
  --x-font:-apple-system,BlinkMacSystemFont,"PingFang SC","HarmonyOS Sans SC","MiSans","Hiragino Sans GB","Noto Sans CJK SC","Noto Sans SC","Microsoft YaHei",system-ui,sans-serif}
body.x-page{background:#fff;padding-bottom:0}
.x-page main>.x-sec,.x-page main>article,.x-page .x-foot,.x-page .dock,.x-page:not(.h3d-page) .top{font-family:var(--x-font)}
.x-sec,.x-foot{color:var(--x-text)}
.x-page main{padding:0;overflow-x:clip}
.x-page a{color:var(--cobalt)}

/* ---------- 页头：所有页面统一深蓝 ---------- */
/* 首页页头由 hero3d.css 管（不动）；其他页面用同一套深蓝 */
.x-page:not(.h3d-page) .top{background:var(--navy);border-bottom:1px solid rgba(246,238,223,.08)}
.x-page:not(.h3d-page) .top .wrap{max-width:1120px}
.x-page:not(.h3d-page) .mark{color:var(--cream)}
.x-page:not(.h3d-page) .nav a{color:rgba(246,238,223,.86)}
.x-page:not(.h3d-page) .nav a[aria-current]{color:#fff;font-weight:700}
.x-page:not(.h3d-page) .fontbtn{color:rgba(246,238,223,.86)}
@media (min-width:960px){.x-page:not(.h3d-page) .top .wrap{padding:0 48px}}

/* ---------- 版式 ---------- */
.x-in{max-width:1120px;margin:0 auto;padding:0 22px}
.x-narrow{max-width:760px}
.x-sec{padding:72px 0;position:relative}
.x-sec.x-first{padding-top:64px}
.x-sec.x-tight{padding-top:8px}
.x-sec.x-pagehead{padding:48px 0 40px}
.x-soft{background:var(--x-soft)}
.x-dark{background:var(--navy);color:var(--cream)}
.x-sec p{font-size:.95rem;line-height:1.72;margin:0 0 14px}
.x-h1,.x-h2,.x-h3,.x-step h3,.x-card h3{text-wrap:balance}
.x-h1{font-size:1.78rem;line-height:1.28;font-weight:800;letter-spacing:-.01em;color:var(--x-ink);margin:0 0 14px}
.x-h2{display:block;font-size:1.62rem;line-height:1.28;font-weight:800;letter-spacing:-.01em;color:var(--x-ink);margin:0 0 14px}
.x-h3{display:flex;align-items:center;gap:10px;font-size:1.16rem;line-height:1.4;font-weight:700;color:var(--x-ink);margin:40px 0 14px}
.x-h3 .ic{color:var(--cobalt);flex:none}
.x-dark .x-h2{color:#fff}
.x-head{margin-bottom:28px}
.x-sec .x-lead{font-size:1.02rem;line-height:1.68;color:var(--x-text);margin:0}
.x-dark .x-lead{color:rgba(246,238,223,.9)}
.x-note{font-size:.88rem!important;color:var(--x-sub);margin-top:18px!important}
.x-cap{font-size:.84rem!important;color:var(--x-sub);margin:6px 0 0!important}
.x-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700;font-size:.95rem;color:var(--cobalt)}
.x-cta{margin:32px 0 0!important}
.x-btn2{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 30px;border-radius:999px;background:var(--navy);color:#fff!important;font-weight:700;font-size:.95rem}
.x-btn2:hover{text-decoration:none;background:var(--cobalt)}
.x-ul{margin:0 0 14px;padding-left:1.2em}.x-ul li{font-size:.95rem;line-height:1.7;margin:4px 0}

/* 按钮（复制） */
.x-sec .btn,.x-page .dock .btn{background:var(--persimmon);border:0;color:#1A0C05;font-weight:800;font-size:.95rem;border-radius:12px;min-height:52px;padding:0 24px;box-shadow:0 6px 16px rgba(255,122,69,.25)}
.x-sec .btn.ok,.x-page .dock .btn.ok{background:var(--navy);color:#fff;box-shadow:none}

/* 照片 */
.x-photo .photo{border-radius:20px;background:#E9ECF2}
.x-pagehead .x-photo{margin-top:28px}

/* ---------- 首页：为什么 ---------- */
.x-cards{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.x-card{display:grid;grid-template-columns:52px 1fr;column-gap:16px;align-items:start;padding:20px;border-radius:18px;background:#fff;border:1px solid var(--x-line)}
.x-card .ic{grid-row:1/3;width:52px;height:52px;padding:9px;border-radius:14px;background:#E9EFFC;color:var(--cobalt)}
.x-card h3{font-size:1.05rem;font-weight:700;color:var(--x-ink);margin:2px 0 4px;line-height:1.4}
.x-card p{font-size:.92rem!important;color:var(--x-text);margin:0!important;line-height:1.62!important}
.x-split{display:grid;gap:20px}

/* ---------- 运费折扣券 ---------- */
.x-checks{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}
.x-checks li{display:flex;gap:12px;align-items:flex-start;font-size:.95rem;line-height:1.55;color:#fff}
.x-checks .ic{color:var(--persimmon);flex:none;margin-top:1px}
.x-coupon{background:#fff;color:var(--x-ink);border-radius:22px;padding:22px 20px 20px;box-shadow:0 24px 60px rgba(3,8,26,.35)}
.x-coupon-top{display:flex;justify-content:space-between;align-items:baseline;font-size:.92rem;font-weight:700;color:var(--x-sub)}
.x-coupon-top b{color:var(--x-orange-t);font-size:1rem}
.x-coupon-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:10px 0 18px}
.x-code{font-size:2.15rem;font-weight:700;letter-spacing:.14em;color:var(--navy);line-height:1.1;user-select:all;-webkit-user-select:all}
.x-coupon-how{list-style:none;margin:0;padding:16px 0 0;border-top:2px dashed var(--x-line);counter-reset:c;display:grid;gap:10px}
.x-coupon-how li{counter-increment:c;display:grid;grid-template-columns:30px 1fr;gap:10px;font-size:.93rem;line-height:1.55;color:var(--x-text)}
.x-coupon-how li::before{content:counter(c);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font-weight:700;font-size:.8rem}
.x-coupon-more{margin:16px 0 0!important;text-align:center}
.x-dark .x-coupon-more a{color:#FFB48F;font-weight:700;font-size:.95rem;display:inline-block;min-height:44px;line-height:44px}
.x-coupon-light{box-shadow:0 0 0 1px var(--x-line),0 12px 32px rgba(8,17,49,.08);margin:28px 0 8px}

/* ---------- 四步 ---------- */
.x-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.x-step a{position:relative;display:block;height:100%;padding:22px 20px 18px;border-radius:18px;background:#fff;border:1px solid var(--x-line);color:var(--x-text)}
.x-step a:hover{text-decoration:none;border-color:var(--cobalt)}
.x-step-no{position:absolute;right:20px;top:18px;font-size:2rem;font-weight:800;color:#D5DDF0;line-height:1}
.x-step .ic{color:var(--cobalt);margin-bottom:12px}
.x-step h3{font-size:1.1rem;font-weight:700;color:var(--x-ink);margin:0 0 6px;line-height:1.4}
.x-step p{font-size:.92rem!important;margin:0 0 12px!important;line-height:1.62!important}
.x-step-go{font-weight:700;font-size:.9rem;color:var(--cobalt)}

/* ---------- 多久到 ---------- */
.x-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.x-stat{padding:20px 18px;border-radius:18px;background:var(--x-soft);border:1px solid var(--x-line)}
.x-soft .x-stat{background:#fff}
.x-stat .ic{color:var(--cobalt)}
.x-stat-k{font-size:.95rem!important;font-weight:700;color:var(--x-ink);margin:10px 0 0!important}
.x-stat-v{font-size:2.1rem!important;font-weight:800;color:var(--x-ink);line-height:1.15!important;margin:4px 0 6px!important;letter-spacing:-.02em;white-space:nowrap}
.x-stat-v small{font-size:.95rem;font-weight:700;margin-left:4px;letter-spacing:0}
.x-stat-d{font-size:.86rem!important;color:var(--x-sub);margin:0!important;line-height:1.5!important}

/* ---------- 运费 ---------- */
.x-fee{background:#fff;border-radius:20px;padding:24px 20px;border:1px solid var(--x-line)}
.x-formula{font-size:1.3rem!important;font-weight:800;color:var(--x-ink);margin:0!important;line-height:1.45!important}
.x-formula span{display:block;font-size:.95rem;color:var(--cobalt);margin-bottom:4px}
.x-fee-unit{font-size:.88rem!important;color:var(--x-sub);margin:4px 0 0!important}
.x-eg{margin-top:22px;padding-top:20px;border-top:1px solid var(--x-line)}
.x-eg-t{font-size:.92rem!important;color:var(--x-text);font-weight:600;margin:0 0 14px!important}
.x-bar{display:grid;grid-template-columns:4.6em 1fr 4.4em;align-items:center;gap:10px;margin:0 0 12px;font-size:.9rem;color:var(--x-text)}
.x-bar i{display:block;height:16px;border-radius:8px;background:linear-gradient(90deg,#9FB1DE var(--w),#E8EDF7 var(--w))}
.x-bar.hi i{background:linear-gradient(90deg,var(--persimmon) var(--w),#E8EDF7 var(--w))}
.x-bar b{font-weight:700;color:var(--x-ink);text-align:right}
.x-eg-r{font-size:1rem!important;font-weight:700;color:var(--x-ink);margin:16px 0 0!important}
.x-eg-r b{color:var(--x-orange-t)}

/* ---------- 三点 ---------- */
.x-tips{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:12px}
.x-tips li{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:start;padding:20px;border-radius:18px;background:var(--x-soft)}
.x-tips .ic{color:var(--cobalt);margin-top:2px}
.x-tips h3{font-size:1.06rem;font-weight:700;color:var(--x-ink);margin:0 0 4px;line-height:1.45}
.x-tips p{font-size:.93rem!important;margin:0!important;line-height:1.62!important}
.x-tips-s li{padding:16px 18px;align-items:center}
.x-tips-s p{font-size:.95rem!important}

/* ---------- 问答 ---------- */
.x-faq{display:grid;gap:10px}
.x-qa{background:#fff;border-radius:16px;border:1px solid var(--x-line)}
.x-qa summary{list-style:none;cursor:pointer;position:relative;padding:18px 58px 18px 20px;font-size:1rem;font-weight:700;color:var(--x-ink);line-height:1.5;min-height:60px}
.x-qa summary::-webkit-details-marker{display:none}
.x-qa summary::after{content:"";position:absolute;right:20px;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:#E9EFFC
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8 13h10M13 8v10' stroke='%231C3C97' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center/26px no-repeat;transition:transform .2s}
.x-qa[open] summary::after{transform:rotate(45deg)}
.x-qa .a{padding:0 20px 18px}
.x-qa .a p{font-size:.94rem;margin:0 0 10px;color:var(--x-text)}
.x-qa .a p:last-child{margin-bottom:0}
.x-fgroup .x-h3{margin-top:36px}
.x-fgroup:first-child .x-h3{margin-top:0}

/* ---------- 求助 ---------- */
.x-help{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:24px 22px;border-radius:20px;background:var(--x-soft)}
.x-help>.ic{color:var(--cobalt)}
.x-help .x-h3{margin:4px 0 8px}
.x-help p{margin:0 0 6px!important}

/* ---------- 页脚 ---------- */
.x-page footer.x-foot{background:var(--navy);color:rgba(246,238,223,.82);margin:0;border:0;padding:56px 0 128px;font-size:.9rem}
.x-foot-mark{font-size:1.4rem;font-weight:800;color:#fff!important;letter-spacing:.06em}
.x-foot-mark:hover{text-decoration:none}
.x-foot-tag{margin:6px 0 24px;font-size:.95rem;color:rgba(246,238,223,.88)}
.x-foot-links{display:flex;flex-wrap:wrap;gap:4px 24px;padding:18px 0;border-top:1px solid rgba(246,238,223,.14);border-bottom:1px solid rgba(246,238,223,.14)}
.x-foot-links a{color:#fff!important;font-size:.92rem;line-height:44px;text-decoration:none}
.x-foot-note{margin:20px 0 6px;font-size:.84rem;color:rgba(246,238,223,.8)}
.x-foot-fine{margin:0;font-size:.74rem;line-height:1.6;color:rgba(246,238,223,.68)}

/* ---------- 底部码条 ---------- */
.x-page .dock{background:rgba(8,17,49,.97);border-top:1px solid rgba(246,238,223,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.x-page .dock .t{color:rgba(246,238,223,.86);font-size:.84rem}
.x-page .dock .t b{color:#fff;font-size:1.25rem;font-weight:700}
.x-page .dock .btn{min-height:46px;box-shadow:none}

/* ---------- 404 ---------- */
.x-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.x-links a{display:inline-flex;align-items:center;min-height:50px;padding:0 22px;border-radius:999px;border:1.5px solid var(--cobalt);font-weight:700}

/* ---------- 滚动出现（尊重「减少动态」；没有 JS 时直接可见） ---------- */
html.rv-on .x-rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
html.rv-on .x-rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html.rv-on .x-rv{opacity:1;transform:none;transition:none}}

/* ---------- 宽屏 ---------- */
@media (min-width:960px){
  .x-in{padding:0 48px}
  .x-sec{padding:112px 0}
  .x-sec.x-first{padding-top:104px}
  .x-sec.x-tight{padding-top:8px}
  .x-sec.x-pagehead{padding:72px 0 48px}
  .x-h1{font-size:2.5rem}
  .x-h2{font-size:2.3rem}
  .x-head{margin-bottom:44px;max-width:720px}
  .x-sec .x-lead{font-size:1.1rem}
  .x-cols{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
  .x-cols .x-head{margin-bottom:0}
  .x-split{grid-template-columns:1fr 1fr;gap:32px;align-items:stretch}
  .x-split .x-photo{position:relative;min-height:420px}
  .x-split .x-photo .photo{position:absolute;inset:0;height:100%;aspect-ratio:auto!important}
  .x-steps{grid-template-columns:repeat(4,1fr);gap:16px}
  .x-stats{max-width:760px;gap:16px}
  .x-stat{padding:28px 26px}
  .x-stat-v{font-size:2.8rem!important}
  .x-coupon{padding:30px 30px 26px}
  .x-code{font-size:2.6rem}
  .h3d-page .x-narrow{max-width:1120px}
  .h3d-page .x-tips,.h3d-page .x-faq,.h3d-page .x-help{max-width:760px}
  #time .x-stats{max-width:none}
}
/* v13 restraint pass: no coloured glow under the copy button */
.x-sec .btn,.x-page .dock .btn{box-shadow:none;font-weight:700}

/* v15：下载按钮（App Store 主按钮 + Google Play 文字链） */
.x-dl{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:14px 0 0!important}