/* ============================================================
   涅瓦学航 · Apple 官网风 UI 皮肤层
   对标 apple.com：深色毛玻璃导航、超大标题层级、轻卡片、
   胶囊按钮、滚动淡入、3D 主视觉、iPhone 优先
   作用：在现有 style.css 之后加载，覆盖外观，不动业务 DOM
   ============================================================ */

:root{
  --apple-bg:#f5f5f7;
  --apple-bg-2:#ffffff;
  --apple-dark:#000000;
  --apple-text:#1d1d1f;
  --apple-sub:#6e6e73;
  --apple-blue:#0071e3;
  --apple-blue-dark:#0077ed;
  --apple-teal:#009687;
  --apple-border:rgba(0,0,0,.08);
  --apple-glass:rgba(255,255,255,.72);
  --apple-glass-border:rgba(255,255,255,.4);
  --apple-shadow:0 20px 60px rgba(0,0,0,.12);
  --apple-shadow-sm:0 4px 20px rgba(0,0,0,.08);
  --apple-radius:18px;
  --apple-radius-lg:28px;
  --apple-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC","Helvetica Neue","Microsoft YaHei",sans-serif;
}

/* ---------- 基础 ---------- */
html{scroll-behavior:smooth}
body{
  background:var(--apple-bg);
  color:var(--apple-text);
  font-family:var(--apple-font);
  letter-spacing:.1px;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
::selection{background:rgba(0,113,227,.18)}

/* ---------- 毛玻璃顶部导航（Apple 经典） ---------- */
.header{
  background:var(--apple-glass)!important;
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  backdrop-filter:saturate(180%) blur(20px);
  border-bottom:1px solid rgba(0,0,0,.08)!important;
  position:sticky;top:0;z-index:100;
}
.header-inner{max-width:1100px;padding:12px 24px;gap:32px}
.brand{font-weight:700;font-size:1.05rem;letter-spacing:-.01em}
.brand img{border-radius:10px}
.brand small{font-weight:500;letter-spacing:.12em;color:#86868b;font-size:.6rem}
.desktop-nav a{
  font-size:.88rem;font-weight:400;color:#1d1d1f;padding:8px 2px;border-bottom:0;
  transition:color .2s;
}
.desktop-nav a:hover{color:#06c}
.desktop-nav a.active{color:#0071e3;font-weight:600}

/* 登录按钮 → Apple 胶囊 */
.account-button{
  border-radius:980px!important;
  background:var(--apple-dark)!important;
  color:#fff!important;
  padding:8px 18px!important;
  font-size:.85rem!important;
  transition:opacity .2s;
}
.account-button:hover{opacity:.85}

/* ---------- 首页 Hero：深色超大标题 ---------- */
.hero{
  border-radius:0!important;
  grid-template-columns:1fr 1fr!important;
  min-height:auto!important;
  background:linear-gradient(180deg,#000 0%,#0b1216 55%,#10202a 100%)!important;
  position:relative;
  overflow:hidden;
  color:#f5f5f7;
  padding:96px 0 88px;
}
.hero::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(60% 50% at 70% 10%,rgba(0,150,135,.25),transparent 60%),
    radial-gradient(50% 40% at 15% 80%,rgba(0,113,227,.18),transparent 60%);
  pointer-events:none;
}
.hero-copy{padding:0 0 0 clamp(28px,6vw,72px);z-index:2;max-width:560px}
.hero .eyebrow{
  color:#30d0c0!important;font-size:.8rem;letter-spacing:.22em;font-weight:600;margin-bottom:18px;
}
.hero h1{
  font-size:clamp(2.6rem,7vw,4.6rem)!important;
  line-height:1.05!important;
  letter-spacing:-.02em!important;
  font-weight:700!important;
  color:#f5f5f7!important;
  text-shadow:0 0 40px rgba(0,150,135,.25);
}
.hero h1 span{color:#5ee6d6!important;background:linear-gradient(120deg,#5ee6d6,#7ab8ff);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero p{
  color:#a1a1a6!important;max-width:440px;font-size:1.05rem!important;line-height:1.75!important;
  margin-top:18px;
}
.hero .actions{margin-top:34px;gap:14px}
.hero .primary{
  background:var(--apple-blue)!important;color:#fff!important;
  border-radius:980px!important;padding:12px 26px!important;font-weight:600;
  box-shadow:0 0 0 1px rgba(0,0,0,.06) inset;
  transition:background .2s;
}
.hero .primary:hover{background:var(--apple-blue-dark)!important}
.hero .secondary{
  background:transparent!important;border:1px solid rgba(255,255,255,.35)!important;
  color:#f5f5f7!important;border-radius:980px!important;padding:12px 26px!important;
  transition:border-color .2s,color .2s;
}
.hero .secondary:hover{border-color:#fff}
.hero-foot{color:#86868b!important;margin-top:44px;font-size:.8rem}
.hero-foot span{background:#3a3a3c!important}
.hero-visual{position:relative;min-height:0!important;background:transparent!important;z-index:1}
#apple-3d{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero .map-label{
  position:absolute;left:clamp(24px,5vw,56px);bottom:28px;z-index:3;
  color:rgba(255,255,255,.55);font-size:.72rem;letter-spacing:.18em;
  font-family:var(--apple-font);
}

/* ---------- 服务导航条：大圆角白卡片 ---------- */
.scenario-grid{gap:14px;margin:26px 0 8px;padding:0 clamp(16px,4vw,48px);max-width:1200px;margin-left:auto;margin-right:auto}
.scenario{
  background:var(--apple-bg-2);border:1px solid var(--apple-border);border-radius:20px;
  padding:20px 18px;box-shadow:var(--apple-shadow-sm);transition:transform .25s cubic-bezier(.2,.8,.2,1);
}
.scenario:hover{transform:translateY(-4px);border-color:transparent;box-shadow:var(--apple-shadow)}
.scenario-icon{
  width:46px;height:46px;border-radius:14px;background:#f0f0f2!important;color:#1d1d1f!important;
}
.scenario strong{font-size:.98rem;font-weight:600}
.scenario small{color:#86868b}

/* ---------- 信任条 → 深色通栏 ---------- */
.trust-strip{
  background:var(--apple-dark)!important;border-radius:24px!important;
  padding:18px 26px!important;margin:22px auto!important;max-width:1200px;
  box-shadow:0 10px 40px rgba(0,0,0,.2);
}
.trust-strip .trust-item{color:#d2d2d7!important;font-size:.85rem}
.trust-strip svg{color:#30d0c0!important}

/* ---------- 三特性 ---------- */
.intro-strip{max-width:1200px;margin:14px auto 52px;padding:0 clamp(16px,4vw,48px);gap:14px}
.intro-item{
  background:var(--apple-bg-2);border:1px solid var(--apple-border);border-radius:20px;
  padding:22px;box-shadow:var(--apple-shadow-sm);
}
.intro-item div span{color:#86868b}

/* ---------- 板块标题（Apple 大标题节奏） ---------- */
.section-heading{margin-bottom:26px}
.section-heading h2{font-size:clamp(1.8rem,4.5vw,2.6rem);letter-spacing:-.02em;font-weight:700;color:var(--apple-text)}
.section-heading .eyebrow{color:var(--apple-teal)!important}
.wrap{max-width:1200px}

/* ---------- 服务板块 ---------- */
.page-intro h1{font-size:clamp(2rem,6vw,3.4rem)!important;letter-spacing:-.02em;font-weight:700}
.page-intro .eyebrow{color:var(--apple-teal)}
.panel{
  background:var(--apple-bg-2);border:1px solid var(--apple-border);
  border-radius:var(--apple-radius-lg)!important;padding:28px!important;
  box-shadow:var(--apple-shadow-sm);
}
.panel h3{font-size:1.25rem;font-weight:600}
.item-list{gap:12px}
.item-row{
  border-radius:16px!important;padding:18px!important;
  border:1px solid transparent!important;background:#fafafa!important;
  transition:transform .2s,box-shadow .2s,background .2s;
}
.item-row:hover{transform:translateY(-2px);background:#fff;box-shadow:var(--apple-shadow-sm)}
.item-row svg{color:var(--apple-teal)!important}

/* ---------- 胶囊按钮统一 ---------- */
.primary,.secondary,.danger,a.primary,a.secondary,a.text-button,.account-button{
  border-radius:980px!important;
  transition:transform .15s,opacity .2s,background .2s;
}
.primary{background:var(--apple-blue)!important;border:0}
button.primary:hover{background:var(--apple-blue-dark)!important}
.secondary{background:transparent!important;border:1px solid #d2d2d7!important}
a.text-button{color:var(--apple-blue)!important}

/* ---------- 页脚 ---------- */
.footer{
  background:#f5f5f7!important;border-top:1px solid var(--apple-border)!important;
  color:#86868b!important;font-size:.82rem;
}
.footer .brand{color:var(--apple-text)}
.footer a{color:var(--apple-blue)}

/* ---------- 移动端底部导航（毛玻璃） ---------- */
.bottom-nav{
  background:var(--apple-glass)!important;
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  backdrop-filter:saturate(180%) blur(20px);
  border-top:1px solid rgba(0,0,0,.08);
}
.bottom-nav a{color:#86868b}
.bottom-nav a.active{color:var(--apple-blue)!important}

/* ---------- 弹窗/对话框 ---------- */
#dialog,.neva-modal{background:var(--apple-bg-2)!important;border-radius:22px!important;box-shadow:var(--apple-shadow)}
dialog::backdrop{background:rgba(0,0,0,.5)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

/* ---------- 表单控件 ---------- */
input,select,textarea{
  border-radius:12px!important;
  border:1px solid #d2d2d7!important;
  transition:border-color .2s,box-shadow .2s;
  font-family:var(--apple-font);
}
input:focus,select:focus,textarea:focus{
  border-color:var(--apple-blue)!important;
  box-shadow:0 0 0 4px rgba(0,113,227,.15)!important;
  outline:0!important;
}

/* ---------- 状态标签 ・ 订单 ---------- */
.tag{
  border-radius:980px!important;padding:6px 14px!important;font-size:.78rem!important;
  background:rgba(0,113,227,.1)!important;color:var(--apple-blue)!important;
}

/* ---------- 滚动入场动画（Apple 式渐显） ---------- */
[data-apple-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.6,.2,1),transform .7s cubic-bezier(.2,.6,.2,1)}
[data-apple-reveal].is-visible{opacity:1;transform:none}

/* ---------- 增强：标题字号层级 ---------- */
h1,h2,h3{letter-spacing:-.01em}

/* ---------- 深色模式（跟随系统） ---------- */
@media (prefers-color-scheme:dark){
  :root{
    --apple-bg:#000;--apple-bg-2:#151517;--apple-text:#f5f5f7;
    --apple-sub:#86868b;--apple-border:rgba(255,255,255,.1);
    --apple-glass:rgba(22,22,24,.72);
    --apple-shadow:0 20px 60px rgba(0,0,0,.5);
    --apple-shadow-sm:0 4px 20px rgba(0,0,0,.3);
  }
  body{background:#000;color:#f5f5f7}
  .header{border-bottom-color:rgba(255,255,255,.1)}
  .desktop-nav a{color:#f5f5f7}
  .scenario,.intro-item,.panel,.item-row{background:#151517!important;border-color:rgba(255,255,255,.08)!important}
  .scenario strong,.section-heading h2,.page-intro h1{color:#f5f5f7}
  .item-row{background:#1c1c1e!important}
  .footer{background:#000!important;color:#86868b!important}
  .footer .brand{color:#f5f5f7}
  .item-row:hover{background:#222225!important}
  input,select,textarea{background:#1c1c1e!important;border-color:rgba(255,255,255,.15)!important;color:#f5f5f7}
}

/* ---------- 移动端适配 ---------- */
@media (max-width:700px){
  .hero{grid-template-columns:1fr!important;padding:80px 0 0;min-height:0}
  .hero-copy{padding:0 22px 44px}
  .hero-visual{height:280px;order:2}
  .hero h1{font-size:2.5rem!important}
  .hero p{font-size:.98rem!important}
  .scenario-grid{grid-template-columns:1fr 1fr;padding:0 16px;gap:10px}
  .scenario{padding:14px 12px;border-radius:16px}
  .scenario-icon{width:40px;height:40px;border-radius:12px}
  .scenario strong{font-size:.85rem}
  .intro-strip{grid-template-columns:1fr;padding:0 16px}
  .trust-strip{margin-left:16px;margin-right:16px;padding:14px 18px!important}
  .panel{padding:20px!important;border-radius:22px!important}
  .page-intro h1{font-size:2rem!important}
  #apple-3d{opacity:.9}
}

/* ---------- 减少动效偏好 ---------- */
@media (prefers-reduced-motion:reduce){
  [data-apple-reveal]{opacity:1;transform:none;transition:none}
  #apple-3d{display:none}
  html{scroll-behavior:auto}
}
/* ============================================================
   物流 / 服务模块 · Apple 风覆盖（业务模块升级）
   ============================================================ */

/* 物流面板 */
.neva-panel{
  background:var(--apple-bg-2)!important;
  border:1px solid var(--apple-border)!important;
  border-radius:22px!important;
  box-shadow:var(--apple-shadow-sm)!important;
}
.neva-logistics h1{font-size:clamp(1.9rem,5vw,3rem)!important;letter-spacing:-.02em;font-weight:700}
.neva-logistics h2{font-weight:650;letter-spacing:-.01em}
.neva-muted{color:var(--apple-sub)!important}

/* 物流按钮 */
.neva-panel button{border-radius:980px!important}
.neva-panel .primary,button.primary{background:var(--apple-blue)!important}
button.secondary{
  border:1px solid #d2d2d7!important;background:transparent!important;
  color:var(--apple-text)!important;border-radius:980px!important;
}
.neva-cancel-button{border-radius:980px!important}

/* 订单时间线：Apple 风格细线 */
.neva-timeline{border-top:1px solid var(--apple-border)}
.neva-timeline li{border-left:2px solid #d2d2d7}
.neva-timeline li.done{border-left-color:var(--apple-teal)}
.neva-timeline li>span{border-radius:50%;background:#e8e8ed!important;color:#1d1d1f!important}
.neva-timeline li.done>span{background:var(--apple-teal)!important;color:#fff!important}

/* 状态标签 */
.tag{background:rgba(0,113,227,.1)!important;color:var(--apple-blue)!important;border-radius:980px!important}

/* 媒体照片卡片 */
.neva-media img,.neva-media video{
  border-radius:16px!important;
  box-shadow:var(--apple-shadow-sm);
}
.neva-payment-qr{border-radius:18px!important}

/* 管理后台 */
.neva-admin-heading h3{font-size:1.15rem;font-weight:650}
.neva-force-box{
  background:rgba(255,60,60,.05)!important;
  border:1px solid rgba(255,60,60,.2)!important;
  border-radius:16px!important;
}
.neva-danger-zone summary{font-weight:600}
button.neva-danger{background:#d70015!important;border-radius:980px!important}

/* 汇率面板 */
.neva-fx{background:linear-gradient(180deg,var(--apple-bg-2),var(--apple-bg))!important}

/* 物流下单表单 */
.neva-channel{background:linear-gradient(120deg,rgba(0,113,227,.1),rgba(0,150,135,.1))!important;border-radius:16px!important;color:var(--apple-blue)!important}

/* 17track 轨迹 */
.neva-track-link{color:var(--apple-blue)!important}

/* 特殊包裹提示 */
.neva-special-notice{
  background:rgba(215,0,21,.06)!important;border-left:4px solid #d70015!important;
  border-radius:12px!important;
}
.neva-wallet-note{background:rgba(0,150,135,.08)!important;border-left-color:var(--apple-teal)!important;border-radius:12px!important}
.neva-offline-pay{background:rgba(255,149,0,.08)!important;border:1px solid rgba(255,149,0,.2)!important;border-radius:14px!important}

/* 标准服务（七大类非标服务） */
.neva-panel textarea,.neva-panel input:not([type=checkbox]),.neva-panel select{border-radius:12px!important}
.srv-fields label{font-weight:500}

/* 空态 */
.neva-logistics p,.neva-panel p{line-height:1.7}

/* 暗色下的物流模块 */
@media (prefers-color-scheme:dark){
  .neva-timeline li>span{background:#3a3a3c!important;color:#f5f5f7!important}
  .neva-cancel-button{color:#f5f5f7!important;border-color:rgba(255,255,255,.3)!important}
  .neva-force-box{background:rgba(255,60,60,.08)!important}
}


/* Final visual direction: a light, calm product surface with a dark hero stage. */
:root{color-scheme:light;--apple-bg:#f5f5f7;--apple-bg-2:#fff;--apple-text:#1d1d1f;--apple-sub:#6e6e73;--apple-border:rgba(0,0,0,.09);--apple-glass:rgba(255,255,255,.78);--apple-shadow:0 28px 80px rgba(0,0,0,.14);--apple-shadow-sm:0 8px 28px rgba(0,0,0,.08)}
html{color-scheme:light!important;background:#f5f5f7!important}
body{background:#f5f5f7!important;color:#1d1d1f!important}
.header{background:rgba(255,255,255,.8)!important;border-bottom-color:rgba(0,0,0,.09)!important;box-shadow:0 1px 0 rgba(0,0,0,.04),0 12px 28px rgba(0,0,0,.035)}
.header-inner{max-width:1240px;padding:14px 28px}
.wrap{max-width:1280px;padding:28px 32px 72px}
.welcome-line{color:#6e6e73;padding:0 0 18px}
.hero{margin-top:0;border-radius:30px!important;padding:72px 0 0!important;min-height:560px!important;background:#0b1f2a!important;box-shadow:0 30px 90px rgba(9,28,39,.24);isolation:isolate}
.hero::before{display:block!important;content:"";inset:0;width:auto;height:auto;right:auto;top:auto;border-radius:inherit;background:linear-gradient(125deg,rgba(46,197,182,.16),transparent 36%,rgba(86,139,255,.12) 76%,transparent);clip-path:none;filter:none;transform:none;opacity:1;z-index:0}
.hero::after{display:none!important;content:none!important}
.hero-copy{background:transparent!important;padding:0 0 76px clamp(30px,6vw,82px);max-width:720px;z-index:2}
.hero h1{font-size:clamp(2.8rem,4.6vw,4.2rem)!important;line-height:1.04!important;letter-spacing:-.045em!important}
.hero h1 .bi{display:block}
.hero h1 .bi i{display:block;margin-top:14px;font-size:.4em;letter-spacing:.01em}
.hero p{color:rgba(245,245,247,.72)!important;max-width:520px}
.hero-visual{min-height:488px!important;background:transparent!important}
#apple-3d{opacity:.86;mix-blend-mode:screen}
.scenario-grid{max-width:1280px;padding:0;margin:26px auto 12px;gap:16px}
.scenario{border-radius:22px;background:#fff!important;box-shadow:0 8px 28px rgba(0,0,0,.07);border-color:rgba(0,0,0,.08)}
.scenario:hover{box-shadow:0 18px 44px rgba(0,0,0,.12)}
.trust-strip{max-width:1280px;margin:28px auto!important;border-radius:22px!important}
.intro-strip{max-width:1280px;padding:0;margin:18px auto 58px;gap:16px}
.intro-item{border-radius:22px;box-shadow:0 8px 28px rgba(0,0,0,.06)}
.service-card,.listing-card,.panel,.process,.record,.stat,.feature{box-shadow:0 8px 28px rgba(0,0,0,.07)!important;border-color:rgba(0,0,0,.08)!important}
.service-card:hover,.listing-card:hover,.panel:hover,.feature:hover,.process:hover{box-shadow:0 24px 56px rgba(0,0,0,.13)!important}
.primary{background:#0071e3!important}.secondary{color:#1d1d1f!important;background:#fff!important;border-color:#d2d2d7!important}
.float-support{background:#1d8b80!important}.back-top{background:rgba(255,255,255,.84)!important}
.footer{background:#f5f5f7!important;border-top-color:rgba(0,0,0,.09)!important}
/* Keep light mode consistent even when the operating system uses dark appearance. */
@media(prefers-color-scheme:dark){body,.footer{background:#f5f5f7!important;color:#1d1d1f!important}.header{background:rgba(255,255,255,.8)!important;border-bottom-color:rgba(0,0,0,.09)!important}.desktop-nav a{color:#1d1d1f!important}.scenario,.intro-item,.panel,.item-row,.record,.service-card,.listing-card,.stat{background:#fff!important;border-color:rgba(0,0,0,.09)!important;color:#1d1d1f!important}.scenario strong,.section-heading h2,.page-intro h1,.record h3{color:#1d1d1f!important}.item-row{background:#fafafa!important}input,select,textarea{background:#fff!important;border-color:#d2d2d7!important;color:#1d1d1f!important}.footer .brand{color:#1d1d1f!important}}
@media(max-width:700px){.wrap{padding:20px 16px 52px}.hero{border-radius:24px!important;padding:54px 0 0!important}.hero-copy{padding:0 24px 48px}.hero h1{font-size:clamp(2.45rem,11vw,3.4rem)!important}.hero h1 .bi i{font-size:.42em}.hero-visual{height:320px;min-height:320px!important}.scenario-grid{padding:0;gap:10px}.intro-strip{padding:0;gap:10px}.trust-strip{margin-left:0;margin-right:0!important}}
@media(prefers-reduced-motion:reduce){#apple-3d{display:none}.hero,.service-card,.listing-card,.panel,.feature{transition:none!important}}


@media(min-width:701px){.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important}.hero-copy{max-width:820px}.hero h1{font-size:clamp(2.7rem,4vw,4rem)!important;max-width:720px}}



/* Project action rows: never invert to a black hover state. */
.item-row,.item-row:hover,.item-row:focus,.item-row:focus-visible,.item-row:active{background:#fafafa!important;color:#1d1d1f!important;border-color:#d2d2d7!important;box-shadow:0 8px 24px rgba(0,0,0,.08)!important;filter:none!important;opacity:1!important}
.item-row span,.item-row:hover span,.item-row:focus span,.item-row:active span{color:#1d1d1f!important}
.item-row svg,.item-row:hover svg,.item-row:focus svg,.item-row:active svg{color:#009687!important}
@media(max-width:700px){.item-row,.item-row:hover{min-height:60px;padding:16px!important;border-radius:16px!important}.item-list{grid-template-columns:1fr!important}}