/* ========= THEME TOKENS ========= */
  :root{
    --bg:#f7f8fa;
    --card:#ffffff;
    --text:#1a1d22;
    --muted:#6b7280;
    --line:#e5e7eb;
    --brand:#111827;
    --brand-2:#0f172a;
    --accent:#ff6a00;          /* 品牌橙 */
    --accent-contrast:#ffffff;
    --ring: 0 0 0 .2rem rgba(17,24,39,.12);
    --radius:14px;
    --radius-sm:10px;
    --shadow:0 8px 30px rgba(0,0,0,.04);
    --wrap:1100px;
  }
  .acc-wrap{
  position: relative; /* 建立层叠上下文 */
  z-index: 0;         /* 整个模板的基线层级 */
}
  @media (prefers-color-scheme: dark){
    :root{
      --bg:#0b0c0f; --card:#111318; --text:#eef2f7; --muted:#98a2b3; --line:#23262f;
      --brand:#e5e7eb; --brand-2:#f3f4f6;
      --accent:#ffa366;          /* 深色稍提亮 */
      --accent-contrast:#0b0c0f;
      --ring: 0 0 0 .2rem rgba(255,255,255,.12); --shadow:0 10px 32px rgba(0,0,0,.35);
    }
  }
  body{ background:var(--bg) }
  .acc-wrap{ width:min(96%,var(--wrap)); margin:28px auto 56px; color:var(--text);
    font-family:"Inter","Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; }

  /* Header */
  .acc-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin:0 0 12px; }
  .acc-head h1{ margin:0; font-size:clamp(20px,2.2vw,26px); font-weight:700; letter-spacing:.2px }
  .acc-sub{ margin:0; color:var(--muted); font-size:14px }

  /* ===== Underline Ink Tabs (mobile-friendly, sticky) ===== */
  .tabs-wrap{
    position:sticky; top:0; z-index:0;
    margin:16px 0 18px;
    padding:8px 0 0;
    background:linear-gradient(180deg,var(--bg),var(--bg) 65%,transparent);
  }
  .acc-tabs{
    position:relative;
    display:flex; gap:18px;
    overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch;
    padding:0 6px 10px;
    border-bottom:1.5px solid var(--line);
    scrollbar-width:none;
  }
  .acc-tabs::-webkit-scrollbar{ display:none }

  .acc-tab{
    flex:0 0 auto;
    display:inline-flex; align-items:center; justify-content:center;
    padding:12px 2px; /* 下划线风格不需要左右很大内边距，让留白靠 gap 控制 */
    font-size:14px; font-weight:600; letter-spacing:.2px;
    color: color-mix(in oklab, var(--text) 78%, var(--muted) 22%);
    text-decoration:none; user-select:none; white-space:nowrap;
    transition: color .15s ease, opacity .15s ease, transform .12s ease;
  }
  .acc-tab:hover{ color: var(--text); transform: translateY(-1px); }
  .acc-tab.active, .acc-tab[aria-current="page"]{ color: var(--text); }

  /* 滑动下划线（Ink Bar） */
  .acc-inkbar{
    position:absolute; left:var(--ink-left,0); width:var(--ink-width,0);
    height:3px; bottom:-1.5px; border-radius:3px;
    background: linear-gradient(90deg, var(--accent), color-mix(in oklab, var(--accent) 82%, #ffd4b3 18%));
    box-shadow: 0 4px 14px color-mix(in oklab, var(--accent) 40%, transparent);
    transition: left .22s cubic-bezier(.2,.8,.2,1), width .22s cubic-bezier(.2,.8,.2,1);
    pointer-events:none;
  }

  @media (max-width: 768px){
    .acc-tab{ padding:11px 0; font-size:13px }
  }

  /* Card */
  .acc-card{ background:var(--card); border:1px solid var(--line); border-radius:var(--radius);
    box-shadow:var(--shadow); padding:clamp(14px,2.4vw,22px); min-height:240px; }

  /* Forms */
  .acc-card .woocommerce form .form-row, .acc-card form .form-row{ margin-bottom:12px }
  .acc-card .woocommerce form .form-row label{ font-size:13px; color:var(--muted); margin-bottom:6px; display:block }
  .acc-card input[type="text"], .acc-card input[type="email"], .acc-card input[type="password"],
  .acc-card input[type="tel"], .acc-card input[type="number"], .acc-card select, .acc-card textarea{
    width:100%; border:1px solid var(--line); background:var(--card); color:var(--text);
    padding:11px 12px; border-radius:var(--radius-sm); outline:none; transition:border-color .15s, box-shadow .15s;
  }
  .acc-card input:focus, .acc-card select:focus, .acc-card textarea:focus{
    border-color:color-mix(in oklab, var(--text) 30%, var(--line) 70%); box-shadow:var(--ring);
  }
  .acc-card .button, .acc-card button, .acc-card input[type="submit"]{
    display:inline-flex; align-items:center; gap:8px; padding:11px 14px; font-size:14px; font-weight:600;
    border-radius:12px; border:1px solid var(--brand); background:var(--brand); color:#fff; cursor:pointer;
    transition: filter .12s, transform .05s;
  }
  .acc-card .button:hover{ filter:brightness(.95) }
  .acc-card .button:active{ transform:translateY(1px) }
  .acc-card .button.alt{ background:transparent; color:var(--brand); border-color:var(--brand) }

  /* Tables (desktop) */
  .acc-card table.shop_table{ border:1px solid var(--line); border-radius:12px; overflow:hidden; width:100% }
  .acc-card table.shop_table th, .acc-card table.shop_table td{ padding:12px 14px; font-size:14px; border-bottom:1px solid var(--line) }
  .acc-card table.shop_table th{ background:color-mix(in oklab, var(--card) 88%, var(--text) 12%); color:var(--text); text-align:left }
  .acc-card table.shop_table tr:last-child td{ border-bottom:0 }

  /* Notices */
  .woocommerce-message, .woocommerce-info, .woocommerce-error{
    border-radius:12px; border:1px solid var(--line);
    background:color-mix(in oklab, var(--card) 92%, var(--text) 8%);
    padding:12px 14px; color:var(--text); margin:12px 0;
  }

  /* Hide extra navs */
  .woocommerce-MyAccount-navigation, .acc-tabs-nav, .js-acc-nav{ display:none !important }

  /* ----- Orders LIST: Mobile cards ----- */
  @media (max-width: 640px){
    .acc-card table.woocommerce-orders-table.shop_table{ display:block; border:0; background:transparent; }
    .woocommerce-orders-table thead{ display:none; }
    .woocommerce-orders-table tbody{ display:grid; gap:12px; padding:0; margin:0; }
    .woocommerce-orders-table tr{
      display:grid; grid-template-columns:1fr; background:var(--card);
      border:1px solid var(--line); border-radius:14px; box-shadow:var(--shadow); overflow:hidden;
    }
    .woocommerce-orders-table td{
      display:flex; align-items:flex-start; justify-content:space-between; gap:10px;
      padding:12px 14px; border:0; border-top:1px solid var(--line); font-size:14px;
    }
    .woocommerce-orders-table tr td:first-child{ border-top:0 }
    .woocommerce-orders-table td[data-title]::before{
      content: attr(data-title); flex:0 0 auto; color:var(--muted); font-size:12px; line-height:1.2; margin-right:10px; min-width:92px;
    }
    .woocommerce-orders-table__cell-order-number{ background:color-mix(in oklab, var(--card) 90%, var(--text) 10%); font-weight:700; font-size:15px; }
    .woocommerce-orders-table__cell-order-status{ justify-content:flex-start; gap:8px; }
    .woocommerce-orders-table__cell-order-status > *{
      display:inline-block; background:color-mix(in oklab, var(--accent) 14%, var(--card) 86%);
      color:color-mix(in oklab, var(--accent) 70%, var(--text) 30%); padding:4px 10px; border-radius:999px; font-weight:600; line-height:1.2;
    }
    .woocommerce-orders-table__cell-order-total{ align-items:center; }
    .woocommerce-orders-table__cell-order-total small{ color:var(--muted); display:block; margin-top:2px; }
    .woocommerce-orders-table__cell-order-actions{ padding:12px; }
    .woocommerce-orders-table__cell-order-actions .button{
      width:100%; justify-content:center; padding:12px 14px; border-radius:12px;
      background:var(--accent); border-color:var(--accent); color:#fff; font-weight:700;
    }
  }
  /* 桌面端 Orders 按钮也统一为品牌橙 */
  .woocommerce-orders-table .button{ background:var(--accent); border-color:var(--accent); color:#fff; }
  .woocommerce-orders-table .button:hover{ filter:brightness(.96); }

  /* ----- SINGLE ORDER VIEW: Mobile cards ----- */
  @media (max-width: 640px){
    .woocommerce-order{ display:grid; gap:12px; }

    .woocommerce-order-overview{
      display:grid; gap:8px; padding:12px; background:var(--card);
      border:1px solid var(--line); border-radius:14px; box-shadow:var(--shadow);
      font-size:14px;
    }
    .woocommerce-order-overview li{ list-style:none; margin:0; padding:0; }
    .woocommerce-order-overview .woocommerce-order-overview__order,
    .woocommerce-order-overview .woocommerce-order-overview__date,
    .woocommerce-order-overview .woocommerce-order-overview__status,
    .woocommerce-order-overview .woocommerce-order-overview__total,
    .woocommerce-order-overview .woocommerce-order-overview__payment-method{
      display:flex; justify-content:space-between; gap:10px; border-top:1px solid var(--line); padding-top:8px;
    }
    .woocommerce-order-overview li:first-child{ border-top:0; padding-top:0; }
    .woocommerce-order-overview strong{ font-weight:700; }
    .woocommerce-order-overview .woocommerce-order-overview__status strong{
      display:inline-block; background:color-mix(in oklab, var(--accent) 14%, var(--card) 86%);
      color:color-mix(in oklab, var(--accent) 70%, var(--text) 30%);
      padding:4px 10px; border-radius:999px;
    }

    .woocommerce-customer-details{ display:grid; gap:12px; }
    .woocommerce-customer-details .woocommerce-column{
      background:var(--card); border:1px solid var(--line); border-radius:14px; box-shadow:var(--shadow); padding:12px;
    }
    .woocommerce-customer-details .woocommerce-column__title{ margin:0 0 8px; font-size:15px; font-weight:700; }
    .woocommerce-customer-details address{ font-style:normal; line-height:1.6; color:var(--text); }

    .woocommerce-table--order-details{ display:block; border:0; background:transparent; }
    .woocommerce-order-details{
      background:var(--card); border:1px solid var(--line); border-radius:14px; box-shadow:var(--shadow); padding:12px;
    }
    .woocommerce-order-details__title{ margin:0 0 10px; font-size:16px; font-weight:700; }

    .woocommerce-table--order-details thead{ display:none; }
    .woocommerce-table--order-details tbody{ display:grid; gap:10px; }
    .woocommerce-table--order-details tfoot{ display:grid; gap:8px; margin-top:10px; }

    .woocommerce-table--order-details tr{
      display:grid; grid-template-columns:1fr; border:1px solid var(--line);
      border-radius:12px; overflow:hidden; background:var(--card);
    }
    .woocommerce-table--order-details td{
      display:flex; justify-content:space-between; gap:10px; padding:10px 12px; border:0; border-top:1px solid var(--line);
    }
    .woocommerce-table--order-details td:first-child{ border-top:0; }
    .woocommerce-table--order-details td[data-title]::before{
      content: attr(data-title); color:var(--muted); font-size:12px; margin-right:10px; min-width:100px;
    }
    .woocommerce-table--order-details .wc-item-meta{ font-size:12px; color:var(--muted); }

    .woocommerce-table--order-details tfoot tr{
      display:flex; justify-content:space-between; padding:10px 12px; border:1px solid var(--line);
      border-radius:12px; background:color-mix(in oklab, var(--card) 96%, var(--text) 4%);
    }
    .woocommerce-table--order-details tfoot th{ font-weight:600; }
    .woocommerce-table--order-details tfoot td{ border:0; padding:0; }

    .woocommerce-order a.button, .woocommerce-order .button{
      width:100%; justify-content:center; padding:12px 14px; border-radius:12px;
      background:var(--accent); border-color:var(--accent); color:#fff; font-weight:700;
    }
  }

  /* a11y focus */
  .acc-tab:focus-visible, .acc-card a:focus-visible, .acc-card input:focus-visible,
  .acc-card select:focus-visible, .acc-card textarea:focus-visible, .acc-card button:focus-visible{
    outline:none; box-shadow:var(--ring);
  }

  @media (max-width:768px){
    .acc-head{ flex-direction:column; align-items:flex-start }
  }