/* ===== 合并自 wymk-stage4-product-card-cleanup.css ===== */
/*
 * 我要买卡｜手机白屏安全恢复第四阶段
 * 商品卡片与图片多余入口清理（纯 CSS）
 *
 * 安全限制：
 * - 不使用 JavaScript
 * - 不修改 DOM
 * - 不影响商品链接、面值、价格、加入购物车或结账
 */

/* 商品卡片：快速查看 / 放大镜 */
.product-layout .quickview-button,
.product-layout .btn-quickview,
.product-layout .button-quickview,
.product-layout .button-quick-view,
.product-layout [data-quickview],
.product-layout [data-action="quickview"],
.product-thumb .quickview-button,
.product-thumb .btn-quickview,
.product-thumb .button-quickview,
.product-thumb .button-quick-view {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 商品卡片：收藏 / 比较 */
.product-layout .wishlist-button,
.product-layout .compare-button,
.product-layout .button-wishlist,
.product-layout .button-compare,
.product-layout [data-wishlist],
.product-layout [data-compare],
.product-layout [data-action="wishlist"],
.product-layout [data-action="compare"],
.product-thumb .wishlist-button,
.product-thumb .compare-button,
.product-thumb .button-wishlist,
.product-thumb .button-compare {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 分类页、搜索页的“商品比较”入口 */
#compare-total,
.product-compare,
a[href*="route=product/compare"],
a[href*="product/compare"] {
  display: none !important;
}

/* 商品详情页：只隐藏明确的放大按钮，不禁用主图与缩略图 */
.product-info .zoom,
.product-info .zoom-button,
.product-info .btn-zoom,
.product-info .magnifier,
.product-info .image-magnifier,
.product-page .zoom,
.product-page .zoom-button,
.product-page .btn-zoom,
.product-page .magnifier,
.product-page .image-magnifier,
.product-image .zoom,
.product-image .zoom-button,
.product-image .btn-zoom,
.product-image .magnifier,
.product-image .image-magnifier {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 保证商品图片本身和商品链接仍可正常点击 */
.product-layout .product-img,
.product-layout .product-img a,
.product-thumb .product-img,
.product-thumb .product-img a,
.product-thumb .name a {
  pointer-events: auto !important;
}

/* 商品简介高度统一，不影响商品名称和购买按钮 */
.product-thumb .description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.55;
  -webkit-line-clamp: 3;
}

@media (max-width: 767px) {
  .product-thumb .description {
    -webkit-line-clamp: 2;
  }
}

/* ===== 合并自 wymk-stage5-mobile-layout-payment.css ===== */
/*
 * 我要买卡｜手机白屏安全恢复第五阶段
 * 合并恢复：Logo/顶部、左右溢出、商品卡片、付款方式图片
 *
 * 纯 CSS：不使用 JavaScript，不修改 DOM，不接触数据库。
 */

/* =========================================================
   1. 全站横向溢出控制：去除手机端两侧多余空白/横向滚动
   ========================================================= */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

#content,
.site-wrapper,
.page-wrapper,
.main-wrapper,
#main,
#container {
  min-width: 0;
  max-width: 100%;
}

.container,
.container-fluid,
.j-container {
  min-width: 0;
}

img,
svg,
video,
iframe {
  max-width: 100%;
}

/* 防止 Journal 3 某些行因负边距造成手机端横向溢出 */
@media (max-width: 767px) {
  .row {
    margin-left: -8px;
    margin-right: -8px;
  }

  .row > [class*="col-"] {
    padding-left: 8px;
    padding-right: 8px;
  }

  .container,
  .container-fluid,
  .j-container {
    width: 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }
}

/* =========================================================
   2. 手机端 Logo、顶部菜单、搜索框对齐
   ========================================================= */
@media (max-width: 767px) {
  header,
  #header,
  .header,
  .mobile-header {
    max-width: 100%;
  }

  .mobile-header .logo,
  .mobile-logo,
  #logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
  }

  .mobile-header .logo img,
  .mobile-logo img,
  #logo img {
    display: block;
    width: auto !important;
    height: auto !important;
    max-height: 42px !important;
    max-width: 150px !important;
    object-fit: contain;
  }

  .mobile-header .menu-trigger,
  .mobile-header .mobile-menu-trigger,
  .mobile-header .search-trigger,
  .mobile-header .cart,
  .mobile-header .account {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    min-height: 38px;
  }

  .header-search,
  .search-wrapper,
  .search-form,
  #search {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .header-search input,
  .search-wrapper input,
  .search-form input,
  #search input {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: 42px;
    box-sizing: border-box;
  }
}

/* =========================================================
   3. 商品图片尺寸、卡片间距、名称高度统一
   ========================================================= */
.product-layout,
.product-grid,
.product-list,
.product-thumb {
  min-width: 0;
}

.product-thumb {
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.product-thumb .image,
.product-thumb .product-img,
.product-layout .image,
.product-layout .product-img {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-thumb .image img,
.product-thumb .product-img img,
.product-layout .image img,
.product-layout .product-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center;
  display: block;
  background: #fff;
}

.product-thumb .caption,
.product-thumb .caption-wrapper {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.product-thumb .name,
.product-thumb .product-name {
  line-height: 1.45;
  min-height: 2.9em;
  margin-top: 10px;
}

.product-thumb .price {
  margin-top: auto;
}

@media (max-width: 767px) {
  .product-layout,
  .product-grid {
    margin-bottom: 14px;
  }

  .product-thumb {
    padding: 10px;
  }

  .product-thumb .name,
  .product-thumb .product-name {
    font-size: 14px;
    min-height: 2.8em;
  }
}

/* =========================================================
   4. 付款方式图片放大与统一
   适用于 Commonwealth Bank、Interac、工商银行、支付宝、
   微信、PayPal 等现有付款方式图片。
   ========================================================= */
.payment-method img,
.payment-methods img,
.payment-option img,
.payment-options img,
.payment-card img,
.payment-cards img,
.payment-logo img,
.payment-logos img,
.checkout-payment img,
#payment-method img,
[id*="payment"] img,
[class*="payment"] img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 190px !important;
  max-height: 72px !important;
  object-fit: contain !important;
  margin-left: auto;
  margin-right: auto;
}

.payment-method,
.payment-option,
.payment-card,
.checkout-payment .radio,
.checkout-payment .form-check {
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .payment-method img,
  .payment-methods img,
  .payment-option img,
  .payment-options img,
  .payment-card img,
  .payment-cards img,
  .payment-logo img,
  .payment-logos img,
  .checkout-payment img,
  #payment-method img,
  [id*="payment"] img,
  [class*="payment"] img {
    max-width: 165px !important;
    max-height: 64px !important;
  }

  .payment-method,
  .payment-option,
  .payment-card,
  .checkout-payment .radio,
  .checkout-payment .form-check {
    padding: 12px;
  }
}

/* 防止付款方式文字与图片互相挤压 */
.payment-method label,
.payment-option label,
.payment-card label,
.checkout-payment label {
  min-width: 0;
  overflow-wrap: anywhere;
}

/* =========================================================
   5. 安全保护：不影响关键交互
   ========================================================= */
button,
input,
select,
textarea,
a {
  touch-action: manipulation;
}

.product-thumb a,
.product-thumb button,
.product-info a,
.product-info button,
.checkout-payment input,
.checkout-payment label {
  pointer-events: auto;
}

/* ===== 合并自 wymk-stage7-safe-content-checkout.css ===== */
/*
 * 我要买卡｜手机白屏安全恢复第七阶段
 *
 * 合并恢复：
 * 1. 商品描述排版
 * 2. 产品特点 / 保障信息排版
 * 3. 相关商品区域间距
 * 4. 结账付款方式卡片外观
 * 5. 页脚及手机端底部间距
 *
 * 重要：
 * - 不修改 #product、商品选项、面值、数量、价格或购买按钮
 * - 不使用 JavaScript
 * - 不修改 DOM、数据库或支付逻辑
 */

/* =========================================================
   1. 商品描述：仅处理购买区下方内容
   ========================================================= */
#product-product .product-description,
#product-product .tab-content,
#product-product .description-content,
#product-product [class*="product-description"] {
  max-width: 100%;
  min-width: 0;
  line-height: 1.8;
  overflow-wrap: anywhere;
  word-break: break-word;
}

#product-product .product-description h2,
#product-product .product-description h3,
#product-product .tab-content h2,
#product-product .tab-content h3,
#product-product .description-content h2,
#product-product .description-content h3 {
  margin-top: 24px;
  margin-bottom: 12px;
  line-height: 1.4;
}

#product-product .product-description p,
#product-product .tab-content p,
#product-product .description-content p {
  margin-top: 0;
  margin-bottom: 12px;
}

#product-product .product-description ul,
#product-product .product-description ol,
#product-product .tab-content ul,
#product-product .tab-content ol,
#product-product .description-content ul,
#product-product .description-content ol {
  padding-left: 1.4em;
  margin-top: 8px;
  margin-bottom: 16px;
}

#product-product .product-description li,
#product-product .tab-content li,
#product-product .description-content li {
  margin-bottom: 6px;
}

#product-product .product-description img,
#product-product .tab-content img,
#product-product .description-content img {
  display: block;
  max-width: 100% !important;
  height: auto !important;
  margin: 14px auto;
  object-fit: contain;
}

/* =========================================================
   2. 产品特点、正品、发货、支付、客服保障信息
   不触碰购买区控件
   ========================================================= */
#product-product .product-features,
#product-product .product-benefits,
#product-product .product-trust,
#product-product .features,
#product-product [class*="product-feature"],
#product-product [class*="product-benefit"],
#product-product [class*="product-trust"] {
  min-width: 0;
  max-width: 100%;
}

#product-product .product-features img,
#product-product .product-benefits img,
#product-product .product-trust img,
#product-product .features img,
#product-product [class*="product-feature"] img,
#product-product [class*="product-benefit"] img,
#product-product [class*="product-trust"] img {
  width: auto !important;
  height: auto !important;
  max-width: 46px !important;
  max-height: 46px !important;
  object-fit: contain;
}

#product-product .product-features > *,
#product-product .product-benefits > *,
#product-product .product-trust > *,
#product-product .features > * {
  min-width: 0;
  box-sizing: border-box;
}

#product-product .product-features h3,
#product-product .product-benefits h3,
#product-product .product-trust h3,
#product-product .features h3 {
  line-height: 1.4;
  margin-bottom: 6px;
}

#product-product .product-features p,
#product-product .product-benefits p,
#product-product .product-trust p,
#product-product .features p {
  line-height: 1.6;
  margin-bottom: 0;
}

/* =========================================================
   3. 同类商品、同品牌商品、热门礼品卡、相关商品
   只调整外围间距和标题，不修改商品卡片交互
   ========================================================= */
#product-product .related-products,
#product-product .products-related,
#product-product [class*="related-products"],
#product-product [class*="products-related"],
#product-product .product-tabs,
#product-product .product-description + *,
#product-product .tab-content + * {
  min-width: 0;
  max-width: 100%;
}

#product-product .related-products,
#product-product .products-related,
#product-product [class*="related-products"],
#product-product [class*="products-related"] {
  margin-top: 28px;
  margin-bottom: 24px;
}

#product-product .related-products .module-title,
#product-product .products-related .module-title,
#product-product [class*="related-products"] .module-title,
#product-product [class*="products-related"] .module-title {
  margin-bottom: 16px;
  line-height: 1.4;
}

#product-product .related-products .product-layout,
#product-product .products-related .product-layout,
#product-product [class*="related-products"] .product-layout,
#product-product [class*="products-related"] .product-layout {
  margin-bottom: 14px;
}

/* =========================================================
   4. 结账付款方式卡片
   不强制显示隐藏按钮，不改变 radio 行为
   ========================================================= */
#checkout-checkout .checkout-payment,
#checkout-checkout #payment-method,
#checkout-checkout .payment-methods,
#checkout-checkout .payment-options,
.checkout-page .checkout-payment,
.checkout-page #payment-method {
  min-width: 0;
  max-width: 100%;
}

#checkout-checkout .checkout-payment .radio,
#checkout-checkout .checkout-payment .form-check,
#checkout-checkout #payment-method .radio,
#checkout-checkout .payment-method,
#checkout-checkout .payment-option,
.checkout-page .checkout-payment .radio,
.checkout-page .checkout-payment .form-check,
.checkout-page #payment-method .radio {
  width: 100%;
  min-width: 0;
  padding: 14px;
  margin-bottom: 10px;
  border: 1px solid #e0e4e9;
  border-radius: 10px;
  background: #fff;
  box-sizing: border-box;
}

#checkout-checkout .checkout-payment label,
#checkout-checkout #payment-method label,
#checkout-checkout .payment-method label,
#checkout-checkout .payment-option label,
.checkout-page .checkout-payment label,
.checkout-page #payment-method label {
  min-width: 0;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

