/*
 * mgv3.totry.link style override (shared)
 * Keep it as an override layer on top of /assets/hyper/css/main.css
 */

:root {
  --mgv3-bg: #f7f6f2;
  --mgv3-fg: #111;
  --mgv3-muted: rgba(17, 17, 17, 0.65);
  --mgv3-border: #111;
  --mgv3-surface: #fff;
  --mgv3-shadow: 4px 4px 0 var(--mgv3-border);
  --mgv3-shadow-hover: 6px 6px 0 var(--mgv3-border);
  --mgv3-radius: 10px;
  --mgv3-banner-pink: #ff90e8;
  --mgv3-banner-yellow: #f1f333;
}

html,
body {
  background: var(--mgv3-bg) !important;
  color: var(--mgv3-fg);
}

/* ========================================
   全站容器统一（与主页一致）
   ======================================== */
.wrapper .content-page .content .container,
body[data-layout="topnav"] .wrapper .content-page .content > .container,
.wrapper .content-page .content > .row,
.wrapper .content-page .content > .buy-grid {
  max-width: 1400px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

/* 订单查询等页面的卡片撑满容器 */
.wrapper .content-page .content .row > .col-12,
.wrapper .content-page .content .row > .col-md-12 {
  max-width: 100%;
  flex: 0 0 100%;
}

/* 订单查询页：像商品容器一样居中并留白（避免 row 负 margin 贴边） */
.wrapper .content-page .content .order-search-page {
  margin-top: 18px;
  margin-left: 0;
  margin-right: 0;
  justify-content: center;
}

.wrapper .content-page .content .order-search-page > .col-12,
.wrapper .content-page .content .order-search-page > .col-md-12 {
  padding-left: 0;
  padding-right: 0;
  max-width: 1400px;
}

/* 内容区最小高度，让短页面不会塌掉 */
.wrapper .content-page .content {
  min-height: calc(100vh - 180px);
  padding-top: 18px;
  padding-bottom: 32px;
}

/* Home notice banner (screenshot 2) */
.notice {
  margin-top: 18px;
}

.notice .jumbotron {
  padding: 0 !important;
  overflow: hidden;
}

.notice .jumbotron .notice-info,
.notice .jumbotron .notify-con {
  padding: 14px 18px;
}

.notice .jumbotron .lead {
  margin: 0;
  color: var(--mgv3-fg);
  line-height: 1.6;
}

.notice .jumbotron .notice-info {
  background: var(--mgv3-banner-pink);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 85px;
}

.notice .jumbotron .notify-con {
  background: var(--mgv3-banner-yellow);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 85px;
}

.notice .jumbotron .note-img {
  margin: 0;
}

.notice .jumbotron .note-img svg,
.notice .jumbotron .note-img img {
  max-width: 300px;
  width: 100%;
  height: auto;
}

/* Make banner a 2-col split on desktop */
.notice .jumbotron .notice-info,
.notice .jumbotron .notify-con {
  width: 100%;
}

.notice .jumbotron .notice-info {
  border-right: 1px solid var(--mgv3-border);
}

@media (min-width: 992px) {
  .notice .jumbotron {
    display: grid;
    grid-template-columns: 1.25fr 0.75fr;
  }
}

/* Top header / nav */
.top-header {
  background: var(--mgv3-bg) !important;
  border-bottom: 1px solid var(--mgv3-border);
  padding: 0;
}

.top-header .container.header-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  max-width: 1400px;
  margin: 0 auto;
}

.top-header .header-left {
  flex: 1;
}

.top-header .header-right {
  width: 100%;
}

.top-header .navbar {
  padding: 0;
  width: 100%;
}

.top-header .navbar .container-fluid {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 20px;
}

.topnav-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  flex-shrink: 0;
}

