/* ============================================================
   跨浏览器兼容层 compat.css（自动生成，勿手改）
   目标：Chrome/Edge 88+、Firefox 87+、Safari 14+ 及各自移动版、
         微信 X5 / 各安卓浏览器。IE11 不在支持范围（不支持 CSS 变量）。
   说明：以下规则全部包在 @supports not (...) 中，
         现代浏览器完全不加载，零副作用；老浏览器才应用回退。
   ============================================================ */

/* ---- 方向性逻辑属性物理回退（margin/inset/padding-inline-start|end）---- */
@supports not (margin-inline-start: 0){
  .nav{margin-left:8px}
  [dir="rtl"] .nav{margin-right:8px;margin-left:0}
  .cart-btn span{right:-5px}
  [dir="rtl"] .cart-btn span{left:-5px;right:auto}
  .m-nav{left:0}
  [dir="rtl"] .m-nav{right:0;left:auto}
  .pcard .badge{left:10px}
  [dir="rtl"] .pcard .badge{right:10px;left:auto}
  .review .rv-date{margin-left:auto}
  [dir="rtl"] .review .rv-date{margin-right:auto;margin-left:0}
  .pd-intro::before{left:0}
  [dir="rtl"] .pd-intro::before{right:0;left:auto}
  .lb-close{right:20px}
  [dir="rtl"] .lb-close{left:20px;right:auto}
  .search-bar svg{left:12px}
  [dir="rtl"] .search-bar svg{right:12px;left:auto}
  .tl{padding-left:26px}
  [dir="rtl"] .tl{padding-right:26px;padding-left:0}
  .tl::before{left:7px}
  [dir="rtl"] .tl::before{right:7px;left:auto}
  .tl-item::before{left:-23px}
  [dir="rtl"] .tl-item::before{right:-23px;left:auto}
  .art-body h2{padding-left:12px}
  [dir="rtl"] .art-body h2{padding-right:12px;padding-left:0}
  .art-body h2{border-left:4px solid var(--gold)}
  [dir="rtl"] .art-body h2{border-right:4px solid var(--gold);border-left:0}
  .foot-sitemap{margin-left:10px}
  [dir="rtl"] .foot-sitemap{margin-right:10px;margin-left:0}
  .wa-float{right:20px}
  [dir="rtl"] .wa-float{left:20px;right:auto}
  .admin-bar nav{margin-left:auto}
  [dir="rtl"] .admin-bar nav{margin-right:auto;margin-left:0}
  .pf-savebar .hint{margin-left:auto}
  [dir="rtl"] .pf-savebar .hint{margin-right:auto;margin-left:0}
  .hb-grip{right:6px}
  [dir="rtl"] .hb-grip{left:6px;right:auto}
  .hb-num{left:6px}
  [dir="rtl"] .hb-num{right:6px;left:auto}
  [dir="rtl"] .search-bar svg{left:auto}
  [dir="rtl"] .search-bar svg{right:12px}
@media(max-width:767px){
  .head-right{margin-left:auto}
  [dir="rtl"] .head-right{margin-right:auto;margin-left:0}
}
}

/* ---- aspect-ratio 回退：商品卡/主图/灯箱缩略图给固定高度 ---- */
@supports not (aspect-ratio: 1/1){
  .pcard .ph{height:220px}
  .pd-gallery .main-img{height:400px}
  .gal-item{height:100px}
  @media (max-width:767px){
    .pcard .ph{height:200px}
    .pd-gallery .main-img{height:320px}
    .gal-item{height:88px}
  }
}