#checkout-checkout .checkout-payment img,
#checkout-checkout #payment-method img,
#checkout-checkout .payment-method img,
#checkout-checkout .payment-option img,
.checkout-page .checkout-payment img,
.checkout-page #payment-method img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 180px !important;
  max-height: 68px !important;
  object-fit: contain !important;
  margin: 8px auto;
}

/* 仅美化系统已经显示的按钮 */
#checkout-checkout .checkout-payment .buttons,
#checkout-checkout #payment-method + .buttons,
#checkout-checkout .checkout-buttons,
.checkout-page .checkout-payment .buttons,
.checkout-page #payment-method + .buttons {
  margin-top: 16px;
  clear: both;
}

#checkout-checkout .checkout-payment .buttons .btn,
#checkout-checkout #payment-method + .buttons .btn,
#checkout-checkout .checkout-buttons .btn,
.checkout-page .checkout-payment .buttons .btn,
.checkout-page #payment-method + .buttons .btn {
  min-height: 46px;
  border-radius: 8px;
  white-space: normal;
  font-weight: 600;
}

/* =========================================================
   5. 页脚、客服时间、付款图标和手机底部间距
   ========================================================= */
footer,
#footer,
.footer {
  max-width: 100%;
  overflow-x: hidden;
}

footer .container,
#footer .container,
.footer .container {
  min-width: 0;
}

footer img,
#footer img,
.footer img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

footer .contact-info,
footer .customer-service,
footer .service-hours,
footer .support-hours,
#footer .contact-info,
#footer .customer-service,
#footer .service-hours,
#footer .support-hours {
  min-width: 0;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

@media (max-width: 767px) {
  #product-product .product-description,
  #product-product .tab-content,
  #product-product .description-content,
  #product-product [class*="product-description"] {
    font-size: 15px;
    line-height: 1.75;
  }

  #product-product .related-products,
  #product-product .products-related,
  #product-product [class*="related-products"],
  #product-product [class*="products-related"] {
    margin-top: 22px;
    margin-bottom: 18px;
  }

  #checkout-checkout .checkout-payment .radio,
  #checkout-checkout .checkout-payment .form-check,
  #checkout-checkout #payment-method .radio,
  #checkout-checkout .payment-method,
  #checkout-checkout .payment-option,
  .checkout-page .checkout-payment .radio,
  .checkout-page .checkout-payment .form-check,
  .checkout-page #payment-method .radio {
    padding: 12px;
  }

  #checkout-checkout .checkout-payment img,
  #checkout-checkout #payment-method img,
  #checkout-checkout .payment-method img,
  #checkout-checkout .payment-option img,
  .checkout-page .checkout-payment img,
  .checkout-page #payment-method img {
    max-width: 160px !important;
    max-height: 62px !important;
  }

  #checkout-checkout .checkout-payment .buttons .btn,
  #checkout-checkout #payment-method + .buttons .btn,
  #checkout-checkout .checkout-buttons .btn,
  .checkout-page .checkout-payment .buttons .btn,
  .checkout-page #payment-method + .buttons .btn {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  footer,
  #footer,
  .footer {
    padding-bottom: max(18px, env(safe-area-inset-bottom));
  }

  footer .row > *,
  #footer .row > *,
  .footer .row > * {
    min-width: 0;
    margin-bottom: 14px;
  }
}

/* =========================================================
   关键交互保护
   ========================================================= */
#product-product #product,
#product-product #product *,
#product-product .product-options,
#product-product .product-options *,
#product-product .product-buy,
#product-product .product-buy * {
  pointer-events: auto;
  touch-action: manipulation;
}

/* ===== 合并自 wymk-stage8-home-search-service-slider.css ===== */
/*
 * 我要买卡｜第八阶段
 * 首页搜索、企业微信客服卡片、轮播图手机文字位置
 *
 * 不修改商品面值、价格、数量、购物车或结账逻辑。
 */

/* 1. 搜索框 */
#search,
.header-search,
.search-wrapper,
.search-form {
  min-width: 0;
  max-width: 100%;
}

#search input,
.header-search input,
.search-wrapper input,
.search-form input {
  max-width: 100%;
  box-sizing: border-box;
}

/* 2. 首页企业微信客服卡片 */
#wymk-home-service-card {
  position: fixed;
  right: 18px;
  top: 50%;
  z-index: 850;
  width: 176px;
  padding: 12px;
  transform: translateY(-50%);
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 14px;
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .14);
  text-align: center;
  box-sizing: border-box;
}

#wymk-home-service-card .wymk-service-title {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
}

#wymk-home-service-card .wymk-service-qr {
  display: block;
  width: 148px;
  height: 148px;
  max-width: 100%;
  margin: 0 auto 8px;
  object-fit: contain;
  border-radius: 8px;
  background: #fff;
}

#wymk-home-service-card .wymk-service-hours {
  margin: 0 0 8px;
  font-size: 13px;
  line-height: 1.5;
}

#wymk-home-service-card .wymk-service-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 7px 12px;
  border-radius: 8px;
  background: #d9232e;
  color: #fff !important;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
}

#wymk-home-service-card .wymk-service-link:hover,
#wymk-home-service-card .wymk-service-link:focus {
  opacity: .92;
}

/* 3. Journal 3 首页轮播文字：手机端轻微上移 */
@media (max-width: 767px) {
  .module-slider figcaption,
  .module-slider .slide-content,
  .module-slider .slide-caption,
  .module-slider .slider-caption,
  .module-slider .slide-text,
  .journal3-slider figcaption,
  .journal3-slider .slide-content,
  .journal3-slider .slide-caption {
    margin-top: -14px !important;
  }

  .module-slider .slide-text,
  .journal3-slider .slide-text {
    max-width: 76% !important;
  }

  #wymk-home-service-card {
    top: auto;
    right: 12px;
    bottom: calc(12px + env(safe-area-inset-bottom));
    width: auto;
    max-width: calc(100vw - 24px);
    padding: 0;
    transform: none;
    border: 0;
    border-radius: 999px;
    background: transparent;
    box-shadow: none;
  }

  #wymk-home-service-card .wymk-service-title,
  #wymk-home-service-card .wymk-service-qr,
  #wymk-home-service-card .wymk-service-hours {
    display: none;
  }

  #wymk-home-service-card .wymk-service-link {
    min-height: 44px;
    padding: 9px 15px;
    border-radius: 999px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
  }
}

@media (min-width: 768px) and (max-width: 1180px) {
  #wymk-home-service-card {
    right: 10px;
    width: 158px;
  }

  #wymk-home-service-card .wymk-service-qr {
    width: 130px;
    height: 130px;
  }
}

/* ===== 合并自 wymk-stage9-paypal-diagnostic.css ===== */
/*
 * 我要买卡｜第九阶段
 * PayPal 真实容器可见性恢复 + 只读诊断
 *
 * 不创建 PayPal 按钮，不修改支付逻辑。
 */

/* 仅恢复 PayPal 扩展已经输出的常见容器 */
#paypal-button-container,
[id^="paypal-button-container-"],
[id*="paypal-button-container"],
.paypal-button-container,
[data-paypal-button],
.paypal-buttons-context-iframe {
  max-width: 100% !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 不强制改变 PayPal iframe 高度，只防止被裁切 */
#paypal-button-container iframe,
[id^="paypal-button-container-"] iframe,
[id*="paypal-button-container"] iframe,
.paypal-button-container iframe,
iframe[title*="PayPal"],
iframe[title*="paypal"] {
  max-width: 100% !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 仅在 ?wymk-paypal-test=1 时由脚本创建诊断卡片 */
#wymk-paypal-diagnostic {
  position: fixed;
  left: 14px;
  right: 14px;
  bottom: calc(14px + env(safe-area-inset-bottom));
  z-index: 10050;
  max-width: 720px;
  margin: 0 auto;
  padding: 14px 16px;
  border: 1px solid #d7dde5;
  border-radius: 12px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 12px 35px rgba(0,0,0,.18);
  color: #20242a;
  font-size: 13px;
  line-height: 1.55;
  box-sizing: border-box;
}

#wymk-paypal-diagnostic strong {
  display: block;
  margin-bottom: 6px;
  font-size: 15px;
}

#wymk-paypal-diagnostic pre {
  max-height: 180px;
  margin: 8px 0 0;
  padding: 9px;
  overflow: auto;
  border-radius: 8px;
  background: #f5f7fa;
  white-space: pre-wrap;
  word-break: break-word;
}

#wymk-paypal-diagnostic button {
  min-height: 34px;
  margin-top: 8px;
  margin-right: 6px;
  padding: 6px 10px;
  border: 1px solid #cbd2db;
  border-radius: 7px;
  background: #fff;
  color: #20242a;
  cursor: pointer;
}

@media (max-width: 767px) {
  #wymk-paypal-diagnostic {
    left: 8px;
    right: 8px;
    bottom: calc(8px + env(safe-area-inset-bottom));
    padding: 12px;
    font-size: 12px;
  }
}

/* ===== 合并自 wymk-stage11-region-image-safety.css ===== */
/*
 * 我要买卡｜第十一阶段
 * 商品地区徽标 + 失效图片兜底 + 图片加载优化
 *
 * 不修改商品面值、价格、购买按钮、购物车、结账或数据库。
 */

.product-thumb .image,
.product-thumb .product-img,
.product-layout .image,
.product-layout .product-img {
  position: relative;
}

/* 国家/地区徽标 */
.wymk-region-badge {
  position: absolute;
  top: 9px;
  right: 9px;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 29px;
  max-width: calc(100% - 18px);
  padding: 4px 9px;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 999px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 3px 12px rgba(0, 0, 0, .12);
  color: #222;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.2;
  white-space: nowrap;
  pointer-events: none;
  box-sizing: border-box;
}

.wymk-region-badge .wymk-region-flag {
  margin-right: 5px;
  font-size: 18px;
  line-height: 1;
}

/* 失效图片占位状态 */
img.wymk-image-fallback {
  width: 100% !important;
  height: 100% !important;
  min-height: 180px;
  object-fit: contain !important;
  background: #fff;
}

/* 加载中的图片保持白底，不显示拉伸 */
.product-thumb .image img,
.product-thumb .product-img img,
.product-layout .image img,
.product-layout .product-img img {
  background: #fff;
  color: transparent;
}

@media (max-width: 767px) {
  .wymk-region-badge {
    top: 7px;
    right: 7px;
    min-height: 27px;
    padding: 4px 8px;
    font-size: 11px;
  }

  .wymk-region-badge .wymk-region-flag {
    margin-right: 4px;
    font-size: 16px;
  }

  img.wymk-image-fallback {
    min-height: 140px;
  }
}

/* ===== Stage 12–16.2 稳定合并样式 ===== */
/*
 * 我要买卡｜Stage 12 前台合并优化
 *
 * 包含：
 * - 热门地区/品牌快捷导航
 * - 分类/搜索页工具栏和分页
 * - 库存状态、残留英文和空购物车
 * - Cookie 提示
 * - 购物车/结账核对提醒
 * - 既有客服卡片、地区徽标和图片兜底的配套样式
 *
 * 不修改商品面值、价格、购买按钮、订单或支付逻辑。
 */

/* =========================================================
   1. 首页/分类页快捷导航
   ========================================================= */
#wymk-quick-nav {
  width: 100%;
  max-width: 1320px;
  margin: 18px auto 22px;
  padding: 16px 18px;
  border: 1px solid #e6e8ec;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 4px 18px rgba(0, 0, 0, .045);
  box-sizing: border-box;
}

#wymk-quick-nav .wymk-quick-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

#wymk-quick-nav .wymk-quick-row + .wymk-quick-row {
  margin-top: 12px;
}

#wymk-quick-nav .wymk-quick-label {
  flex: 0 0 auto;
  min-width: 70px;
  padding-top: 7px;
  color: #30343a;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
}

#wymk-quick-nav .wymk-quick-items {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

#wymk-quick-nav .wymk-quick-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 6px 12px;
  border: 1px solid #e0e3e8;
  border-radius: 999px;
  background: #fafbfc;
  color: #333 !important;
  font-size: 13px;
  line-height: 1.25;
  text-decoration: none !important;
  transition: border-color .15s ease, background .15s ease, transform .15s ease;
}

#wymk-quick-nav .wymk-quick-link:hover,
#wymk-quick-nav .wymk-quick-link:focus {
  border-color: #d9232e;
  background: #fff5f5;
  transform: translateY(-1px);
}

/* =========================================================
   2. 分类页/搜索页工具栏
   ========================================================= */
.product-filter,
.product-filter-group,
.product-sort,
.sort-order,
.limit,
.compare-total,
#input-sort,
#input-limit {
  min-width: 0;
}

.product-filter,
.product-filter-group {
  box-sizing: border-box;
}

.product-filter select,
.product-sort select,
.sort-order select,
.limit select,
#input-sort,
#input-limit {
  min-height: 40px;
  border-radius: 8px;
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
}