.topnav-logo .img-logo {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.topnav-logo .nav-title {
  color: var(--mgv3-fg);
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.2px;
  white-space: nowrap;
}

.top-header .navbar-collapse {
  flex-grow: 1;
  justify-content: flex-start;
}

.centered-nav {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.btn.btn-top-nav {
  background: transparent !important;
  border: 0 !important;
  color: var(--mgv3-fg) !important;
  padding: 8px 12px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  white-space: nowrap;
}

.btn.btn-top-nav:hover {
  text-decoration: none;
  background: rgba(17, 17, 17, 0.06) !important;
}

/* Search box */
.search-box-placeholder {
  margin-left: auto;
}

.search-box {
  display: flex;
  align-items: center;
}

.search-box .search-form {
  width: 180px;
  padding: 8px 14px;
  font-size: 13px;
}

/* User dropdown button (black circle/square) */
.title-right {
  position: relative;
  flex-shrink: 0;
  margin-left: 12px;
}

.title-right .btn.btn-outline-primary.dropdown-toggle {
  background: var(--mgv3-fg) !important;
  border: 1px solid var(--mgv3-fg) !important;
  color: #fff !important;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.title-right .btn.btn-outline-primary.dropdown-toggle::after {
  display: none;
}

.title-right .dropdown-menu {
  border: 1px solid var(--mgv3-border);
  border-radius: 10px;
  box-shadow: var(--mgv3-shadow);
  min-width: 160px;
  right: 0;
  left: auto;
}

.title-right .dropdown-item {
  color: var(--mgv3-fg);
  padding: 10px 16px;
  font-size: 14px;
}

.title-right .dropdown-item:hover {
  background: rgba(17, 17, 17, 0.06);
}

/* Mobile nav toggle */
.navbar-toggler {
  border: 1px solid var(--mgv3-border) !important;
  padding: 6px 10px;
}

@media (max-width: 991px) {
  .top-header .navbar .container-fluid {
    flex-wrap: wrap;
  }
  
  .top-header .navbar-collapse {
    width: 100%;
    margin-top: 12px;
  }
  
  .centered-nav {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  
  .btn.btn-top-nav {
    width: 100%;
    justify-content: flex-start;
    padding: 10px 12px;
  }
  
  .search-box-placeholder {
    width: 100%;
    margin: 10px 0 0;
  }
  
  .search-box .search-form {
    width: 100%;
  }
}

/* Cards / panels */
.card,
.jumbotron,
.alert,
.modal-content {
  border: 1px solid var(--mgv3-border) !important;
  border-radius: var(--mgv3-radius) !important;
  background: var(--mgv3-surface) !important;
}

.card {
  box-shadow: var(--mgv3-shadow);
}

.card:hover {
  box-shadow: var(--mgv3-shadow-hover);
}

/* Buttons */
.btn,
.btn-order-search {
  border-radius: 10px !important;
}

.btn.btn-primary,
.btn.btn-danger,
.btn-order-search {
  background: var(--mgv3-fg) !important;
  border: 1px solid var(--mgv3-fg) !important;
  color: #fff !important;
}

.btn.btn-primary:hover,
.btn.btn-danger:hover,
.btn-order-search:hover {
  filter: brightness(0.95);
}

.btn.btn-outline-secondary {
  border: 1px solid var(--mgv3-border) !important;
  color: var(--mgv3-fg) !important;
}

/* Inputs */
.form-control,
.search-form {
  border: 1px solid var(--mgv3-border) !important;
  border-radius: 10px !important;
  background: #fff !important;
}

.form-control:focus,
.search-form:focus {
  box-shadow: none !important;
  outline: none !important;
}

/* Home tabs */
.nav.nav-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 18px 0;
  justify-content: center;
}

.nav.nav-list .tab-link {
  display: inline-flex;
  align-items: center;
  padding: 10px 16px;
  border: 1px solid var(--mgv3-border);
  border-radius: 10px;
  background: #fff;
  color: var(--mgv3-fg);
  text-decoration: none;
}

.nav.nav-list .tab-link.active {
  background: var(--mgv3-fg);
  color: #fff;
}

/* Home card grid (hyper) */
.hyper-wrapper {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px;
}

@media (max-width: 1200px) {
  .hyper-wrapper {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 992px) {
  .hyper-wrapper {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .hyper-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 576px) {
  .hyper-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
}

.home-card {
  border: 1px solid var(--mgv3-border) !important;
  border-radius: var(--mgv3-radius);
  background: var(--mgv3-surface);
  box-shadow: none;
  color: var(--mgv3-fg);
  text-decoration: none;
  overflow: hidden;
  transition: transform 0.12s ease, box-shadow 0.12s ease;
  display: flex;
  flex-direction: column;
  padding: 0;
  position: relative;
}

.home-card:hover {
  transform: translate(-2px, -2px);
  box-shadow: var(--mgv3-shadow);
  text-decoration: none;
}

/* product image - full width like mgv3 */
.home-card .home-img {
  width: calc(100% - 32px);
  aspect-ratio: 1;
  height: auto;
  object-fit: cover;
  display: block;
  margin: 36px auto 12px;
  border: 2px solid #111;
  border-radius: 20px;
  background: #f5f5f5;
}

.home-card .flex {
  padding: 0 16px 42px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  position: relative;
}

/* product name - single line, marquee on hover */
.home-card .name {
  font-weight: 600;
  font-size: 13px;
  margin: 0;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  height: 20px;
}

.home-card .name span {
  display: inline-block;
  white-space: nowrap;
}

.home-card:hover .name {
  text-overflow: clip;
}

.home-card:hover .name span {
  animation: marquee-scroll 4s linear infinite;
  animation-delay: 0.5s;
}

@keyframes marquee-scroll {
  0%, 15% {
    transform: translateX(0);
  }
  85%, 100% {
    transform: translateX(calc(-100% + 120px));
  }
}

/* bottom row: price left + buy button right */
.home-card .price {
  font-weight: 700;
  color: #c00;
  font-size: 18px;
  margin: 0;
  text-align: left;
}

.home-card .price b:first-child {
  font-size: 16px;
}

/* stock progress bar */
.home-card .home-badge {
  display: block;
  width: 100%;
  margin-top: 2px;
  /* leave room for the bottom-right buy button so the bar isn't covered */
  padding-right: 128px;
}

.home-card .home-stock {
  display: none;
}

/* stock progress bar visual */
.home-card .stock-bar {
  width: 100%;
  height: 4px;
  background: #eee;
  border-radius: 2px;
  overflow: hidden;
}

.home-card .stock-bar-fill {
  height: 100%;
  background: linear-gradient(90deg, #4caf50, #8bc34a);
  border-radius: 2px;
  transition: width 0.3s ease;
}

.home-card .btn.buy {
  position: absolute;
  /* keep card border visible and avoid looking "missing" */
  right: 1px;
  bottom: 1px;
  width: auto;
  margin: 0;
  background: #fff !important;
  color: var(--mgv3-fg) !important;
  border: 1.5px solid var(--mgv3-border) !important;
  border-radius: 8px !important;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: all 0.2s ease;
}

.home-card .btn.buy:hover {
  background: #5bbfba !important;
  border-color: #5bbfba !important;
  color: #fff !important;
  /* pattern like screenshot 3 */
  background-image: repeating-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.25) 0,
    rgba(255, 255, 255, 0.25) 6px,
    rgba(255, 255, 255, 0) 6px,
    rgba(255, 255, 255, 0) 12px
  );
}

.home-card .btn.buy.out-of-stock {
  opacity: 0.5;
}

.home-card .btn.buy.out-of-stock:hover {
  background: #fff !important;
  border-color: var(--mgv3-border) !important;
  color: var(--mgv3-fg) !important;
}

/* badge (自动发货) at top-left */
.home-card .badge {
  position: absolute;
  /* keep card border visible like bottom-right button */
  top: 2px;
  left: 2px;
  background: #fff !important;
  color: var(--mgv3-fg) !important;
  border: 1px solid var(--mgv3-border) !important;
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 11px;
  z-index: 2;
  line-height: 1.2;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.home-card .badge i {
  font-size: 12px;
}

/* List tables (kphyper) */
.table {
  color: var(--mgv3-fg);
}

.table thead th {
  border-bottom: 1px solid var(--mgv3-border) !important;
}

.table td,
.table th {
  border-top: 1px solid rgba(17, 17, 17, 0.15) !important;
}

/* Buy page layout */
.buy-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  margin-top: 18px;
}

.buy-shop .card.info-body {
  padding: 20px;
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 18px;
  border-radius: 16px;
  position: relative;
  border: 2px solid var(--mgv3-border);
  box-shadow: var(--mgv3-shadow);
  align-items: stretch;
}

/* 右侧内容区居中（更接近图二布局） */
.buy-shop .card.info-body > form {
  width: 100%;
}

.buy-product {
  border: 2px solid var(--mgv3-border);
  box-shadow: var(--mgv3-shadow);
}

@media (max-width: 992px) {
  .buy-shop .card.info-body {
    grid-template-columns: 1fr;
    padding: 20px;
  }
}

@media (min-width: 992px) {
  .buy-shop .card.info-body {
    grid-template-columns: 380px 1fr;
  }

  .buy-shop .card.info-body > form {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
  }

  .buy-shop .card.info-body .card-img-top {
    max-height: 340px;
  }
}

/* 桌面端购买页继承全局容器 padding */

/* Product image section */
.buy-shop .card.info-body .col-md-14 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.buy-shop .card.info-body .card-img-top {
  width: 100%;
  aspect-ratio: 1;
  max-height: 240px;
  object-fit: contain;
  border: 2px solid var(--mgv3-border);
  border-radius: 16px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding: 14px;
  margin: 0 auto;
}

.buy-shop .card.info-body .badge {
  position: absolute;
  top: -8px;
  left: -8px;
  padding: 8px 14px;
  font-size: 12px;
  border-radius: 20px;
  border: 1px solid var(--mgv3-border);
  z-index: 10;
}

.buy-product {
  border-radius: 16px;
}

.buy-product .card-header {
  background: transparent;
  border-bottom: 1px solid rgba(17, 17, 17, 0.15);
  padding: 16px 24px;
  font-weight: 700;
  font-size: 16px;
}

.buy-product .card-description {
  padding: 20px 24px;
}

/* Product title */
.product-title {
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 12px;
  line-height: 1.4;
}

/* Badge tags */
.home-badge {
  display: inline-block;
  padding: 4px 10px;
  font-size: 12px;
  color: var(--mgv3-muted);
  background: transparent;
  margin-right: 8px;
}

.buy-title {
  font-weight: 600;
  margin-bottom: 8px;
  font-size: 14px;
  color: var(--mgv3-fg);
}

/* Price display */
.buy-price {
  color: #e53935;
  font-weight: 800;
  font-size: 28px;
}

.buy-price + small {
  color: var(--mgv3-muted);
  font-size: 14px;
  margin-left: 8px;
}

/* Form styling */
.buy-shop .form-control {
  border: 1px solid var(--mgv3-border);
  border-radius: 10px;
  padding: 12px 16px;
  font-size: 14px;
}

.buy-shop .form-control:focus {
  border-color: var(--mgv3-fg);
  box-shadow: none;
}

/* Quantity input */
.buy-shop .input-group {
  max-width: none;
}

.buy-shop .bootstrap-touchspin {
  display: flex;
  align-items: center;
  border: 2px solid var(--mgv3-border);
  border-radius: 8px;
  overflow: hidden;
  height: 48px;
  background: #fff;
  width: 100%;
  max-width: 260px;
}

.buy-shop .bootstrap-touchspin .btn,
.buy-shop .bootstrap-touchspin .btn.btn-primary,
.buy-shop .bootstrap-touchspin .btn.btn-secondary,
.buy-shop .bootstrap-touchspin .btn.btn-success,
.buy-shop .bootstrap-touchspin .btn.btn-info,
.buy-shop .bootstrap-touchspin .btn.btn-warning,
.buy-shop .bootstrap-touchspin .btn.btn-danger,
.buy-shop .bootstrap-touchspin .btn.btn-dark,
.buy-shop .bootstrap-touchspin .btn.btn-light {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0;
  width: 56px;
  height: 48px;
  font-size: 20px;
  font-weight: 700;
  color: var(--mgv3-fg) !important;
  line-height: 48px;
  border-radius: 0 !important;
}

.buy-shop .bootstrap-touchspin .btn:hover {
  background: rgba(17, 17, 17, 0.06) !important;
}

.buy-shop .bootstrap-touchspin input {
  border: 0 !important;
  box-shadow: none !important;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  width: auto;
  min-width: 100px;
  height: 48px;
  padding: 0;
  flex: 1;
}

/* Pay types with icons */
.pay-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
}

.pay-type {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 2px solid var(--mgv3-border);
  border-radius: 999px;
  padding: 9px 12px;
  background: #fff;
  cursor: pointer;
  line-height: 1;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.15s ease;
  user-select: none;
}

.pay-type:hover {
  border-color: var(--mgv3-fg);
  box-shadow: 2px 2px 0 var(--mgv3-border);
}

.pay-type .pay-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(17, 17, 17, 0.06);
  border-radius: 6px;
  /* 默认图标 - 灰色信用卡 */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23A0AEC0' d='M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z'/%3E%3C/svg%3E");
}

/* Payment icons - 官方图标 */

/* 支付宝官方图标 - 蓝色方形带"支"字 */
.pay-type[data-type*="alipay"] .pay-icon,
.pay-type[data-type*="支付宝"] .pay-icon,
.pay-type[data-name*="支付宝"] .pay-icon,
.pay-type[data-name*="当面付"] .pay-icon { 
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect width='48' height='48' rx='8' fill='%231677FF'/%3E%3Ctext x='24' y='32' text-anchor='middle' fill='%23fff' font-size='24' font-weight='bold' font-family='sans-serif'%3E支%3C/text%3E%3C/svg%3E") !important;
}

/* 微信官方图标 - 绿色气泡 */
.pay-type[data-type*="wechat"] .pay-icon,
.pay-type[data-type*="微信"] .pay-icon,
.pay-type[data-name*="微信"] .pay-icon { 
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect width='48' height='48' rx='8' fill='%2307C160'/%3E%3Cpath fill='%23fff' d='M16 17c-4 0-7 2.5-7 5.5 0 1.8 1 3.3 2.5 4.3l-.6 2.2 2.6-1.3c.8.2 1.6.3 2.5.3.2 0 .5 0 .7-.1-.1-.4-.2-.9-.2-1.4 0-4.3 4-7.8 9-7.8.3 0 .6 0 .9.1-.5-4-4.5-7.1-9.4-7.1l-1 6.3z'/%3E%3Ccircle fill='%2307C160' cx='13' cy='21' r='1.2'/%3E%3Ccircle fill='%2307C160' cx='19' cy='21' r='1.2'/%3E%3Cpath fill='%23fff' d='M39 26.5c0-4-4-7.5-9-7.5s-9 3.5-9 7.5 4 7.5 9 7.5c1 0 2-.1 2.8-.3l2.2 1.1-.5-1.9c2-1.2 3.5-3.1 3.5-5.4z'/%3E%3Ccircle fill='%2307C160' cx='26' cy='26' r='1.2'/%3E%3Ccircle fill='%2307C160' cx='34' cy='26' r='1.2'/%3E%3C/svg%3E") !important;
}

/* QQ官方图标 - 彩色企鹅 */
.pay-type[data-type*="qq"] .pay-icon,
.pay-type[data-type*="QQ"] .pay-icon,
.pay-type[data-name*="QQ"] .pay-icon { 
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23FFC107' d='M17.5,44c-3.6,0-6.5-1.6-6.5-3.5s2.9-3.5,6.5-3.5s6.5,1.6,6.5,3.5S21.1,44,17.5,44z M37,40.5c0-1.9-2.9-3.5-6.5-3.5S24,38.6,24,40.5s2.9,3.5,6.5,3.5S37,42.4,37,40.5z'/%3E%3Cpath fill='%2337474F' d='M37.2,22.2c-0.1-0.3-0.2-0.6-0.3-1c0.1-0.5,0.1-1,0.1-1.5c0-1.4-0.1-2.6-0.1-3.6C36.9,9.4,31.1,4,24,4S11,9.4,11,16.1c0,0.9,0,2.2,0,3.6c0,0.5,0,1,0.1,1.5c-0.1,0.3-0.2,0.6-0.3,1c-1.9,2.7-3.8,6-3.8,8.5C7,35.5,8.4,35,8.4,35c0.6,0,1.6-1,2.5-2.1C13,38.8,18,43,24,43s11-4.2,13.1-10.1C38,34,39,35,39.6,35c0,0,1.4,0.5,1.4-4.3C41,28.2,39.1,24.8,37.2,22.2z'/%3E%3Cpath fill='%23ECEFF1' d='M14.7,23c-0.5,1.5-0.7,3.1-0.7,4.8C14,35.1,18.5,41,24,41s10-5.9,10-13.2c0-1.7-0.3-3.3-0.7-4.8H14.7z'/%3E%3Cpath fill='%23FFF' d='M23,13.5c0,1.9-1.1,3.5-2.5,3.5S18,15.4,18,13.5s1.1-3.5,2.5-3.5S23,11.6,23,13.5z M27.5,10c-1.4,0-2.5,1.6-2.5,3.5s1.1,3.5,2.5,3.5s2.5-1.6,2.5-3.5S28.9,10,27.5,10z'/%3E%3Cpath fill='%2337474F' d='M22,13.5c0,0.8-0.4,1.5-1,1.5s-1-0.7-1-1.5s0.4-1.5,1-1.5S22,12.7,22,13.5z M27,12c-0.6,0-1,0.7-1,1.5s0.4-0.5,1-0.5s1,1.3,1,0.5S27.6,12,27,12z'/%3E%3Cpath fill='%23FFC107' d='M32,19.5c0,0.8-3.6,2.5-8,2.5s-8-1.7-8-2.5s3.6-1.5,8-1.5S32,18.7,32,19.5z'/%3E%3Cpath fill='%23FF3D00' d='M38.7,21.2c-0.4-1.5-1-2.2-2.1-1.3c0,0-5.9,3.1-12.5,3.1v0.1l0-0.1c-6.6,0-12.5-3.1-12.5-3.1c-1.1-0.8-1.7-0.2-2.1,1.3c-0.4,1.5-0.7,2,0.7,2.8c0.1,0.1,1.4,0.8,3.4,1.7c-0.6,3.5-0.5,6.8-0.5,7c0.1,1.5,1.3,1.3,2.9,1.3c1.6-0.1,2.9,0,2.9-1.6c0-0.9,0-2.9,0.3-5c1.6,0.3,3.2,0.6,5,0.6l0,0v0c7.3,0,13.7-3.9,13.9-4C39.3,23.3,39,22.8,38.7,21.2z'/%3E%3Cpath fill='%23DD2C00' d='M13.2,27.7c1.6,0.6,3.5,1.3,5.6,1.7c0-0.6,0.1-1.3,0.2-2c-2.1-0.5-4-1.1-5.5-1.7C13.4,26.4,13.3,27.1,13.2,27.7z'/%3E%3C/svg%3E") !important;
}

/* 码支付系列 */
.pay-type[data-type*="码支付"] .pay-icon,
.pay-type[data-name*="码支付"] .pay-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%236C5CE7' d='M3 11h2v2H3v-2m8-6h2v4h-2V5m-2 6h4v4h-2v-2H9v-2m6 0h2v2h2v-2h2v2h-2v2h2v4h-2v2h-2v-2h-4v2h-2v-4h4v-2h2v-2h-2v-2m4 8v-4h-2v4h2M15 3h6v6h-6V3m2 2v2h2V5h-2M3 3h6v6H3V3m2 2v2h2V5H5M3 15h6v6H3v-6m2 2v2h2v-2H5z'/%3E%3C/svg%3E") !important; }

/* PayPal */
.pay-type[data-type*="paypal"] .pay-icon,
.pay-type[data-type*="PayPal"] .pay-icon,
.pay-type[data-name*="PayPal"] .pay-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23003087' d='M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944 3.72a.77.77 0 0 1 .757-.654h6.234c2.076 0 3.534.55 4.332 1.636.753 1.024.899 2.363.435 4.087-.018.066-.036.132-.056.197l-.001.004c-.802 3.02-2.72 4.56-5.699 4.58H8.565a.78.78 0 0 0-.768.658l-.923 5.862a.64.64 0 0 1-.63.736l-.168.01z'/%3E%3Cpath fill='%230070E0' d='M19.003 8.14c-.026.095-.054.19-.084.286-.963 3.075-2.944 4.542-6.066 4.542h-1.532a.78.78 0 0 0-.77.658l-1.077 6.82a.537.537 0 0 0 .53.62h3.724a.68.68 0 0 0 .67-.58l.028-.143.531-3.366.034-.186a.68.68 0 0 1 .67-.58h.42c2.732 0 4.87-1.11 5.496-4.323.262-1.34.126-2.46-.566-3.248a2.7 2.7 0 0 0-.779-.592l-.229.092z'/%3E%3C/svg%3E") !important; }

/* V免签系列 */
.pay-type[data-type*="v免签"] .pay-icon,
.pay-type[data-type*="vmq"] .pay-icon,
.pay-type[data-name*="V免签"] .pay-icon,
.pay-type[data-name*="免签"] .pay-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FF6B6B' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E") !important; }

/* Paysapi系列 */
.pay-type[data-type*="paysapi"] .pay-icon,
.pay-type[data-type*="Paysapi"] .pay-icon,
.pay-type[data-name*="Paysapi"] .pay-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300B894' d='M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z'/%3E%3C/svg%3E") !important; }

/* Payjs系列 */
.pay-type[data-type*="payjs"] .pay-icon,
.pay-type[data-type*="Payjs"] .pay-icon,
.pay-type[data-name*="Payjs"] .pay-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23F0932B' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1.41 16.09V20h-2.67v-1.93c-1.71-.36-3.16-1.46-3.27-3.4h1.96c.1 1.05.82 1.87 2.65 1.87 1.96 0 2.4-.98 2.4-1.59 0-.83-.44-1.61-2.67-2.14-2.48-.6-4.18-1.62-4.18-3.67 0-1.72 1.39-2.84 3.11-3.21V4h2.67v1.95c1.86.45 2.79 1.86 2.85 3.39H14.3c-.05-1.11-.64-1.87-2.22-1.87-1.5 0-2.4.68-2.4 1.64 0 .84.65 1.39 2.67 1.91s4.18 1.39 4.18 3.91c-.01 1.83-1.38 2.83-3.12 3.16z'/%3E%3C/svg%3E") !important; }

/* 易支付系列 */
.pay-type[data-type*="易支付"] .pay-icon,
.pay-type[data-type*="epay"] .pay-icon,
.pay-type[data-name*="易支付"] .pay-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300CEC9' d='M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z'/%3E%3C/svg%3E") !important; }

/* Stripe */
.pay-type[data-type*="stripe"] .pay-icon,
.pay-type[data-type*="Stripe"] .pay-icon,
.pay-type[data-name*="Stripe"] .pay-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%236772E5' d='M13.976 9.15c-2.172-.806-3.356-1.426-3.356-2.409 0-.831.683-1.305 1.901-1.305 2.227 0 4.515.858 6.09 1.631l.89-5.494C18.252.975 15.697 0 12.165 0 9.667 0 7.589.654 6.104 1.872 4.56 3.147 3.757 4.992 3.757 7.218c0 4.039 2.467 5.76 6.476 7.219 2.585.92 3.445 1.574 3.445 2.583 0 .98-.84 1.545-2.354 1.545-1.875 0-4.965-.921-6.99-2.109l-.9 5.555C5.175 22.99 8.385 24 11.714 24c2.641 0 4.843-.624 6.328-1.813 1.664-1.305 2.525-3.236 2.525-5.732 0-4.128-2.524-5.851-6.591-7.305z'/%3E%3C/svg%3E") !important; }

/* Coinbase */
.pay-type[data-type*="coinbase"] .pay-icon,
.pay-type[data-type*="Coinbase"] .pay-icon,
.pay-type[data-name*="Coinbase"] .pay-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none'%3E%3Ccircle cx='16' cy='16' r='16' fill='%230052FF'/%3E%3Cpath fill='%23FFF' d='M16 6C10.478 6 6 10.478 6 16s4.478 10 10 10 10-4.478 10-10S21.522 6 16 6zm0 15c-2.761 0-5-2.239-5-5s2.239-5 5-5 5 2.239 5 5-2.239 5-5 5z'/%3E%3C/g%3E%3C/svg%3E"); }

/* 币安支付 */
.pay-type[data-type*="币安"] .pay-icon,
.pay-type[data-type*="binance"] .pay-icon,
.pay-type[data-name*="币安"] .pay-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none'%3E%3Ccircle cx='16' cy='16' r='16' fill='%23F3BA2F'/%3E%3Cpath fill='%23FFF' d='M12.116 14.404L16 10.52l3.886 3.886 2.26-2.26L16 6l-6.144 6.144 2.26 2.26zM6 16l2.26-2.26L10.52 16l-2.26 2.26L6 16zm6.116 1.596L16 21.48l3.886-3.886 2.26 2.259L16 26l-6.144-6.144-.003-.003 2.263-2.257zM21.48 16l2.26-2.26L26 16l-2.26 2.26L21.48 16zm-3.188-.002h.002V16L16 18.294l-2.291-2.29-.004-.004.004-.003.401-.402.195-.195L16 13.706l2.293 2.293z'/%3E%3C/g%3E%3C/svg%3E"); }

/* USDT系列 (TRC20, ERC20等) */
.pay-type[data-type*="usdt"] .pay-icon,
.pay-type[data-type*="USDT"] .pay-icon,
.pay-type[data-name*="USDT"] .pay-icon,
.pay-type[data-name*="Epusdt"] .pay-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none'%3E%3Ccircle cx='16' cy='16' r='16' fill='%2326A17B'/%3E%3Cpath fill='%23FFF' d='M17.922 17.383v-.002c-.11.008-.677.042-1.942.042-1.01 0-1.721-.03-1.971-.042v.003c-3.888-.171-6.79-.848-6.79-1.658 0-.809 2.902-1.486 6.79-1.66v2.644c.254.018.982.061 1.988.061 1.207 0 1.812-.05 1.925-.06v-2.643c3.88.173 6.775.85 6.775 1.658 0 .81-2.895 1.485-6.775 1.657m0-3.59v-2.366h5.414V7.819H8.595v3.608h5.414v2.365c-4.4.202-7.709 1.074-7.709 2.118 0 1.044 3.309 1.915 7.709 2.118v7.582h3.913v-7.584c4.393-.202 7.694-1.073 7.694-2.116 0-1.043-3.301-1.914-7.694-2.117'/%3E%3C/g%3E%3C/svg%3E"); }

/* TRX 波场 */
.pay-type[data-type*="trx"] .pay-icon,
.pay-type[data-type*="TRX"] .pay-icon,
.pay-type[data-name*="TRX"] .pay-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none'%3E%3Ccircle cx='16' cy='16' r='16' fill='%23EF0027'/%3E%3Cpath fill='%23FFF' d='M21.932 9.913L7.5 7.257l7.595 19.112 10.583-12.894-3.746-3.562zm-.232 1.17l2.208 2.099-6.038 1.093 3.83-3.192zm-5.142 2.973l-6.364-4.56 7.958 1.397-1.594 3.163zm-.703 1.301l-2.043 7.088-4.632-11.656 6.675 4.568zm.781.631l5.953-1.078-7.047 8.593 1.094-7.515z'/%3E%3C/g%3E%3C/svg%3E"); }

/* ETH 以太坊 */
.pay-type[data-type*="eth"] .pay-icon,
.pay-type[data-type*="ETH"] .pay-icon,
.pay-type[data-name*="ETH"] .pay-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='16' cy='16' r='16' fill='%23627EEA'/%3E%3Cg fill='%23FFF' fill-rule='nonzero'%3E%3Cpath fill-opacity='.602' d='M16.498 4v8.87l7.497 3.35z'/%3E%3Cpath d='M16.498 4L9 16.22l7.498-3.35z'/%3E%3Cpath fill-opacity='.602' d='M16.498 21.968v6.027L24 17.616z'/%3E%3Cpath d='M16.498 27.995v-6.028L9 17.616z'/%3E%3Cpath fill-opacity='.2' d='M16.498 20.573l7.497-4.353-7.497-3.348z'/%3E%3Cpath fill-opacity='.602' d='M9 16.22l7.498 4.353v-7.701z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

/* BNB/BSC 币安智能链 */
.pay-type[data-type*="bnb"] .pay-icon,
.pay-type[data-type*="BNB"] .pay-icon,
.pay-type[data-type*="bsc"] .pay-icon,
.pay-type[data-type*="BSC"] .pay-icon,
.pay-type[data-name*="BNB"] .pay-icon,
.pay-type[data-name*="BSC"] .pay-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none'%3E%3Ccircle cx='16' cy='16' r='16' fill='%23F3BA2F'/%3E%3Cpath fill='%23FFF' d='M12.116 14.404L16 10.52l3.886 3.886 2.26-2.26L16 6l-6.144 6.144 2.26 2.26zM6 16l2.26-2.26L10.52 16l-2.26 2.26L6 16zm6.116 1.596L16 21.48l3.886-3.886 2.26 2.259L16 26l-6.144-6.144-.003-.003 2.263-2.257zM21.48 16l2.26-2.26L26 16l-2.26 2.26L21.48 16zm-3.188-.002h.002V16L16 18.294l-2.291-2.29-.004-.004.004-.003.401-.402.195-.195L16 13.706l2.293 2.293z'/%3E%3C/g%3E%3C/svg%3E"); }

/* MATIC/Polygon */
.pay-type[data-type*="matic"] .pay-icon,
.pay-type[data-type*="MATIC"] .pay-icon,
.pay-type[data-type*="polygon"] .pay-icon,
.pay-type[data-type*="Polygon"] .pay-icon,
.pay-type[data-name*="MATIC"] .pay-icon,
.pay-type[data-name*="Polygon"] .pay-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none'%3E%3Ccircle cx='16' cy='16' r='16' fill='%238247E5'/%3E%3Cpath fill='%23FFF' d='M21.092 12.693c-.369-.215-.848-.215-1.254 0l-2.879 1.654-1.955 1.078-2.879 1.653c-.369.216-.848.216-1.254 0l-2.288-1.294c-.369-.215-.627-.61-.627-1.042V12.19c0-.431.221-.826.627-1.042l2.25-1.258c.37-.216.85-.216 1.256 0l2.25 1.258c.37.216.628.611.628 1.042v1.654l1.955-1.115v-1.653c0-.431-.221-.827-.627-1.043l-4.17-2.372c-.369-.216-.848-.216-1.254 0l-4.244 2.372c-.406.216-.627.612-.627 1.043v4.78c0 .432.221.827.627 1.043l4.244 2.372c.369.215.849.215 1.254 0l2.879-1.618 1.955-1.114 2.879-1.617c.369-.216.848-.216 1.254 0l2.251 1.258c.37.215.627.61.627 1.042v2.552c0 .431-.22.826-.627 1.042l-2.25 1.294c-.37.216-.85.216-1.255 0l-2.251-1.258c-.37-.216-.628-.611-.628-1.042v-1.654l-1.955 1.115v1.653c0 .431.221.827.627 1.043l4.244 2.372c.369.216.848.216 1.254 0l4.244-2.372c.369-.216.627-.611.627-1.043v-4.78c0-.431-.221-.826-.627-1.042l-4.28-2.409z'/%3E%3C/g%3E%3C/svg%3E"); }

/* USDC */
.pay-type[data-type*="usdc"] .pay-icon,
.pay-type[data-type*="USDC"] .pay-icon,
.pay-type[data-name*="USDC"] .pay-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none'%3E%3Ccircle cx='16' cy='16' r='16' fill='%232775CA'/%3E%3Cpath fill='%23FFF' d='M15.75 27.5C9.26 27.5 4 22.24 4 15.75S9.26 4 15.75 4 27.5 9.26 27.5 15.75 22.24 27.5 15.75 27.5zm-.7-16.11a2.58 2.58 0 00-2.45 2.47c0 1.21.74 2 2.31 2.33l1.1.26c1.07.25 1.51.61 1.51 1.22s-.77 1.21-1.77 1.21a1.9 1.9 0 01-1.8-.91.68.68 0 00-.61-.39h-.59a.35.35 0 00-.28.41 2.73 2.73 0 002.61 1.83v.74a.31.31 0 00.37.36h.71a.32.32 0 00.36-.36v-.72a2.69 2.69 0 002.59-2.58c0-1.27-.75-2-2.46-2.37l-1-.22c-1.07-.25-1.43-.6-1.43-1.16s.61-1.08 1.56-1.08a1.64 1.64 0 011.58.81.81.81 0 00.73.41h.47a.42.42 0 00.31-.5 2.47 2.47 0 00-2.38-1.68v-.71a.32.32 0 00-.37-.36h-.71a.31.31 0 00-.36.36z'/%3E%3C/g%3E%3C/svg%3E"); }

/* 余额支付 */
.pay-type[data-type*="balance"] .pay-icon,
.pay-type[data-type*="余额"] .pay-icon,
.pay-type[data-name*="余额"] .pay-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF9F43'%3E%3Cpath d='M21 18v1c0 1.1-.9 2-2 2H5c-1.11 0-2-.9-2-2V5c0-1.1.89-2 2-2h14c1.1 0 2 .9 2 2v1h-9c-1.11 0-2 .9-2 2v8c0 1.1.89 2 2 2h9zm-9-2h10V8H12v8zm4-2.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z'/%3E%3C/svg%3E"); }

/* 当面付 */
.pay-type[data-type*="当面付"] .pay-icon,
.pay-type[data-name*="当面付"] .pay-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231677FF' d='M17 1.01L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 19H7V5h10v14zm-4.2-5.78v1.75l3.2-2.99L12.8 9v1.7c-3.11.43-4.35 2.56-4.8 4.7 1.11-1.5 2.58-2.18 4.8-2.18z'/%3E%3C/svg%3E"); }

/* PC支付 */
.pay-type[data-type*="PC"] .pay-icon,
.pay-type[data-name*="PC"] .pay-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23636E72' d='M21 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7l-2 3v1h8v-1l-2-3h7c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 12H3V4h18v10z'/%3E%3C/svg%3E"); }

/* 扫码支付 */
.pay-type[data-type*="扫码"] .pay-icon,
.pay-type[data-name*="扫码"] .pay-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300B894' d='M9.5 6.5v3h-3v-3h3M11 5H5v6h6V5zm-1.5 9.5v3h-3v-3h3M11 13H5v6h6v-6zm6.5-6.5v3h-3v-3h3M19 5h-6v6h6V5zm-6 8h1.5v1.5H13V13zm1.5 1.5H16V16h-1.5v-1.5zM16 13h1.5v1.5H16V13zm-3 3h1.5v1.5H13V16zm1.5 1.5H16V19h-1.5v-1.5zM16 16h1.5v1.5H16V16zm1.5-1.5H19V16h-1.5v-1.5zm0 3H19V19h-1.5v-1.5zM19 13v1.5h-1.5V13H19z'/%3E%3C/svg%3E"); }

/* 加密货币通用 */
.pay-type[data-type*="加密"] .pay-icon,
.pay-type[data-type*="crypto"] .pay-icon,
.pay-type[data-name*="加密"] .pay-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23F7931A' d='M23.638 14.904c-1.602 6.43-8.113 10.34-14.542 8.736C2.67 22.05-1.244 15.525.362 9.105 1.962 2.67 8.475-1.243 14.9.358c6.43 1.605 10.342 8.115 8.738 14.548v-.002zm-6.35-4.613c.24-1.59-.974-2.45-2.64-3.03l.54-2.153-1.315-.33-.525 2.107c-.345-.087-.7-.168-1.053-.25l.527-2.127-1.313-.33-.538 2.152c-.286-.065-.567-.13-.84-.2l.002-.007-1.813-.454-.35 1.407s.974.223.954.237c.532.133.628.486.612.766l-.614 2.465c.037.01.085.024.137.046l-.14-.035-.86 3.45c-.065.16-.23.4-.6.31.013.02-.954-.238-.954-.238l-.652 1.51 1.71.426.94.236-.54 2.19 1.313.328.54-2.17c.36.1.708.19 1.05.273l-.538 2.156 1.313.33.54-2.183c2.24.423 3.926.253 4.635-1.77.57-1.637-.028-2.58-1.21-3.196.86-.2 1.508-.77 1.68-1.93h.002z'/%3E%3C/svg%3E"); }

/* 品牌优先覆盖（防止 Paysapi/易支付/码支付 等网关图标覆盖官方图标） */
.pay-type[data-name*="支付宝"] .pay-icon,
.pay-type[data-type*="alipay"] .pay-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect width='48' height='48' rx='8' fill='%231677FF'/%3E%3Ctext x='24' y='32' text-anchor='middle' fill='%23fff' font-size='24' font-weight='bold' font-family='sans-serif'%3E支%3C/text%3E%3C/svg%3E") !important;
}