/* ---- flex gap 回退（gap 不支持的浏览器用 margin 补间距）---- */
@supports not (gap: 10px){
  .site-head > * + *{margin-left:14px}
  [dir="rtl"] .site-head > * + *{margin-left:0;margin-right:14px}
  .brand > * + *{margin-left:10px}
  [dir="rtl"] .brand > * + *{margin-left:0;margin-right:10px}
  .nav > * + *{margin-left:2px}
  [dir="rtl"] .nav > * + *{margin-left:0;margin-right:2px}
  .head-right > * + *{margin-left:8px}
  [dir="rtl"] .head-right > * + *{margin-left:0;margin-right:8px}
  .lang-switch > * + *{margin-left:2px}
  [dir="rtl"] .lang-switch > * + *{margin-left:0;margin-right:2px}
  .btn > * + *{margin-left:8px}
  [dir="rtl"] .btn > * + *{margin-left:0;margin-right:8px}
  .m-nav-top > * + *{margin-left:10px}
  [dir="rtl"] .m-nav-top > * + *{margin-left:0;margin-right:10px}
  .m-nav-links > * + *{margin-top:2px}
  .m-nav-sec > * + *{margin-top:8px}
  .m-nav-foot > * + *{margin-left:10px}
  [dir="rtl"] .m-nav-foot > * + *{margin-left:0;margin-right:10px}
  .m-nav-langs > * + *{margin-left:6px}
  [dir="rtl"] .m-nav-langs > * + *{margin-left:0;margin-right:6px}
  .hero-cta > *{margin-right:12px;margin-bottom:12px}
  [dir="rtl"] .hero-cta > *{margin-left:12px;margin-right:0}
  .hero-stats > *{margin-right:30px;margin-bottom:30px}
  [dir="rtl"] .hero-stats > *{margin-left:30px;margin-right:0}
  .sec-head > *{margin-right:12px;margin-bottom:12px}
  [dir="rtl"] .sec-head > *{margin-left:12px;margin-right:0}
  .pcard .pi > * + *{margin-top:5px}
  .pcard .acts > * + *{margin-left:8px}
  [dir="rtl"] .pcard .acts > * + *{margin-left:0;margin-right:8px}
  .hb-nav > * + *{margin-left:16px}
  [dir="rtl"] .hb-nav > * + *{margin-left:0;margin-right:16px}
  .hb-dots > * + *{margin-left:9px}
  [dir="rtl"] .hb-dots > * + *{margin-left:0;margin-right:9px}
  .thumbs > *{margin-right:10px;margin-bottom:10px}
  [dir="rtl"] .thumbs > *{margin-left:10px;margin-right:0}
  .pd-meta > *{margin-right:16px;margin-bottom:16px}
  [dir="rtl"] .pd-meta > *{margin-left:16px;margin-right:0}
  .opt-chips > *{margin-right:8px;margin-bottom:8px}
  [dir="rtl"] .opt-chips > *{margin-left:8px;margin-right:0}
  .opt-chips label > * + *{margin-left:6px}
  [dir="rtl"] .opt-chips label > * + *{margin-left:0;margin-right:6px}
  .pd-actions > *{margin-right:10px;margin-bottom:10px}
  [dir="rtl"] .pd-actions > *{margin-left:10px;margin-right:0}
  .spec-row > * + *{margin-left:10px}
  [dir="rtl"] .spec-row > * + *{margin-left:0;margin-right:10px}
  .spec-tags > *{margin-right:6px;margin-bottom:6px}
  [dir="rtl"] .spec-tags > *{margin-left:6px;margin-right:0}
  .review .rv-top > *{margin-right:8px;margin-bottom:8px}
  [dir="rtl"] .review .rv-top > *{margin-left:8px;margin-right:0}
  .rv-imgs > *{margin-right:6px;margin-bottom:6px}
  [dir="rtl"] .rv-imgs > *{margin-left:6px;margin-right:0}
  .star-pick > * + *{margin-left:4px}
  [dir="rtl"] .star-pick > * + *{margin-left:0;margin-right:4px}
  .rv-gate > *{margin-right:12px;margin-bottom:12px}
  [dir="rtl"] .rv-gate > *{margin-left:12px;margin-right:0}
  .rv-gate-btns > *{margin-right:8px;margin-bottom:8px}
  [dir="rtl"] .rv-gate-btns > *{margin-left:8px;margin-right:0}
  .rv-head > *{margin-right:14px;margin-bottom:14px}
  [dir="rtl"] .rv-head > *{margin-left:14px;margin-right:0}
  .rv-summary > * + *{margin-left:8px}
  [dir="rtl"] .rv-summary > * + *{margin-left:0;margin-right:8px}
  .rv-form-foot > *{margin-right:14px;margin-bottom:14px}
  [dir="rtl"] .rv-form-foot > *{margin-left:14px;margin-right:0}
  .auth-box > * + *{margin-left:6px}
  [dir="rtl"] .auth-box > * + *{margin-left:0;margin-right:6px}
  .filters > *{margin-right:8px;margin-bottom:8px}
  [dir="rtl"] .filters > *{margin-left:8px;margin-right:0}
  .cart-row > * + *{margin-left:12px}
  [dir="rtl"] .cart-row > * + *{margin-left:0;margin-right:12px}
  .qty-ctl > * + *{margin-left:6px}
  [dir="rtl"] .qty-ctl > * + *{margin-left:0;margin-right:6px}
  .pay-opt > * + *{margin-left:10px}
  [dir="rtl"] .pay-opt > * + *{margin-left:0;margin-right:10px}
  .faq-item summary > * + *{margin-left:12px}
  [dir="rtl"] .faq-item summary > * + *{margin-left:0;margin-right:12px}
  .result-actions > *{margin-right:10px;margin-bottom:10px}
  [dir="rtl"] .result-actions > *{margin-left:10px;margin-right:0}
  .wa-float > * + *{margin-left:9px}
  [dir="rtl"] .wa-float > * + *{margin-left:0;margin-right:9px}
  .cat-nav > *{margin-right:8px;margin-bottom:8px}
  [dir="rtl"] .cat-nav > *{margin-left:8px;margin-right:0}
  .admin-bar > *{margin-right:14px;margin-bottom:14px}
  [dir="rtl"] .admin-bar > *{margin-left:14px;margin-right:0}
  .admin-bar nav > *{margin-right:14px;margin-bottom:14px}
  [dir="rtl"] .admin-bar nav > *{margin-left:14px;margin-right:0}
  .admin-form .chk > * + *{margin-left:8px}
  [dir="rtl"] .admin-form .chk > * + *{margin-left:0;margin-right:8px}
  .form-actions > * + *{margin-left:10px}
  [dir="rtl"] .form-actions > * + *{margin-left:0;margin-right:10px}
  .hb-switch > * + *{margin-left:8px}
  [dir="rtl"] .hb-switch > * + *{margin-left:0;margin-right:8px}
  .hb-thumbs > *{margin-right:12px;margin-bottom:12px}
  [dir="rtl"] .hb-thumbs > *{margin-left:12px;margin-right:0}
  .hb-thumb label > * + *{margin-left:5px}
  [dir="rtl"] .hb-thumb label > * + *{margin-left:0;margin-right:5px}
  .bars > * + *{margin-top:8px}
  .bar-row > * + *{margin-left:10px}
  [dir="rtl"] .bar-row > * + *{margin-left:0;margin-right:10px}
  .pa-list > * + *{margin-top:8px}
  .pa-row > * + *{margin-left:10px}
  [dir="rtl"] .pa-row > * + *{margin-left:0;margin-right:10px}
  .img-previewer > *{margin-right:12px;margin-bottom:12px}
  [dir="rtl"] .img-previewer > *{margin-left:12px;margin-right:0}
  .img-item label > * + *{margin-left:5px}
  [dir="rtl"] .img-item label > * + *{margin-left:0;margin-right:5px}
  .pf-savebar > * + *{margin-left:12px}
  [dir="rtl"] .pf-savebar > * + *{margin-left:0;margin-right:12px}
  .hb-link-row > * + *{margin-top:4px}
}