.pagination > li > a,
.pagination > li > span {
  min-width: 36px;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  box-sizing: border-box;
}

/* 面包屑长标题不再撑出页面 */
.breadcrumb,
.breadcrumb > li,
.breadcrumb a {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

/* =========================================================
   3. 商品库存和残留英文
   ========================================================= */
.wymk-stock-badge {
  display: inline-flex !important;
  align-items: center;
  width: auto !important;
  max-width: 100%;
  min-height: 25px;
  padding: 3px 8px;
  margin: 4px 0;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.25;
  box-sizing: border-box;
}

.wymk-stock-badge.is-in-stock {
  background: #eef9f1;
  color: #18763a;
}

.wymk-stock-badge.is-out-stock {
  background: #fff1f1;
  color: #a52b2b;
}

/* =========================================================
   4. 空购物车
   ========================================================= */
#wymk-empty-cart-state {
  max-width: 620px;
  margin: 28px auto;
  padding: 34px 22px;
  border: 1px solid #e4e7eb;
  border-radius: 14px;
  background: #fff;
  text-align: center;
  box-sizing: border-box;
}

#wymk-empty-cart-state .wymk-empty-icon {
  display: block;
  margin-bottom: 10px;
  font-size: 42px;
  line-height: 1;
}

#wymk-empty-cart-state .wymk-empty-title {
  margin: 0 0 8px;
  font-size: 21px;
  font-weight: 700;
}

#wymk-empty-cart-state .wymk-empty-text {
  margin: 0 0 16px;
  color: #656b73;
  line-height: 1.6;
}

#wymk-empty-cart-state .wymk-empty-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 8px 18px;
  border-radius: 8px;
  background: #d9232e;
  color: #fff !important;
  font-weight: 650;
  text-decoration: none !important;
}

/* =========================================================
   5. 购物车/结账核对提醒
   ========================================================= */
#wymk-order-safety-note {
  max-width: 100%;
  margin: 0 0 18px;
  padding: 13px 15px;
  border: 1px solid #f0d79b;
  border-radius: 10px;
  background: #fffaf0;
  color: #59471d;
  line-height: 1.65;
  box-sizing: border-box;
}

#wymk-order-safety-note strong {
  color: #372a0d;
}

#wymk-order-safety-note a {
  color: #b31f29;
  font-weight: 650;
  text-decoration: none;
}

/* =========================================================
   6. Cookie 提示
   ========================================================= */
.wymk-cookie-banner {
  max-width: 620px !important;
  padding: 16px 18px !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, .18) !important;
  box-sizing: border-box !important;
}

.wymk-cookie-banner button,
.wymk-cookie-banner .btn,
.wymk-cookie-banner [role="button"] {
  min-height: 38px;
  padding: 7px 16px;
  border-radius: 8px;
  white-space: normal;
}

/* =========================================================
   7. 联系页面与复制按钮
   ========================================================= */
#wymk-copy-wechat-status {
  display: inline-block;
  margin-left: 8px;
  color: #18763a;
  font-size: 13px;
}

/* =========================================================
   8. 手机端集中优化
   ========================================================= */
@media (max-width: 767px) {
  #wymk-quick-nav {
    margin: 12px auto 16px;
    padding: 13px 12px;
    border-radius: 12px;
  }

  #wymk-quick-nav .wymk-quick-row {
    display: block;
  }

  #wymk-quick-nav .wymk-quick-label {
    min-width: 0;
    padding-top: 0;
    margin-bottom: 8px;
  }

  #wymk-quick-nav .wymk-quick-link {
    min-height: 36px;
    padding: 7px 11px;
    font-size: 12px;
  }

  .product-filter,
  .product-filter-group,
  .product-sort,
  .sort-order,
  .limit {
    width: 100%;
    max-width: 100%;
  }

  .product-filter select,
  .product-sort select,
  .sort-order select,
  .limit select,
  #input-sort,
  #input-limit {
    width: 100%;
    max-width: 100%;
    margin-bottom: 8px;
  }

  .pagination {
    justify-content: center;
  }

  #wymk-empty-cart-state {
    margin: 18px auto;
    padding: 28px 16px;
  }

  #wymk-order-safety-note {
    padding: 12px;
    font-size: 13px;
  }

  .wymk-cookie-banner {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    margin: 10px !important;
    padding: 14px !important;
  }
}
/* =========================================================
   我要买卡｜Stage 13 客户体验集中升级
   只处理商品购买区之外的辅助信息和导航。
   ========================================================= */

/* 1. 商品地区与数字商品提醒 */
#wymk-product-region-notice {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  margin: 12px 0 16px;
  padding: 13px 15px;
  border: 1px solid #f0d49a;
  border-radius: 11px;
  background: #fffaf0;
  color: #4e401d;
  line-height: 1.6;
  box-sizing: border-box;
}

#wymk-product-region-notice .wymk-region-notice-flag {
  flex: 0 0 auto;
  font-size: 28px;
  line-height: 1.15;
}

#wymk-product-region-notice .wymk-region-notice-content {
  min-width: 0;
}

#wymk-product-region-notice strong {
  display: block;
  margin-bottom: 3px;
  color: #33290f;
}

#wymk-product-region-notice p {
  margin: 0;
}

/* 2. 商品辅助操作 */
#wymk-product-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 16px;
}

#wymk-product-actions button,
#wymk-product-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 7px 13px;
  border: 1px solid #d8dde4;
  border-radius: 8px;
  background: #fff;
  color: #30343a !important;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none !important;
  cursor: pointer;
  box-sizing: border-box;
}

#wymk-product-actions button:hover,
#wymk-product-actions a:hover {
  border-color: #d9232e;
  background: #fff7f7;
}

/* 3. 最近浏览 */
#wymk-recently-viewed {
  width: 100%;
  max-width: 1320px;
  margin: 24px auto;
  padding: 18px;
  border: 1px solid #e4e7eb;
  border-radius: 14px;
  background: #fff;
  box-sizing: border-box;
}

#wymk-recently-viewed .wymk-recent-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

#wymk-recently-viewed .wymk-recent-title {
  margin: 0;
  font-size: 20px;
  line-height: 1.35;
}

#wymk-recently-viewed .wymk-clear-recent {
  flex: 0 0 auto;
  padding: 5px 9px;
  border: 0;
  background: transparent;
  color: #777;
  font-size: 12px;
  cursor: pointer;
}

#wymk-recently-viewed .wymk-recent-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}

#wymk-recently-viewed .wymk-recent-item {
  display: block;
  min-width: 0;
  padding: 9px;
  border: 1px solid #edf0f3;
  border-radius: 10px;
  background: #fff;
  color: #30343a !important;
  text-decoration: none !important;
  box-sizing: border-box;
}

#wymk-recently-viewed .wymk-recent-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
}

#wymk-recently-viewed .wymk-recent-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#wymk-recently-viewed .wymk-recent-name {
  display: -webkit-box;
  min-height: 2.8em;
  margin-top: 8px;
  overflow: hidden;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* 4. 动态品牌快捷筛选 */
#wymk-visible-brand-filter {
  width: 100%;
  margin: 12px 0 16px;
  padding: 12px 14px;
  border: 1px solid #e5e8ec;
  border-radius: 11px;
  background: #fafbfc;
  box-sizing: border-box;
}

#wymk-visible-brand-filter .wymk-brand-filter-label {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 7px;
  font-size: 13px;
  font-weight: 700;
}

#wymk-visible-brand-filter .wymk-brand-filter-list {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 7px;
  vertical-align: middle;
}

#wymk-visible-brand-filter .wymk-brand-filter-link {
  display: inline-flex;
  min-height: 31px;
  align-items: center;
  padding: 5px 10px;
  border: 1px solid #dde1e6;
  border-radius: 999px;
  background: #fff;
  color: #333 !important;
  font-size: 12px;
  text-decoration: none !important;
}

#wymk-visible-brand-filter .wymk-brand-filter-link:hover {
  border-color: #d9232e;
  background: #fff5f5;
}

/* 5. 搜索无结果引导 */
#wymk-no-results-help {
  max-width: 760px;
  margin: 22px auto;
  padding: 24px;
  border: 1px solid #e2e6ea;
  border-radius: 14px;
  background: #fff;
  text-align: center;
  box-sizing: border-box;
}

#wymk-no-results-help h2 {
  margin: 0 0 8px;
  font-size: 21px;
}

#wymk-no-results-help p {
  margin: 0 0 14px;
  color: #646a72;
  line-height: 1.65;
}

#wymk-no-results-help .wymk-no-result-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

#wymk-no-results-help a {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border: 1px solid #dde1e6;
  border-radius: 999px;
  background: #fafbfc;
  color: #333 !important;
  font-size: 13px;
  text-decoration: none !important;
}

/* 6. 分类/搜索商品数摘要 */
.wymk-result-count-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 9px;
  margin-left: 8px;
  border-radius: 999px;
  background: #f0f2f5;
  color: #555b63;
  font-size: 12px;
  font-weight: 600;
  vertical-align: middle;
}

/* 7. 移动端长描述展开 */
#wymk-description-wrapper {
  position: relative;
}

@media (max-width: 767px) {
  #wymk-description-wrapper.is-collapsed .wymk-collapsible-description {
    max-height: 860px;
    overflow: hidden;
  }

  #wymk-description-wrapper.is-collapsed::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 46px;
    height: 90px;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
  }
}

#wymk-description-toggle {
  position: relative;
  z-index: 2;
  display: block;
  min-width: 130px;
  min-height: 40px;
  margin: 14px auto 0;
  padding: 7px 16px;
  border: 1px solid #d7dce2;
  border-radius: 8px;
  background: #fff;
  color: #333;
  font-weight: 600;
  cursor: pointer;
}

/* 8. 联系页面检查清单 */
.wymk-contact-check-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
}

.wymk-contact-check-number {
  flex: 0 0 auto;
  display: inline-flex;
  width: 27px;
  height: 27px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #d9232e;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}

/* 9. 返回顶部 */
#wymk-back-to-top {
  position: fixed;
  right: 18px;
  bottom: 82px;
  z-index: 840;
  display: none;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 50%;
  background: rgba(255,255,255,.96);
  box-shadow: 0 6px 18px rgba(0,0,0,.14);
  color: #333;
  font-size: 20px;
  cursor: pointer;
}

#wymk-back-to-top.is-visible {
  display: inline-flex;
}

/* 10. 移动端适配 */
@media (max-width: 767px) {
  #wymk-product-region-notice {
    padding: 11px 12px;
    font-size: 13px;
  }

  #wymk-product-region-notice .wymk-region-notice-flag {
    font-size: 24px;
  }

  #wymk-product-actions button,
  #wymk-product-actions a {
    flex: 1 1 calc(50% - 4px);
  }

  #wymk-recently-viewed {
    margin: 18px auto;
    padding: 14px 12px;
  }

  #wymk-recently-viewed .wymk-recent-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  #wymk-visible-brand-filter {
    padding: 11px;
  }

  #wymk-visible-brand-filter .wymk-brand-filter-label {
    display: block;
    margin-right: 0;
  }

  #wymk-no-results-help {
    margin: 16px auto;
    padding: 20px 14px;
  }

  #wymk-back-to-top {
    right: 12px;
    bottom: calc(70px + env(safe-area-inset-bottom));
    width: 42px;
    height: 42px;
  }
}
/* =========================================================
   我要买卡｜Stage 14 帮助中心与易用性集中升级
   不触碰商品面值、价格、数量、购买按钮、订单或支付逻辑。
   ========================================================= */

/* 1. 跳到主要内容 */
#wymk-skip-link {
  position: fixed;
  top: 8px;
  left: 8px;
  z-index: 12000;
  padding: 9px 14px;
  border-radius: 8px;
  background: #111;
  color: #fff !important;
  text-decoration: none !important;
  transform: translateY(-150%);
  transition: transform .15s ease;
}

#wymk-skip-link:focus {
  transform: translateY(0);
}

/* 2. 键盘焦点 */
body.wymk-keyboard-user a:focus-visible,
body.wymk-keyboard-user button:focus-visible,
body.wymk-keyboard-user input:focus-visible,
body.wymk-keyboard-user select:focus-visible,
body.wymk-keyboard-user textarea:focus-visible,
body.wymk-keyboard-user [tabindex]:focus-visible {
  outline: 3px solid rgba(217, 35, 46, .45) !important;
  outline-offset: 3px !important;
}

/* 3. 客服工作状态 */
.wymk-service-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 25px;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.3;
}

.wymk-service-status::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.wymk-service-status.is-open {
  background: #eef9f1;
  color: #18763a;
}

.wymk-service-status.is-open::before {
  background: #22a957;
}

.wymk-service-status.is-closed {
  background: #f3f4f6;
  color: #60656c;
}

.wymk-service-status.is-closed::before {
  background: #8b9097;
}

#wymk-home-service-card .wymk-service-status {
  margin: 0 auto 8px;
}