.pay-type[data-name*="微信"] .pay-icon,
.pay-type[data-type*="wechat"] .pay-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect width='48' height='48' rx='8' fill='%2307C160'/%3E%3Cpath fill='%23fff' d='M16 17c-4 0-7 2.5-7 5.5 0 1.8 1 3.3 2.5 4.3l-.6 2.2 2.6-1.3c.8.2 1.6.3 2.5.3.2 0 .5 0 .7-.1-.1-.4-.2-.9-.2-1.4 0-4.3 4-7.8 9-7.8.3 0 .6 0 .9.1-.5-4-4.5-7.1-9.4-7.1l-1 6.3z'/%3E%3Ccircle fill='%2307C160' cx='13' cy='21' r='1.2'/%3E%3Ccircle fill='%2307C160' cx='19' cy='21' r='1.2'/%3E%3Cpath fill='%23fff' d='M39 26.5c0-4-4-7.5-9-7.5s-9 3.5-9 7.5 4 7.5 9 7.5c1 0 2-.1 2.8-.3l2.2 1.1-.5-1.9c2-1.2 3.5-3.1 3.5-5.4z'/%3E%3Ccircle fill='%2307C160' cx='26' cy='26' r='1.2'/%3E%3Ccircle fill='%2307C160' cx='34' cy='26' r='1.2'/%3E%3C/svg%3E") !important;
}

