/* POD 站点外壳(对标 Wooacry):轮播促销条 + 头部 mega menu + 页脚。
   注入式 skin;隐藏 block 主题原生头尾。可经 filter 关闭。 */

:root {
  --pod-c-accent: #e4002b;
  --pod-c-accent-2: #6d5efc;
  --pod-c-ink: #1c1d22;
  --pod-c-muted: #6b7280;
  --pod-c-line: #ececf1;
  --pod-c-bg: #ffffff;
  --pod-c-indigo: linear-gradient(90deg, #4f46e5, #7c6cff);
}

/* 隐藏 block 主题原生头尾(Twenty Twenty-Four) */
.wp-site-blocks > header.wp-block-template-part,
.wp-site-blocks > footer.wp-block-template-part,
body > .wp-site-blocks > header,
header.wp-block-template-part:first-of-type {
  display: none !important;
}

.pod-chrome * {
  box-sizing: border-box;
}
/* 页面内容区(不在 .pod-chrome 内)的皮肤元素也统一 border-box,
   否则 1280 容器以 content-box 计算会比顶部菜单宽 48px、两边外凸不对齐。 */
[class^="pod-"],
[class*=" pod-"] {
  box-sizing: border-box;
}
.pod-chrome a {
  text-decoration: none;
  color: inherit;
}

/* ---------- 轮播促销条 ---------- */
.pod-promobar {
  background: var(--pod-c-indigo);
  color: #fff;
  height: 40px;
  overflow: hidden;
  position: relative;
}
.pod-promobar__track {
  display: flex;
  flex-direction: column;
  animation: podPromo 12s infinite;
}
.pod-promobar__item {
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.01em;
}
@keyframes podPromo {
  0%, 28% { transform: translateY(0); }
  33%, 61% { transform: translateY(-40px); }
  66%, 94% { transform: translateY(-80px); }
  100% { transform: translateY(0); }
}

/* ---------- 主头部 ---------- */
.pod-header {
  background: var(--pod-c-bg);
  border-bottom: 1px solid var(--pod-c-line);
  position: sticky;
  top: 0;
  z-index: 900;
}
.pod-header__inner {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 16px 24px 8px;
}
.pod-logo__text {
  font-weight: 900;
  font-size: 26px;
  letter-spacing: -0.02em;
  background: linear-gradient(90deg, #ff3d8b, #7c6cff, #36d1dc);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* 搜索(对标 Wooacry:占据 logo 与右侧操作之间几乎全部空间) */
.pod-search {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  background: #f4f5f7;
  border: 1px solid var(--pod-c-line);
  border-radius: 999px;
  padding: 2px 6px 2px 18px;
}
.pod-search input[type="search"] {
  flex: 1;
  border: none;
  background: transparent;
  outline: none;
  font-size: 15px;
  padding: 10px 0;
}
.pod-search button {
  background: var(--pod-c-ink);
  border: none;
  color: #fff;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.pod-search svg { width: 18px; height: 18px; }

/* 右侧操作 */
.pod-header__actions {
  display: flex;
  align-items: center;
  gap: 20px;
}
.pod-header__link {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--pod-c-ink);
}
.pod-header__link svg { width: 22px; height: 22px; }
.pod-header__link:hover { color: var(--pod-c-accent-2); }

.pod-cart { position: relative; }
.pod-cart__count {
  position: absolute;
  top: -8px;
  left: 12px;
  background: var(--pod-c-accent);
  color: #fff;
  font-style: normal;
  font-size: 11px;
  font-weight: 700;
  min-width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 999px;
  padding: 0 5px;
}

/* 币种(固定宽度 pill,避免点击抖动 + 去默认 focus 蓝框) */
.pod-currency {
  position: relative;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  outline: none;
  display: flex;
  align-items: center;
  min-width: 104px;
  white-space: nowrap;
  padding: 6px 10px;
  border-radius: 999px;
  transition: background 0.15s ease;
}
.pod-currency:hover,
.pod-currency.is-open {
  background: #f4f5f7;
}
.pod-currency:focus,
.pod-currency:focus-visible {
  outline: none;
  box-shadow: none;
}
.pod-currency__menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border: 1px solid var(--pod-c-line);
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(16, 24, 40, 0.12);
  display: none;
  flex-direction: column;
  min-width: 150px;
  overflow: hidden;
  z-index: 20;
}
.pod-currency:hover .pod-currency__menu,
.pod-currency:focus .pod-currency__menu,
.pod-currency:focus-within .pod-currency__menu,
.pod-currency.is-open .pod-currency__menu {
  display: flex;
}
.pod-currency__menu button {
  background: none;
  border: none;
  text-align: left;
  padding: 10px 14px;
  font-size: 14px;
  cursor: pointer;
}
.pod-currency__menu button:hover { background: #f4f5f7; }

/* ---------- 面包屑(对标 Wooacry) ---------- */
.pod-crumb {
  background: var(--pod-c-bg);
}
.pod-crumb__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 14px 24px 0;
  font-size: 13px;
  color: var(--pod-c-muted);
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.pod-crumb a {
  color: var(--pod-c-muted);
}
.pod-crumb a:hover {
  color: var(--pod-c-accent);
}
.pod-crumb__sep {
  color: #c4c8cf;
}
.pod-crumb__cur {
  color: var(--pod-c-ink);
  font-weight: 600;
}
/* 隐藏主题/WooCommerce 自带面包屑(用我们统一的) */
.woocommerce-breadcrumb,
.wp-block-breadcrumbs,
.wc-block-breadcrumbs {
  display: none !important;
}

/* ---------- 导航 ---------- */
.pod-nav {
  background: var(--pod-c-bg);
  border-bottom: 1px solid var(--pod-c-line);
}
/* 汉堡按钮:桌面隐藏,移动端显示(见响应式) */
.pod-nav__toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid var(--pod-c-line);
  border-radius: 10px;
  background: #fff;
  color: var(--pod-c-ink);
  cursor: pointer;
}
.pod-nav__toggle svg { width: 22px; height: 22px; }
.pod-nav__inner {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
}
.pod-nav__list {
  display: flex;
  gap: 28px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.pod-nav__item > a {
  display: inline-block;
  padding: 14px 0;
  font-size: 15px;
  font-weight: 700;
  color: var(--pod-c-ink);
  border-bottom: 2px solid transparent;
}
.pod-nav__item > a em { font-style: normal; font-size: 11px; }
.pod-nav__item:hover > a { color: var(--pod-c-accent-2); border-bottom-color: var(--pod-c-accent-2); }

/* mega menu */
.pod-has-mega { position: static; }
.pod-mega {
  position: absolute;
  left: 0;
  right: 0;
  background: #fff;
  border-top: 1px solid var(--pod-c-line);
  box-shadow: 0 20px 40px rgba(16, 24, 40, 0.12);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity 0.15s ease, transform 0.15s ease;
  z-index: 50;
}
.pod-has-mega:hover .pod-mega {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.pod-mega__inner {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 20px;
  padding: 28px 24px 34px;
}
.pod-mega__col h4 {
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 800;
  color: var(--pod-c-ink);
}
.pod-mega__col ul { list-style: none; margin: 0; padding: 0; }
.pod-mega__col li { margin: 0 0 9px; }
.pod-mega__col a {
  font-size: 13px;
  color: var(--pod-c-muted);
}
.pod-mega__col a:hover { color: var(--pod-c-accent); }

/* 小下拉(Start Selling) */
.pod-has-drop { position: relative; }
.pod-drop {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  background: #fff;
  border: 1px solid var(--pod-c-line);
  border-radius: 12px;
  box-shadow: 0 16px 36px rgba(16, 24, 40, 0.14);
  padding: 8px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity 0.15s ease, transform 0.15s ease;
  z-index: 60;
}
.pod-has-drop:hover .pod-drop { opacity: 1; visibility: visible; transform: translateY(0); }
.pod-drop a {
  display: block;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--pod-c-ink);
}
.pod-drop a:hover { background: #f4f5f7; color: var(--pod-c-accent); }

/* 社媒 */
.pod-nav__socials { display: flex; gap: 8px; }
.pod-nav__socials a {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: var(--pod-c-ink);
  color: #fff;
  display: grid;
  place-items: center;
  transition: background 0.15s ease, transform 0.15s ease;
}
.pod-nav__socials svg { width: 16px; height: 16px; }
.pod-nav__socials a:hover { background: var(--pod-c-accent-2); transform: translateY(-2px); }

/* ---------- 页脚 ---------- */
.pod-footer {
  background: #0f1014;
  color: #c9cbd3;
  margin-top: 60px;
}
.pod-footer__inner {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.4fr 3fr;
  gap: 40px;
  padding: 56px 24px;
}
.pod-footer__brand .pod-logo__text { font-size: 24px; }
.pod-footer__brand p { margin: 14px 0 0; font-size: 14px; line-height: 1.6; max-width: 320px; }
.pod-footer__cols {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.pod-footer__col h5 {
  margin: 0 0 14px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
.pod-footer__col ul { list-style: none; margin: 0; padding: 0; }
.pod-footer__col li { margin: 0 0 10px; }
.pod-footer__col a { font-size: 13px; color: #9a9db0; }
.pod-footer__col a:hover { color: #fff; }
.pod-footer__bar {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  text-align: center;
  padding: 18px;
  font-size: 13px;
  color: #6b6e80;
}

/* ---------- 分类归档页:两栏 + 侧栏(对标 Wooacry) ---------- */
.pod-cat-layout {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  max-width: 1280px;
  margin: 16px auto 0;
  padding: 0 24px;
}
.pod-cat-sidebar {
  flex: 0 0 248px;
  position: sticky;
  top: 96px;
}
.pod-cat-sidebar__title {
  font-size: 16px;
  font-weight: 800;
  margin: 0 0 12px;
  color: var(--pod-c-ink);
}
.pod-cat-group {
  border-bottom: 1px solid var(--pod-c-line);
}
.pod-cat-group > summary {
  list-style: none;
  cursor: pointer;
  padding: 12px 4px;
  font-size: 14px;
  font-weight: 700;
  color: var(--pod-c-ink);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pod-cat-group > summary::-webkit-details-marker { display: none; }
.pod-cat-group > summary::after {
  content: '＋';
  font-weight: 400;
  color: var(--pod-c-muted);
}
.pod-cat-group[open] > summary::after { content: '－'; }
.pod-cat-group.is-active > summary { color: var(--pod-c-accent); }
.pod-cat-group ul {
  list-style: none;
  margin: 0 0 10px;
  padding: 0 0 0 4px;
}
.pod-cat-group li { margin: 0 0 8px; }
.pod-cat-group a {
  font-size: 13px;
  color: var(--pod-c-muted);
  text-decoration: none;
}
.pod-cat-group a:hover { color: var(--pod-c-accent); }
.pod-cat-group a.is-current {
  color: var(--pod-c-accent);
  font-weight: 700;
}

/* 商品归档页:去掉 main 全局 padding,让 .pod-cat-layout 满宽居中对齐导航 */
body:is(.tax-product_cat, .post-type-archive-product) main.has-global-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 主列:让宽对齐/网格在窄列里正常铺排 */
.pod-cat-main {
  flex: 1 1 auto;
  min-width: 0;
}
.pod-cat-main > .alignwide,
.pod-cat-main > .alignfull {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.pod-cat-main .wp-block-query-title {
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
  font-weight: 800;
  font-size: 30px;
  letter-spacing: -0.01em;
  margin: 0 0 8px;
}
.pod-cat-main .wc-block-product-template {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
/* POD:列表卡不直接加购(必须先进定制器上传定制);对标 Wooacry——卡片仅图+名+价,点击进商品页 */
.wc-block-product .wc-block-components-product-button,
.wc-block-product .wp-block-woocommerce-product-button,
.wc-block-product .added_to_cart { display: none !important; }

/* 排序条(对标 Wooacry:Popular / Latest / Rating 内联选项),隐藏 WooCommerce 默认下拉 */
.pod-cat-main .woocommerce-ordering,
.pod-cat-main .wc-block-product-sort-select,
.pod-cat-main .wp-block-woocommerce-catalog-sorting { display: none !important; }
.pod-cat-sort {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 4px 0 18px;
  flex-wrap: wrap;
}
.pod-cat-sort__label { font-size: 13px; color: var(--pod-c-muted); margin-right: 2px; }
.pod-cat-sort__opt {
  font-size: 13px;
  font-weight: 600;
  color: var(--pod-c-ink);
  text-decoration: none;
  padding: 6px 14px;
  border: 1px solid var(--pod-c-line);
  border-radius: 999px;
  background: #fff;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.pod-cat-sort__opt:hover { border-color: var(--pod-c-accent-2); color: var(--pod-c-accent-2); }
.pod-cat-sort__opt.is-active {
  background: var(--pod-c-ink);
  color: #fff;
  border-color: var(--pod-c-ink);
}

/* ---------- 单品详情页(对标 Wooacry) ---------- */
.pod-pp-prodtime {
  color: var(--pod-c-muted);
  font-size: 14px;
  font-weight: 600;
  margin: 4px 0 14px;
}
.pod-pp-pricing {
  margin: 18px 0;
  border: 1px solid var(--pod-c-line);
  border-radius: 14px;
  padding: 16px 18px;
}
.pod-pp-pricing h3 {
  font-size: 16px;
  font-weight: 800;
  margin: 0 0 12px;
}
.pod-pp-tiers {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.pod-pp-tiers th,
.pod-pp-tiers td {
  text-align: left;
  padding: 8px 6px;
  border-bottom: 1px solid var(--pod-c-line);
}
.pod-pp-tiers th {
  color: var(--pod-c-muted);
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.pod-pp-tiers td:last-child {
  color: var(--pod-c-accent);
  font-weight: 800;
}
.pod-pp-tiers tr:last-child td { border-bottom: none; }
.pod-pp-tiers-note {
  font-size: 12px;
  color: var(--pod-c-muted);
  margin: 10px 0 0;
}

/* Customize CTA */
.pod-pp-cta {
  display: block;
  width: 100%;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  text-align: center;
  background: var(--pod-c-accent);
  color: #fff !important;
  font-weight: 800;
  font-size: 17px;
  padding: 15px 24px;
  border-radius: 999px;
  margin: 20px 0 8px;
  text-decoration: none;
  transition: filter 0.15s ease, transform 0.15s ease;
}
.pod-pp-cta:hover { filter: brightness(0.93); transform: translateY(-1px); }
.pod-pp-cta:disabled { opacity: 0.7; cursor: default; transform: none; }
.pod-pp-cta-alt {
  display: block;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  color: var(--pod-c-accent-2);
  text-decoration: none;
  margin: 0 0 8px;
}
.pod-pp-cta-alt:hover { text-decoration: underline; }
.pod-pp-cta-sub {
  font-size: 13px;
  color: var(--pod-c-muted);
  text-align: center;
  margin: 0 0 8px;
}

/* 信任徽章 */
/* How to order? 四步(对标 Wooacry,竖排编号列表) */
.pod-pp-howto {
  margin: 22px 0 0;
  padding: 18px 0 0;
  border-top: 1px solid var(--pod-c-line);
}
.pod-pp-howto__title {
  font-size: 15px;
  font-weight: 800;
  margin: 0 0 14px;
}
.pod-pp-howto ol {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}
.pod-pp-howto li {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.pod-pp-howto__n {
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: var(--pod-c-accent-2);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
}
.pod-pp-howto strong { display: block; font-size: 14px; color: var(--pod-c-ink); }
.pod-pp-howto div span { display: block; font-size: 13px; color: var(--pod-c-muted); line-height: 1.5; }

.pod-pp-trust {
  list-style: none;
  margin: 22px 0 0;
  padding: 18px 0 0;
  border-top: 1px solid var(--pod-c-line);
  display: grid;
  gap: 14px;
}
.pod-pp-trust li {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.pod-pp-trust__ic {
  font-size: 20px;
  line-height: 1.2;
  flex: 0 0 auto;
}
.pod-pp-trust strong {
  display: block;
  font-size: 14px;
  color: var(--pod-c-ink);
}
.pod-pp-trust span:last-child {
  display: block;
  font-size: 13px;
  color: var(--pod-c-muted);
  line-height: 1.5;
}

/* 隐藏单品页默认加购表单(对齐 Wooacry:唯一 CTA = Customize Now;定制器内再加购) */
.single-product div.product form.cart,
.single-product .summary form.cart {
  display: none !important;
}

/* 评论国家(对标 Wooacry) */
.pod-review-country {
  display: inline-block;
  margin-left: 8px;
  font-size: 12px;
  color: var(--pod-c-muted);
  font-weight: 600;
}

/* 评分汇总条(Reviews tab 顶部,对标 Wooacry) */
.pod-rev-summary {
  display: flex;
  align-items: center;
  gap: 36px;
  flex-wrap: wrap;
  padding: 20px 24px;
  margin: 0 0 24px;
  border: 1px solid var(--pod-c-line);
  border-radius: 16px;
  background: #fafbfc;
}
.pod-rev-summary__score { display: flex; flex-direction: column; align-items: center; gap: 4px; flex: 0 0 auto; }
.pod-rev-summary__avg { font-size: 44px; font-weight: 800; line-height: 1; color: var(--pod-c-ink); }
.pod-rev-summary__score .star-rating { margin: 2px 0; color: #f5a623; }
.pod-rev-summary__count { font-size: 13px; color: var(--pod-c-muted); }
.pod-rev-summary__bars { list-style: none; margin: 0; padding: 0; flex: 1; min-width: 220px; display: flex; flex-direction: column; gap: 6px; }
.pod-rev-summary__bars li { display: flex; align-items: center; gap: 10px; font-size: 13px; }
.pod-rev-summary__star { flex: 0 0 28px; color: var(--pod-c-muted); font-weight: 600; }
.pod-rev-summary__track { flex: 1; height: 8px; border-radius: 999px; background: #eceef1; overflow: hidden; }
.pod-rev-summary__fill { display: block; height: 100%; border-radius: 999px; background: #f5a623; }
.pod-rev-summary__pct { flex: 0 0 36px; text-align: right; color: var(--pod-c-muted); }

@media (max-width: 600px) {
  .pod-rev-summary { gap: 20px; }
}

/* tab 内容 */
.pod-pp-specs,
.pod-pp-qa { font-size: 14px; line-height: 1.7; }
.pod-pp-qa dt { font-weight: 700; margin-top: 12px; }
.pod-pp-qa dd { margin: 4px 0 0; color: var(--pod-c-muted); }

/* ---------- 响应式 ---------- */
@media (max-width: 1024px) {
  .pod-mega__inner { grid-template-columns: repeat(4, 1fr); }
  .pod-footer__inner { grid-template-columns: 1fr; }
  .pod-cat-main .wc-block-product-template { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .pod-header__inner { flex-wrap: wrap; gap: 12px; }
  .pod-search { order: 3; max-width: none; flex-basis: 100%; }
  .pod-nav__socials { display: none; }
  .pod-footer__cols { grid-template-columns: repeat(2, 1fr); }
  .pod-cat-layout { flex-direction: column; }
  .pod-cat-sidebar { position: static; flex-basis: auto; width: 100%; }

  /* ---- 移动端折叠菜单(汉堡 + 手风琴下拉) ---- */
  .pod-nav__toggle { display: inline-flex; order: -1; }
  /* nav 默认收起,汉堡切换 .is-open 展开为竖向面板 */
  .pod-nav { display: none; }
  .pod-nav.is-open { display: block; }
  .pod-nav__inner { display: block; padding: 8px 16px 12px; }
  .pod-nav__list { flex-direction: column; gap: 0; }
  .pod-nav__item { border-top: 1px solid var(--pod-c-line); }
  .pod-nav__item:first-child { border-top: 0; }
  .pod-nav__item > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 2px;
    border-bottom: 0;
  }
  .pod-nav__item > a em { font-size: 14px; transition: transform 0.15s; }
  .pod-nav__item.is-open > a em { transform: rotate(180deg); }
  /* hover 下拉面板 → 静态手风琴,点击父项展开 */
  .pod-nav .pod-mega,
  .pod-nav .pod-drop {
    display: none;
    position: static;
    width: auto;
    box-shadow: none;
    border: 0;
    padding: 0;
    background: transparent;
    /* 覆盖桌面 hover 的隐藏机制(opacity/visibility/transform),否则展开后内容仍不可见 */
    opacity: 1;
    visibility: visible;
    transform: none;
  }
  .pod-nav__item.is-open .pod-mega,
  .pod-nav__item.is-open .pod-drop { display: block; }
  .pod-mega__inner { grid-template-columns: 1fr; gap: 0; padding: 0 0 8px; }
  .pod-mega__col { padding: 6px 0; }
  .pod-mega__col h4 { margin: 6px 0 4px; }
  .pod-drop { padding: 0 0 8px; }
  .pod-drop a { display: block; padding: 10px 2px; }
}

/* ============ 首页(对标 Wooacry) ============ */
/* 内容区已是全宽;不再用负边距突破(会右偏错位)。区块用 max-width+margin auto 居中,
   与顶部导航(1280)对齐;彩色通栏区块用 section--alt 满宽。 */
.pod-home {
  width: 100%;
  max-width: none !important;
  margin: 0;
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
  color: var(--pod-c-ink);
}
/* .pod-home 页:去掉内容块的全局 padding/约束,让其满宽;区块再各自居中对齐导航 */
body:has(.pod-home) :where(.wp-block-post-content, .entry-content) {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* .pod-home 短代码页自带完整布局:移除模板/内容里多余的 Spacer 占位块
   (它在 hero 上方撑出大段空白——用户截图里那个带焦点蓝框的空盒)。 */
body:has(.pod-home) .wp-block-spacer { display: none !important; }
.pod-home h1, .pod-home h2, .pod-home h3 {
  font-family: inherit;
}
.pod-btn {
  display: inline-block;
  border-radius: 999px;
  font-weight: 800;
  font-size: 16px;
  padding: 14px 30px;
  text-decoration: none;
  transition: filter 0.15s ease, transform 0.15s ease;
}
.pod-btn--primary { background: var(--pod-c-accent); color: #fff !important; }
.pod-btn--primary:hover { filter: brightness(0.93); transform: translateY(-1px); }
.pod-btn--ghost { background: #fff; color: var(--pod-c-ink) !important; border: 1px solid var(--pod-c-line); }
.pod-link { color: var(--pod-c-accent-2); font-weight: 700; text-decoration: none; white-space: nowrap; }
.pod-accent { color: var(--pod-c-accent); }

/* Hero */
.pod-hero {
  text-align: center;
  padding: 72px 24px 56px;
  background: radial-gradient(1200px 400px at 50% -10%, #eef0ff, #ffffff);
}
.pod-hero h1 {
  font-size: 60px;
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.04;
  margin: 0 0 26px;
}
.pod-hero__bullets {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 26px;
  padding: 0;
  margin: 0 0 30px;
  font-size: 16px;
  font-weight: 600;
  color: #374151;
}
.pod-hero__cta { display: flex; justify-content: center; gap: 14px; }

/* 通用 section */
.pod-section { max-width: 1280px; margin: 0 auto; padding: 56px 24px; }
.pod-section--alt { max-width: none; background: #f6f7fb; }
.pod-section--alt > * { max-width: 1280px; margin-left: auto; margin-right: auto; }
.pod-section__title { font-size: 30px; font-weight: 800; text-align: center; margin: 0 0 32px; letter-spacing: -0.01em; }
.pod-section__head { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 24px; gap: 16px; }
.pod-section__head h2 { font-size: 28px; font-weight: 800; margin: 0; letter-spacing: -0.01em; }
.pod-section__head p { margin: 6px 0 0; color: var(--pod-c-muted); font-size: 14px; }

/* 社交证明 */
.pod-social {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  max-width: 1100px;
  margin: 0 auto;
  padding: 28px 24px;
  text-align: center;
  border-bottom: 1px solid var(--pod-c-line);
}
.pod-social strong { display: block; font-size: 24px; font-weight: 900; }
.pod-social span { font-size: 13px; color: var(--pod-c-muted); }

/* 品类卡 */
.pod-cat-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 14px; }
.pod-cat-card {
  display: grid;
  place-items: center;
  aspect-ratio: 1 / 1;
  border-radius: 16px;
  background: linear-gradient(145deg, #f4f5ff, #fdeef4);
  border: 1px solid var(--pod-c-line);
  text-decoration: none;
  color: var(--pod-c-ink);
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  padding: 10px;
  transition: transform 0.16s ease, box-shadow 0.16s ease;
}
.pod-cat-card:hover { transform: translateY(-4px); box-shadow: var(--pod-c-shadow, 0 10px 30px rgba(16,24,40,0.12)); }

/* 商品条 */
.pod-pstrip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.pod-pcard {
  border: 1px solid var(--pod-c-line);
  border-radius: 16px;
  padding: 14px;
  text-decoration: none;
  color: var(--pod-c-ink);
  background: #fff;
  transition: transform 0.16s ease, box-shadow 0.16s ease;
}
.pod-pcard:hover { transform: translateY(-4px); box-shadow: 0 10px 30px rgba(16,24,40,0.12); }
.pod-pcard__img { aspect-ratio: 1/1; border-radius: 12px; overflow: hidden; background: #f4f5f7; margin-bottom: 10px; }
.pod-pcard__img img { width: 100%; height: 100%; object-fit: cover; }
.pod-pcard__title { font-size: 14px; font-weight: 600; }
.pod-pcard__price { color: var(--pod-c-accent); font-weight: 800; margin-top: 4px; }

/* Campaigns */
.pod-camp-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.pod-camp { border: 1px solid var(--pod-c-line); border-radius: 16px; padding: 22px; background: #fff; }
.pod-camp h3 { margin: 0 0 8px; font-size: 17px; }
.pod-camp p { margin: 0 0 14px; font-size: 14px; color: var(--pod-c-muted); line-height: 1.5; }

/* 3 步 */
.pod-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; max-width: 1000px; margin: 0 auto; }
.pod-step { text-align: center; }
.pod-step__n {
  display: inline-grid; place-items: center;
  width: 48px; height: 48px; border-radius: 999px;
  background: var(--pod-c-accent); color: #fff; font-weight: 900; font-size: 20px; margin-bottom: 14px;
}
.pod-step h3 { margin: 0 0 8px; font-size: 18px; }
.pod-step p { margin: 0; color: var(--pod-c-muted); font-size: 14px; line-height: 1.6; }

/* 信任数据 */
.pod-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; text-align: center; }
.pod-stats strong { display: block; font-size: 34px; font-weight: 900; color: var(--pod-c-accent); }
.pod-stats span { font-size: 14px; color: var(--pod-c-muted); }

/* 运费表 */
.pod-ship { width: 100%; max-width: 900px; margin: 0 auto; border-collapse: collapse; font-size: 14px; background: #fff; border-radius: 14px; overflow: hidden; }
.pod-ship th, .pod-ship td { padding: 12px 16px; text-align: left; border-bottom: 1px solid var(--pod-c-line); }
.pod-ship th { background: #fafafe; font-size: 12px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--pod-c-muted); }
.pod-ship tr:last-child td { border-bottom: none; }

/* 批量折扣演示 */
.pod-bulk { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.pod-bulk__text h2 { font-size: 30px; font-weight: 800; margin: 0 0 14px; }
.pod-bulk__text p { color: var(--pod-c-muted); line-height: 1.7; margin: 0 0 22px; }
.pod-bulk__demo { background: #fff; border: 1px solid var(--pod-c-line); border-radius: 18px; padding: 26px; }
.pod-bulk__row { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--pod-c-line); font-size: 16px; }
.pod-bulk__row strong { font-size: 20px; }
.pod-bulk__row s { color: var(--pod-c-muted); font-weight: 400; font-size: 15px; }
.pod-bulk__note { font-size: 12px; color: var(--pod-c-muted); margin: 14px 0 0; }

/* Hero 商品展示卡 */
.pod-showcase { max-width: 1280px; margin: -16px auto 0; padding: 0 24px 16px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.pod-showcase__card { position: relative; display: block; border-radius: 18px; overflow: hidden; aspect-ratio: 3 / 4; background: #f4f5f7; box-shadow: var(--pod-c-shadow, 0 6px 20px rgba(16,24,40,0.08)); }
.pod-showcase__card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.pod-showcase__card:hover img { transform: scale(1.05); }
.pod-showcase__card span { position: absolute; left: 0; right: 0; bottom: 0; padding: 22px 14px 12px; color: #fff; font-size: 13px; font-weight: 700; background: linear-gradient(transparent, rgba(0,0,0,0.6)); }

/* Discord 社区 */
.pod-community { padding: 8px 24px 56px; }
.pod-community__inner { max-width: 1000px; margin: 0 auto; text-align: center; background: linear-gradient(135deg, #5865f2, #7c6cff); color: #fff; border-radius: 24px; padding: 48px 32px; }
.pod-community__inner h2 { font-size: 30px; font-weight: 900; margin: 0 0 12px; }
.pod-community__inner p { max-width: 560px; margin: 0 auto 24px; opacity: 0.94; line-height: 1.6; }
.pod-community__inner .pod-btn--primary { background: #fff; color: #5865f2 !important; }

/* VIP 等级 */
.pod-vip__tiers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 980px; margin: 0 auto; }
.pod-vip__tier { background: #fff; border: 1px solid var(--pod-c-line); border-radius: 18px; padding: 26px; text-align: center; }
.pod-vip__tier h3 { font-size: 20px; font-weight: 800; margin: 0 0 4px; }
.pod-vip__req { color: var(--pod-c-muted); font-size: 13px; margin: 0 0 16px; }
.pod-vip__tier ul { list-style: none; margin: 0; padding: 0; }
.pod-vip__tier li { padding: 8px 0; border-top: 1px solid var(--pod-c-line); font-size: 14px; font-weight: 600; color: var(--pod-c-accent); }

/* 卖家钩子 */
.pod-seller { text-align: center; padding: 72px 24px; background: linear-gradient(120deg, #4f46e5, #7c6cff); color: #fff; }
.pod-seller h2 { font-size: 34px; font-weight: 900; margin: 0 0 14px; }
.pod-seller p { max-width: 640px; margin: 0 auto 26px; opacity: 0.92; line-height: 1.6; }
.pod-seller .pod-btn--primary { background: #fff; color: var(--pod-c-accent) !important; }

/* 隐藏主题页面标题:首页/Start Selling/Contact(.pod-home)与定制页(#pod-customizer-root) */
body.home .wp-block-post-title { display: none; }
body:has(.pod-home) .wp-block-post-title,
body:has(#pod-customizer-root) .wp-block-post-title { display: none; }
/* 购物车/结账/账户:大标题(与面包屑重复)隐藏,并收掉其占位 Spacer */
body.woocommerce-cart .wp-block-post-title,
body.woocommerce-checkout .wp-block-post-title,
body.woocommerce-account .wp-block-post-title { display: none; }
body.woocommerce-account .wp-block-spacer { display: none !important; }

/* 定制页(M-H.3 全屏):无站点 header/footer,内容区满宽、贴顶;前端自带 Save/Leave 操作条 */
body:has(#pod-customizer-root) :where(.wp-block-post-content, .entry-content) {
  max-width: none !important;
  padding: 0 !important;
  margin-top: 0 !important;
}
body:has(#pod-customizer-root) main { padding-top: 0 !important; margin-top: 0 !important; }
body:has(#pod-customizer-root) .wp-block-spacer { display: none !important; }
#pod-customizer-root { margin-top: 0; }

/* ============ My Products(账户中心,对标 Wooacry) ============ */
.pod-myprod__head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.pod-myprod h2 { font-size: 24px; font-weight: 800; margin: 0; }
.pod-myprod__tabs { display: flex; gap: 18px; font-size: 14px; font-weight: 600; color: var(--pod-c-muted); }
.pod-myprod__tabs .is-active { color: var(--pod-c-ink); border-bottom: 2px solid var(--pod-c-accent); padding-bottom: 4px; }
.pod-myprod__sub { color: var(--pod-c-muted); margin: 6px 0 20px; font-size: 14px; }
.pod-myprod__empty {
  border: 1px dashed var(--pod-c-line);
  border-radius: 16px;
  padding: 44px 24px;
  text-align: center;
}
.pod-myprod__empty p { color: var(--pod-c-muted); margin: 0 0 16px; }
.pod-myprod__list { display: flex; flex-direction: column; gap: 16px; }
.pod-myprod__card {
  border: 1px solid var(--pod-c-line);
  border-radius: 16px;
  padding: 14px;
  display: flex;
  align-items: center;
  gap: 16px;
  background: #fff;
}
.pod-myprod__img { flex: 0 0 92px; width: 92px; height: 92px; border-radius: 12px; overflow: hidden; background: #f4f5f7; }
.pod-myprod__img img { width: 100%; height: 100%; object-fit: cover; }
.pod-myprod__body { flex: 1; min-width: 0; }
.pod-myprod__body h3 { margin: 0 0 6px; font-size: 16px; font-weight: 700; }
.pod-myprod__links { display: flex; align-items: center; gap: 8px; font-size: 13px; }
.pod-myprod__links a { color: var(--pod-c-accent-2); font-weight: 600; }
.pod-myprod__links span { color: #c4c8cf; }
.pod-myprod__price { margin-top: 8px; font-size: 16px; font-weight: 800; color: var(--pod-c-accent); }
.pod-myprod__actions { display: flex; flex-direction: column; gap: 10px; flex: 0 0 auto; }
.pod-myprod__actions .pod-btn { font-size: 13px; padding: 9px 22px; text-align: center; white-space: nowrap; }

@media (max-width: 600px) {
  .pod-myprod__card { flex-wrap: wrap; }
  .pod-myprod__actions { flex-direction: row; width: 100%; }
}

/* ============ Store Credit 余额卡片(账户仪表盘,对标 Wooacry) ============ */
.pod-credit-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin: 0 0 24px;
  padding: 20px 24px;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(135deg, var(--pod-c-ink) 0%, var(--pod-c-accent-2, #3b3f5c) 100%);
}
.pod-credit-card__main { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.pod-credit-card__label { font-size: 13px; font-weight: 600; opacity: .8; text-transform: uppercase; letter-spacing: .04em; }
.pod-credit-card__amount { font-size: 30px; font-weight: 800; line-height: 1.1; }
.pod-credit-card__amount .woocommerce-Price-amount { color: #fff; }
.pod-credit-card__hint { font-size: 12px; opacity: .75; }
.pod-credit-card__cta { flex: 0 0 auto; white-space: nowrap; }

@media (max-width: 600px) {
  .pod-credit-card__cta { width: 100%; text-align: center; }
}

/* ============ 购物车/结账点缀 ============ */
.pod-cc-steps { max-width: 1000px; margin: 40px auto 0; }
.pod-cc-steps h3 { font-size: 20px; font-weight: 800; text-align: center; margin: 0 0 22px; }
.pod-cc-steps ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.pod-cc-steps li { text-align: center; }
.pod-cc-steps__n { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 999px; background: var(--pod-c-accent-2); color: #fff; font-weight: 800; margin-bottom: 10px; }
.pod-cc-steps li strong { display: block; font-size: 14px; }
.pod-cc-steps li span:last-child { display: block; font-size: 12px; color: var(--pod-c-muted); margin-top: 2px; }
.pod-cc-trust { list-style: none; max-width: 1000px; margin: 30px auto 0; padding: 22px 0 0; border-top: 1px solid var(--pod-c-line); display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.pod-cc-trust li { display: flex; gap: 10px; align-items: flex-start; }
.pod-cc-trust li > span { font-size: 18px; }
.pod-cc-trust strong { display: block; font-size: 13px; }
.pod-cc-trust div span { font-size: 12px; color: var(--pod-c-muted); line-height: 1.5; }

@media (max-width: 768px) {
  .pod-myprod__grid { grid-template-columns: 1fr; }
  .pod-cc-steps ol { grid-template-columns: repeat(2, 1fr); }
  .pod-cc-trust { grid-template-columns: 1fr; }
}

/* ============ Start Selling 落地页 ============ */
.pod-sell__lead { max-width: 640px; margin: 0 auto 26px; color: #374151; font-size: 17px; line-height: 1.6; }
.pod-sell__trust { color: var(--pod-c-muted); font-size: 13px; margin-top: 18px; }
.pod-steps--4 { grid-template-columns: repeat(4, 1fr); max-width: 1100px; }
.pod-sell__faq { max-width: 760px; margin: 0 auto; }

/* 利润计算器 */
.pod-calc { max-width: 460px; margin: 0 auto; background: #fff; border: 1px solid var(--pod-c-line); border-radius: 18px; padding: 26px; }
.pod-calc__row { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--pod-c-line); }
.pod-calc__row label { font-weight: 600; font-size: 15px; }
.pod-calc__row input { width: 130px; padding: 9px 12px; border: 1px solid var(--pod-c-line); border-radius: 10px; font-size: 15px; text-align: right; }
.pod-calc__cost { font-weight: 700; }
.pod-calc__out { border-bottom: none; }
.pod-calc__out strong { font-size: 26px; font-weight: 900; }
.pod-calc__note { font-size: 12px; color: var(--pod-c-muted); margin: 12px 0 0; }

/* ============ 联系页 ============ */
.pod-contact__hero { padding-bottom: 24px; }
.pod-contact__grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 40px; align-items: start; }
.pod-contact__methods h2,
.pod-contact__form h2 { font-size: 22px; font-weight: 800; margin: 0 0 18px; }
.pod-contact__method { display: flex; gap: 14px; align-items: center; padding: 16px; border: 1px solid var(--pod-c-line); border-radius: 14px; margin-bottom: 14px; text-decoration: none; color: var(--pod-c-ink); transition: border-color 0.15s ease, transform 0.15s ease; }
.pod-contact__method:hover { border-color: var(--pod-c-accent-2); transform: translateY(-2px); }
.pod-contact__method > span { font-size: 24px; }
.pod-contact__method strong { display: block; font-size: 15px; }
.pod-contact__method div span { font-size: 13px; color: var(--pod-c-muted); }
.pod-contact__method--static { cursor: default; }
.pod-contact__form { background: #fff; border: 1px solid var(--pod-c-line); border-radius: 18px; padding: 26px; display: flex; flex-direction: column; gap: 14px; }
.pod-contact__form label { display: flex; flex-direction: column; gap: 6px; font-size: 14px; font-weight: 600; }
.pod-contact__form input,
.pod-contact__form select,
.pod-contact__form textarea { padding: 11px 13px; border: 1px solid var(--pod-c-line); border-radius: 10px; font-size: 15px; font-family: inherit; }
.pod-contact__form textarea { resize: vertical; }
.pod-contact__form .pod-btn { align-self: flex-start; border: none; cursor: pointer; }
.pod-contact__ok { background: #e8f7ee; color: #1a7f44; border: 1px solid #b9e6c9; border-radius: 10px; padding: 12px 14px; font-size: 14px; }
.pod-contact__err { background: #fdeaea; color: #b42318; border: 1px solid #f6c9c4; border-radius: 10px; padding: 12px 14px; font-size: 14px; }

@media (max-width: 768px) {
  .pod-steps--4 { grid-template-columns: 1fr; }
  .pod-contact__grid { grid-template-columns: 1fr; }
}

@media (max-width: 1024px) {
  .pod-cat-grid { grid-template-columns: repeat(4, 1fr); }
  .pod-pstrip { grid-template-columns: repeat(3, 1fr); }
  .pod-camp-grid { grid-template-columns: repeat(2, 1fr); }
  .pod-showcase { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .pod-hero h1 { font-size: 40px; }
  .pod-social, .pod-stats { grid-template-columns: repeat(2, 1fr); gap: 18px; }
  .pod-cat-grid { grid-template-columns: repeat(3, 1fr); }
  .pod-pstrip { grid-template-columns: repeat(2, 1fr); }
  .pod-camp-grid { grid-template-columns: 1fr; }
  .pod-steps { grid-template-columns: 1fr; }
  .pod-bulk { grid-template-columns: 1fr; }
  .pod-hero__cta { flex-direction: column; align-items: center; }
  .pod-showcase { grid-template-columns: repeat(2, 1fr); }
  .pod-vip__tiers { grid-template-columns: 1fr; }
}

/* ============ My Account(对标 Wooacry:图标侧栏 + 1280 对齐) ============ */
/* 1) 去掉主题 96px 全局 padding + 1000px 收窄,改为 1280 容器对齐顶部导航 */
body.woocommerce-account .entry-content.has-global-padding,
body.woocommerce-account :where(.wp-block-post-content, .entry-content) {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.woocommerce-account .woocommerce {
  box-sizing: border-box;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 8px 24px 56px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 32px;
}
/* 主题 clearfix 的 ::before/::after 在 flex 下会变成占位子项(各吃一个 gap),隐藏 */
body.woocommerce-account .woocommerce::before,
body.woocommerce-account .woocommerce::after { display: none; }
/* 点击容器残留的焦点描边(用户截图里那条蓝框)清掉 */
body.woocommerce-account .woocommerce:focus,
body.woocommerce-account .woocommerce-MyAccount-content:focus { outline: none; }

/* 2) 侧栏:卡片 + 每项带图标(mask=currentColor,激活态自动转白) */
.woocommerce-account .woocommerce-MyAccount-navigation {
  flex: 0 0 248px;
  width: 248px;
  float: none;
  margin: 0;
}
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 8px;
  border: 1px solid var(--pod-c-line);
  border-radius: 16px;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.woocommerce-MyAccount-navigation li { margin: 0; border: 0; }
.woocommerce-MyAccount-navigation li a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 14px;
  border-radius: 10px;
  color: var(--pod-c-ink);
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  transition: background .15s, color .15s;
}
.woocommerce-MyAccount-navigation li a:hover { background: #f4f5f7; }
.woocommerce-MyAccount-navigation li.is-active a {
  background: var(--pod-c-ink);
  color: #fff;
}
.woocommerce-MyAccount-navigation li a::before {
  content: "";
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  background-color: currentColor;
  -webkit-mask: center / contain no-repeat var(--pod-acc-ico);
  mask: center / contain no-repeat var(--pod-acc-ico);
}
.woocommerce-MyAccount-navigation-link--dashboard a { --pod-acc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--my-products a { --pod-acc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.5 9.4 7.5 4.21'/%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpath d='M3.27 6.96 12 12.01l8.73-5.05'/%3E%3Cpath d='M12 22.08V12'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--orders a { --pod-acc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--downloads a { --pod-acc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--edit-address a { --pod-acc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--edit-account a { --pod-acc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--customer-logout a { --pod-acc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E"); }

/* 3) 内容区:占满剩余宽度 */
.woocommerce-account .woocommerce-MyAccount-content {
  flex: 1 1 0;
  min-width: 0;
  width: auto;
  float: none;
  margin: 0;
}

/* 4) 响应式:窄屏侧栏置顶,横向铺满 */
@media (max-width: 768px) {
  body.woocommerce-account .woocommerce { flex-direction: column; gap: 20px; }
  .woocommerce-account .woocommerce-MyAccount-navigation { flex-basis: auto; width: 100%; }
  .woocommerce-MyAccount-navigation ul { flex-direction: row; flex-wrap: wrap; }
  .woocommerce-MyAccount-navigation li a { padding: 9px 12px; }
}