/* 4. 购买三步 */
#wymk-purchase-steps {
  width: 100%;
  max-width: 1320px;
  margin: 18px auto 24px;
  padding: 18px;
  border: 1px solid #e5e8ec;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 4px 18px rgba(0,0,0,.04);
  box-sizing: border-box;
}

#wymk-purchase-steps .wymk-steps-title {
  margin: 0 0 14px;
  font-size: 20px;
  line-height: 1.4;
}

#wymk-purchase-steps .wymk-steps-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

#wymk-purchase-steps .wymk-step {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  min-width: 0;
  padding: 13px;
  border-radius: 11px;
  background: #fafbfc;
}

#wymk-purchase-steps .wymk-step-number {
  flex: 0 0 auto;
  display: inline-flex;
  width: 31px;
  height: 31px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #d9232e;
  color: #fff;
  font-weight: 700;
}

#wymk-purchase-steps .wymk-step strong {
  display: block;
  margin-bottom: 4px;
}

#wymk-purchase-steps .wymk-step p {
  margin: 0;
  color: #656b73;
  line-height: 1.55;
}

/* 5. 兑换说明和 FAQ */
#wymk-redeem-guide,
#wymk-product-faq {
  max-width: 100%;
  margin: 22px 0;
  padding: 18px;
  border: 1px solid #e3e6ea;
  border-radius: 13px;
  background: #fff;
  box-sizing: border-box;
}

#wymk-redeem-guide h2,
#wymk-product-faq h2 {
  margin: 0 0 14px;
  font-size: 21px;
  line-height: 1.4;
}

#wymk-redeem-guide .wymk-redeem-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#wymk-redeem-guide .wymk-redeem-list li {
  display: flex;
  gap: 10px;
  line-height: 1.65;
}

#wymk-redeem-guide .wymk-redeem-number {
  flex: 0 0 auto;
  display: inline-flex;
  width: 26px;
  height: 26px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #f2f3f5;
  color: #333;
  font-size: 12px;
  font-weight: 700;
}

#wymk-product-faq details {
  border-top: 1px solid #edf0f2;
}

#wymk-product-faq details:first-of-type {
  border-top: 0;
}

#wymk-product-faq summary {
  position: relative;
  padding: 13px 32px 13px 0;
  font-weight: 650;
  line-height: 1.5;
  cursor: pointer;
  list-style: none;
}

#wymk-product-faq summary::-webkit-details-marker {
  display: none;
}

#wymk-product-faq summary::after {
  content: "+";
  position: absolute;
  right: 4px;
  top: 10px;
  font-size: 22px;
  font-weight: 400;
}

#wymk-product-faq details[open] summary::after {
  content: "−";
}

#wymk-product-faq .wymk-faq-answer {
  padding: 0 0 14px;
  color: #5f656d;
  line-height: 1.7;
}

/* 6. 订单咨询模板 */
#wymk-contact-template {
  max-width: 760px;
  margin: 22px 0;
  padding: 18px;
  border: 1px solid #e2e6ea;
  border-radius: 13px;
  background: #fafbfc;
  box-sizing: border-box;
}

#wymk-contact-template h2 {
  margin: 0 0 8px;
  font-size: 20px;
}

#wymk-contact-template p {
  margin: 0 0 12px;
  color: #646a72;
  line-height: 1.6;
}

#wymk-contact-template pre {
  margin: 0;
  padding: 13px;
  overflow: auto;
  border: 1px solid #e3e6e9;
  border-radius: 9px;
  background: #fff;
  white-space: pre-wrap;
  word-break: break-word;
  line-height: 1.65;
}

#wymk-contact-template button {
  min-height: 39px;
  margin-top: 11px;
  padding: 7px 14px;
  border: 1px solid #d5dae0;
  border-radius: 8px;
  background: #fff;
  color: #333;
  font-weight: 600;
  cursor: pointer;
}

/* 7. 订单号复制 */
.wymk-copy-order-button {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  margin-left: 7px;
  padding: 4px 9px;
  border: 1px solid #d7dce2;
  border-radius: 7px;
  background: #fff;
  color: #333;
  font-size: 12px;
  cursor: pointer;
  vertical-align: middle;
}

/* 8. 结账邮箱提醒 */
.wymk-email-delivery-hint {
  display: block;
  margin-top: 6px;
  padding: 8px 10px;
  border-radius: 8px;
  background: #f5f7fa;
  color: #5f656d;
  font-size: 12px;
  line-height: 1.55;
}

/* 9. 搜索建议 */
#wymk-search-suggestions-note {
  margin: 7px 0 0;
  color: #767c84;
  font-size: 12px;
  line-height: 1.5;
}

/* 10. 页面信息提醒 */
#wymk-digital-delivery-note {
  max-width: 1320px;
  margin: 12px auto 18px;
  padding: 11px 15px;
  border-radius: 10px;
  background: #f7f8fa;
  color: #555b63;
  font-size: 13px;
  line-height: 1.6;
  text-align: center;
  box-sizing: border-box;
}

#wymk-digital-delivery-note a {
  color: #b31f29;
  font-weight: 650;
  text-decoration: none;
}

/* 11. 支付图片和商品图片辅助信息 */
footer img[alt="支持的支付方式"],
#footer img[alt="支持的支付方式"],
.footer img[alt="支持的支付方式"] {
  object-fit: contain;
}

/* 12. 手机端 */
@media (max-width: 767px) {
  #wymk-purchase-steps {
    margin: 14px auto 18px;
    padding: 14px 12px;
  }

  #wymk-purchase-steps .wymk-steps-grid {
    grid-template-columns: 1fr;
    gap: 9px;
  }

  #wymk-redeem-guide,
  #wymk-product-faq,
  #wymk-contact-template {
    padding: 15px 13px;
  }

  #wymk-digital-delivery-note {
    margin: 10px 12px 14px;
    padding: 10px 12px;
    text-align: left;
  }

  .wymk-copy-order-button {
    margin-top: 5px;
  }
}
/* =========================================================
   我要买卡｜Stage 15 运营与账户体验集中升级
   不修改面值、价格、购买按钮、购物车请求、订单提交或支付。
   ========================================================= */

/* 1. 顶部公告栏 */
.wymk-announcement-bar {
  position: relative;
  padding-right: 42px !important;
}

.wymk-announcement-close {
  position: absolute;
  top: 50%;
  right: 9px;
  display: inline-flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, .07);
  color: inherit;
  font-size: 19px;
  line-height: 1;
  cursor: pointer;
  transform: translateY(-50%);
}

/* 2. 搜索增强 */
.wymk-search-enhanced {
  position: relative;
}

.wymk-search-clear {
  position: absolute;
  top: 50%;
  right: 43px;
  z-index: 3;
  display: none;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #f0f2f4;
  color: #555;
  font-size: 17px;
  cursor: pointer;
  transform: translateY(-50%);
}

.wymk-search-clear.is-visible {
  display: inline-flex;
}

#wymk-search-history {
  width: 100%;
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.5;
}

#wymk-search-history .wymk-search-history-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
  color: #727880;
}

#wymk-search-history .wymk-search-history-clear {
  padding: 0;
  border: 0;
  background: transparent;
  color: #888;
  font-size: 12px;
  cursor: pointer;
}

#wymk-search-history .wymk-search-history-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

#wymk-search-history a {
  display: inline-flex;
  min-height: 29px;
  align-items: center;
  padding: 4px 9px;
  border: 1px solid #e0e4e8;
  border-radius: 999px;
  background: #fff;
  color: #454a50 !important;
  text-decoration: none !important;
}

/* 3. 首页国家目录 */
#wymk-country-directory {
  width: 100%;
  max-width: 1320px;
  margin: 20px auto 24px;
  padding: 18px;
  border: 1px solid #e4e7eb;
  border-radius: 14px;
  background: #fff;
  box-sizing: border-box;
}

#wymk-country-directory h2,
#wymk-use-cases h2 {
  margin: 0 0 14px;
  font-size: 21px;
  line-height: 1.4;
}

#wymk-country-directory .wymk-country-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px;
}

#wymk-country-directory .wymk-country-link {
  display: flex;
  min-width: 0;
  min-height: 86px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 7px;
  border: 1px solid #e5e8ec;
  border-radius: 11px;
  background: #fafbfc;
  color: #30343a !important;
  text-align: center;
  text-decoration: none !important;
  box-sizing: border-box;
}

#wymk-country-directory .wymk-country-flag {
  margin-bottom: 5px;
  font-size: 27px;
  line-height: 1;
}

#wymk-country-directory .wymk-country-name {
  font-size: 13px;
  font-weight: 700;
}

/* 4. 使用场景 */
#wymk-use-cases {
  width: 100%;
  max-width: 1320px;
  margin: 20px auto 26px;
  padding: 18px;
  border: 1px solid #e4e7eb;
  border-radius: 14px;
  background: #fff;
  box-sizing: border-box;
}

#wymk-use-cases .wymk-use-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

#wymk-use-cases .wymk-use-card {
  min-width: 0;
  padding: 15px;
  border-radius: 11px;
  background: #fafbfc;
}

#wymk-use-cases .wymk-use-icon {
  display: block;
  margin-bottom: 8px;
  font-size: 27px;
  line-height: 1;
}

#wymk-use-cases strong {
  display: block;
  margin-bottom: 5px;
}

#wymk-use-cases p {
  margin: 0;
  color: #656b73;
  line-height: 1.6;
}

/* 5. 商品卡片数字发货徽标 */
.wymk-digital-badge {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  max-width: 100%;
  padding: 3px 8px;
  margin: 4px 6px 4px 0;
  border-radius: 999px;
  background: #eef4ff;
  color: #2f5f9f;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.25;
  box-sizing: border-box;
}

/* 6. 商品收货清单 */
#wymk-delivery-checklist {
  max-width: 100%;
  margin: 22px 0;
  padding: 18px;
  border: 1px solid #dfe4e9;
  border-radius: 13px;
  background: #f9fafb;
  box-sizing: border-box;
}

#wymk-delivery-checklist h2 {
  margin: 0 0 13px;
  font-size: 21px;
  line-height: 1.4;
}

#wymk-delivery-checklist .wymk-delivery-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#wymk-delivery-checklist li {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  line-height: 1.65;
}

#wymk-delivery-checklist .wymk-check-icon {
  flex: 0 0 auto;
  color: #18763a;
  font-weight: 800;
}

/* 7. 密码显示按钮 */
.wymk-password-wrap {
  position: relative;
}

.wymk-password-wrap input {
  padding-right: 82px !important;
}

.wymk-password-toggle {
  position: absolute;
  top: 50%;
  right: 8px;
  min-height: 30px;
  padding: 4px 8px;
  border: 0;
  border-radius: 6px;
  background: #f1f3f5;
  color: #555;
  font-size: 12px;
  cursor: pointer;
  transform: translateY(-50%);
}

/* 8. 账户空状态 */
.wymk-account-empty-state {
  max-width: 660px;
  margin: 24px auto;
  padding: 27px 20px;
  border: 1px solid #e3e6ea;
  border-radius: 13px;
  background: #fff;
  text-align: center;
  box-sizing: border-box;
}

.wymk-account-empty-state .wymk-empty-state-icon {
  display: block;
  margin-bottom: 9px;
  font-size: 38px;
}

.wymk-account-empty-state h2 {
  margin: 0 0 7px;
  font-size: 20px;
}

.wymk-account-empty-state p {
  margin: 0 0 14px;
  color: #676d75;
  line-height: 1.6;
}

.wymk-account-empty-state a {
  display: inline-flex;
  min-height: 39px;
  align-items: center;
  justify-content: center;
  padding: 7px 15px;
  border-radius: 8px;
  background: #d9232e;
  color: #fff !important;
  font-weight: 650;
  text-decoration: none !important;
}

/* 9. 订单成功清单 */
#wymk-order-success-guide {
  max-width: 820px;
  margin: 20px 0;
  padding: 18px;
  border: 1px solid #dfe5ea;
  border-radius: 13px;
  background: #f8fafc;
  box-sizing: border-box;
}

#wymk-order-success-guide h2 {
  margin: 0 0 12px;
  font-size: 21px;
}

#wymk-order-success-guide ol {
  margin: 0;
  padding-left: 1.4em;
  line-height: 1.75;
}

#wymk-order-success-guide .wymk-success-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

#wymk-order-success-guide a {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  padding: 7px 13px;
  border: 1px solid #d6dce2;
  border-radius: 8px;
  background: #fff;
  color: #333 !important;
  font-weight: 600;
  text-decoration: none !important;
}

/* 10. 表格横向滚动 */
.wymk-table-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.wymk-table-scroll table {
  min-width: 680px;
}

/* 11. 订单状态 */
.wymk-order-status {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 3px 8px;
  border-radius: 999px;
  background: #f1f3f5;
  color: #555;
  font-size: 12px;
  font-weight: 650;
}