.pay-type[data-name*="QQ"] .pay-icon,
.pay-type[data-type*="qq"] .pay-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23FFC107' d='M17.5,44c-3.6,0-6.5-1.6-6.5-3.5s2.9-3.5,6.5-3.5s6.5,1.6,6.5,3.5S21.1,44,17.5,44z M37,40.5c0-1.9-2.9-3.5-6.5-3.5S24,38.6,24,40.5s2.9,3.5,6.5,3.5S37,42.4,37,40.5z'/%3E%3Cpath fill='%2337474F' d='M37.2,22.2c-0.1-0.3-0.2-0.6-0.3-1c0.1-0.5,0.1-1,0.1-1.5c0-1.4-0.1-2.6-0.1-3.6C36.9,9.4,31.1,4,24,4S11,9.4,11,16.1c0,0.9,0,2.2,0,3.6c0,0.5,0,1,0.1,1.5c-0.1,0.3-0.2,0.6-0.3,1c-1.9,2.7-3.8,6-3.8,8.5C7,35.5,8.4,35,8.4,35c0.6,0,1.6-1,2.5-2.1C13,38.8,18,43,24,43s11-4.2,13.1-10.1C38,34,39,35,39.6,35c0,0,1.4,0.5,1.4-4.3C41,28.2,39.1,24.8,37.2,22.2z'/%3E%3Cpath fill='%23ECEFF1' d='M14.7,23c-0.5,1.5-0.7,3.1-0.7,4.8C14,35.1,18.5,41,24,41s10-5.9,10-13.2c0-1.7-0.3-3.3-0.7-4.8H14.7z'/%3E%3Cpath fill='%23FFF' d='M23,13.5c0,1.9-1.1,3.5-2.5,3.5S18,15.4,18,13.5s1.1-3.5,2.5-3.5S23,11.6,23,13.5z M27.5,10c-1.4,0-2.5,1.6-2.5,3.5s1.1,3.5,2.5,3.5s2.5-1.6,2.5-3.5S28.9,10,27.5,10z'/%3E%3Cpath fill='%2337474F' d='M22,13.5c0,0.8-0.4,1.5-1,1.5s-1-0.7-1-1.5s0.4-1.5,1-1.5S22,12.7,22,13.5z M27,12c-0.6,0-1,0.7-1,1.5s0.4-0.5,1-0.5s1,1.3,1,0.5S27.6,12,27,12z'/%3E%3Cpath fill='%23FFC107' d='M32,19.5c0,0.8-3.6,2.5-8,2.5s-8-1.7-8-2.5s3.6-1.5,8-1.5S32,18.7,32,19.5z'/%3E%3Cpath fill='%23FF3D00' d='M38.7,21.2c-0.4-1.5-1-2.2-2.1-1.3c0,0-5.9,3.1-12.5,3.1v0.1l0-0.1c-6.6,0-12.5-3.1-12.5-3.1c-1.1-0.8-1.7-0.2-2.1,1.3c-0.4,1.5-0.7,2,0.7,2.8c0.1,0.1,1.4,0.8,3.4,1.7c-0.6,3.5-0.5,6.8-0.5,7c0.1,1.5,1.3,1.3,2.9,1.3c1.6-0.1,2.9,0,2.9-1.6c0-0.9,0-2.9,0.3-5c1.6,0.3,3.2,0.6,5,0.6l0,0v0c7.3,0,13.7-3.9,13.9-4C39.3,23.3,39,22.8,38.7,21.2z'/%3E%3Cpath fill='%23DD2C00' d='M13.2,27.7c1.6,0.6,3.5,1.3,5.6,1.7c0-0.6,0.1-1.3,0.2-2c-2.1-0.5-4-1.1-5.5-1.7C13.4,26.4,13.3,27.1,13.2,27.7z'/%3E%3C/svg%3E") !important;
}

