/* Keep VIP action labels sharp on low-DPI displays. */
html[data-front-theme] #mainbox.vip-page .vip-list-item.vip-card.vip-floating-card .vip-detail-btn,
html[data-front-theme] #mainbox.vip-page .vip-list-item.vip-card.vip-floating-card .vip-visit-btn {
  -webkit-font-smoothing: antialiased;
  backface-visibility: visible;
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", "Segoe UI", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-rendering: optimizeLegibility;
  text-shadow: none !important;
  transform: none !important;
  transition: background-color .18s ease, box-shadow .18s ease, color .18s ease !important;
}

html[data-front-theme] #mainbox.vip-page .vip-list-item.vip-card.vip-floating-card .vip-detail-btn:hover,
html[data-front-theme] #mainbox.vip-page .vip-list-item.vip-card.vip-floating-card .vip-visit-btn:hover {
  transform: none !important;
}

html[data-front-theme] #mainbox.vip-page .vip-list-item.vip-card.vip-floating-card::before {
  font-size: 32px !important;
}

html[data-front-theme] #mainbox.vip-page .vip-list-item.vip-card.vip-floating-card .vip-info h2 a .vip-title-crown {
  font-size: 21px !important;
}

html[data-front-theme] #mainbox.vip-page .vip-list-item.vip-card.vip-floating-card .vip-thumb img[src*="/uploads/website/ico/"],
html[data-front-theme] #mainbox.vip-page .vip-list-item.vip-card.vip-floating-card .vip-thumb img[src*="uploads/website/ico/"] {
  box-sizing: border-box !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 14px !important;
  height: 88px !important;
  max-height: 88px !important;
  max-width: 88px !important;
  object-fit: contain !important;
  width: 88px !important;
}

html[data-front-theme] #mainbox.vip-page .vip-list-item.vip-card.vip-floating-card .vip-thumb:hover img[src*="/uploads/website/ico/"],
html[data-front-theme] #mainbox.vip-page .vip-list-item.vip-card.vip-floating-card .vip-thumb:hover img[src*="uploads/website/ico/"] {
  transform: none !important;
  transition: none !important;
}

/* Reuse Webdir's per-site fallback colors and depth treatment. */
html[data-front-theme] #mainbox.vip-page .vip-list-item.vip-card.vip-floating-card .vip-thumb.vip-thumb-fallback .vip-letter-main {
  background: linear-gradient(180deg, rgba(255, 255, 255, .72), rgba(255, 255, 255, 0) 36%), var(--bg) !important;
  box-shadow: inset 0 -18px 30px rgba(0, 0, 0, .13), inset 0 1px 0 rgba(255, 255, 255, .62), 0 10px 22px rgba(15, 23, 42, .14) !important;
  color: var(--fg) !important;
  text-shadow: 0 2px 0 var(--shadow), 0 10px 20px rgba(15, 23, 42, .20) !important;
  -webkit-text-fill-color: var(--fg) !important;
}