/* 12. 减少动态效果 */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* 13. 手机端 */
@media (max-width: 767px) {
  .wymk-search-clear {
    right: 42px;
  }

  #wymk-country-directory,
  #wymk-use-cases {
    margin: 15px auto 19px;
    padding: 14px 12px;
  }

  #wymk-country-directory .wymk-country-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  #wymk-use-cases .wymk-use-grid {
    grid-template-columns: 1fr;
    gap: 9px;
  }

  #wymk-delivery-checklist,
  #wymk-order-success-guide {
    padding: 15px 13px;
  }

  #wymk-order-success-guide .wymk-success-actions a {
    flex: 1 1 100%;
  }
}

/* 14. 订单打印 */
@media print {
  header,
  #header,
  .header,
  footer,
  #footer,
  .footer,
  #wymk-home-service-card,
  #wymk-back-to-top,
  #wymk-quick-nav,
  #wymk-purchase-steps,
  #wymk-country-directory,
  #wymk-use-cases,
  .wymk-announcement-bar,
  .buttons,
  .btn,
  button {
    display: none !important;
  }

  body {
    background: #fff !important;
    color: #000 !important;
  }

  #content,
  main,
  .main-content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  a {
    color: #000 !important;
    text-decoration: none !important;
  }
}
/* 我要买卡｜Stage 16 商品目录与帮助中心集中升级 */
.wymk-catalog-heading{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.wymk-catalog-total{display:inline-flex;min-height:28px;align-items:center;padding:4px 9px;border-radius:999px;background:#f1f3f5;color:#5b6168;font-size:12px;font-weight:650}
.product-thumb{height:100%}
.product-thumb .caption,.product-thumb .product-details{display:flex;min-height:0;flex:1 1 auto;flex-direction:column}
.product-thumb .description,.product-thumb .product-description{display:-webkit-box;max-height:4.9em;overflow:hidden;line-height:1.62;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.product-thumb .button-group,.product-thumb .buttons,.product-thumb .wymk-product-card-actions{margin-top:auto}
.product-thumb .image,.product-thumb .product-image{aspect-ratio:1/1;overflow:hidden;background:#fff}
.product-thumb .image img,.product-thumb .product-image img{width:100%;height:100%;object-fit:contain}
.wymk-card-meta-row{display:flex;flex-wrap:wrap;gap:6px;margin:5px 0 8px}
.wymk-card-meta{display:inline-flex;min-height:24px;align-items:center;padding:3px 7px;border-radius:999px;background:#f5f6f8;color:#5c626a;font-size:11px;font-weight:650;line-height:1.25}
#wymk-option-guide{max-width:100%;margin:12px 0 15px;padding:12px 14px;border:1px solid #e1e5e9;border-radius:10px;background:#f8fafc;box-sizing:border-box}
#wymk-option-guide .wymk-option-guide-title{display:block;margin-bottom:7px;font-weight:700;color:#333}
#wymk-option-guide .wymk-option-guide-steps{display:flex;flex-wrap:wrap;gap:7px}
#wymk-option-guide .wymk-option-step{display:inline-flex;min-height:29px;align-items:center;padding:4px 9px;border-radius:999px;background:#fff;color:#565c64;font-size:12px;line-height:1.3}
#wymk-product-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-width:100%;margin:14px 0 18px}
#wymk-product-facts .wymk-product-fact{min-width:0;padding:11px;border:1px solid #e5e8ec;border-radius:10px;background:#fff;text-align:center;box-sizing:border-box}
#wymk-product-facts .wymk-product-fact strong{display:block;margin-bottom:3px;font-size:13px}
#wymk-product-facts .wymk-product-fact span{color:#70767e;font-size:12px;line-height:1.45}
.wymk-duplicate-product-title{display:none!important}
#wymk-help-topic-nav{display:flex;flex-wrap:wrap;gap:8px;max-width:980px;margin:0 0 20px;padding:12px;border:1px solid #e2e6ea;border-radius:11px;background:#fafbfc;box-sizing:border-box}
#wymk-help-topic-nav a{display:inline-flex;min-height:34px;align-items:center;padding:5px 11px;border:1px solid #dfe3e7;border-radius:999px;background:#fff;color:#373c42!important;font-size:12px;font-weight:600;text-decoration:none!important}
#wymk-help-topic-nav a.is-active{border-color:#d9232e;background:#fff1f2;color:#b31f29!important}
.wymk-reading-page{max-width:980px}
.wymk-reading-page>p,.wymk-reading-page>ul,.wymk-reading-page>ol,.wymk-reading-page>section,.wymk-reading-page>div:not([class*="row"]):not([class*="column"]){line-height:1.75}
.wymk-reading-page>ul,.wymk-reading-page>ol{padding-left:1.4em}
.wymk-reading-page>ul>li,.wymk-reading-page>ol>li{margin-bottom:7px}
#wymk-page-tools{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 17px}
#wymk-page-tools button{display:inline-flex;min-height:35px;align-items:center;justify-content:center;padding:6px 11px;border:1px solid #d8dde2;border-radius:8px;background:#fff;color:#373c42;font-size:12px;font-weight:600;cursor:pointer}
#wymk-account-safety-note{max-width:720px;margin:16px 0 20px;padding:13px 15px;border:1px solid #e3e6ea;border-radius:10px;background:#f8fafc;color:#5b6169;font-size:13px;line-height:1.65;box-sizing:border-box}
#wymk-account-safety-note strong{color:#333}
#wymk-qr-modal{position:fixed;inset:0;z-index:15000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.70);box-sizing:border-box}
#wymk-qr-modal.is-open{display:flex}
#wymk-qr-modal .wymk-qr-dialog{position:relative;width:min(460px,100%);padding:18px;border-radius:14px;background:#fff;text-align:center;box-sizing:border-box}
#wymk-qr-modal img{display:block;width:100%;max-height:70vh;object-fit:contain}
#wymk-qr-modal p{margin:10px 0 0;color:#555b63}
#wymk-qr-modal .wymk-qr-close{position:absolute;top:7px;right:7px;display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:0;border-radius:50%;background:rgba(0,0,0,.08);color:#333;font-size:21px;cursor:pointer}
.pagination>li>a,.pagination>li>span{min-width:38px;min-height:38px}
footer [class*="payment"],#footer [class*="payment"],.footer [class*="payment"],footer [id*="payment"],#footer [id*="payment"],.footer [id*="payment"]{max-width:100%}
footer [class*="payment"] img,#footer [class*="payment"] img,.footer [class*="payment"] img,footer [id*="payment"] img,#footer [id*="payment"] img,.footer [id*="payment"] img{max-width:100%;height:auto;object-fit:contain}
@media(max-width:767px){
.product-thumb .description,.product-thumb .product-description{max-height:4.7em;-webkit-line-clamp:3}
#wymk-product-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
#wymk-option-guide{padding:11px}
#wymk-help-topic-nav{padding:10px}
#wymk-page-tools button{flex:1 1 calc(50% - 4px)}
#wymk-account-safety-note{padding:12px;font-size:12px}
}

/* Stage 16.1：商品卡片规则只允许作用于 .product-thumb，
   防止误影响 Journal 商品详情页、同类商品、FAQ 和特性模块。 */
#product-product .product-layout:not(.product-thumb),
#product-product .product-grid:not(.product-thumb) {
  height: auto;
  min-width: 0;
}
/* =========================================================
   Stage 16.2：商品详情全宽与浮动清除
   ========================================================= */
#product-product #wymk-description-wrapper,
#product-product #wymk-product-help-stack,
#product-product #wymk-redeem-guide,
#product-product #wymk-product-faq,
#product-product #wymk-delivery-checklist,
#product-product #wymk-recently-viewed,
#product-product .wymk-force-fullwidth,
#product-product .wymk-related-fullwidth {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  clear: both !important;
  float: none !important;
  flex: 0 0 100% !important;
  grid-column: 1 / -1 !important;
  box-sizing: border-box !important;
}

#product-product #wymk-description-wrapper {
  display: flow-root !important;
}

#product-product #wymk-product-help-stack {
  position: relative;
  margin: 20px 0;
  padding: 0;
  overflow: visible;
}

#product-product #wymk-product-help-stack > section {
  width: 100% !important;
  max-width: 100% !important;
  clear: both !important;
  float: none !important;
  writing-mode: horizontal-tb !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

#product-product #wymk-product-help-stack h2,
#product-product #wymk-product-help-stack p,
#product-product #wymk-product-help-stack li,
#product-product #wymk-product-help-stack span,
#product-product .wymk-related-fullwidth {
  writing-mode: horizontal-tb !important;
  word-break: normal !important;
}

#product-product .tab-content,
#product-product .tab-pane,
#product-product [id*="tab-description"] {
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 相关商品模块必须在原生描述和帮助模块之后独占整行。 */
#product-product .related-products,
#product-product .products-related,
#product-product .module-products-related,
#product-product [class*="related-products"],
#product-product [class*="products-related"] {
  width: 100% !important;
  max-width: 100% !important;
  clear: both !important;
  float: none !important;
  grid-column: 1 / -1 !important;
  box-sizing: border-box !important;
}

/* 仅真正商品卡片使用 Stage 16 的 1:1 和弹性规则。 */
#product-product .product-thumb {
  min-width: 0;
}

@media (max-width: 767px) {
  #product-product #wymk-product-help-stack {
    margin: 16px 0;
  }

  #product-product #wymk-redeem-guide,
  #product-product #wymk-product-faq,
  #product-product #wymk-delivery-checklist {
    margin: 14px 0;
    padding: 15px 13px;
  }
}

/* =========================================================
   我要买卡｜Stage 17 稳定性、性能与页面导航
   所有商品详情规则限定在 #product-product 内。
   ========================================================= */

/* 1. 商品页章节快捷导航 */
#product-product #wymk-product-section-nav {
  display: flex;
  width: 100%;
  max-width: 100%;
  flex-wrap: wrap;
  gap: 8px;
  clear: both;
  margin: 18px 0;
  padding: 11px 12px;
  border: 1px solid #e2e6ea;
  border-radius: 11px;
  background: #fafbfc;
  box-sizing: border-box;
}

#product-product #wymk-product-section-nav a {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  padding: 5px 11px;
  border: 1px solid #dce1e6;
  border-radius: 999px;
  background: #fff;
  color: #353a40 !important;
  font-size: 12px;
  font-weight: 650;
  text-decoration: none !important;
}

#product-product #wymk-product-section-nav a:hover,
#product-product #wymk-product-section-nav a:focus {
  border-color: #d9232e;
  background: #fff4f5;
}

/* 2. FAQ 批量操作 */
#product-product .wymk-faq-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: -4px 0 8px;
}

#product-product .wymk-faq-tools button {
  min-height: 33px;
  padding: 5px 10px;
  border: 1px solid #d9dee3;
  border-radius: 8px;
  background: #fff;
  color: #444a51;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

/* 3. 返回购买区 */
#product-product .wymk-back-to-purchase {
  display: inline-flex;
  min-height: 39px;
  align-items: center;
  justify-content: center;
  margin: 2px 0 20px;
  padding: 7px 14px;
  border: 1px solid #d9232e;
  border-radius: 8px;
  background: #fff;
  color: #b31f29 !important;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
}

/* 4. 搜索结果摘要 */
#wymk-search-result-summary {
  max-width: 100%;
  margin: 0 0 16px;
  padding: 11px 13px;
  border: 1px solid #e3e6ea;
  border-radius: 10px;
  background: #f8fafc;
  color: #5b6168;
  line-height: 1.6;
  box-sizing: border-box;
}

#wymk-search-result-summary strong {
  color: #30343a;
}

#wymk-search-result-summary a {
  margin-left: 8px;
  color: #b31f29;
  font-weight: 650;
  text-decoration: none;
}

/* 5. 空购物车辅助入口 */
#wymk-empty-cart-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 14px;
}

#wymk-empty-cart-actions a {
  display: inline-flex;
  min-height: 39px;
  align-items: center;
  justify-content: center;
  padding: 7px 14px;
  border: 1px solid #d8dde2;
  border-radius: 8px;
  background: #fff;
  color: #333 !important;
  font-weight: 650;
  text-decoration: none !important;
}

#wymk-empty-cart-actions a:first-child {
  border-color: #d9232e;
  background: #d9232e;
  color: #fff !important;
}

/* 6. 密码大写锁定提醒 */
.wymk-caps-lock-hint {
  display: none;
  margin-top: 6px;
  color: #a33a25;
  font-size: 12px;
  line-height: 1.5;
}

.wymk-caps-lock-hint.is-visible {
  display: block;
}

/* 7. 帮助页自动目录 */
#wymk-reading-toc {
  max-width: 980px;
  margin: 0 0 18px;
  padding: 13px;
  border: 1px solid #e2e6ea;
  border-radius: 11px;
  background: #fafbfc;
  box-sizing: border-box;
}

#wymk-reading-toc strong {
  display: block;
  margin-bottom: 8px;
}