/* ERC20 通用 */
.pay-type[data-type*="ERC20"] .pay-icon,
.pay-type[data-type*="erc20"] .pay-icon,
.pay-type[data-name*="ERC20"] .pay-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='16' cy='16' r='16' fill='%23627EEA'/%3E%3Cg fill='%23FFF' fill-rule='nonzero'%3E%3Cpath fill-opacity='.602' d='M16.498 4v8.87l7.497 3.35z'/%3E%3Cpath d='M16.498 4L9 16.22l7.498-3.35z'/%3E%3Cpath fill-opacity='.602' d='M16.498 21.968v6.027L24 17.616z'/%3E%3Cpath d='M16.498 27.995v-6.028L9 17.616z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

/* TRC20 通用 */
.pay-type[data-type*="TRC20"] .pay-icon,
.pay-type[data-type*="trc20"] .pay-icon,
.pay-type[data-name*="TRC20"] .pay-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none'%3E%3Ccircle cx='16' cy='16' r='16' fill='%23EF0027'/%3E%3Cpath fill='%23FFF' d='M21.932 9.913L7.5 7.257l7.595 19.112 10.583-12.894-3.746-3.562zm-.232 1.17l2.208 2.099-6.038 1.093 3.83-3.192zm-5.142 2.973l-6.364-4.56 7.958 1.397-1.594 3.163zm-.703 1.301l-2.043 7.088-4.632-11.656 6.675 4.568zm.781.631l5.953-1.078-7.047 8.593 1.094-7.515z'/%3E%3C/g%3E%3C/svg%3E"); }

