/* Royal Reach — inner pages v5. Aligns with home-v4: navy + gold, white cards, 16px radius, serif display. Loaded after site.css/pages.css. */
@font-face{font-family:"RR Serif";src:url("../fonts/playfair-var.ef05b30d6e5c.woff2") format("woff2");font-weight:400 900;font-display:swap}
:root{--v5-line:#e4e8f0;--v5-shadow:0 1px 2px rgba(10,26,48,.04),0 18px 40px -22px rgba(10,26,48,.22);--v5-gold:linear-gradient(180deg,#efd796,#c9a45c)}
html{overflow-x:hidden}
body{background:#f2f4f8;overflow-x:hidden}
.wrap{max-width:1480px;margin:0 auto;padding:0 40px}
.box,.side-card,.ccard,.rcard,details.ch,details.qa{border-radius:16px}

/* ---------- page header ---------- */
.phead{position:relative;isolation:isolate;overflow:hidden;color:#fff;padding:84px 0 170px;
  background:linear-gradient(90deg,rgba(4,11,22,.94) 0%,rgba(4,11,22,.78) 38%,rgba(4,11,22,.42) 70%,rgba(4,11,22,.6) 100%),
  linear-gradient(0deg,rgba(6,17,31,.85) 0%,rgba(6,17,31,0) 45%),
  url("../img/page-head.ceb1e5363c8a.webp") center 40%/cover no-repeat,
  url("../img/hero-v4.e8bcf354c116.webp") 60% 50%/cover no-repeat,#06111f}
.phead:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,#c9a45c 30%,#efd796 50%,#c9a45c 70%,transparent);opacity:.7}
.phead .crumbs{display:flex;gap:10px;align-items:center;font-size:13.5px;color:rgba(255,255,255,.62);margin-bottom:22px;letter-spacing:.02em}
.phead .crumbs a{color:rgba(255,255,255,.8)}
.phead .crumbs a:hover{color:#efd796}
.phead .kicker{display:inline-flex;align-items:center;gap:12px;color:#d9b46a;letter-spacing:.2em;font-size:12.5px}
.phead .kicker:before{content:"";width:34px;height:2px;border-radius:2px;background:var(--v5-gold)}
.phead h1{font-family:"RR Serif",Georgia,serif;font-weight:700;font-size:clamp(36px,4.2vw,64px);line-height:1.08;letter-spacing:-.01em;margin:16px 0 14px;text-shadow:0 4px 30px rgba(0,0,0,.45);max-width:900px}
body.zh .phead h1{font-family:var(--font);font-weight:800;letter-spacing:.02em}
.phead p{color:rgba(255,255,255,.8);font-size:18px;line-height:1.7;max-width:680px;margin:0}
.page{position:relative;z-index:3;margin-top:-104px;padding-top:0;padding-bottom:110px}

/* ---------- shared cards & fields ---------- */
.box{background:#fff;border:1px solid var(--v5-line);box-shadow:var(--v5-shadow);padding:34px}
.box h3{font-size:20px;font-weight:750;letter-spacing:-.01em}
.field label{font-size:13.5px;font-weight:650;color:#1b2740}
.field input,.field select,.field textarea,.rr-input{height:48px;border:1px solid #dfe4ec;background:#f6f7fa;border-radius:10px;padding:0 14px;font:500 15px var(--font)}
.field textarea{height:auto;min-height:96px;padding:12px 14px}
.field input:focus,.field select:focus,.field textarea:focus{background:#fff;border-color:#c9a45c;box-shadow:0 0 0 4px rgba(201,164,92,.16)}
.field.has-err input,.field.has-err select,.field.has-err textarea{border-color:#d92d20;background:#fff8f7}
.errorlist{list-style:none;margin:2px 0 0;padding:0;color:#b42318;font-size:12.5px}
.btn-gold{background:var(--v5-gold);box-shadow:0 14px 30px -12px rgba(201,164,92,.85),inset 0 1px 0 rgba(255,255,255,.55)}
.btn-navy{background:linear-gradient(180deg,#12294a,#0a1a30);color:#fff;box-shadow:0 10px 24px -12px rgba(10,26,48,.7)}
.btn-navy:hover{background:#173257}
.empty{background:#fff;border:1px dashed #cfd6e2;border-radius:16px}
.callout{border-radius:12px}
.tag.gold{background:var(--v5-gold)}

/* ---------- rates ---------- */
.calc{grid-template-columns:420px minmax(0,1fr);gap:28px}
.calc>.box{padding:0;overflow:hidden;top:104px}
.calc>.box>h3{margin:0;padding:26px 30px 6px;font-size:24px}
.calc>.box>h3:before{content:"";display:block;width:44px;height:3px;border-radius:2px;background:var(--v5-gold);margin-bottom:16px}
.calc>.box>.sub{padding:0 30px;margin:0 0 20px}
.calc>.box>.field,.calc>.box>.grid2,.calc>.box>.disclaim{margin-left:30px;margin-right:30px}
.calc>.box>.btn{width:calc(100% - 60px);height:56px;font-size:17px;border-radius:12px;margin:8px 30px 0}
.calc>.box>.disclaim{margin-bottom:26px}
.seg span{border-radius:999px;border:1px solid #dfe4ec;background:#f6f7fa;padding:9px 16px}
.seg input:checked+span{background:var(--v5-gold);border-color:#c9a45c;color:#1a1205;font-weight:700;box-shadow:0 8px 18px -10px rgba(201,164,92,.9)}
.rhead h2{font-family:"RR Serif",Georgia,serif;font-size:30px}
body.zh .rhead h2{font-family:var(--font)}
.rcard{background:#fff;border:1px solid var(--v5-line);box-shadow:var(--v5-shadow);padding:22px 26px;position:relative}
.rcard:hover{border-color:#d9b46a;transform:translateY(-2px);transition:.2s}
.rcard.best{border-color:#c9a45c;box-shadow:0 0 0 3px rgba(201,164,92,.18),var(--v5-shadow);background:linear-gradient(180deg,#fffdf6,#fff 60%)}
.rcard .price b{font-family:"RR Serif",Georgia,serif;font-size:32px;color:#0a1a30}
.rcard .bd{border-top:1px solid #eef0f5;color:#7a8497;align-items:center}
.rcard .bd a{background:#0a1a30;color:#fff;border-radius:999px;padding:8px 18px;font-size:13px;transition:.2s}
.rcard .bd a:hover{background:#173257;color:#efd796}
.sec-title{margin:90px 0 26px}
.sec-title h2{font-family:"RR Serif",Georgia,serif}
body.zh .sec-title h2{font-family:var(--font)}
.ptabs{display:inline-flex;flex-wrap:wrap;gap:4px;padding:5px;background:#fff;border:1px solid var(--v5-line);border-radius:999px;box-shadow:var(--v5-shadow);margin-bottom:24px}
.ptabs button{padding:10px 20px;border:0;background:transparent;color:#35425a}
.ptabs button.on{background:linear-gradient(180deg,#12294a,#0a1a30);color:#fff;box-shadow:0 8px 18px -8px rgba(10,26,48,.6)}
.ptabs button.on span{color:#efd796;opacity:1!important}
details.ch{background:#fff;border:1px solid var(--v5-line);box-shadow:var(--v5-shadow);margin-bottom:14px}
details.ch>summary{padding:20px 26px}
details.ch>summary:hover .t{color:#a7833f}
details.ch[open]{border-color:#d9b46a}
details.ch[open]>summary{border-bottom:1px solid #eef0f5}
details.ch .body{padding:22px 26px 26px}
.tblwrap{border:1px solid var(--v5-line);border-radius:12px}
table.pt{font-size:14px}
table.pt th{background:#0a1a30;color:#efd796;font-weight:650;border-bottom:2px solid #c9a45c;padding:12px 14px}
table.pt td{padding:11px 14px;border-bottom:1px solid #edf0f5;color:#1b2740}
table.pt tbody tr:nth-child(even) td{background:#f7f9fc}
table.pt tbody tr:hover td{background:#fbf3df}
table.pt td:first-child{font-weight:650;color:#0a1a30}
details.rules div{background:#f6f7fa;border-radius:12px}

/* ---------- order ---------- */
.field.radios>label{display:block;padding:0;border:0;background:none;border-radius:0}
.field input[type=radio],.field input[type=checkbox]{width:17px;height:17px;padding:0;flex:none;accent-color:#0a1a30}
.side-card.lt a.btn{color:#0a1a30}.side-card.lt a.btn:hover{background:#0a1a30;color:#fff}
.order-wrap{grid-template-columns:minmax(0,1fr) 380px;gap:28px}
.order-wrap>.box{padding:12px 34px 34px}
.formsec{position:relative;padding:30px 0;border-top:1px solid #edf0f5}
.formsec>h3{font-size:19px;letter-spacing:-.01em;text-transform:none;color:#0a1a30;font-weight:750;margin:0 0 20px;gap:14px}
.formsec>h3 i{width:36px;height:36px;font-size:15px;font-weight:800;background:var(--v5-gold);color:#1a1205;box-shadow:0 8px 18px -8px rgba(201,164,92,.9)}
.radios>div label,.checks label{white-space:nowrap;border-radius:10px;background:#f6f7fa;border-color:#dfe4ec;transition:.15s}
.radios>div label:hover,.checks label:hover{border-color:#c9a45c;background:#fffaf0}
.radios>div label:has(input:checked),.checks label:has(input:checked){border-color:#c9a45c;background:#fbf3df}
.confirm{border-radius:12px;background:#fbf3e1}
.cap b{background:#0a1a30;color:#efd796;font-family:"RR Serif",Georgia,serif}
.order-side{top:104px;gap:16px}
.side-card{border-radius:16px;box-shadow:var(--v5-shadow)}
.side-card:not(.lt){background:radial-gradient(420px 220px at 100% 0%,#173257,transparent 70%),#0a1a30;padding:28px;border:1px solid rgba(201,164,92,.35)}
.side-card h4{font-family:"RR Serif",Georgia,serif;font-size:22px;color:#fff;margin:0 0 18px}
body.zh .side-card h4{font-family:var(--font)}
.side-card ol{list-style:none;padding:0;margin:0;counter-reset:s;display:flex;flex-direction:column;gap:16px}
.side-card ol li{counter-increment:s;position:relative;padding-left:44px;color:rgba(255,255,255,.82);line-height:1.55}
.side-card ol li:before{content:counter(s);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--v5-gold);color:#1a1205;font-weight:800;font-size:13px;display:grid;place-items:center}
.side-card ol li:not(:last-child):after{content:"";position:absolute;left:14px;top:34px;bottom:-14px;width:2px;background:rgba(201,164,92,.35)}
.side-card.lt{background:#fff;border:1px solid var(--v5-line)}
.btn-line-dk{border-color:#0a1a30;color:#0a1a30}

/* ---------- success ---------- */
.success{max-width:860px}
.success>.tick{box-shadow:0 0 0 12px rgba(201,164,92,.18),0 20px 40px -14px rgba(201,164,92,.8);background:var(--v5-gold)}
.orderno{font-family:"RR Serif",Georgia,serif;color:#0a1a30;background:#fff;border:1px solid #d9b46a;border-radius:16px;padding:18px 30px;display:inline-block;box-shadow:var(--v5-shadow);margin:14px 0 10px}
.copy{display:inline-block;padding:8px 18px;border-radius:999px;background:#fbf3df;color:#8a6a28}
.success .box{margin-top:22px;position:relative}
.success .box h3{padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid #edf0f5}
.kv dt{color:#7a8497}
.success-hero{background:#fff;border:1px solid var(--v5-line);border-radius:16px;box-shadow:var(--v5-shadow);padding:44px 30px 36px}
.success-hero>p:first-of-type{margin-top:6px}

/* ---------- track ---------- */
.phead .tsearch{max-width:760px;margin-top:30px;padding:8px;background:rgba(255,255,255,.96);border-radius:999px;box-shadow:0 30px 60px -24px rgba(0,0,0,.7),0 0 0 1px rgba(201,164,92,.6)}
.phead .tsearch input{box-shadow:none;background:transparent;padding:14px 22px;font-size:17px;color:#0a1a30;min-width:0;height:auto;border:0}
.phead .tsearch .btn{height:52px;padding:0 30px}
.track-grid{grid-template-columns:minmax(0,1fr) 360px}
.tsum{gap:0;border:1px solid #edf0f5;border-radius:12px;background:#f8f9fc;padding:0;margin-bottom:34px;overflow:hidden}
.tsum>div{flex:1 1 180px;padding:18px 22px;border-right:1px solid #edf0f5}
.tsum>div:last-child{border:0}
.tsum b{display:block;margin-top:4px;font-size:19px;color:#0a1a30;word-break:break-all}
.tsum .badge{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:999px;background:#fbf3df;color:#8a6a28;font-size:14px}
.badge:before{content:"";width:8px;height:8px;border-radius:50%;background:#c9a45c;box-shadow:0 0 0 4px rgba(201,164,92,.25)}
.tsum .badge.ok{background:#e7f6ec;color:#067647}
.badge.ok:before{background:#12b76a;box-shadow:0 0 0 4px rgba(18,183,106,.22)}
.tl:before{left:11px;width:2px;background:linear-gradient(180deg,#c9a45c,#e4e8f0 30%)}
.tl li{padding-bottom:30px}
.tl li:first-child:before{box-shadow:0 0 0 7px rgba(201,164,92,.25)}
.tl time{display:inline-block;background:#f1f3f8;border-radius:6px;padding:2px 9px;font-weight:600;color:#44506a}
.tl p{margin-top:8px}
.tl small{display:block;margin-top:4px}

/* ---------- faq ---------- */
.faq-wrap{grid-template-columns:300px minmax(0,1fr);gap:32px}
.faq-side{position:sticky;top:104px;display:flex;flex-direction:column;gap:16px}
.faq-nav{position:static;background:#fff;border:1px solid var(--v5-line);border-radius:16px;box-shadow:var(--v5-shadow);padding:12px}
.faq-nav a{border-radius:10px;padding:12px 16px;color:#44506a;border-left:3px solid transparent}
.faq-nav a:hover{background:#fbf3df;color:#0a1a30;border-left-color:#c9a45c}
.faq-main{background:#fff;border:1px solid var(--v5-line);border-radius:16px;box-shadow:var(--v5-shadow);padding:34px}
.faq-group h2{font-family:"RR Serif",Georgia,serif;font-size:28px;position:relative;padding-bottom:14px}
body.zh .faq-group h2{font-family:var(--font)}
.faq-group h2:after{content:"";position:absolute;left:0;bottom:0;width:44px;height:3px;border-radius:2px;background:var(--v5-gold)}
.faq-group:last-child{margin-bottom:0}
details.qa{background:#f8f9fc;border:1px solid #edf0f5;transition:.2s}
details.qa:hover{border-color:#d9b46a}
details.qa[open]{background:#fff;border-color:#d9b46a;box-shadow:0 14px 30px -20px rgba(10,26,48,.35)}
details.qa summary{align-items:center;color:#0a1a30}
details.qa summary:after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;background:#fbf3df;color:#8a6a28;display:grid;place-items:center;font-size:20px}
details.qa[open] summary:after{content:"\2013";background:var(--v5-gold);color:#1a1205}
.help-card{background:radial-gradient(360px 200px at 100% 0%,#173257,transparent 70%),#0a1a30;color:#fff;border:1px solid rgba(201,164,92,.35);border-radius:16px;padding:26px;box-shadow:var(--v5-shadow)}
.help-card h4{font-family:"RR Serif",Georgia,serif;font-size:21px;margin:0 0 8px}
body.zh .help-card h4{font-family:var(--font)}
.help-card p{margin:0 0 16px;color:rgba(255,255,255,.72);font-size:14.5px;line-height:1.6}
.help-card .btn{width:100%;margin-bottom:10px}
.help-card .qr{width:140px;display:block;margin:6px 0 12px}
.help-card .hrs{display:flex;gap:8px;align-items:center;font-size:13px;color:rgba(255,255,255,.6);margin-top:6px}

/* ---------- terms ---------- */
.terms-wrap{display:grid;grid-template-columns:300px minmax(0,820px);gap:40px;justify-content:center;align-items:start}
.terms-nav{position:sticky;top:104px;flex-direction:column;gap:4px;margin:0;background:#fff;border:1px solid var(--v5-line);border-radius:16px;box-shadow:var(--v5-shadow);padding:12px}
.terms-nav a{border:0;background:transparent;border-radius:10px;padding:12px 16px;border-left:3px solid transparent;color:#44506a}
.terms-nav a:hover{background:#fbf3df;border-left-color:#c9a45c;color:#0a1a30}
.terms-block{padding:40px 44px;margin-bottom:22px}
.terms-block h2{font-family:"RR Serif",Georgia,serif;font-size:30px!important;position:relative;padding-bottom:16px;margin:0}
body.zh .terms-block h2{font-family:var(--font)}
.terms-block h2:after{content:"";position:absolute;left:0;bottom:0;width:44px;height:3px;border-radius:2px;background:var(--v5-gold)}
.richtext{font-size:16px;line-height:1.85;color:#2b3446}
.richtext h3{font-size:19px;color:#0a1a30;margin:26px 0 10px}
.richtext th{background:#0a1a30;color:#efd796}
.pending{background:#fbf3e1;color:#8a6a28;border-radius:12px}

/* ---------- contact ---------- */
.cgrid{grid-template-columns:repeat(3,1fr);gap:20px}
.ccard{background:#fff;border:1px solid var(--v5-line);box-shadow:var(--v5-shadow);padding:30px;transition:.2s}
.ccard:hover{transform:translateY(-4px);border-color:#d9b46a}
.ccard .ic{width:56px;height:56px;border-radius:16px;background:linear-gradient(180deg,#12294a,#0a1a30);color:#efd796;box-shadow:0 12px 24px -12px rgba(10,26,48,.7)}
.ccard h3{font-size:19px;margin-top:10px}
.ccard .v{font-family:"RR Serif",Georgia,serif;font-size:20px}
.ccard .v a:hover{color:#a7833f}
.ccard .hrs{display:flex;gap:8px;align-items:center}
.ccard .hrs .ico{color:#a7833f;flex:none}
.qr{border:1px solid var(--v5-line);border-radius:12px;padding:6px;width:150px}
.wh{margin-top:24px;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:stretch}
.wh>.box{padding:34px}
.wh .whside{background:radial-gradient(420px 240px at 100% 0%,#173257,transparent 70%),#0a1a30;color:#fff;border:1px solid rgba(201,164,92,.35);border-radius:16px;padding:32px;box-shadow:var(--v5-shadow);display:flex;flex-direction:column;gap:12px}
.wh .whside h4{font-family:"RR Serif",Georgia,serif;font-size:22px;margin:0}
body.zh .wh .whside h4{font-family:var(--font)}
.wh .whside p{margin:0;color:rgba(255,255,255,.75);line-height:1.65;font-size:15px}
.wh .whside .btn{align-self:flex-start;margin-top:auto}

/* ---------- responsive ---------- */
@media (max-width:1000px){
  .calc,.order-wrap,.faq-wrap,.track-grid,.terms-wrap,.wh{grid-template-columns:minmax(0,1fr)}
  .calc>.box,.order-side,.faq-side,.terms-nav{position:static}
  .faq-nav,.terms-nav{flex-direction:row;flex-wrap:wrap}
  .terms-wrap{gap:20px}
  .cgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .wrap{padding:0 16px}
  .phead{padding:44px 0 120px}
  .phead h1{font-size:34px;margin:12px 0 10px}
  .phead p{font-size:15.5px}
  .phead .crumbs{margin-bottom:16px}
  .page{margin-top:-80px;padding-bottom:70px}
  .box{padding:22px 18px}
  .order-wrap>.box{padding:6px 18px 22px}
  .calc>.box{padding:0}
  .calc>.box>h3{padding:22px 20px 4px}
  .calc>.box>.sub{padding:0 20px}
  .calc>.box>.field,.calc>.box>.grid2,.calc>.box>.disclaim{margin-left:20px;margin-right:20px}
  .calc>.box>.btn{margin-left:20px;margin-right:20px;width:calc(100% - 40px)}
  .rcard{padding:18px}
  .rcard .price b{font-size:28px}
  .cgrid{grid-template-columns:1fr}
  .ptabs{border-radius:20px;display:flex}
  .ptabs button{padding:9px 14px;font-size:14px}
  .phead .tsearch{border-radius:18px;flex-wrap:wrap;flex-direction:row}
  .phead .tsearch input{flex:1 1 100%;padding:12px 14px}
  .phead .tsearch .btn{flex:1 1 100%;height:48px}
  .tsum>div{flex:1 1 100%;border-right:0;border-bottom:1px solid #edf0f5}
  .faq-main{padding:20px 16px}
  .terms-block{padding:26px 20px}
  .terms-block h2{font-size:24px!important}
  .wh>.box,.wh .whside{padding:24px 20px}
  details.ch>summary{padding:16px}
  details.ch .body{padding:16px 14px 18px}
  .orderno{padding:14px 18px;font-size:26px}
  .side-card:not(.lt){padding:22px}
  .success-hero{padding:32px 18px 26px}
}

.rhead{background:#fff;border:1px solid var(--v5-line);border-radius:16px;box-shadow:var(--v5-shadow);padding:16px 24px;margin-bottom:6px;align-items:center}
.rhead h2{font-size:24px}

.rmt{color:#9a6a17!important;background:#fbf2dc!important}
.rhint{display:block;font-style:normal;color:#8a6a2c;margin-top:4px}

/* =================== v9: services / fulfillment / parcels / storage / tracking progress =================== */
.lede{font-size:17px;line-height:1.75;color:#44506a;margin:14px 0 0}
.lnk{color:#a7833f;font-weight:650;border-bottom:1px solid rgba(167,131,63,.4)}
.lnk:hover{color:#0a1a30;border-color:#0a1a30}
.sec-note{font-size:14.5px;line-height:1.7;color:var(--muted);margin:-8px 0 18px}
.sec-note a{color:#a7833f;font-weight:650}
.box .sub{color:var(--muted);margin:6px 0 20px;font-size:15px;line-height:1.65}
.pts{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:13px}
.pts li{position:relative;padding-left:30px;line-height:1.65;color:#2b3446;font-size:15.5px}
.pts li:before{content:"";position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%;background:var(--v5-gold)}
.pts li:after{content:"";position:absolute;left:6px;top:7px;width:5px;height:9px;border:solid #1a1205;border-width:0 2px 2px 0;transform:rotate(45deg) scale(.85)}
.pts b{color:#0a1a30}
.sv-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.sv-cta .btn{padding:13px 24px}

/* anchor bar */
.anchors{position:sticky;top:76px;z-index:20;display:flex;flex-wrap:wrap;gap:6px;padding:8px;margin:0 auto 34px;width:max-content;max-width:100%;
  background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--v5-line);border-radius:999px;box-shadow:var(--v5-shadow)}
.anchors a{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;font-size:14.5px;font-weight:600;color:#35425a;transition:.2s;white-space:nowrap}
.anchors a .ico{color:#a7833f}
.anchors a:hover{background:#0a1a30;color:#efd796}
.anchors a:hover .ico{color:#efd796}

/* service rows */
.sv{display:flex;flex-direction:column;gap:30px}
.sv-row{scroll-margin-top:150px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);background:#fff;border:1px solid var(--v5-line);border-radius:20px;box-shadow:var(--v5-shadow);overflow:hidden}
.sv-row.flip{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
.sv-row.flip .sv-img{order:2}
.sv-img{position:relative;min-height:420px;background-size:cover;background-position:center}
.sv-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,17,31,.05) 40%,rgba(6,17,31,.62))}
.sv-no{position:absolute;z-index:2;left:28px;bottom:16px;font-family:"RR Serif",Georgia,serif;font-weight:700;font-size:84px;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(239,215,150,.9);letter-spacing:-.02em}
.sv-body{padding:46px 52px 48px;display:flex;flex-direction:column;justify-content:center}
.sv-body .kicker{color:#a7833f;letter-spacing:.18em;font-size:12.5px;display:inline-flex;align-items:center;gap:12px}
.sv-body .kicker:before{content:"";width:30px;height:2px;border-radius:2px;background:var(--v5-gold)}
.sv-body h2{font-family:"RR Serif",Georgia,serif;font-weight:700;font-size:clamp(26px,2.3vw,36px);line-height:1.2;letter-spacing:-.01em;margin:14px 0 0;color:#0a1a30}
body.zh .sv-body h2{font-family:var(--font);font-weight:800;letter-spacing:.01em}
.addr{margin-top:22px;padding:16px 20px;background:#f6f7fa;border-left:3px solid #c9a45c;border-radius:0 12px 12px 0}
.addr small{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#7a8497;margin-bottom:6px}
.addr .richtext{font-size:15px;line-height:1.7}
.addr p{margin:0;font-size:15px;color:#44506a}

/* fulfillment */
.modes{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.mode{position:relative;background:#fff;border:1px solid var(--v5-line);border-radius:20px;box-shadow:var(--v5-shadow);padding:42px 44px 44px;display:flex;flex-direction:column}
.mode.dk{background:radial-gradient(520px 260px at 100% 0%,#173257,transparent 70%),#0a1a30;border-color:rgba(201,164,92,.4);color:#fff}
.mode-ic{width:60px;height:60px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(180deg,#12294a,#0a1a30);color:#efd796;box-shadow:0 12px 24px -12px rgba(10,26,48,.7);margin-bottom:22px}
.mode.dk .mode-ic{background:var(--v5-gold);color:#1a1205}
.mode .kicker{color:#a7833f;letter-spacing:.2em;font-size:12.5px}
.mode.dk .kicker{color:#d9b46a}
.mode h2{font-family:"RR Serif",Georgia,serif;font-size:30px;line-height:1.2;margin:10px 0 0;color:#0a1a30}
body.zh .mode h2{font-family:var(--font);font-weight:800}
.mode.dk h2{color:#fff}
.mode.dk .lede{color:rgba(255,255,255,.78)}
.mode.dk .pts li{color:rgba(255,255,255,.88)}
.mode .sv-cta{margin-top:auto;padding-top:30px}
.flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.flow li{position:relative;padding:28px 26px 8px 0}
.flow li:before{content:"";position:absolute;left:0;right:0;top:20px;border-top:2px dashed #cfd6e2}
.flow li:last-child:before{right:calc(100% - 40px)}
.flow .fn{position:relative;z-index:1;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--v5-gold);color:#1a1205;font-weight:800;font-size:14px;box-shadow:0 8px 18px -8px rgba(201,164,92,.9);margin:-28px 0 16px}
.flow b{display:block;font-size:18px;color:#0a1a30;margin-bottom:6px}
.flow small{display:block;font-size:14.5px;line-height:1.65;color:var(--muted)}
.fee-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;margin-top:70px;align-items:stretch}
.fee .kicker{color:#a7833f}
.fee h3{margin:8px 0 14px}
.fee .pending{margin:0;padding:16px 18px}
.fee-grid .whside{background:radial-gradient(420px 240px at 100% 0%,#173257,transparent 70%),#0a1a30;color:#fff;border:1px solid rgba(201,164,92,.35);border-radius:16px;padding:32px;box-shadow:var(--v5-shadow);display:flex;flex-direction:column;gap:12px}
.fee-grid .whside h4{font-family:"RR Serif",Georgia,serif;font-size:24px;margin:0}
body.zh .fee-grid .whside h4{font-family:var(--font)}
.fee-grid .whside p{margin:0 0 6px;color:rgba(255,255,255,.75);line-height:1.65;font-size:15px}
.fee-grid .whside .btn{justify-content:center;width:100%}

/* parcels */
.p-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start}
.p-main{display:flex;flex-direction:column;gap:22px}
.p-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:104px}
.p-side .side-card p{margin:0 0 12px;font-weight:650}
.aside-note{margin:20px 0 0;color:var(--muted);font-size:14px;line-height:1.65}
.ord{padding:0;overflow:hidden}
.ord-top{display:flex;flex-wrap:wrap}
.ord-top>div{flex:1 1 180px;padding:22px 28px;border-right:1px solid #edf0f5}
.ord-top>div:last-child{border:0}
.ord-top small{color:#7a8497;font-size:13px}
.ord-top b{display:block;margin-top:5px;font-size:20px;color:#0a1a30;font-family:"RR Serif",Georgia,serif}
.ord-top .badge{font-family:var(--font);font-size:14px;display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:999px;background:#fbf3df;color:#8a6a28}
.stor{margin:0;display:flex;gap:10px;align-items:center;padding:14px 28px;background:#fbf3e1;color:#8a6a28;font-size:14.5px;font-weight:600;border-top:1px solid #f1e4c2}
.okbar{display:flex;gap:10px;align-items:center;padding:14px 20px;border-radius:12px;background:#e7f6ec;color:#067647;font-weight:650;font-size:15px}
.plist-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.plist-head h3{margin:0}
.cnt{display:inline-block;padding:6px 16px;border-radius:999px;background:#0a1a30;color:#efd796;font-size:13.5px;font-weight:650}
.cnt b{color:#fff;font-size:15px}
.cnt[hidden]{display:none}
.plist{list-style:none;margin:10px 0 0;padding:0}
.plist li{display:flex;align-items:center;gap:14px;padding:15px 4px;border-bottom:1px solid #edf0f5}
.plist li:last-child{border:0}
.pdot{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f1f3f8;color:#7a8497}
.plist li.got .pdot{background:var(--v5-gold);color:#1a1205}
.pm{flex:1;min-width:0}
.pm b{display:block;font-size:16px;color:#0a1a30;word-break:break-all;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.pm small{display:block;margin-top:2px;color:var(--muted);font-size:13.5px}
.pst{flex:none;font-size:13px;font-weight:650;padding:5px 12px;border-radius:999px;background:#f1f3f8;color:#5d6779}
.pst.ok{background:#e7f6ec;color:#067647}
.p-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.swap{margin:-6px 0 0;text-align:center}
.swap button{background:none;border:0;color:var(--muted);font:500 14px var(--font);text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:6px}
.swap button:hover{color:#0a1a30}
.p-main .field input,.p-main .field textarea{width:100%}

/* order: storage + pre-advise */
.stor-opt{font-weight:600}
.stor-box{margin:0 0 20px;padding:20px 22px;border-radius:14px;background:#fbf3e1;border:1px solid #f1e4c2}
.stor-box[hidden]{display:none}
.stor-box>p{margin:0 0 14px;font-size:14.5px;line-height:1.7;color:#6b5420}
.stor-box>p a{color:#8a6a28;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.stor-box .field{max-width:260px;margin:0}
.stor-box .field input{background:#fff}

/* track progress */
.prog{list-style:none;margin:0 0 30px;padding:6px 0 0;display:grid;grid-template-columns:repeat(6,1fr);position:relative}
.prog:before{content:"";position:absolute;top:30px;left:8.33%;right:8.33%;height:3px;border-radius:2px;background:#e4e8f0}
.prog li{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;font-size:14px;font-weight:600;color:#8a93a3}
.prog .pi{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#f3f5f9;border:2px solid #e4e8f0;color:#a4adbd;transition:.25s}
.prog li.done .pi{background:var(--v5-gold);border-color:#c9a45c;color:#1a1205;box-shadow:0 8px 18px -8px rgba(201,164,92,.9)}
.prog li.done{color:#44506a}
.prog li.now .pi{background:#0a1a30;border-color:#c9a45c;color:#efd796;animation:rrpulse 1.8s ease-out infinite}
.prog li.now{color:#0a1a30;font-weight:750}
@keyframes rrpulse{0%{box-shadow:0 0 0 0 rgba(201,164,92,.6)}80%,100%{box-shadow:0 0 0 14px rgba(201,164,92,0)}}
@media (prefers-reduced-motion:reduce){.prog li.now .pi{animation:none}}
.pdetail{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:0;border:1px solid #edf0f5;border-radius:14px;background:#f8f9fc;overflow:hidden;margin-bottom:34px}
.pdetail:not(:has(.pd-side)){grid-template-columns:1fr}
.pd-main{padding:24px 28px}
.pd-main small{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:#a7833f;font-weight:700}
.pd-main b{display:block;margin-top:6px;font-family:"RR Serif",Georgia,serif;font-size:32px;line-height:1.15;color:#0a1a30}
body.zh .pd-main b{font-family:var(--font);font-weight:800}
.pd-main p{margin:14px 0 0;font-size:16px;line-height:1.75;color:#1b2740;padding-left:14px;border-left:3px solid #c9a45c}
.pd-side{margin:0;padding:12px 24px;background:#fff;border-left:1px solid #edf0f5;display:flex;flex-direction:column;justify-content:center}
.pd-side>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #f0f2f7}
.pd-side>div:last-child{border:0}
.pd-side dt{font-size:14px;color:#7a8497}
.pd-side dd{margin:0;font-size:17px;font-weight:700;color:#0a1a30;font-variant-numeric:tabular-nums;white-space:nowrap}
.nodes-h{margin:0 0 18px;font-size:18px}

/* responsive */
@media (max-width:1200px){
  .anchors{border-radius:20px}
  .sv-body{padding:36px 34px 38px}
  .flow{grid-template-columns:1fr 1fr;row-gap:44px}
  .flow li:nth-child(2):before{right:calc(100% - 40px)}
  .flow li:nth-child(3):before{content:none}
}
@media (max-width:1000px){
  .sv-row,.sv-row.flip{grid-template-columns:1fr}
  .sv-row.flip .sv-img{order:0}
  .sv-img{min-height:240px}
  .modes,.fee-grid,.p-grid,.pdetail{grid-template-columns:1fr}
  .p-side{position:static}
  .pd-side{border-left:0;border-top:1px solid #edf0f5}
  .anchors{position:static;width:auto}
}
@media (max-width:760px){
  .sv-body{padding:26px 20px 28px}
  .sv-no{font-size:60px;left:20px}
  .mode{padding:28px 22px 30px}
  .flow{grid-template-columns:1fr}
  .flow li:before{content:none!important}
  .flow li{padding-right:0}
  .prog{grid-template-columns:repeat(3,1fr);row-gap:20px}
  .prog:before{display:none}
  .pd-main{padding:20px}
  .pd-main b{font-size:26px}
  .ord-top>div{flex:1 1 100%;border-right:0;border-bottom:1px solid #edf0f5}
  .stor{padding:14px 20px}
  .anchors a{padding:9px 14px;font-size:14px}
  .fee-grid{margin-top:50px}
}

.fl-title{display:block}
.fl-title .kicker{color:#a7833f;display:block;margin-bottom:8px}
.fl-title h2{margin:0 0 34px}
.fee-grid{align-items:start}