#wymk-reading-toc .wymk-reading-toc-links {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

#wymk-reading-toc a {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  padding: 5px 9px;
  border: 1px solid #dfe3e7;
  border-radius: 999px;
  background: #fff;
  color: #3d4248 !important;
  font-size: 12px;
  text-decoration: none !important;
}

/* 8. 表单辅助状态 */
.wymk-form-help-status {
  min-height: 1.4em;
  margin-top: 5px;
  color: #656b73;
  font-size: 12px;
  line-height: 1.45;
}

/* 9. 可访问的面值标签 */
#product-product .wymk-option-accessible-label {
  cursor: pointer;
}

/* 10. 旧浏览器复制反馈 */
.wymk-copy-feedback {
  display: inline-block;
  margin-left: 8px;
  color: #18763a;
  font-size: 12px;
}

/* 11. 帮助页长导航手机横向滚动 */
@media (max-width: 767px) {
  #product-product #wymk-product-section-nav {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  #product-product #wymk-product-section-nav a {
    flex: 0 0 auto;
  }

  #wymk-reading-toc .wymk-reading-toc-links {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  #wymk-reading-toc a {
    flex: 0 0 auto;
  }

  #wymk-empty-cart-actions a {
    flex: 1 1 100%;
  }
}

/* =========================================================
   我要买卡｜Stage 18 内容清晰度、表单易用性与 SEO 基础
   ========================================================= */

/* 1. 目录分页摘要 */
.wymk-pagination-summary {
  display: inline-flex;
  max-width: 100%;
  min-height: 32px;
  align-items: center;
  padding: 5px 10px;
  border-radius: 8px;
  background: #f5f7f9;
  color: #5c626a;
  font-size: 12px;
  line-height: 1.5;
}

/* 2. 商品简介去重后的文本 */
.product-thumb .description.wymk-description-cleaned,
.product-thumb .product-description.wymk-description-cleaned {
  color: #626870;
}

/* 3. 商品名称完整提示 */
.product-thumb .wymk-title-tooltip {
  cursor: help;
}

/* 4. 商品详情“查看详情” */
#product-product .wymk-scroll-to-description {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  padding: 3px 8px;
  border: 0;
  border-radius: 7px;
  background: #f1f3f5;
  color: #444a51;
  font-size: 12px;
  font-weight: 650;
  cursor: pointer;
}

/* 5. 面值选择状态 */
#product-product #wymk-denomination-status {
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 39px;
  margin: 10px 0 12px;
  padding: 9px 11px;
  border: 1px solid #dfe4e8;
  border-radius: 9px;
  background: #f8fafc;
  color: #555b63;
  font-size: 13px;
  line-height: 1.55;
  box-sizing: border-box;
}

#product-product #wymk-denomination-status.has-selection {
  border-color: #badfc6;
  background: #f1faf4;
  color: #176f38;
}

/* 6. 帮助中心 FAQ 手风琴 */
#wymk-help-faq-accordion {
  max-width: 980px;
  margin: 0 0 22px;
}

#wymk-help-faq-accordion details {
  border-top: 1px solid #e7eaed;
}

#wymk-help-faq-accordion details:first-child {
  border-top: 0;
}

#wymk-help-faq-accordion summary {
  position: relative;
  padding: 14px 34px 14px 0;
  font-weight: 700;
  line-height: 1.55;
  cursor: pointer;
  list-style: none;
}

#wymk-help-faq-accordion summary::-webkit-details-marker {
  display: none;
}

#wymk-help-faq-accordion summary::after {
  content: "+";
  position: absolute;
  top: 10px;
  right: 4px;
  font-size: 22px;
  font-weight: 400;
}

#wymk-help-faq-accordion details[open] summary::after {
  content: "−";
}

#wymk-help-faq-accordion .wymk-help-faq-answer {
  padding: 0 0 15px;
  color: #5e646c;
  line-height: 1.75;
}

/* 7. 必填项说明 */
.wymk-required-mark {
  margin-left: 3px;
  color: #c92732;
  font-weight: 700;
}

#wymk-required-fields-note {
  margin: 0 0 14px;
  color: #6b7179;
  font-size: 12px;
  line-height: 1.55;
}

/* 8. 排序和每页显示辅助标签 */
.wymk-select-help-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* 9. 目录页中文状态 */
.wymk-catalog-stock-text {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 3px 8px;
  border-radius: 999px;
  background: #eef9f1;
  color: #18763a;
  font-size: 12px;
  font-weight: 650;
}

/* 10. 手机端 */
@media (max-width: 767px) {
  #product-product #wymk-denomination-status {
    padding: 8px 10px;
    font-size: 12px;
  }

  #wymk-help-faq-accordion summary {
    padding-right: 30px;
  }

  .wymk-pagination-summary {
    display: flex;
    width: 100%;
    justify-content: center;
    text-align: center;
  }
}

/* =========================================================
   我要买卡｜Stage 19 导航、表单、订单与加载性能
   所有商品布局规则限定在明确组件内。
   ========================================================= */

/* 1. 锚点跳转避开固定顶部 */
#product-product [id^="wymk-section-"],
#product-product #wymk-option-guide,
#product-product #wymk-redeem-guide,
#product-product #wymk-product-faq,
#product-product .related-products,
#product-product .products-related,
.wymk-reading-page h2[id],
.wymk-reading-page h3[id] {
  scroll-margin-top: 105px;
}

/* 2. 隐藏商品卡片残留操作按钮 */
.product-thumb .wishlist,
.product-thumb .compare,
.product-thumb .quickview,
.product-thumb .quick-view,
.product-thumb .btn-wishlist,
.product-thumb .btn-compare,
.product-thumb .btn-quickview,
.product-thumb [data-wishlist],
.product-thumb [data-compare],
.product-thumb [data-quickview],
.product-thumb [aria-label*="收藏"],
.product-thumb [aria-label*="比较"],
.product-thumb [aria-label*="快速查看"],
.product-thumb [title="Wishlist"],
.product-thumb [title="Compare"],
.product-thumb [title="Quickview"],
.product-thumb [title="Quick View"] {
  display: none !important;
}

/* 3. 只隐藏商品主图上的放大镜图标，不隐藏商品图片 */
#product-product .product-image .magnifier,
#product-product .product-image .zoom-icon,
#product-product .product-image .zoom-in,
#product-product .product-image .image-zoom-icon,
#product-product .product-image [aria-label*="放大"],
#product-product .product-image [title*="Zoom"],
#product-product .product-image [title*="放大"],
#product-product .image .magnifier,
#product-product .image .zoom-icon,
#product-product .image .image-zoom-icon {
  display: none !important;
}

/* 4. 订单筛选 */
#wymk-order-filter {
  max-width: 720px;
  margin: 0 0 18px;
  padding: 13px;
  border: 1px solid #e1e5e9;
  border-radius: 11px;
  background: #fafbfc;
  box-sizing: border-box;
}

#wymk-order-filter label {
  display: block;
  margin-bottom: 7px;
  font-size: 13px;
  font-weight: 700;
}

#wymk-order-filter .wymk-order-filter-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

#wymk-order-filter input {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 40px;
  padding: 7px 10px;
  border: 1px solid #ced4da;
  border-radius: 8px;
  box-sizing: border-box;
}

#wymk-order-filter button {
  flex: 0 0 auto;
  min-height: 40px;
  padding: 7px 12px;
  border: 1px solid #d6dbe0;
  border-radius: 8px;
  background: #fff;
  color: #333;
  font-weight: 600;
  cursor: pointer;
}

#wymk-order-filter-count {
  display: block;
  margin-top: 7px;
  color: #656b73;
  font-size: 12px;
}

/* 5. 订单复制和打印工具 */
#wymk-order-page-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 17px;
}

#wymk-order-page-tools button {
  display: inline-flex;
  min-height: 37px;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border: 1px solid #d7dce1;
  border-radius: 8px;
  background: #fff;
  color: #34393f;
  font-size: 12px;
  font-weight: 650;
  cursor: pointer;
}

/* 6. 表单错误摘要 */
#wymk-form-error-summary {
  max-width: 820px;
  margin: 0 0 17px;
  padding: 13px 15px;
  border: 1px solid #e2a9ae;
  border-radius: 10px;
  background: #fff4f5;
  color: #7d222a;
  line-height: 1.6;
  box-sizing: border-box;
}

#wymk-form-error-summary strong {
  display: block;
  margin-bottom: 4px;
}

#wymk-form-error-summary a {
  color: #8e1f28;
  font-weight: 650;
}

/* 7. 搜索快捷键提示 */
#wymk-search-shortcut-hint {
  margin: 5px 0 0;
  color: #7a8088;
  font-size: 11px;
  line-height: 1.45;
}

#wymk-search-shortcut-hint kbd {
  display: inline-flex;
  min-width: 22px;
  min-height: 21px;
  align-items: center;
  justify-content: center;
  padding: 1px 5px;
  border: 1px solid #d8dde2;
  border-bottom-width: 2px;
  border-radius: 5px;
  background: #fff;
  color: #555b63;
  font-family: inherit;
  font-size: 10px;
}

/* 8. 订单无匹配结果 */
.wymk-order-row-hidden {
  display: none !important;
}

#wymk-order-filter-empty {
  display: none;
  margin-top: 10px;
  padding: 11px;
  border-radius: 8px;
  background: #f4f6f8;
  color: #60666e;
  text-align: center;
}

#wymk-order-filter-empty.is-visible {
  display: block;
}

/* 9. 低优先级区域渲染优化 */
#wymk-recently-viewed,
#product-product .related-products,
#product-product .products-related,
#product-product .module-products-related {
  content-visibility: auto;
  contain-intrinsic-size: 500px;
}

/* 10. 缩略图键盘焦点 */
#product-product .additional-images a:focus-visible,
#product-product .product-gallery a:focus-visible,
#product-product .thumbnails a:focus-visible {
  outline: 3px solid rgba(217, 35, 46, .45);
  outline-offset: 3px;
}

/* 11. 手机端 */
@media (max-width: 767px) {
  #wymk-order-filter .wymk-order-filter-row {
    align-items: stretch;
    flex-direction: column;
  }

  #wymk-order-filter button {
    width: 100%;
  }

  #wymk-order-page-tools button {
    flex: 1 1 calc(50% - 4px);
  }

  #wymk-form-error-summary {
    padding: 12px;
    font-size: 13px;
  }
}

/* 12. 打印订单时保留订单正文，隐藏筛选工具 */
@media print {
  #wymk-order-filter,
  #wymk-order-page-tools,
  #wymk-form-error-summary {
    display: none !important;
  }
}

/* =========================================================
   我要买卡｜Stage 20 信任信息、账户引导与数据整理
   不修改面值、价格、数量、购物车、订单提交或支付。
   ========================================================= */

/* 1. 搜索历史单项删除 */
#wymk-search-history .wymk-search-history-item {
  display: inline-flex;
  align-items: center;
  border: 1px solid #e0e4e8;
  border-radius: 999px;
  background: #fff;
  overflow: hidden;
}

#wymk-search-history .wymk-search-history-item a {
  min-height: 29px;
  padding: 4px 7px 4px 9px;
  border: 0;
  border-radius: 0;
}

#wymk-search-history .wymk-search-history-remove {
  display: inline-flex;
  width: 27px;
  min-height: 29px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-left: 1px solid #eef0f2;
  background: #fff;
  color: #7a8087;
  font-size: 15px;
  cursor: pointer;
}

/* 2. 邮箱拼写建议 */
.wymk-email-suggestion {
  display: none;
  margin-top: 6px;
  padding: 8px 10px;
  border-radius: 8px;
  background: #fff8e8;
  color: #665019;
  font-size: 12px;
  line-height: 1.5;
}

.wymk-email-suggestion.is-visible {
  display: block;
}

.wymk-email-suggestion button {
  margin-left: 5px;
  padding: 2px 7px;
  border: 1px solid #dfc178;
  border-radius: 6px;
  background: #fff;
  color: #654b0e;
  font-size: 12px;
  font-weight: 650;
  cursor: pointer;
}

/* 3. 密码强度 */
.wymk-password-strength {
  margin-top: 7px;
}

.wymk-password-strength-bar {
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: #e9ecef;
}

.wymk-password-strength-fill {
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: #b9bec5;
  transition: width .15s ease;
}

.wymk-password-strength-text {
  display: block;
  margin-top: 5px;
  color: #656b73;
  font-size: 12px;
  line-height: 1.5;
}

.wymk-password-strength.is-weak .wymk-password-strength-fill {
  width: 28%;
  background: #c9404a;
}

.wymk-password-strength.is-medium .wymk-password-strength-fill {
  width: 62%;
  background: #c28b18;
}

.wymk-password-strength.is-strong .wymk-password-strength-fill {
  width: 100%;
  background: #21834a;
}

/* 4. 账户导航当前页 */
.wymk-account-current {
  border-radius: 7px;
  background: #fff1f2 !important;
  color: #b31f29 !important;
  font-weight: 700 !important;
}

