/* 官网备用顶栏：zjmf / www / aether 结构不同 */
.alt-head { background:rgba(255,255,255,.9); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-bottom:1px solid #e6ebf2; position:sticky; top:0; z-index:40; }
.alt-head-row { display:flex; align-items:center; gap:24px; min-height:64px; }
.alt-brand { font-weight:800; font-size:18px; color:#0f172a; text-decoration:none; letter-spacing:-.02em; }
.alt-nav { display:flex; gap:18px; flex:1; }
.alt-nav a { display:inline-flex; align-items:center; min-height:36px; color:#334155; text-decoration:none; font-size:14px; font-weight:550; transition:color .15s ease; }
.alt-nav a:hover { color:#2f6bff; }
.alt-nav a.is-on { color:#2f6bff; font-weight:700; }
.alt-actions { display:flex; align-items:center; gap:12px; }
.alt-actions a { display:inline-flex; align-items:center; height:36px; color:#334155; text-decoration:none; font-size:14px; }
.alt-btn { box-sizing:border-box; background:linear-gradient(180deg,#4f84ff,#2f6bff); color:#fff !important; border-radius:10px; padding:0 14px; box-shadow:0 6px 16px rgba(47,107,255,.22); }

.alt-head-zjmf { background:#0f172a; }
.alt-head-zjmf .alt-brand,
.alt-head-zjmf .alt-nav a,
.alt-head-zjmf .alt-actions a { color:#e2e8f0; }
.alt-head-zjmf .alt-btn { background:#38bdf8; color:#0f172a !important; }
.alt-head-zjmf .lang-switch-btn{
  background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.22); color:#e2e8f0;
}
.alt-head-zjmf .alt-lang.is-open .lang-switch-btn,
.alt-head-zjmf .lang-switch-btn:hover{
  background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.35); color:#fff;
}
.alt-head-zjmf .lang-switch-menu{ background:#111827; border-color:#334155; }
.alt-head-zjmf .lang-switch-item{ color:#e2e8f0; }
.alt-head-zjmf .lang-switch-item:hover,
.alt-head-zjmf .lang-switch-item.is-active{ background:#1e293b; color:#38bdf8; }

.alt-head-www { background:#fff; box-shadow:0 8px 24px rgba(15,23,42,.06); }
.alt-sub { background:#eff6ff; border-top:1px solid #dbeafe; }
.alt-sub .aurora-container { display:flex; gap:16px; min-height:42px; align-items:center; flex-wrap:wrap; }
.alt-sub a { color:#1d4ed8; text-decoration:none; font-size:13px; }

.alt-head-aether { background:transparent; border:0; }
.alt-head-aether .alt-head-row { justify-content:center; flex-wrap:wrap; min-height:88px; }
.alt-head-aether .alt-nav { flex:0 1 auto; }
.alt-head-aether .alt-btn { background:#111827; }

.zj-hero { background:#0f172a; color:#e2e8f0; padding:64px 0; }
.zj-hero h1 { color:#fff; font-size:40px; line-height:1.25; margin:8px 0 12px; }
.zj-kicker { letter-spacing:.12em; text-transform:uppercase; font-size:12px; color:#38bdf8; }
.zj-hero-grid { display:grid; grid-template-columns:1.3fr .7fr; gap:28px; align-items:center; }
.zj-cta { display:flex; gap:10px; margin-top:18px; }
.zj-btn { box-sizing:border-box; display:inline-flex; align-items:center; height:40px; background:#38bdf8; color:#0f172a; text-decoration:none; padding:0 16px; border:1px solid transparent; border-radius:8px; font-weight:700; }
.zj-btn.ghost { background:transparent; color:#e2e8f0; border-color:#334155; }
.zj-stats { display:grid; gap:10px; }
.zj-stats div { background:#1e293b; border-radius:12px; padding:14px 16px; }
.zj-stats b { display:block; color:#fff; }
.zj-list { padding:40px 0 64px; }
.zj-table { display:grid; gap:8px; }
.zj-row { display:grid; grid-template-columns:1fr auto auto; gap:16px; align-items:center; background:#fff; border:1px solid #e6ebf2; border-radius:10px; padding:14px 16px; text-decoration:none; color:#0f172a; }
.zj-row em { font-style:normal; color:#2563eb; }

.www-hero { background:linear-gradient(120deg,#1d4ed8,#38bdf8); color:#fff; padding:72px 0; }
.www-hero h1 { color:#fff; font-size:44px; margin:8px 0 18px; }
.www-cta { display:flex; gap:12px; }
.www-cta a { box-sizing:border-box; display:inline-flex; align-items:center; height:40px; background:#fff; color:#1d4ed8; text-decoration:none; padding:0 16px; border:1px solid transparent; border-radius:999px; font-weight:700; }
.www-cta a:last-child { background:transparent; color:#fff; border-color:rgba(255,255,255,.6); }
.www-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; padding:28px 0 48px; align-items:stretch; }
.www-cards article { display:flex; flex-direction:column; background:#fff; border:1px solid #e6ebf2; border-radius:16px; padding:20px; box-shadow:0 10px 30px rgba(15,23,42,.06); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.www-cards article:hover { transform:translateY(-3px); box-shadow:0 16px 36px rgba(47,107,255,.12); border-color:#c7d7ff; }
.www-cards a { display:inline-flex; align-items:center; margin-top:auto; padding-top:12px; color:#2f6bff; font-weight:700; text-decoration:none; }
.www-groups { padding-bottom:48px; }
.www-groups .aurora-container { display:flex; flex-wrap:wrap; gap:10px; }
.www-groups a { background:#eff6ff; color:#1e3a8a; text-decoration:none; border-radius:999px; padding:8px 14px; }

.ae-wrap { max-width:720px; margin:0 auto; padding:72px 20px 96px; }
.ae-mark { letter-spacing:.2em; font-size:12px; color:#64748b; }
.ae-wrap h1 { font-size:56px; line-height:1.15; font-weight:500; margin:12px 0; }
.ae-lead { font-size:18px; color:#475569; }
.ae-actions { display:flex; gap:18px; margin:22px 0 28px; }
.ae-actions a { color:#111827; font-weight:700; }
.ae-points { display:grid; gap:10px; padding:0; }
.ae-points li { list-style:none; padding:14px 0; border-top:1px solid #e5e7eb; }

/* 会员中心结构 */
.nc-app { min-height:100vh; background:radial-gradient(900px 360px at 10% -10%,rgba(47,107,255,.08),transparent 55%),#f4f7fb; }
.nc-top { display:flex; align-items:center; gap:18px; background:linear-gradient(180deg,#111827,#0f172a); color:#e2e8f0; padding:0 18px; min-height:58px; position:sticky; top:0; z-index:20; box-shadow:0 8px 24px rgba(15,23,42,.18); }
.nc-logo { color:#fff; font-weight:800; text-decoration:none; letter-spacing:-.02em; }
.nc-nav { display:flex; gap:6px; flex:1; overflow:auto; }
.nc-nav a { color:#cbd5e1; text-decoration:none; font-size:13px; padding:8px 10px; border-radius:10px; white-space:nowrap; transition:background .15s ease,color .15s ease; }
.nc-nav a:hover { background:rgba(255,255,255,.06); color:#fff; }
.nc-nav a.on { background:linear-gradient(180deg,#4f84ff,#2f6bff); color:#fff; box-shadow:0 6px 14px rgba(47,107,255,.28); }
.nc-user { font-size:13px; }
.nc-user a { color:#93c5fd; margin-left:8px; }
.nc-body { padding:20px; }

.df-app { display:grid; grid-template-columns:210px 1fr; min-height:100vh; background:radial-gradient(900px 360px at 90% 0%,rgba(47,107,255,.06),transparent 50%),#f3f4f6; }
.df-side { background:#fff; border-right:1px solid #e5e7eb; padding:12px 0 24px; box-shadow:4px 0 24px rgba(15,23,42,.03); }
.df-logo { display:block; font-weight:800; padding:8px 16px 14px; color:#111827; text-decoration:none; letter-spacing:-.02em; }
.df-group { padding:12px 16px 4px; font-size:11px; color:#9ca3af; letter-spacing:.06em; text-transform:uppercase; font-weight:650; }
.df-side > a { display:flex; align-items:center; min-height:40px; padding:0 16px; color:#374151; text-decoration:none; font-size:14px; border-left:3px solid transparent; transition:background .15s ease,color .15s ease; }
.df-side > a:hover { background:#f8fafc; color:#2f6bff; }
.df-side > a.on { background:#eef4ff; color:#2f6bff; border-left-color:#2f6bff; font-weight:650; }
.df-top { height:56px; background:rgba(255,255,255,.9); backdrop-filter:blur(10px); border-bottom:1px solid #e5e7eb; display:flex; align-items:center; gap:16px; padding:0 18px; position:sticky; top:0; z-index:10; }
.df-top a { color:#4b5563; text-decoration:none; font-size:13px; }
.df-body { padding:20px; }

.ic-app { display:grid; grid-template-columns:64px 1fr; min-height:100vh; background:radial-gradient(800px 320px at 8% 0%,rgba(47,107,255,.07),transparent 50%),#f8fafc; }
.ic-rail { background:linear-gradient(180deg,#111827,#0f172a); display:flex; flex-direction:column; align-items:center; padding:10px 0; gap:4px; }
.ic-rail a { width:40px; height:40px; border-radius:12px; color:#cbd5e1; display:grid; place-items:center; text-decoration:none; transition:background .15s ease,color .15s ease; }
.ic-rail a:hover { background:rgba(255,255,255,.08); color:#fff; }
.ic-rail a.on { background:linear-gradient(180deg,#4f84ff,#2f6bff); color:#fff; box-shadow:0 6px 14px rgba(47,107,255,.3); }
.ic-top { height:56px; background:rgba(255,255,255,.9); backdrop-filter:blur(10px); border-bottom:1px solid #e5e7eb; display:flex; align-items:center; gap:16px; padding:0 16px; position:sticky; top:0; z-index:10; }
.ic-top a { color:#475569; text-decoration:none; font-size:13px; margin-left:auto; }
.ic-top a + a { margin-left:0; }
.ic-body { padding:16px; }

/* 购物车目录 */
.cart-cards { display:grid; gap:12px; padding:14px; }
.cart-cards.is-aurora { grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); }
.cart-cards.is-mall { grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); }
.cart-cards .cart-card { border:1px solid #e6ebf2; border-radius:14px; padding:16px; background:#fff; display:flex; flex-direction:column; gap:6px; }
.cart-cards.is-mall .cart-card { min-height:190px; background:linear-gradient(#fff,#f8fafc); }
.cart-cards .cart-card h3 { margin:0; font-size:16px; }
.cart-cards .cart-card p { margin:0; color:#64748b; font-size:13px; }
.cart-cards .cart-card > div { margin-top:auto; display:flex; justify-content:space-between; align-items:center; gap:8px; }
.cart-cards.is-rows { display:flex; flex-direction:column; gap:0; padding:0; }
.cart-rowline { display:flex; align-items:center; gap:16px; padding:14px 16px; border-bottom:1px solid #f1f5f9; }
.cart-rowline div { flex:1; }
.cart-rowline span { display:block; color:#64748b; font-size:12px; }

.cart-layout-area,
.cart-layout-province { display:grid; grid-template-columns:240px minmax(0,1fr); align-items:start; }
.cart-layout-area > .cart-panel:first-child,
.cart-layout-province > .cart-panel:first-child { grid-row:1 / span 4; }
.cart-layout-area .cart-filter-row,
.cart-layout-province .cart-filter-row { flex-direction:column; }
.cart-layout-province > .cart-panel:first-child { background:#1e293b; color:#e2e8f0; }
.cart-layout-province .cart-filter-label,
.cart-layout-province .cart-chip { color:#e2e8f0; }
.cart-layout-province .cart-chip { background:transparent; border-color:#475569; }
.cart-layout-province .cart-chip.active { background:#38bdf8; color:#0f172a; border-color:#38bdf8; }
.cart-layout-hbycwca1 .cart-panel:nth-child(2),
.cart-layout-hbycwca1 .uc-page-hd p { display:none; }
.cart-layout-hbycwca1 { max-width:860px; }

/* 结算页结构（商品左 / 结算右；窄屏由页面内 media 回落单列） */
body.theme-cart-aurora .cart-wrap,
body.theme-cart-cloud-mall .cart-wrap,
body.theme-cart-default .cart-wrap,
body.theme-cart-hbycwca1 .cart-wrap { max-width:1120px; margin:0 auto; }
body.theme-cart-aurora .cart-page > aside { order:0; }
body.theme-cart-province .cart-page > aside.cart-side,
body.theme-cart-province .cart-page > .cart-side {
  background:#1e293b; color:#e2e8f0; border-color:#334155;
}
body.theme-cart-province .cart-side .cart-card-hd {
  background:linear-gradient(180deg,#243447,#1e293b); border-bottom-color:#334155;
}
body.theme-cart-province .cart-side h2,
body.theme-cart-province .cart-side .cart-sec-t,
body.theme-cart-province .cart-side .cart-sum .grand span { color:#e2e8f0; }
body.theme-cart-province .cart-side .cart-user .u { background:#0f172a; border-color:#334155; }
body.theme-cart-province .cart-side .cart-user .v,
body.theme-cart-province .cart-side .cart-sum > div b { color:#e2e8f0; }
body.theme-cart-province .cart-notes,
body.theme-cart-province .cart-promo input {
  background:#0f172a; color:#e2e8f0; border-color:#334155;
}
body.theme-cart-province .cart-gw-list label {
  background:#0f172a; border-color:#334155; color:#e2e8f0;
}
body.theme-cart-area .cart-page { grid-template-columns:minmax(0,1fr) minmax(280px,340px); }

@media (max-width:900px) {
  .zj-hero-grid, .www-cards, .cart-layout-area, .cart-layout-province, body.theme-cart-area .cart-page { grid-template-columns:1fr; }
  .zj-hero h1, .www-hero h1 { font-size:32px; }
  .zj-row { grid-template-columns:1fr; gap:6px; }
  .ae-wrap h1 { font-size:36px; }
  .alt-head-row { flex-wrap:wrap; min-height:56px; gap:8px; }
  .alt-lang { order:2; margin-left:auto; }
  .alt-menu { display:inline-flex; order:3; margin-left:0; }
  .alt-nav, .alt-actions { display:none; flex-basis:100%; order:4; }
  .alt-head.is-open .alt-nav,
  .alt-head.is-open .alt-actions { display:flex; flex-direction:column; align-items:flex-start; padding-bottom:10px; }
  .cart-rowline { flex-wrap:wrap; }
}
@media (max-width:860px) {
  .df-app, .ic-app { grid-template-columns:1fr; }
  .df-side, .ic-rail {
    position:fixed; left:0; top:0; z-index:40; height:100vh; overflow:auto;
    transform:translateX(-105%); transition:transform .2s ease;
  }
  .df-side { width:min(280px,86vw); background:#fff; }
  .ic-rail { width:72px; }
  body.uc-nav-open .df-side, body.uc-nav-open .ic-rail { transform:none; }
  .nc-top { flex-wrap:wrap; }
  .nc-nav { display:none; flex-basis:100%; flex-direction:column; padding-bottom:10px; }
  body.uc-nav-open .nc-nav { display:flex; }
  .nc-nav a { white-space:normal; }
  .df-body, .ic-body, .nc-body { padding:12px; }
}
.alt-menu {
  display:none; width:40px; height:40px; border:1px solid #e6ebf2; border-radius:10px;
  background:#fff; cursor:pointer; align-items:center; justify-content:center; font-size:18px;
}