/* 支付名称样式 */
.pay-name {
  font-weight: 600;
  color: var(--mgv3-fg);
  white-space: nowrap;
}

/* 支付按钮选中状态 - 黑色边框+阴影效果 */
.pay-type.active {
  background: var(--mgv3-banner-yellow);
  border-color: var(--mgv3-border);
  box-shadow: var(--mgv3-shadow);
}

.pay-type.active .pay-name {
  color: var(--mgv3-fg);
}

.pay-type.active .pay-icon {
  background-color: rgba(17, 17, 17, 0.12);
  filter: none;
}

/* Submit button */
.buy-shop #submit {
  padding: 10px 28px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 10px;
  margin-top: 16px;
}

/* Article list like screenshot (big image on top) */
.blog-post-title a {
  display: block;
  color: var(--mgv3-fg);
  text-decoration: none;
}

.blog-post-img {
  display: block;
  width: 100% !important;
  height: 260px;
  object-fit: cover;
  border-radius: 10px;
  margin: 0 0 10px !important;
}

@media (max-width: 576px) {
  .blog-post-img {
    height: 180px;
  }
}

.blog-post-meta {
  color: var(--mgv3-muted) !important;
}

.article-summary {
  color: var(--mgv3-muted);
}

/* User center cards */
.stats-card {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.btn-pill {
  border-radius: 10px !important;
}

.vip-center {
  margin-top: 18px;
}

/* Modal polish */
.modal-header {
  border-bottom: 1px solid rgba(17, 17, 17, 0.15);
}

.modal-content {
  box-shadow: var(--mgv3-shadow);
}

/* Small helper */
.text-muted {
  color: var(--mgv3-muted) !important;
}