/* 5. 订单状态说明 */
#wymk-order-status-guide {
  max-width: 820px;
  margin: 0 0 18px;
  padding: 13px 15px;
  border: 1px solid #e1e5e9;
  border-radius: 11px;
  background: #fafbfc;
  box-sizing: border-box;
}

#wymk-order-status-guide summary {
  font-weight: 700;
  cursor: pointer;
}

#wymk-order-status-guide dl {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 7px 12px;
  margin: 13px 0 0;
}

#wymk-order-status-guide dt {
  font-weight: 700;
}

#wymk-order-status-guide dd {
  margin: 0;
  color: #626870;
  line-height: 1.55;
}

/* 6. 复制商品名称 */
#product-product .wymk-copy-product-name {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 7px 13px;
  border: 1px solid #d8dde4;
  border-radius: 8px;
  background: #fff;
  color: #30343a;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

/* 7. 客服倒计时 */
.wymk-service-countdown {
  display: block;
  margin-top: 6px;
  color: #666c74;
  font-size: 12px;
  line-height: 1.5;
}

/* 8. 联系检查项目间距 */
.wymk-contact-check-item > span:last-child {
  padding-top: 3px;
}

/* 9. 页面锚点聚焦 */
.wymk-anchor-focus:focus {
  outline: 3px solid rgba(217, 35, 46, .40);
  outline-offset: 5px;
}

/* 10. 移动端安全区域 */
@media (max-width: 767px) {
  #wymk-home-service-card {
    bottom: calc(12px + env(safe-area-inset-bottom)) !important;
  }

  #wymk-back-to-top {
    bottom: calc(70px + env(safe-area-inset-bottom)) !important;
  }

  #wymk-order-status-guide dl {
    grid-template-columns: 1fr;
    gap: 3px;
  }

  #wymk-order-status-guide dd {
    margin-bottom: 7px;
  }
}

/* =========================================================
   我要买卡｜Stage 21 帮助、账户与前端维护集中升级
   不修改价格、面值、数量、购物车、订单提交或支付。
   ========================================================= */

/* 1. 页脚当前页面 */
footer a.wymk-footer-current,
#footer a.wymk-footer-current,
.footer a.wymk-footer-current {
  color: #d9232e !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

/* 2. 账户快捷导航 */
#wymk-account-quick-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 900px;
  margin: 0 0 18px;
  padding: 12px;
  border: 1px solid #e1e5e9;
  border-radius: 11px;
  background: #fafbfc;
  box-sizing: border-box;
}

#wymk-account-quick-nav a {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 5px 11px;
  border: 1px solid #dce1e6;
  border-radius: 999px;
  background: #fff;
  color: #3a3f45 !important;
  font-size: 12px;
  font-weight: 650;
  text-decoration: none !important;
}

#wymk-account-quick-nav a.is-current {
  border-color: #d9232e;
  background: #fff1f2;
  color: #b31f29 !important;
}

/* 3. 登录安全清单 */
#wymk-login-security-list {
  max-width: 720px;
  margin: 15px 0 20px;
  padding: 14px;
  border: 1px solid #e1e5e9;
  border-radius: 11px;
  background: #f8fafc;
  box-sizing: border-box;
}

#wymk-login-security-list strong {
  display: block;
  margin-bottom: 8px;
}

#wymk-login-security-list ul {
  margin: 0;
  padding-left: 1.3em;
  color: #626870;
  line-height: 1.7;
}

/* 4. 联系快捷入口 */
#wymk-contact-quick-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 820px;
  margin: 16px 0 20px;
}

#wymk-contact-quick-actions a,
#wymk-contact-quick-actions button {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  padding: 7px 13px;
  border: 1px solid #d7dce2;
  border-radius: 8px;
  background: #fff;
  color: #34393f !important;
  font-size: 13px;
  font-weight: 650;
  text-decoration: none !important;
  cursor: pointer;
}

#wymk-contact-quick-actions a:first-child {
  border-color: #d9232e;
  background: #d9232e;
  color: #fff !important;
}

/* 5. 联系检查列表修复 */
#wymk-contact-checklist-fixed {
  max-width: 820px;
  margin: 16px 0 22px;
  padding: 16px;
  border: 1px solid #e1e5e9;
  border-radius: 11px;
  background: #fafbfc;
  box-sizing: border-box;
}

#wymk-contact-checklist-fixed h2 {
  margin: 0 0 12px;
  font-size: 21px;
}

#wymk-contact-checklist-fixed .wymk-contact-check-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 10px 0;
  line-height: 1.65;
}

#wymk-contact-checklist-fixed .wymk-contact-check-index {
  flex: 0 0 auto;
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #d9232e;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}

/* 6. FAQ 搜索 */
#wymk-help-search {
  max-width: 760px;
  margin: 0 0 17px;
  padding: 13px;
  border: 1px solid #e1e5e9;
  border-radius: 11px;
  background: #fafbfc;
  box-sizing: border-box;
}

#wymk-help-search label {
  display: block;
  margin-bottom: 7px;
  font-size: 13px;
  font-weight: 700;
}

#wymk-help-search .wymk-help-search-row {
  display: flex;
  gap: 8px;
}

#wymk-help-search input {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 40px;
  padding: 7px 10px;
  border: 1px solid #ccd2d8;
  border-radius: 8px;
  box-sizing: border-box;
}

#wymk-help-search button {
  flex: 0 0 auto;
  min-height: 40px;
  padding: 7px 12px;
  border: 1px solid #d6dbe0;
  border-radius: 8px;
  background: #fff;
  color: #333;
  font-weight: 650;
  cursor: pointer;
}

#wymk-help-search-count {
  display: block;
  margin-top: 7px;
  color: #656b73;
  font-size: 12px;
}

.wymk-help-faq-hidden {
  display: none !important;
}

#wymk-help-search-empty {
  display: none;
  margin-top: 10px;
  padding: 11px;
  border-radius: 8px;
  background: #fff;
  color: #60666e;
  text-align: center;
}

#wymk-help-search-empty.is-visible {
  display: block;
}

/* 7. 订单复制按钮 */
.wymk-order-field-copy {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  margin-left: 7px;
  padding: 4px 9px;
  border: 1px solid #d7dce2;
  border-radius: 7px;
  background: #fff;
  color: #333;
  font-size: 12px;
  cursor: pointer;
  vertical-align: middle;
}

/* 8. 商品编号复制 */
#product-product .wymk-copy-product-sku {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  margin-left: 7px;
  padding: 4px 9px;
  border: 1px solid #d7dce2;
  border-radius: 7px;
  background: #fff;
  color: #333;
  font-size: 12px;
  cursor: pointer;
}

/* 9. 图片加载失败提示 */
.wymk-image-load-note {
  display: block;
  margin-top: 5px;
  color: #7a8088;
  font-size: 11px;
  text-align: center;
}

/* 10. 移动端 */
@media (max-width: 767px) {
  #wymk-account-quick-nav,
  #wymk-contact-quick-actions {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  #wymk-account-quick-nav a,
  #wymk-contact-quick-actions a,
  #wymk-contact-quick-actions button {
    flex: 0 0 auto;
  }

  #wymk-help-search .wymk-help-search-row {
    flex-direction: column;
  }

  #wymk-help-search button {
    width: 100%;
  }

  #wymk-contact-checklist-fixed {
    padding: 13px;
  }
}

/* =========================================================
   我要买卡｜Stage 22 购物车、结账提示与弹窗可访问性
   不修改购物车请求、订单提交或支付逻辑。
   ========================================================= */

/* 1. 购物车数字商品提醒 */
#checkout-cart #wymk-cart-digital-note,
#wymk-cart-digital-note {
  max-width: 980px;
  margin: 0 0 18px;
  padding: 14px 16px;
  border: 1px solid #dfe4e9;
  border-radius: 11px;
  background: #f8fafc;
  color: #565c64;
  line-height: 1.65;
  box-sizing: border-box;
}

#wymk-cart-digital-note strong {
  display: block;
  margin-bottom: 5px;
  color: #30343a;
}

/* 2. 购物车商品辅助标签 */
.wymk-cart-item-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

.wymk-cart-item-chip {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  padding: 3px 8px;
  border-radius: 999px;
  background: #f2f4f6;
  color: #555b63;
  font-size: 11px;
  font-weight: 650;
}

/* 3. 购物车工具 */
#wymk-cart-page-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 17px;
}

#wymk-cart-page-tools button,
#wymk-cart-page-tools a {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  padding: 7px 13px;
  border: 1px solid #d7dce2;
  border-radius: 8px;
  background: #fff;
  color: #34393f !important;
  font-size: 13px;
  font-weight: 650;
  text-decoration: none !important;
  cursor: pointer;
}

/* 4. 购物车和结账表格 */
.wymk-cart-table-scroll,
.wymk-checkout-table-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.wymk-cart-table-scroll > table,
.wymk-checkout-table-scroll > table {
  min-width: 680px;
}

/* 5. 空购物车快捷搜索 */
#wymk-empty-cart-searches {
  max-width: 760px;
  margin: 18px auto 0;
  text-align: center;
}

#wymk-empty-cart-searches strong {
  display: block;
  margin-bottom: 9px;
}

#wymk-empty-cart-searches .wymk-empty-cart-search-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px;
}

#wymk-empty-cart-searches a {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  padding: 5px 10px;
  border: 1px solid #dfe3e7;
  border-radius: 999px;
  background: #fff;
  color: #3c4147 !important;
  font-size: 12px;
  text-decoration: none !important;
}

/* 6. 结账前核对清单 */
#wymk-checkout-readiness {
  max-width: 980px;
  margin: 0 0 18px;
  padding: 15px;
  border: 1px solid #dfe4e9;
  border-radius: 12px;
  background: #f8fafc;
  box-sizing: border-box;
}

#wymk-checkout-readiness h2 {
  margin: 0 0 11px;
  font-size: 20px;
}

#wymk-checkout-readiness ul {
  margin: 0;
  padding-left: 1.35em;
  color: #5b6168;
  line-height: 1.75;
}

/* 7. 发货邮箱摘要 */
#wymk-checkout-email-summary {
  display: block;
  margin-top: 7px;
  padding: 9px 11px;
  border-radius: 8px;
  background: #f4f6f8;
  color: #555b63;
  font-size: 12px;
  line-height: 1.55;
}

#wymk-checkout-email-summary.has-email {
  background: #eef9f1;
  color: #176f38;
}

/* 8. 付款方式说明 */
#wymk-payment-method-help {
  margin: 10px 0 14px;
  padding: 11px 13px;
  border-left: 4px solid #d9232e;
  border-radius: 7px;
  background: #fff7f7;
  color: #5f5556;
  font-size: 13px;
  line-height: 1.65;
}

/* 9. 结账步骤编号 */
.wymk-checkout-step-number {
  display: inline-flex;
  width: 26px;
  height: 26px;
  align-items: center;
  justify-content: center;
  margin-right: 7px;
  border-radius: 50%;
  background: #d9232e;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  vertical-align: middle;
}

/* 10. 订单成功复制工具 */
#wymk-success-copy-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 13px 0 20px;
}

#wymk-success-copy-tools button {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  padding: 7px 13px;
  border: 1px solid #d7dce2;
  border-radius: 8px;
  background: #fff;
  color: #34393f;
  font-size: 13px;
  font-weight: 650;
  cursor: pointer;
}

/* 11. QR 弹窗滚动锁定 */
body.wymk-modal-open {
  overflow: hidden !important;
}

/* 12. Cookie 区域 */
.wymk-cookie-accessible [role="button"],
.wymk-cookie-accessible button {
  min-height: 36px;
}

/* 13. 公告关闭按钮没有文本时的可视兜底 */
.wymk-announcement-close:empty::before {
  content: "×";
  font-size: 19px;
  line-height: 1;
}

/* 14. 移动端 */
@media (max-width: 767px) {
  #wymk-cart-page-tools button,
  #wymk-cart-page-tools a,
  #wymk-success-copy-tools button {
    flex: 1 1 100%;
  }

  #wymk-checkout-readiness,
  #wymk-cart-digital-note {
    padding: 13px;
  }

  #wymk-qr-modal {
    padding:
      calc(12px + env(safe-area-inset-top))
      12px
      calc(12px + env(safe-area-inset-bottom));
  }
}

/* =========================================================
   我要买卡｜Stage 23 风控、购物车检查与隐藏式诊断
   不修改商品、购物车请求、订单提交或支付逻辑。
   ========================================================= */

/* 1. 全局状态播报 */
#wymk-global-status {
  position: fixed !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* 2. 最近浏览管理 */
#wymk-recently-viewed .wymk-recent-tools {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
  margin: -4px 0 11px;
}

#wymk-recently-viewed .wymk-recent-tools button {
  min-height: 33px;
  padding: 5px 10px;
  border: 1px solid #d9dee3;
  border-radius: 8px;
  background: #fff;
  color: #454b52;
  font-size: 12px;
  font-weight: 650;
  cursor: pointer;
}

#wymk-recently-viewed .wymk-recent-item-wrap {
  position: relative;
}

#wymk-recently-viewed .wymk-recent-remove {
  position: absolute;
  top: 7px;
  right: 7px;
  z-index: 4;
  display: inline-flex;
  width: 29px;
  height: 29px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid #dfe3e7;
  border-radius: 50%;
  background: rgba(255, 255, 255, .94);
  color: #666c73;
  font-size: 16px;
  cursor: pointer;
}

/* 3. 购物车检查摘要 */
#wymk-cart-audit {
  max-width: 980px;
  margin: 0 0 18px;
  padding: 14px 16px;
  border: 1px solid #dfe4e9;
  border-radius: 11px;
  background: #fafbfc;
  box-sizing: border-box;
}

#wymk-cart-audit h2 {
  margin: 0 0 10px;
  font-size: 19px;
}

#wymk-cart-audit .wymk-cart-audit-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

#wymk-cart-audit .wymk-cart-audit-item {
  min-width: 0;
  padding: 10px;
  border-radius: 9px;
  background: #fff;
  text-align: center;
}

#wymk-cart-audit .wymk-cart-audit-item strong {
  display: block;
  margin-bottom: 3px;
  font-size: 15px;
}

#wymk-cart-audit .wymk-cart-audit-item span {
  color: #676d75;
  font-size: 12px;
  line-height: 1.45;
}

#wymk-cart-audit .wymk-cart-warning {
  margin: 11px 0 0;
  padding: 10px 12px;
  border-left: 4px solid #c28b18;
  border-radius: 7px;
  background: #fff9e9;
  color: #665019;
  line-height: 1.6;
}

#wymk-cart-audit .wymk-cart-warning.is-danger {
  border-left-color: #c9404a;
  background: #fff3f4;
  color: #7d222a;
}

/* 4. 结账反诈提醒 */
#wymk-checkout-fraud-warning {
  max-width: 980px;
  margin: 0 0 18px;
  padding: 15px;
  border: 1px solid #e2a9ae;
  border-radius: 11px;
  background: #fff4f5;
  color: #6f252c;
  line-height: 1.7;
  box-sizing: border-box;
}

#wymk-checkout-fraud-warning strong {
  display: block;
  margin-bottom: 6px;
  color: #84232c;
}

/* 5. 电话格式提示 */
.wymk-phone-format-hint {
  margin-top: 6px;
  color: #686e76;
  font-size: 12px;
  line-height: 1.5;
}

/* 6. 密码确认 */
.wymk-password-match {
  display: none;
  margin-top: 7px;
  font-size: 12px;
  line-height: 1.5;
}

.wymk-password-match.is-visible {
  display: block;
}

.wymk-password-match.is-match {
  color: #18763a;
}

.wymk-password-match.is-mismatch {
  color: #a52d37;
}

/* 7. 订单客服模板 */
#wymk-order-support-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 17px;
}

#wymk-order-support-tools button {
  display: inline-flex;
  min-height: 37px;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border: 1px solid #d7dce1;
  border-radius: 8px;
  background: #fff;
  color: #34393f;
  font-size: 12px;
  font-weight: 650;
  cursor: pointer;
}

/* 8. 诊断面板 */
#wymk-debug-panel {
  position: fixed;
  top: 14px;
  right: 14px;
  z-index: 20000;
  width: min(430px, calc(100vw - 28px));
  max-height: calc(100vh - 28px);
  overflow: auto;
  padding: 14px;
  border: 1px solid #cfd5db;
  border-radius: 12px;
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .20);
  color: #30343a;
  box-sizing: border-box;
}

#wymk-debug-panel h2 {
  margin: 0 0 10px;
  font-size: 18px;
}

#wymk-debug-panel table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}

#wymk-debug-panel th,
#wymk-debug-panel td {
  padding: 6px 5px;
  border-top: 1px solid #eceff2;
  text-align: left;
  vertical-align: top;
  word-break: break-word;
}

#wymk-debug-panel th {
  width: 38%;
  color: #596069;
}

#wymk-debug-panel .wymk-debug-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 12px;
}

#wymk-debug-panel button {
  min-height: 35px;
  padding: 6px 10px;
  border: 1px solid #d5dae0;
  border-radius: 8px;
  background: #fff;
  color: #33383e;
  font-size: 12px;
  font-weight: 650;
  cursor: pointer;
}

#wymk-debug-panel button:first-child {
  border-color: #d9232e;
  background: #d9232e;
  color: #fff;
}

/* 9. 高对比度 */
@media (prefers-contrast: more) {
  .wymk-cart-warning,
  #wymk-checkout-fraud-warning,
  .wymk-email-suggestion,
  #wymk-debug-panel {
    border-width: 2px !important;
  }

  .wymk-recent-remove,
  .wymk-search-history-remove,
  #wymk-debug-panel button {
    border-color: currentColor !important;
  }
}

@media (forced-colors: active) {
  .wymk-recent-remove,
  #wymk-debug-panel,
  #wymk-cart-audit,
  #wymk-checkout-fraud-warning {
    forced-color-adjust: auto;
  }
}

/* 10. 手机端 */
@media (max-width: 767px) {
  #wymk-cart-audit .wymk-cart-audit-grid {
    grid-template-columns: 1fr;
  }

  #wymk-order-support-tools button {
    flex: 1 1 100%;
  }

  #wymk-debug-panel {
    top: calc(8px + env(safe-area-inset-top));
    right: 8px;
    width: calc(100vw - 16px);
    max-height: calc(100vh - 16px - env(safe-area-inset-top));
  }
}

/* =========================================================
   我要买卡｜Stage 24 搜索恢复、移动端细节与前台自恢复
   不修改商品价格、选项、购物车请求、订单提交或支付。
   ========================================================= */

/* 1. 离线状态 */
#wymk-network-status {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 21000;
  display: none;
  width: min(720px, calc(100% - 24px));
  transform: translateX(-50%);
  padding: 10px 13px;
  border-radius: 0 0 10px 10px;
  background: #7c2730;
  color: #fff;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.5;
  text-align: center;
  box-shadow: 0 7px 22px rgba(0, 0, 0, .16);
  box-sizing: border-box;
}

#wymk-network-status.is-visible {
  display: block;
}

#wymk-network-status.is-online {
  background: #18763a;
}

/* 2. 跳到主要内容 */
#wymk-skip-to-main {
  position: fixed;
  top: 8px;
  left: 8px;
  z-index: 22000;
  transform: translateY(-150%);
  padding: 9px 13px;
  border-radius: 8px;
  background: #111;
  color: #fff !important;
  font-weight: 700;
  text-decoration: none !important;
}

#wymk-skip-to-main:focus {
  transform: translateY(0);
}

/* 3. 目录快捷品牌 */
#wymk-catalog-brand-nav {
  display: flex;
  max-width: 100%;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 17px;
  padding: 12px;
  border: 1px solid #e1e5e9;
  border-radius: 11px;
  background: #fafbfc;
  box-sizing: border-box;
}

#wymk-catalog-brand-nav strong {
  display: flex;
  width: 100%;
  margin-bottom: 1px;
  font-size: 13px;
}

#wymk-catalog-brand-nav a {
  display: inline-flex;
  min-height: 33px;
  align-items: center;
  padding: 5px 10px;
  border: 1px solid #dfe3e7;
  border-radius: 999px;
  background: #fff;
  color: #3c4147 !important;
  font-size: 12px;
  font-weight: 650;
  text-decoration: none !important;
}

/* 4. 搜索无结果恢复 */
#wymk-search-recovery {
  max-width: 860px;
  margin: 18px 0 22px;
  padding: 16px;
  border: 1px solid #e0e4e8;
  border-radius: 12px;
  background: #fafbfc;
  box-sizing: border-box;
}

#wymk-search-recovery h2 {
  margin: 0 0 8px;
  font-size: 20px;
}

#wymk-search-recovery p {
  margin: 5px 0 12px;
  color: #626870;
  line-height: 1.65;
}

#wymk-search-recovery .wymk-search-recovery-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#wymk-search-recovery a {
  display: inline-flex;
  min-height: 35px;
  align-items: center;
  padding: 5px 11px;
  border: 1px solid #dce1e6;
  border-radius: 999px;
  background: #fff;
  color: #343a40 !important;
  font-size: 12px;
  font-weight: 650;
  text-decoration: none !important;
}

#wymk-search-recovery a:first-child {
  border-color: #d9232e;
  background: #d9232e;
  color: #fff !important;
}

/* 5. 商品分享 */
#product-product .wymk-product-share {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  padding: 7px 13px;
  border: 1px solid #d8dde4;
  border-radius: 8px;
  background: #fff;
  color: #30343a;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

/* 6. 商品帮助入口 */
#product-product #wymk-product-support-links {
  display: flex;
  width: 100%;
  max-width: 100%;
  flex-wrap: wrap;
  gap: 8px;
  clear: both;
  margin: 13px 0 20px;
}

#product-product #wymk-product-support-links a {
  display: inline-flex;
  min-height: 37px;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border: 1px solid #d8dde3;
  border-radius: 8px;
  background: #fff;
  color: #3b4046 !important;
  font-size: 12px;
  font-weight: 650;
  text-decoration: none !important;
}

/* 7. 通用恢复面板 */
#wymk-page-recovery {
  max-width: 820px;
  margin: 20px auto;
  padding: 18px;
  border: 1px solid #e0e4e8;
  border-radius: 12px;
  background: #fafbfc;
  text-align: center;
  box-sizing: border-box;
}

#wymk-page-recovery h2 {
  margin: 0 0 8px;
}

#wymk-page-recovery p {
  color: #626870;
  line-height: 1.65;
}

#wymk-page-recovery .wymk-page-recovery-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 13px;
}

#wymk-page-recovery a,
#wymk-page-recovery button {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  padding: 7px 13px;
  border: 1px solid #d7dce2;
  border-radius: 8px;
  background: #fff;
  color: #34393f !important;
  font-size: 13px;
  font-weight: 650;
  text-decoration: none !important;
  cursor: pointer;
}

#wymk-page-recovery a:first-child {
  border-color: #d9232e;
  background: #d9232e;
  color: #fff !important;
}

/* 8. 账户空状态快捷入口 */
.wymk-account-empty-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 13px;
}

.wymk-account-empty-actions a {
  display: inline-flex;
  min-height: 37px;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border: 1px solid #d8dde2;
  border-radius: 8px;
  background: #fff;
  color: #34393f !important;
  font-size: 12px;
  font-weight: 650;
  text-decoration: none !important;
}

/* 9. 纠正后的表单状态 */
.wymk-field-corrected {
  transition: box-shadow .15s ease, border-color .15s ease;
}

.wymk-field-corrected:focus {
  border-color: #5aaf76 !important;
  box-shadow: 0 0 0 3px rgba(33, 131, 74, .14) !important;
}

/* 10. 可点击控件最小尺寸 */
button,
.btn,
input[type="button"],
input[type="submit"],
input[type="reset"],
select {
  min-height: 38px;
}

/* 11. 长标题和链接换行 */
.product-thumb .name,
.product-thumb .product-name,
.product-thumb h3,
.product-thumb h4,
#product-product h1,
.wymk-reading-page a {
  overflow-wrap: anywhere;
  word-break: normal;
}

/* 12. 平滑锚点 */
html {
  scroll-behavior: smooth;
}

/* 13. 主要内容聚焦 */
#wymk-main-content:focus {
  outline: none;
}

/* 14. 手机端 */
@media (max-width: 767px) {
  body {
    overscroll-behavior-y: contain;
  }

  #wymk-catalog-brand-nav {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  #wymk-catalog-brand-nav strong {
    display: none;
  }

  #wymk-catalog-brand-nav a {
    flex: 0 0 auto;
  }

  #product-product #wymk-product-support-links {
    flex-direction: column;
  }

  #product-product #wymk-product-support-links a,
  #product-product .wymk-product-share {
    width: 100%;
    box-sizing: border-box;
  }

  #wymk-search-recovery .wymk-search-recovery-links,
  #wymk-page-recovery .wymk-page-recovery-actions {
    flex-direction: column;
  }

  #wymk-search-recovery a,
  #wymk-page-recovery a,
  #wymk-page-recovery button {
    width: 100%;
    box-sizing: border-box;
  }

  input,
  select,
  textarea {
    font-size: 16px;
  }
}

/* 15. 减少动画 */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  #wymk-network-status,
  .wymk-field-corrected {
    transition: none !important;
  }
}

/* 16. 打印清理 */
@media print {
  #wymk-network-status,
  #wymk-skip-to-main,
  #wymk-catalog-brand-nav,
  #wymk-product-support-links,
  .wymk-product-share,
  #wymk-search-recovery,
  #wymk-page-recovery {
    display: none !important;
  }
}