/* ============================================================
   SlotLupa (Tragamonedas Pro) - Hoja de estilos unificada v1.4.2
   视觉体系对齐 Manus SlotLupa：深黑背景 / 墨西哥红主强调 /
   青绿色少量辅助 / 高密度参考站排版。组件只定义一次。
   ============================================================ */

/* ===== 1. 变量与基础 ===== */
:root {
  --color-bg: #0d0f12;
  --color-header: #08090b;
  --color-surface: #14171c;
  --color-surface-raised: #191d24;
  --color-surface-soft: #20252e;
  --color-border: #2b2f35;
  --color-border-strong: #3a3f49;
  --color-text: #f5f7f8;
  --color-text-secondary: #a8b1bb;
  --color-text-muted: #7f8994;
  --color-brand: #c1272d;
  --color-brand-hover: #a61f27;
  --color-brand-soft: rgba(193, 39, 45, .14);
  --color-marigold: #f0a51a;
  --color-turquoise: #18a999;
  --color-turquoise-strong: #2bc4b3;
  --radius: 10px;
  --radius-sm: 5px;
  --btn-h: 44px;
  --content-max: 1280px;
  /* v1.4.5：首页一级 section 统一垂直间距（桌面72-88 / 平板56-64 / 手机40-48） */
  --sec-gap: 80px;
  --font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  background: var(--color-bg);
  color: var(--color-text);
  font: 15px/1.55 var(--font-body);
  overflow-x: hidden;
  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; }
a { color: inherit; text-decoration: none; transition: color .16s ease, border-color .16s ease; }
ul { list-style: none; }
button { font: inherit; cursor: pointer; }
h1, h2, h3, h4 { line-height: 1.15; }
[hidden] { display: none !important; }

.sr-container {
  width: min(100% - 64px, var(--content-max));
  margin-inline: auto;
}
.sr-main { min-height: 60vh; }

.sr-visually-hidden {
  position: absolute;
  width: 1px; height: 1px;
  margin: -1px; padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}


:focus-visible { outline: 2px solid var(--color-turquoise); outline-offset: 3px; }

/* ===== 2. Header ===== */
.sr-header {
  position: relative;
  z-index: 40;
  background: var(--color-header);
  border-bottom: 1px solid var(--color-border);
}
.sr-header-inner {
  display: flex;
  align-items: center;
  min-height: 72px;
  gap: 18px;
}
.sr-brand { display: flex; align-items: center; flex-shrink: 0; }
.sr-brand-logo { height: 36px; width: auto; max-width: 170px; object-fit: contain; }
.sr-brand-word {
  display: inline-block;
  font: 800 17px/1 var(--font-display);
  letter-spacing: -.06em;
  white-space: nowrap;
  color: var(--color-text);
}
.sr-brand-word strong { font-weight: 800; }
.sr-nav { display: flex; gap: 22px; margin-left: auto; }
.sr-nav a {
  position: relative;
  padding: 25px 0;
  color: var(--color-text-secondary);
  font: 700 13px var(--font-display);
  white-space: nowrap;
}
.sr-nav a:hover, .sr-nav a.active { color: var(--color-text); }
.sr-nav a.active::after {
  content: '';
  position: absolute;
  right: 0; bottom: 14px; left: 0;
  height: 2px;
  background: var(--color-brand);
}
.sr-header-actions { display: flex; align-items: center; gap: 8px; margin-left: 0; flex-shrink: 0; }
.sr-icon-btn, .sr-menu-btn {
  display: grid;
  width: 36px; height: 36px;
  place-items: center;
  border: 1px solid var(--color-border);
  border-radius: 7px;
  background: transparent;
  color: var(--color-text);
}
.sr-icon-btn:hover, .sr-menu-btn:hover { border-color: var(--color-border-strong); }
.sr-icon-btn svg, .sr-menu-btn svg { width: 19px; height: 19px; }
.sr-menu-btn { display: none; }
.sr-icon-close { display: none; }
.sr-open .sr-icon-close { display: block; }
.sr-open .sr-icon-menu { display: none; }

/* 搜索浮层 */
.sr-search-overlay { position: fixed; inset: 0; z-index: 200; }
.sr-search-backdrop {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  border: 0;
  background: rgba(0, 0, 0, .7);
}
.sr-search-panel {
  position: relative;
  width: min(600px, 100% - 32px);
  margin: 110px auto 0;
  padding: 20px;
  border: 1px solid var(--color-border);
  border-radius: 10px;
  background: var(--color-surface);
  box-shadow: 0 24px 64px rgba(0, 0, 0, .5);
}
.sr-search-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.sr-search-heading > span { font: 800 16px var(--font-display); }
.sr-search-panel form > label { display: block; margin-bottom: 8px; color: var(--color-text-muted); font-size: 13px; }
.sr-search-field {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 10px 0 14px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface-raised);
}
.sr-search-field > svg { width: 18px; height: 18px; color: var(--color-text-muted); flex-shrink: 0; }
.sr-search-field input {
  flex: 1; min-width: 0;
  height: 44px;
  border: 0;
  background: transparent;
  color: var(--color-text);
  font-size: 15px;
}
.sr-search-field input:focus { outline: none; }
.sr-search-field button {
  height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: var(--radius-sm);
  background: var(--color-brand);
  color: #fff;
  font: 700 12px var(--font-display);
  white-space: nowrap;
}
.sr-search-field button:hover { background: var(--color-brand-hover); }

/* ===== 3. Footer ===== */
.sr-footer {
  position: relative;
  background: #07090c;
  border-top: 1px solid var(--color-border);
  margin-top: 48px;
}
/* v1.4.5：自适应有效列。--ft-cols 由 .sr-footer-cols-N 控制；链接层与说明层共用同一列模板（上下边界对齐） */
.sr-footer { --ft-cols: 1.2fr .8fr .8fr 1fr; }
.sr-footer-cols-3 { --ft-cols: 1.2fr 1fr 1fr; }
.sr-footer-cols-2 { --ft-cols: 1.2fr 1fr; }
.sr-footer-grid {
  display: grid;
  grid-template-columns: var(--ft-cols);
  gap: 28px;
  padding: 28px 0 24px;
}
.sr-footer-brand .sr-brand-word { font-size: 18px; }
.sr-footer-brand p { margin: 8px 0 0; color: var(--color-text-secondary); font-size: 13px; max-width: 340px; line-height: 1.7; }
.sr-footer-logo { height: 28px; width: auto; object-fit: contain; }
.sr-footer-grid h2 { margin: 0 0 12px; color: var(--color-text); font: 700 12px var(--font-display); letter-spacing: .04em; }
.sr-footer-grid > div:not(:first-child):not(.sr-footer-note) > a {
  display: block;
  margin: 11px 0;
  color: var(--color-text-secondary);
  font-size: 13px;
  line-height: 1.4;
}
.sr-footer-grid a:hover { color: var(--color-brand); }
.sr-footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 14px 0;
  border-top: 1px solid var(--color-border);
  color: var(--color-text-muted);
  font-size: 12px;
}
.sr-btn svg { width: 16px; height: 16px; flex-shrink: 0; }
.sr-btn-primary { background: var(--color-brand); color: #fff; }
.sr-btn-primary:hover { background: var(--color-brand-hover); color: #fff; }
.sr-btn-secondary { background: transparent; border-color: var(--color-border); color: var(--color-text); }
.sr-btn-secondary:hover { border-color: var(--color-turquoise); color: var(--color-turquoise); }
.sr-btn-sm { height: 36px; padding: 0 16px; font-size: 13px; }

/* 数据状态（详情页/资料卡） */
.sr-status {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border: 1px solid;
  border-radius: var(--radius-sm);
  font-size: 11.5px;
  font-weight: 700;
  white-space: nowrap;
}
.sr-status-verified { color: var(--color-turquoise-strong); background: rgba(24, 169, 153, .12); border-color: rgba(24, 169, 153, .45); }
.sr-status-partial  { color: var(--color-marigold); background: rgba(240, 165, 26, .12); border-color: rgba(240, 165, 26, .45); }
.sr-status-tbc      { color: var(--color-text-secondary); background: rgba(168, 177, 186, .1); border-color: var(--color-border); }

/* 卡片状态标签（Manus status-pill） */
.sr-status-pill {
  display: inline-block;
  padding: 3px 6px;
  border-radius: 4px;
  background: var(--color-brand-soft);
  color: #f28c94;
  font: 700 11px var(--font-display);
  white-space: nowrap;
}
.sr-status-pill-tbc, .sr-status-pill-upcoming, .sr-status-pill-partial {
  background: rgba(240, 165, 26, .12);
  color: var(--color-marigold);
}

/* 面包屑（Manus 小号斜杠样式） */
.sr-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-bottom: 16px;
  color: var(--color-text-muted);
  font-size: 11.5px;
}
.sr-breadcrumb a { color: var(--color-text-muted); }
.sr-breadcrumb a:hover { color: var(--color-turquoise); }
.sr-bc-sep { color: var(--color-text-muted); }
.sr-bc-current { color: var(--color-text-secondary); }

/* 区块标题（Manus sl-section-heading） */
.sr-h2 {
  margin: 0 0 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-border);
  font: 800 16px var(--font-display);
  letter-spacing: 0;
}
.sr-section-heading { margin-bottom: 20px; }
.sr-section-heading > span {
  color: var(--color-turquoise);
  font: 700 11px var(--font-display);
  letter-spacing: .04em;
}
.sr-section-heading h2 {
  max-width: 28ch;
  margin: 6px 0 0;
  font: 800 clamp(1.6rem, 2.4vw, 2.25rem) / 1.15 var(--font-display);
  letter-spacing: -.045em;
}
.sr-section-heading-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; }
.sr-section-heading-row > a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 16px;
  border: 1px solid var(--color-border);
  border-radius: 7px;
  background: var(--color-surface);
  color: var(--color-text-secondary);
  font: 700 12.5px var(--font-display);
  flex-shrink: 0;
  transition: border-color .16s ease, color .16s ease;
}
.sr-section-heading-row > a:hover { border-color: var(--color-brand); color: var(--color-text); }
.sr-section { padding-top: var(--sec-gap); }

/* 分页 */
.sr-pagebar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
}
.sr-pagebar a, .sr-pagebar-current {
  min-width: 38px;
  height: 38px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface-raised);
  color: var(--color-text-secondary);
  font-size: 13.5px;
  font-weight: 600;
}
.sr-pagebar a:hover { border-color: var(--color-turquoise); color: var(--color-turquoise); }
.sr-pagebar-current { background: var(--color-brand); border-color: var(--color-brand); color: #fff; }
.sr-pagebar-nav svg { width: 15px; height: 15px; }
.sr-pagebar-dots { color: var(--color-text-muted); }

/* ===== 5. 首页 ===== */
.sr-home { padding: 32px 0 64px; }

/* 介绍区 */
.sr-home-intro { max-width: 880px; padding: 6px 0 28px; }
.sr-home-intro > span {
  color: var(--color-turquoise);
  font: 700 11px var(--font-display);
  letter-spacing: .04em;
}
.sr-home-intro h1 {
  margin: 8px 0 12px;
  font: 800 clamp(2.4rem, 4.5vw, 4.25rem) / 1.05 var(--font-display);
  letter-spacing: -.065em;
}
.sr-home-intro p {
  max-width: 760px;
  margin: 0;
  color: var(--color-text-secondary);
  font-size: 17px;
  line-height: 1.65;
}

/* 主推荐（左文右图） */
.sr-promo {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: 9px;
  background: var(--color-surface);
}
.sr-promo-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(24px, 4vw, 48px);
  border-right: 1px solid var(--color-border);
}
.sr-promo-provider { color: var(--color-turquoise); font: 700 11px var(--font-display); }
.sr-promo-info h2 {
  margin: 7px 0 0;
  font: 800 clamp(1.75rem, 3vw, 2.5rem) / 1.04 var(--font-display);
  letter-spacing: -.055em;
}
.sr-promo-desc {
  max-width: 52ch;
  margin: 16px 0;
  color: var(--color-text-secondary);
  font-size: 16px;
  line-height: 1.65;
}
.sr-promo-status { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.sr-promo-status span, .sr-promo-status small {
  padding: 5px 8px;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  color: var(--color-text-secondary);
  font: 700 11px var(--font-display);
}
.sr-promo-status small { color: var(--color-turquoise); }
.sr-promo-link {
  display: inline-flex;
  width: max-content;
  margin-top: 22px;
  padding-bottom: 4px;
  border-bottom: 2px solid var(--color-brand);
  color: var(--color-text);
  font: 700 13px var(--font-display);
}
.sr-promo-link:hover { color: var(--color-brand); }
.sr-promo-banner { position: relative; display: block; aspect-ratio: 16 / 9; background: var(--color-surface-soft); }
.sr-promo-banner img { width: 100%; height: 100%; object-fit: cover; }
/* v1.4.5：主推荐无图时整卡变纯文字单列 */
.sr-promo-noimg { grid-template-columns: 1fr; }
.sr-promo-noimg .sr-promo-info { border-right: 0; }
.sr-promo-banner b {
  position: absolute;
  z-index: 2;
  top: 12px; right: 12px;
  padding: 4px 6px;
  border-radius: 4px;
  background: var(--color-brand);
  color: #fff;
  font: 800 10px var(--font-display);
}

/* Últimas reseñas + Guías（v1.4.4：上下两个全宽同级模块，左右边界/标题/卡片完全对齐） */
.sr-latest-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.sr-guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.sr-guide-card {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  padding: 20px;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-surface-raised);
  transition: border-color .16s ease, transform .16s ease;
}
.sr-guide-card:hover { border-color: var(--color-brand); transform: translateY(-2px); box-shadow: 0 8px 22px rgba(0, 0, 0, .35); }
/* v1.4.5：指南卡有图时显示 16:9 媒体区，无图保持纯文字卡 */
.sr-guide-media {
  aspect-ratio: 16 / 9;
  margin-bottom: 14px;
  overflow: hidden;
  border-radius: 6px;
  background: var(--color-surface-soft);
}
.sr-guide-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sr-guide-meta { display: flex; align-items: center; gap: 8px; color: var(--color-turquoise); font: 700 10px var(--font-display); }
.sr-guide-meta time { color: var(--color-text-muted); font-weight: 400; font-family: var(--font-body); }
.sr-guide-card h3 { margin: 10px 0 8px; font: 700 17px / 1.2 var(--font-display); }
.sr-guide-card h3 a:hover { color: var(--color-brand); }
.sr-guide-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
  color: var(--color-text-secondary);
  font-size: 13px;
  line-height: 1.5;
}
.sr-guide-link {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  margin-top: auto;
  padding-top: 14px;
  color: var(--color-brand);
  font: 700 11px var(--font-display);
}
.sr-guide-link:hover { color: var(--color-brand-hover); }

/* 机制标签（v1.4.5：桌面两栏——左侧眉题+H2 约40%、右侧标签约60% 自动换行垂直居中；手机上下排列） */
.sr-mechanics {
  padding-top: var(--sec-gap);
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  gap: 12px 36px;
  align-items: center;
}
.sr-mechanics .sr-section-heading { margin-bottom: 0; }
.sr-mechanics .sr-section-heading h2 {
  max-width: none;
  font-size: clamp(1.35rem, 1.7vw, 1.8rem);
  text-wrap: balance;
}
.sr-mechanic-tags { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.sr-mechanic-tags a {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-text-secondary);
  font: 700 12px var(--font-display);
  transition: border-color .16s ease, color .16s ease;
}
.sr-mechanic-tags a:hover { border-color: var(--color-brand); color: var(--color-text); }

/* 更多游戏 */
.sr-game-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }

/* 游戏卡片（Manus slot-card） */
.sr-slot-card {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-surface-raised);
  transition: border-color .16s ease, transform .16s ease;
}
.sr-slot-card:hover { border-color: var(--color-brand); transform: translateY(-2px); box-shadow: 0 8px 22px rgba(0, 0, 0, .35); }
.sr-slot-card-media { display: block; aspect-ratio: 16 / 9; background: var(--color-surface-soft); }
.sr-slot-card-media img { width: 100%; height: 100%; object-fit: cover; }
.sr-slot-card-body { display: flex; flex: 1; flex-direction: column; padding: 16px; }
.sr-card-kicker {
  min-height: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.sr-provider-link {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  color: var(--color-turquoise);
  font-size: 11px;
  font-weight: 600;
}
.sr-provider-link:hover { color: var(--color-turquoise-strong); }
.sr-slot-card h3 {
  margin: 8px 0;
  font: 700 20px / 1.2 var(--font-display);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.sr-slot-card h3 a:hover { color: var(--color-brand); }
.sr-slot-card-body > p { color: var(--color-text-secondary); font-size: 13px; line-height: 1.5; }
.sr-slot-card-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 16px;
  border-top: 1px solid var(--color-border);
}
.sr-slot-card-stats div { padding: 9px 6px; border-right: 1px solid var(--color-border); }
.sr-slot-card-stats div:last-child { border-right: 0; }
.sr-slot-card-stats dt { color: var(--color-text-muted); font: 700 9px var(--font-display); }
.sr-slot-card-stats dd { margin-top: 2px; color: var(--color-text); font-size: 11px; font-weight: 600; }
.sr-slot-card-footer {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
  padding-top: 14px;
  color: var(--color-text-muted);
  font-size: 11px;
}
.sr-slot-card-footer a { color: var(--color-brand); font: 700 11px var(--font-display); }
.sr-slot-card-footer a:hover { color: var(--color-brand-hover); }

/* 厂商卡片（Manus provider-card） */
.sr-provider-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.sr-provider-card {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 10px;
  min-height: 84px;
  padding: 12px;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  background: var(--color-surface-raised);
  transition: border-color .16s ease;
}
.sr-provider-card:hover, .sr-provider-card:focus-within { border-color: var(--color-brand); }
.sr-provider-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.sr-provider-card {
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 12px;
  min-height: 84px;
  transition: border-color .16s ease, background .16s ease;
}
a.sr-provider-card:hover, a.sr-provider-card:focus-visible { border-color: var(--color-brand); background: var(--color-surface); }
.sr-provider-box {
  display: flex; align-items: center; justify-content: center;
  width: 120px; height: 44px;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  background: var(--color-surface-soft);
  overflow: hidden;
  flex-shrink: 0;
}
.sr-provider-box img { max-width: 86%; max-height: 70%; object-fit: contain; }
.sr-provider-boxname { color: var(--color-text-secondary); font: 700 12px / 1.25 var(--font-display); text-align: center; padding: 0 8px; overflow-wrap: anywhere; }
.sr-provider-info { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.sr-provider-name { color: var(--color-text); font: 700 15px var(--font-display); }
.sr-provider-slogan { color: var(--color-text-secondary); font-size: 12px; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sr-provider-bottom { display: flex; align-items: baseline; gap: 8px; margin-top: 4px; color: var(--color-text-muted); font-size: 11px; }
.sr-provider-link { color: var(--color-brand); font: 700 11px var(--font-display); }
a.sr-provider-card:hover .sr-provider-link { color: var(--color-brand-hover); }

/* 编辑方法（v1.4.5：与上一模块保持统一 section 间距，修复与 Proveedores 粘连） */
.sr-methods {
  margin-top: var(--sec-gap);
  padding: 34px 28px 38px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-surface);
}
.sr-methods .sr-section-heading { position: relative; margin-bottom: 24px; padding-bottom: 14px; }
.sr-methods .sr-section-heading::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0;
  width: 116px; height: 2px;
  background: var(--color-brand);
}
.sr-methods { padding: 26px 24px 28px; }
.sr-method-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; }
.sr-method-grid article { border-left: 1px solid var(--color-border); padding: 0 16px; }
.sr-method-grid article:first-child { border-left: 0; padding-left: 0; }
.sr-method-icon { width: 18px; height: 18px; color: var(--color-turquoise); }
.sr-method-grid h3 { margin: 8px 0 4px; font: 700 14px var(--font-display); }
.sr-method-grid p { margin: 0; color: var(--color-text-secondary); font-size: 12px; line-height: 1.5; }
.sr-methods-action { margin-top: 22px; }
.sr-methods-action .sr-btn { height: 40px; }


/* ===== 6. 游戏详情页 ===== */
.sr-detail { padding: 28px 0 64px; }
.sr-detail-head { margin-bottom: 18px; }
.sr-detail-title {
  font: 800 clamp(2.25rem, 4vw, 3.75rem) / 1.06 var(--font-display);
  letter-spacing: -.06em;
}
.sr-detail-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 18px;
  margin-top: 8px;
  color: var(--color-text-secondary);
  font-size: 13px;
}
.sr-meta-item { display: inline-flex; align-items: center; gap: 7px; }
.sr-provider-logo-inline { width: 72px; height: 24px; object-fit: contain; border-radius: 4px; }

/* 横幅图：主图只展示一次，16:9 容器 + cover + 居中；桌面高度不超过 480px */
.sr-detail-banner {
  position: relative;
  aspect-ratio: 16 / 9;
  max-height: 480px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 18px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: linear-gradient(180deg, var(--color-surface-soft), var(--color-surface));
}
.sr-detail-banner img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

.sr-detail-summary {
  max-width: 85ch;
  margin-bottom: 22px;
  color: var(--color-text-secondary);
  font-size: 17px;
  line-height: 1.65;
}

/* ===== v1.4.6 主图试玩区（Demo 链接有效时：暗色遮罩 + 轻微模糊 + 中央绿色转化按钮） ===== */
.sr-detail-banner-demo img { filter: blur(1.5px); transform: scale(1.03); }
.sr-detail-banner-demo::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(8, 9, 11, .48);
}
.sr-demo-play {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 210px;
  height: 52px;
  border-radius: 9px;
  background: #22c55e;
  color: #fff;
  font: 800 15px var(--font-display);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .45);
  transition: background .16s ease, transform .16s ease;
}
.sr-demo-play:hover { background: #16a34a; color: #fff; transform: translateY(-2px); }
.sr-demo-play svg { width: 20px; height: 20px; flex-shrink: 0; }

/* ===== v1.4.6 评分信息条（主图下；最多4格真实数据平均分布，手机2×2；状态与日期放底部次要行） ===== */
.sr-statsbar {
  display: grid;
  grid-template-columns: repeat(var(--stats-cols, 4), minmax(0, 1fr));
  margin-bottom: 38px; /* 数据条到平台区标题 36–40px */
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-surface);
}
.sr-statsbar-cell {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 16px;
  border-left: 1px solid var(--color-border);
}
.sr-statsbar-cell:first-child { border-left: 0; }
.sr-statsbar-cell span {
  color: var(--color-text-muted);
  font: 700 9px var(--font-display);
  text-transform: uppercase;
  letter-spacing: .04em;
}
.sr-statsbar-cell b { color: var(--color-text); font: 800 19px var(--font-display); overflow-wrap: anywhere; }
.sr-statsbar-cell b small { color: var(--color-text-muted); font-size: 12px; font-weight: 600; }
.sr-statsbar-cell-score b { color: var(--color-marigold); }
.sr-statsbar-meta {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  padding: 8px 14px;
  border-top: 1px solid var(--color-border);
  background: var(--color-surface-raised);
  color: var(--color-text-muted);
  font-size: 11px;
}

/* ===== v1.4.6 平台推荐卡组（紧凑奖励卡：绿色强调线/推荐角标（仅主推荐）/固定 Logo 区居中/奖金图标/绿色CTA/底部合规行；
   桌面 1 张 340px 居中、2/3 张 320px 居中并排、4 张四列等宽；平板2列；手机多卡 scroll-snap 横滑+滑动提示） ===== */
.sr-offers { margin-bottom: 36px; } /* 平台卡到底部摘要 32–40px */
.sr-offers-head { text-align: center; margin-bottom: 22px; } /* 标题到平台卡 20–24px */
.sr-offers-head h2 {
  margin: 0;
  font: 800 clamp(1.6rem, 2.4vw, 2rem) / 1.15 var(--font-display);
  letter-spacing: -.04em;
}
.sr-offers-head i { display: block; width: 56px; height: 3px; margin: 12px auto 0; border-radius: 2px; background: var(--color-brand); }
.sr-offers-hint { display: none; }
.sr-offer-track {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px;
  padding: 4px 2px 12px; /* 给卡片阴影留空间 */
}
.sr-offer-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 320px;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-surface-raised);
  box-shadow: 0 6px 18px rgba(0, 0, 0, .25);
  transition: border-color .16s ease, transform .16s ease;
}
.sr-offer-count-1 .sr-offer-card { width: 340px; } /* 单张 300–340px 居中，不拉满整行 */
.sr-offer-count-4 .sr-offer-card { width: calc(25% - 14px); } /* 四列等宽等间距 */
.sr-offer-card:hover { border-color: #22c55e; transform: translateY(-2px); }
.sr-offer-accent { display: block; height: 3px; background: #22c55e; }
.sr-offer-badge {
  position: absolute;
  z-index: 2;
  top: 12px;
  left: 12px;
  padding: 4px 10px;
  border-radius: 4px;
  background: var(--color-brand);
  color: #fff;
  font: 800 10px var(--font-display);
  letter-spacing: .03em;
}
.sr-offer-body { flex: 1; display: flex; flex-direction: column; padding: 16px 18px 6px; }
.sr-offer-logo { display: flex; align-items: center; justify-content: center; height: 60px; } /* 固定 Logo 区 56–64px，水平垂直居中 */
.sr-offer-logo img { max-width: 150px; max-height: 56px; object-fit: contain; }
.sr-offer-logo b { display: none; color: var(--color-text); font: 800 19px var(--font-display); overflow-wrap: anywhere; text-align: center; }
.sr-offer-logo-text img { display: none; }
.sr-offer-logo-text b { display: block; }
.sr-offer-bonus-main {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  margin-top: 12px;
  color: var(--color-text);
  font: 800 15px / 1.4 var(--font-display);
  text-align: center;
}
.sr-offer-bonus-main svg { width: 18px; height: 18px; color: #22c55e; flex-shrink: 0; }
.sr-offer-bonus-main span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.sr-offer-bonus-sub {
  margin-top: 6px;
  color: var(--color-turquoise);
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sr-offer-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 43px; /* 42–44px */
  margin: 16px 16px 0;
  padding: 0 16px;
  border-radius: 8px;
  background: #22c55e;
  color: #fff;
  font: 800 14px var(--font-display);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background .16s ease;
}
.sr-offer-cta:hover { background: #16a34a; color: #fff; }
.sr-offer-note { padding: 12px 16px 14px; color: var(--color-text-muted); font-size: 10.5px; text-align: center; }

/* 双栏：正文 + 资料卡 */
.sr-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(280px, 5fr);
  gap: 32px;
  align-items: start;
}
.sr-detail-main { min-width: 0; display: flex; flex-direction: column; gap: 32px; }
.sr-detail-aside { position: sticky; top: 88px; }

.sr-info-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 16px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-surface);
  max-height: calc(100vh - 104px);
  overflow-y: auto;
}
.sr-info-card-title {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--color-border);
  font: 800 16px var(--font-display);
}
.sr-info-rating { display: flex; align-items: center; gap: 12px; }
.sr-info-score { color: var(--color-marigold); font: 800 26px var(--font-display); white-space: nowrap; }
.sr-info-score small { color: var(--color-text-muted); font-size: 13px; font-weight: 600; }
.sr-info-summary { color: var(--color-text-secondary); font-size: 13px; line-height: 1.55; }

/* 资料卡字段（Manus bwb-game-info dl：左标签右值） */
.sr-facts { display: block; border: 1px solid var(--color-border); }
.sr-fact { display: grid; grid-template-columns: 42% 58%; padding: 8px 10px; border-bottom: 1px solid var(--color-border); }
.sr-fact:last-child { border-bottom: 0; }
.sr-fact dt { color: var(--color-text-muted); font: 700 9px var(--font-display); text-transform: uppercase; letter-spacing: .02em; }
.sr-fact dd { color: var(--color-text); font-size: 12px; text-align: right; overflow-wrap: anywhere; }

/* v1.4.6：侧栏 CTA/Demo 入口已移除（统一由主图试玩区 + 平台推荐卡组承接），相关样式一并删除 */

/* 正文排版 */
.sr-content-body { color: var(--color-text-secondary); font-size: 17px; line-height: 1.75; }
.sr-content-body p, .sr-content-body ul, .sr-content-body ol { margin-bottom: 1.1em; max-width: 75ch; }
.sr-content-body h2 {
  margin: 1.6em 0 .8em;
  padding-left: 12px;
  border-left: 4px solid var(--color-brand);
  color: var(--color-text);
  font: 800 21px var(--font-display);
}
.sr-content-body h3 { margin: 1.3em 0 .6em; color: var(--color-text); font: 700 18px var(--font-display); }
.sr-content-body h4 { margin: 1.2em 0 .5em; color: var(--color-text); font: 700 16px var(--font-display); }
.sr-content-body a { color: var(--color-turquoise-strong); text-decoration: underline; text-underline-offset: 3px; }
.sr-content-body a:hover { color: var(--color-brand); }
.sr-content-body img { max-width: 100%; height: auto; border-radius: var(--radius-sm); margin: 1em 0; }
.sr-content-body blockquote { margin: 1em 0; padding-left: 16px; border-left: 3px solid var(--color-border-strong); color: var(--color-text-muted); }
.sr-content-body ul, .sr-content-body ol { padding-left: 1.5em; }
.sr-content-body li { margin-bottom: .4em; }
.sr-content-body table { width: 100%; margin: 1em 0; border-collapse: collapse; font-size: 14.5px; }
.sr-content-body th, .sr-content-body td { padding: 8px 12px; border: 1px solid var(--color-border); text-align: left; }
.sr-content-body th { background: var(--color-surface-soft); color: var(--color-text); }

/* 截图 */
.sr-shots-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.sr-shot {
  position: relative;
  margin: 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
}
.sr-shot img { width: 100%; height: 100%; object-fit: cover; }

/* FAQ */
.sr-faq-list { display: flex; flex-direction: column; gap: 8px; }
.sr-faq-item {
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
}
.sr-faq-item summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 13px 14px;
  cursor: pointer;
  list-style: none;
  font: 700 14.5px var(--font-display);
}
.sr-faq-item summary::-webkit-details-marker { display: none; }
.sr-faq-item summary::after { content: '+'; color: var(--color-turquoise); font-size: 18px; font-weight: 700; flex-shrink: 0; }
.sr-faq-item[open] summary::after { content: '–'; }
.sr-faq-item p { padding: 0 14px 13px; color: var(--color-text-secondary); font-size: 14px; line-height: 1.6; }

/* 数据来源 */
.sr-sources p { color: var(--color-text-secondary); font-size: 14px; }
.sr-sources strong { color: var(--color-text); }

/* 相关游戏 */
.sr-related-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.sr-related-card {
  display: block;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface-raised);
  transition: border-color .16s ease;
}
.sr-related-card:hover { border-color: var(--color-brand); }
.sr-related-img { aspect-ratio: 16 / 9; background: var(--color-surface-soft); }
.sr-related-img img { width: 100%; height: 100%; object-fit: cover; }
.sr-related-info { padding: 10px 12px; }
.sr-related-info h3 { margin-bottom: 3px; font: 700 13px var(--font-display); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sr-related-provider { color: var(--color-text-muted); font-size: 11.5px; }

/* ===== 7. 列表页（分类/标签/搜索） ===== */
.sr-list-wrap { padding: 32px 0 64px; }
.sr-list-header { max-width: 760px; margin-bottom: 24px; }
.sr-list-title {
  margin: 7px 0;
  font: 800 clamp(2.25rem, 4vw, 3.75rem) / 1.06 var(--font-display);
  letter-spacing: -.06em;
}
.sr-list-desc { color: var(--color-text-secondary); font-size: 17px; line-height: 1.65; }
.sr-list-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.sr-list-card {
  display: block;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-surface-raised);
  transition: border-color .16s ease, transform .16s ease;
}
.sr-list-card:hover { border-color: var(--color-brand); transform: translateY(-2px); }
.sr-list-card-img { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: var(--color-surface-soft); }
.sr-list-card-img img { width: 100%; height: 100%; object-fit: cover; }
.sr-list-card-score {
  position: absolute;
  top: 10px; right: 10px;
  padding: 3px 8px;
  border-radius: 4px;
  background: rgba(8, 9, 11, .85);
  color: var(--color-marigold);
  font-size: 12px;
  font-weight: 800;
}
.sr-list-card-provider {
  position: absolute;
  top: 10px; left: 10px;
  padding: 4px 8px;
  border-radius: 4px;
  background: rgba(8, 9, 11, .85);
  color: var(--color-turquoise);
  font: 700 10px var(--font-display);
}
.sr-list-card-body { padding: 16px; }
.sr-list-card-title { margin-bottom: 8px; font: 700 16px / 1.2 var(--font-display); }
.sr-list-card-badges { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.sr-badge {
  display: inline-block;
  padding: 3px 8px;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  background: var(--color-surface-soft);
  color: var(--color-text-secondary);
  font-size: 11px;
  font-weight: 600;
}
.sr-badge-green {
  border-color: rgba(24, 169, 153, .35);
  background: rgba(24, 169, 153, .1);
  color: var(--color-turquoise-strong);
}
.sr-list-card-excerpt {
  margin-bottom: 10px;
  color: var(--color-text-secondary);
  font-size: 13px;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.sr-list-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 10px;
  border-top: 1px solid var(--color-border);
  font-size: 11px;
}
.sr-list-card-date { color: var(--color-text-muted); }
.sr-list-card-read { color: var(--color-brand); font: 700 11px var(--font-display); }
.sr-list-empty { grid-column: 1 / -1; padding: 56px 0; text-align: center; color: var(--color-text-secondary); }

/* ===== 8. 普通页面 / 404 ===== */
.sr-page-title {
  margin: 4px 0 20px;
  font: 800 clamp(2.25rem, 4vw, 3.75rem) / 1.06 var(--font-display);
  letter-spacing: -.06em;
}
.sr-404 { padding: 72px 16px; text-align: center; }
.sr-404-title { margin-bottom: 8px; color: var(--color-turquoise); font: 800 72px var(--font-display); }
.sr-404-text { margin-bottom: 24px; color: var(--color-text-secondary); }

/* ===== 8b. 普通文章详情页（指南/新闻；v1.4.5：正文 760–860px 居中，无游戏资料大侧栏，相关文章在正文下方） ===== */
.sr-article-detail { padding: 28px 0 64px; }
.sr-ad-head { max-width: 860px; margin: 0 auto 20px; }
.sr-ad-meta { color: var(--color-turquoise); font: 700 11px var(--font-display); letter-spacing: .04em; }
.sr-ad-title {
  margin: 8px 0 0;
  font: 800 clamp(2rem, 3.5vw, 2.9rem) / 1.08 var(--font-display);
  letter-spacing: -.05em;
}
.sr-ad-banner {
  position: relative;
  max-width: 860px;
  margin: 0 auto 26px;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-surface-soft);
}
.sr-ad-banner img { width: 100%; height: 100%; object-fit: cover; }
.sr-ad-content { max-width: 860px; margin: 0 auto; }
.sr-ad-related { max-width: 860px; margin: 40px auto 0; }
.sr-ad-related-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* ===== 9. 赌场推荐页 ===== */
.sr-casinos-page, .sr-guia-page { padding: 32px 0 64px; }
.sr-cp-header, .sr-gp-header { max-width: 760px; margin-bottom: 20px; }
.sr-cp-title, .sr-gp-title {
  margin: 7px 0;
  font: 800 clamp(2.25rem, 4vw, 3.75rem) / 1.06 var(--font-display);
  letter-spacing: -.06em;
}
.sr-cp-desc, .sr-gp-desc { color: var(--color-text-secondary); font-size: 17px; line-height: 1.65; }
.sr-cp-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 24px;
  padding: 14px 18px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-surface);
}
.sr-cp-trust-item { display: flex; align-items: center; gap: 8px; color: var(--color-text-secondary); font-size: 12.5px; font-weight: 600; }
.sr-cp-trust-item svg { width: 15px; height: 15px; color: var(--color-turquoise); flex-shrink: 0; }
.sr-cp-list { display: flex; flex-direction: column; gap: 14px; margin-bottom: 28px; }
.sr-cp-row {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  padding: 18px 20px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-surface-raised);
  transition: border-color .16s ease;
}
.sr-cp-row:hover { border-color: var(--color-border-strong); }
.sr-cp-rank {
  width: 34px; height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--color-surface-soft);
  color: var(--color-text-secondary);
  font-size: 13px;
  font-weight: 800;
  flex-shrink: 0;
}
.sr-cp-rank-gold { background: rgba(240, 165, 26, .16); color: var(--color-marigold); }
.sr-cp-logo {
  width: 80px; height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  background: var(--color-surface-soft);
  flex-shrink: 0;
}
.sr-cp-logo img { max-width: 80%; max-height: 80%; object-fit: contain; }
.sr-cp-logo span { color: var(--color-text-secondary); font-size: 13px; font-weight: 800; }
.sr-cp-info { flex: 1; min-width: 180px; }
.sr-cp-name-row { display: flex; align-items: center; gap: 10px; }
.sr-cp-name { font: 700 15px var(--font-display); }
.sr-cp-rating { color: var(--color-marigold); font-size: 12.5px; font-weight: 700; }
.sr-cp-bonus { margin-top: 2px; color: var(--color-turquoise); font-size: 13px; font-weight: 600; }
.sr-cp-empty { padding: 48px 0; text-align: center; color: var(--color-text-secondary); }
.sr-cp-payments {
  margin-bottom: 24px;
  padding: 20px 22px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-surface);
}
.sr-cp-pay-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.sr-cp-pay-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 8px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface-soft);
  color: var(--color-text-secondary);
  font-size: 13px;
  font-weight: 600;
  text-align: center;
}
.sr-cp-how { padding: 22px; border: 1px solid var(--color-border); border-radius: var(--radius); background: var(--color-surface); }
.sr-cp-how-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.sr-cp-how-item { padding: 16px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-surface-raised); }
.sr-cp-how-item h3 { margin-bottom: 6px; color: var(--color-marigold); font: 700 13px var(--font-display); }
.sr-cp-how-item p { color: var(--color-text-secondary); font-size: 12.5px; line-height: 1.6; }

/* ===== 10. 指南页 ===== */
.sr-gp-layout { display: flex; gap: 24px; align-items: flex-start; }
.sr-gp-tabs { width: 260px; flex-shrink: 0; display: flex; flex-direction: column; gap: 10px; position: sticky; top: 88px; }
.sr-gp-tab {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  transition: border-color .16s ease;
}
.sr-gp-tab:hover { border-color: var(--color-border-strong); }
.sr-gp-tab-active { border-color: var(--color-brand); }
.sr-gp-tab-title { display: block; color: var(--color-text); font: 700 13.5px var(--font-display); }
.sr-gp-tab-sub { display: block; margin-top: 2px; color: var(--color-text-muted); font-size: 11.5px; }
.sr-gp-panels { flex: 1; min-width: 0; }
.sr-gp-panel { display: none; padding: 26px; border: 1px solid var(--color-border); border-radius: var(--radius); background: var(--color-surface); }
.sr-gp-panel-active { display: block; animation: srPanelIn .25s ease; }
@keyframes srPanelIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.sr-gp-panel-head { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px solid var(--color-border); }
.sr-gp-panel-head h2 { margin-bottom: 2px; font: 800 19px var(--font-display); }
.sr-gp-panel-head p { color: var(--color-text-muted); font-size: 13px; }
.sr-gp-panel-body { color: var(--color-text-secondary); font-size: 15.5px; line-height: 1.75; }
.sr-gp-panel-body p { margin-bottom: 14px; }
.sr-gp-panel-body h3 { margin: 22px 0 8px; padding-left: 10px; border-left: 3px solid var(--color-brand); color: var(--color-text); font: 700 15px var(--font-display); }

/* ===== 11. 响应式（Manus 断点 1100 / 780 / 520） ===== */
@media (max-width: 1100px) {
  :root { --sec-gap: 60px; }
  .sr-latest-grid, .sr-guide-grid, .sr-game-grid, .sr-list-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sr-provider-grid, .sr-method-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sr-method-grid article:nth-child(odd) { border-left: 0; padding-left: 0; }
  .sr-method-grid article:nth-child(n + 3) { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--color-border); }
  .sr-detail-layout { grid-template-columns: minmax(0, 1fr) minmax(250px, 4fr); }
  .sr-cp-how-grid { grid-template-columns: repeat(2, 1fr); }
  .sr-cp-pay-grid { grid-template-columns: repeat(3, 1fr); }
  /* v1.4.5：机制区平板恢复上下排列（两栏标题会断 3 行） */
  .sr-mechanics { grid-template-columns: 1fr; gap: 16px; }
  .sr-mechanics .sr-section-heading { margin-bottom: 20px; }
  .sr-ad-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  /* v1.4.6：平板平台卡 2 列（轨道限宽强制换行，1 张居中） */
  .sr-offer-track { max-width: 658px; margin-inline: auto; }
  .sr-offer-count-4 .sr-offer-card { width: 300px; }
}

@media (max-width: 780px) {
  .sr-container { width: min(100% - 32px, 100%); }
  .sr-header-inner { min-height: 68px; }
  .sr-nav {
    display: none;
    order: 5;
    width: 100%;
    flex-direction: column;
    gap: 0;
    margin-left: 0;
    padding-bottom: 10px;
  }
  .sr-open .sr-nav { display: flex; }
  .sr-nav a { padding: 12px 0; border-bottom: 1px solid var(--color-border); font-size: 15px; }
  .sr-nav a.active::after { display: none; }
  .sr-nav a.active { color: var(--color-brand); }
  .sr-menu-btn { display: grid; }
  .sr-header-actions { margin-left: auto; }
  .sr-home { padding: 16px 0 48px; }
  .sr-promo { grid-template-columns: 1fr; }
  .sr-promo-info { padding: 24px; border-right: 0; border-bottom: 1px solid var(--color-border); }
  .sr-latest-grid, .sr-guide-grid { grid-template-columns: 1fr; }
  .sr-editorial-grid { grid-template-columns: 1fr; }
  .sr-footer { --ft-cols: 1fr 1fr; }
  .sr-fnote:last-child { grid-column: 1 / -1; }
  .sr-footer-bottom { flex-direction: column; gap: 4px; }
  .sr-gp-layout { flex-direction: column; }
  .sr-gp-tabs { width: 100%; flex-direction: row; overflow-x: auto; position: static; padding-bottom: 6px; }
  .sr-gp-tab { flex: 0 0 auto; }

  /* 详情页：单列 + 资料卡排在正文之前 */
  .sr-detail-layout { grid-template-columns: 1fr; grid-template-areas: "aside" "main"; gap: 20px; }
  .sr-detail-main { grid-area: main; }
  .sr-detail-aside { grid-area: aside; position: static; }
  .sr-info-card { max-height: none; overflow: visible; }
  /* 单列时资料卡：短字段两列，长字段独占一行 */
  .sr-facts { display: grid; grid-template-columns: 1fr 1fr; border: 0; }
  .sr-fact { display: block; border: 0; padding: 0; }
  .sr-fact dd { text-align: left; margin-top: 2px; }
  .sr-fact-long { grid-column: 1 / -1; }
}

@media (max-width: 520px) {
  /* 移动端首屏：控制 H1 36-40px、压缩间距、主推卡片突出标题与图片 */
  .sr-home { padding-top: 12px; }
  .sr-home-intro { padding: 2px 0 14px; }
  .sr-home-intro h1 { font-size: 2.25rem; line-height: 1.08; margin: 6px 0 8px; }
  .sr-home-intro p { font-size: 17px; line-height: 1.6; }
  .sr-promo-info { padding: 16px; gap: 0; }
  .sr-promo-info h2 { font-size: 1.5rem; margin-top: 6px; }
  .sr-promo-desc {
    margin: 10px 0;
    font-size: 14px;
    line-height: 1.55;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .sr-promo-status { margin-top: 2px; }
  .sr-promo-link { margin-top: 12px; }
  :root { --sec-gap: 44px; }
  .sr-latest-grid, .sr-guide-grid, .sr-game-grid, .sr-list-grid, .sr-provider-grid, .sr-method-grid { grid-template-columns: 1fr; }
  .sr-method-grid article, .sr-method-grid article:nth-child(odd) { border-left: 0; padding: 0 0 18px; margin: 0 0 18px; border-bottom: 1px solid var(--color-border); border-top: 0; }
  .sr-method-grid article:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }
  .sr-section-heading-row { align-items: flex-start; flex-direction: column; }
  .sr-section-heading h2 { font-size: 1.7rem; }
  .sr-slot-card h3 { font-size: 19px; }
  .sr-methods { padding: 26px 18px; }
  .sr-related-grid { grid-template-columns: repeat(2, 1fr); }
  .sr-shots-grid { grid-template-columns: 1fr; }
  .sr-footer { --ft-cols: 1fr; }
  .sr-fnote { grid-column: auto; }
  .sr-ad-related-grid { grid-template-columns: 1fr; }
  /* v1.4.6：手机评分条 2×2 */
  .sr-statsbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sr-statsbar-cell:nth-child(odd) { border-left: 0; }
  .sr-statsbar-cell:nth-child(n + 3) { border-top: 1px solid var(--color-border); }
  /* v1.4.6：手机平台卡——单张满宽，多张 scroll-snap 横滑轨道（84–88% 屏宽） */
  .sr-offer-track {
    flex-wrap: nowrap;
    justify-content: flex-start;
    max-width: none;
    margin-inline: 0;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px;
  }
  .sr-offer-card { flex: 0 0 93%; width: auto; scroll-snap-align: center; } /* 93% 轨道 ≈ 85% 屏宽，右侧露出约 25px 下一张 */
  .sr-offer-count-1 { overflow-x: visible; }
  .sr-offer-count-1 .sr-offer-card { flex: 0 0 100%; }
  .sr-offers-hint {
    display: block;
    margin-top: 2px;
    color: var(--color-text-muted);
    font-size: 11px;
    text-align: center;
  }
  .sr-offer-count-1 + .sr-offers-hint { display: none; } /* 单卡不显示滑动提示 */
  .sr-demo-play { width: 210px; height: 52px; font-size: 15px; }
  .sr-list-title, .sr-cp-title, .sr-gp-title, .sr-page-title, .sr-detail-title { font-size: 2.25rem; }
  .sr-cp-pay-grid { grid-template-columns: repeat(3, 1fr); }
  .sr-search-panel { margin-top: 64px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* ===== v1.4.2 新增模块 ===== */

/* Fichas destacadas（排行式） */
.sr-fichas-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.sr-fichas-row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface-raised);
  transition: border-color .16s ease;
  min-height: 74px;
}
.sr-fichas-row:hover { border-color: var(--color-brand); }
.sr-fichas-rank {
  width: 26px; height: 26px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 6px;
  background: var(--color-surface-soft);
  color: var(--color-text-secondary);
  font: 800 12px var(--font-display);
  flex-shrink: 0;
}
.sr-rank-top { background: var(--color-brand-soft); color: #f28c94; }
.sr-fichas-thumb {
  display: block;
  width: 96px; height: 54px;
  border-radius: 4px;
  flex-shrink: 0;
  overflow: hidden;
  background: var(--color-surface-soft);
}
.sr-fichas-thumb img {
  width: 100%; height: 100%;
  object-fit: cover;
}
.sr-fichas-info { flex: 1; min-width: 0; }
.sr-fichas-title { display: block; font-size: 13.5px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sr-fichas-meta { display: block; margin-top: 2px; font-size: 12px; color: var(--color-text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Juegos destacados（图片卡片） */
.sr-card-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.sr-fcard {
  display: flex; flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-surface-raised);
  transition: border-color .16s ease, background .16s ease;
}
.sr-fcard:hover { border-color: var(--color-brand); background: var(--color-surface); box-shadow: 0 8px 22px rgba(0, 0, 0, .35); }
.sr-fcard-media { display: block; aspect-ratio: 16 / 9; background: var(--color-surface-soft); }
.sr-fcard-media img { width: 100%; height: 100%; object-fit: cover; }
.sr-img-placeholder { display: block; width: 100%; height: 100%; background: linear-gradient(180deg, var(--color-surface-soft), var(--color-surface)); }
.sr-fcard-body { display: flex; flex-direction: column; flex: 1; padding: 12px 14px; }
.sr-fcard-body h3 { margin: 0 0 4px; font: 700 15px / 1.25 var(--font-display); }
.sr-fcard-body h3 a:hover { color: var(--color-brand); }
.sr-fcard-provider { color: var(--color-turquoise); font: 700 11px var(--font-display); }
.sr-fcard-maxwin { margin-top: 6px; color: var(--color-text-secondary); font-size: 12px; }
.sr-fcard-link { margin-top: auto; padding-top: 10px; color: var(--color-brand); font: 700 11px var(--font-display); }
.sr-fcard-link:hover { color: var(--color-brand-hover); }

/* 新闻图片卡片 */
.sr-news-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.sr-news-card {
  display: flex; flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-surface-raised);
}
.sr-news-media { aspect-ratio: 16 / 9; background: var(--color-surface-soft); }
.sr-news-media img { width: 100%; height: 100%; object-fit: cover; }
.sr-news-body { display: flex; flex-direction: column; flex: 1; padding: 14px; }
.sr-news-body > span { color: var(--color-turquoise); font: 700 10px var(--font-display); }
.sr-news-body h3 { margin: 6px 0; font: 700 15px / 1.25 var(--font-display); }
.sr-news-body h3 a:hover { color: var(--color-brand); }
.sr-news-body p { margin: 0; color: var(--color-text-secondary); font-size: 13px; line-height: 1.5; }
.sr-news-body > a { margin-top: 9px; color: var(--color-brand); font: 700 11px var(--font-display); }
.sr-news-body > a:hover { color: var(--color-brand-hover); }

/* Footer 说明区块（v1.4.5：与上层链接网格共用同一列模板和列间距，边界严格对齐；4列时第3条跨最后两列，2列时独占整行） */
.sr-footer-notes {
  display: grid;
  grid-template-columns: var(--ft-cols);
  gap: 28px;
  padding: 0 0 20px;
}
.sr-footer-cols-4 .sr-fnote:last-child { grid-column: span 2; }
.sr-footer-cols-2 .sr-fnote:last-child { grid-column: 1 / -1; }
.sr-fnote { border-top: 1px solid var(--color-border); padding-top: 12px; }
.sr-fnote h3 { margin: 0 0 6px; color: var(--color-text); font: 700 11px var(--font-display); }
.sr-fnote p { margin: 0; color: var(--color-text-muted); font-size: 12.5px; line-height: 1.7; }
.sr-age-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px; height: 24px;
  margin-right: 6px;
  border: 2px solid var(--color-text-muted);
  border-radius: 50%;
  color: var(--color-text-secondary);
  font: 800 9px var(--font-display);
  vertical-align: middle;
}

/* 厂商总目录页 */
.sr-directory, .sr-provider-detail { padding: 28px 0 64px; }
/* 页面眉题（目录页/厂商详情页共用） */
.sr-page-eyebrow { color: var(--color-turquoise); font: 700 11px var(--font-display); letter-spacing: .04em; }
.sr-page-header { max-width: 760px; margin-bottom: 20px; }
.sr-page-header .sr-page-title { margin: 7px 0 0; }
.sr-page-header .sr-page-desc { margin-top: 8px; }
.sr-page-desc { color: var(--color-text-secondary); font-size: 16px; line-height: 1.65; }
.sr-dir-section { padding-top: 32px; }
/* v1.4.5：6 厂商桌面 3列×2行（不再出现 5+1 孤立排列） */
.sr-dir-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.sr-dir-card {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
  min-height: 132px;
  padding: 16px 12px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-surface-raised);
  text-align: center;
  transition: border-color .16s ease, background .16s ease;
}
a.sr-dir-card:hover, a.sr-dir-card:focus-visible { border-color: var(--color-brand); background: var(--color-surface); }
.sr-dir-logo { display: flex; align-items: center; justify-content: center; width: 100%; height: 64px; }
.sr-dir-logo img { max-width: 100%; max-height: 64px; object-fit: contain; }
.sr-dir-name { color: var(--color-text); font: 700 13px / 1.3 var(--font-display); overflow-wrap: anywhere; }
.sr-dir-logo .sr-dir-name { font-size: 12px; }
.sr-dir-count { color: var(--color-text-muted); font-size: 11.5px; }
.sr-empty-state { padding: 42px; border: 1px dashed var(--color-border); border-radius: var(--radius); text-align: center; color: var(--color-text-secondary); font-size: 14px; }

/* 厂商详情页 */
.sr-pd-head { display: flex; align-items: center; gap: 20px; margin-bottom: 8px; }
.sr-pd-logo {
  display: flex; align-items: center; justify-content: center;
  width: 120px; height: 120px; flex-shrink: 0;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-surface);
  overflow: hidden;
}
.sr-pd-logo img { max-width: 88%; max-height: 88%; object-fit: contain; }
.sr-pd-titlebox { min-width: 0; }
.sr-pd-titlebox .sr-page-title { margin: 7px 0 0; }
.sr-pd-titlebox .sr-page-desc { margin-top: 8px; }
.sr-pd-stats { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 12px; color: var(--color-text-muted); font-size: 12.5px; }
.sr-pd-stats span + span::before { content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: var(--color-text-muted); margin-right: 18px; vertical-align: middle; }
.sr-pd-about { padding-top: 36px; }
.sr-pd-about-grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(280px, 5fr); gap: 32px; align-items: start; }
.sr-pd-editorial { min-width: 0; }
.sr-pd-editorial .sr-content-body { font-size: 15.5px; }
.sr-pd-source { margin: 16px 0 0; color: var(--color-text-muted); font-size: 13px; }
.sr-empty-text { color: var(--color-text-muted); font-size: 14px; }
.sr-pd-facts { padding: 16px; border: 1px solid var(--color-border); border-radius: var(--radius); background: var(--color-surface); }
.sr-pd-facts h3 { padding-bottom: 10px; border-bottom: 1px solid var(--color-border); font: 800 14px var(--font-display); }
.sr-pd-facts dl div { display: grid; grid-template-columns: 42% 58%; padding: 9px 0; border-bottom: 1px solid var(--color-border); }
.sr-pd-facts dl div:last-child { border-bottom: 0; }
.sr-pd-facts dt { color: var(--color-text-muted); font: 700 9px var(--font-display); text-transform: uppercase; letter-spacing: .02em; }
.sr-pd-facts dd { color: var(--color-text); font-size: 12.5px; text-align: right; overflow-wrap: anywhere; }
.sr-pd-games { padding-top: 32px; }
.sr-pd-games-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.sr-pd-game {
  display: flex; flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-surface-raised);
}
.sr-pd-game-media { display: block; aspect-ratio: 16 / 9; background: var(--color-surface-soft); }
.sr-pd-game-media img { width: 100%; height: 100%; object-fit: cover; }
.sr-pd-game-body { padding: 12px 14px; }
.sr-pd-game-body h3 { margin: 0 0 8px; font: 700 14px / 1.25 var(--font-display); }
.sr-pd-game-body h3 a:hover { color: var(--color-brand); }
.sr-pd-game-link { display: inline-block; margin-top: 10px; color: var(--color-brand); font: 700 11px var(--font-display); }
.sr-pd-game-link:hover { color: var(--color-brand-hover); }
.sr-pd-game-stats { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--color-border); padding-top: 8px; }
.sr-pd-game-stats div { padding: 0 6px; border-right: 1px solid var(--color-border); }
.sr-pd-game-stats div:first-child { padding-left: 0; }
.sr-pd-game-stats div:last-child { border-right: 0; }
.sr-pd-game-stats dt { color: var(--color-text-muted); font: 700 9px var(--font-display); }
.sr-pd-game-stats dd { margin-top: 2px; color: var(--color-text); font-size: 11px; font-weight: 600; }

/* ===== v1.4.2 响应式补充 ===== */
@media (max-width: 1100px) {
  .sr-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sr-dir-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sr-pd-about-grid { grid-template-columns: 1fr; }
  .sr-pd-games-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sr-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 780px) {
  .sr-fichas-grid { grid-template-columns: minmax(0, 1fr); }
  .sr-fichas-thumb { width: 84px; height: 47px; }
}
@media (max-width: 520px) {
  .sr-card-grid, .sr-news-grid, .sr-pd-games-grid { grid-template-columns: 1fr; }
  .sr-dir-grid { grid-template-columns: 1fr; }
  .sr-provider-grid { grid-template-columns: 1fr; }
  .sr-pd-head { flex-direction: column; align-items: flex-start; }
  .sr-pd-logo { width: 96px; height: 96px; }
}

/* 图片加载失败 fallback：隐藏 img，容器保持 16:9 中性背景（无破图图标、无 alt 文本） */
img.sr-img-failed { display: none !important; }
.sr-logo-failed::after {
  content: attr(data-name);
  color: var(--color-text-secondary);
  font: 700 13px var(--font-display);
}

/* ===== v1.4.5 媒体容器统一 16:9 ===== */
/* 图片绝对定位脱离文档流：容器高度只由 aspect-ratio 决定，
   防止方形固有尺寸的图片把网格行撑高（min-height:auto 问题） */
.sr-card-media { position: relative; overflow: hidden; }
.sr-card-media > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* 详情页横幅：同一机制，contain 居中信箱填充 */
.sr-detail-banner img, .sr-ad-banner img, .sr-shot img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.sr-detail-banner img { object-fit: cover; object-position: center; }
.sr-ad-banner img, .sr-shot img { object-fit: cover; }
/* 指南/新闻网格：行等高，同网格内卡片高度一致 */
.sr-guide-grid, .sr-news-grid { grid-auto-rows: 1fr; }

/* ===== v1.4.5 无图卡版式（sr-noimg）：媒体区已不渲染，文字内容垂直合理居中；
   混排网格中卡片仍与有图卡等高，但不再上顶下底、中间留空洞 ===== */
.sr-noimg .sr-slot-card-body,
.sr-noimg .sr-fcard-body,
.sr-noimg .sr-news-body { justify-content: center; }
.sr-guide-card.sr-noimg,
.sr-news-card.sr-noimg { justify-content: center; }
.sr-list-card.sr-noimg,
.sr-related-card.sr-noimg { display: flex; flex-direction: column; justify-content: center; }
.sr-pd-game.sr-noimg { justify-content: center; }
/* 中和靠底对齐（无图时不再把尾部元素推到底部） */
.sr-noimg .sr-slot-card-footer { margin-top: 14px; }
.sr-noimg .sr-fcard-link { margin-top: 10px; }
.sr-noimg .sr-guide-link { margin-top: 14px; }
@media (max-width: 520px) {
  /* 移动端统计行：去掉分隔圆点，改纵向排列 */
  .sr-pd-stats { flex-direction: column; gap: 4px; }
  .sr-pd-stats span + span::before { display: none; }
}

/* ===== 赌场聚合 v7（deepzb/SlotLupa 专属）：三列评级卡——排名+Logo | 名称/评分/简介/字段 | 优惠+CTA。仅 .sr-casinos-page 命名空间 ===== */
.sr-casinos-page { padding: 8px 0 64px; }
.sr-casinos-page .sr-cp-title { font-size: clamp(42px, 4vw, 48px); letter-spacing: -.03em; }
.sr-casinos-page .sr-cp-header { max-width: none; margin-bottom: 18px; }
.sr-casinos-page .sr-cp-desc { max-width: 720px; }

.sr-casinos-page .sr-cp-trust { display: flex; flex-wrap: wrap; gap: 8px 16px; padding: 10px 0 18px; margin-bottom: 28px; border: 0; border-bottom: 1px solid var(--color-border); background: transparent; }
.sr-casinos-page .sr-cp-trust-item { font-size: 12px; }
.sr-casinos-page .sr-cp-trust-item::before { content: "●"; color: var(--color-turquoise); font-size: 7px; margin-right: 6px; vertical-align: 2px; }

/* 卡片：三列 */
.sr-casinos-page .sr-cp-list { display: flex; flex-direction: column; gap: 16px; margin-bottom: 32px; }
.sr-casinos-page .sr-cp-card { display: grid; grid-template-columns: 118px minmax(0, 1fr) 280px; gap: 24px; align-items: stretch; padding: 22px 24px; background: var(--color-surface-raised); border: 1px solid var(--color-border); border-radius: 16px; transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease; height: auto; }
.sr-casinos-page .sr-cp-card:hover { border-color: var(--color-border-strong); transform: translateY(-2px); box-shadow: 0 10px 26px rgba(0, 0, 0, .35); }
.sr-casinos-page .sr-cp-card--first { border-color: rgba(240, 165, 26, .45); background: linear-gradient(0deg, rgba(240, 165, 26, .03), rgba(240, 165, 26, .03)), var(--color-surface-raised); }
.sr-casinos-page .sr-cp-card--first:hover { border-color: rgba(240, 165, 26, .7); }

/* 左区：排名徽章 + Logo 组件 */
.sr-casinos-page .sr-cp-card-left { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.sr-casinos-page .sr-cp-card-rank { font: 800 15px/1 var(--font-display); color: var(--color-text-muted); font-variant-numeric: tabular-nums; letter-spacing: .06em; padding: 5px 10px; border: 1px solid var(--color-border); border-radius: 999px; }
.sr-casinos-page .sr-cp-card--first .sr-cp-card-rank { color: var(--color-marigold); background: rgba(240, 165, 26, .12); border-color: rgba(240, 165, 26, .35); }
.sr-casinos-page .sr-cp-card-logo { display: flex; align-items: center; justify-content: center; width: 92px; height: 92px; border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-surface-soft); padding: 10px; }
.sr-casinos-page .sr-cp-card-logo img { max-width: 100%; max-height: 70px; width: auto; height: auto; object-fit: contain; }
.sr-casinos-page .sr-cp-card-logo-fallback { font-size: 24px; font-weight: 800; color: var(--color-text-secondary); letter-spacing: 2px; }

/* 中央信息区 */
.sr-casinos-page .sr-cp-card-center { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
/* 名称+评分文字容器：桌面打平（保持原间距），手机端整块进入右列 */
.sr-casinos-page .sr-cp-card-title { display: contents; }
.sr-casinos-page .sr-cp-card-name { margin: 0; font: 700 25px/1.25 var(--font-display); letter-spacing: -.01em; }
.sr-casinos-page .sr-cp-card-name a { color: var(--color-text); text-decoration: none; }
.sr-casinos-page .sr-cp-card-name a:hover { text-decoration: underline; text-underline-offset: 3px; }

/* 评分：名称下方、纯文字、左对齐；9.1 marigold + kicker 标签 */
.sr-casinos-page .sr-cp-card-score { display: flex; flex-wrap: wrap; align-items: center; column-gap: 6px; row-gap: 2px; padding: 0; margin: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; width: auto; min-width: 0; max-width: none; }
.sr-casinos-page .sr-cp-card-score-num { display: inline-flex; align-items: baseline; gap: 3px; font-size: 19px; font-weight: 800; color: var(--color-marigold); line-height: 1.1; font-variant-numeric: tabular-nums; }
.sr-casinos-page .sr-cp-card-score-total { font-size: 11px; font-weight: 600; color: var(--color-text-muted); }
.sr-casinos-page .sr-cp-card-score-label { font-size: 10.5px; font-weight: 600; color: var(--color-text-muted); letter-spacing: .08em; text-transform: uppercase; }
.sr-casinos-page .sr-cp-card-score-label::before { content: "·"; margin-right: 6px; color: var(--color-text-muted); }

.sr-casinos-page .sr-cp-card-summary { margin: 0; color: var(--color-text-secondary); font-size: 15px; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.sr-casinos-page .sr-cp-card-pros { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 5px; }
.sr-casinos-page .sr-cp-card-pros li { position: relative; padding-left: 18px; color: var(--color-text-secondary); font-size: 13px; line-height: 1.5; }
.sr-casinos-page .sr-cp-card-pros li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--color-turquoise); font-weight: 700; }

/* 关键字段：kicker 标签信息组 */
.sr-casinos-page .sr-cp-card-fields { display: flex; flex-wrap: wrap; column-gap: 28px; row-gap: 10px; margin-top: 2px; }
.sr-casinos-page .sr-cp-card-field { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sr-casinos-page .sr-cp-card-field-k { font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--color-text-muted); }
.sr-casinos-page .sr-cp-card-field-v { font-size: 13.5px; color: var(--color-text-secondary); }
.sr-casinos-page .sr-cp-card-field--wide { flex-basis: 100%; }

/* Ver más：中央区底部，hairline 上方 */
.sr-casinos-page .sr-cp-card-more { border-top: 1px solid var(--color-border); padding-top: 8px; margin-top: auto; }
.sr-casinos-page .sr-cp-card-more summary { cursor: pointer; font-size: 12.5px; font-weight: 700; color: var(--color-text-muted); list-style: none; display: flex; justify-content: space-between; align-items: center; padding: 4px 0; min-height: 28px; }
.sr-casinos-page .sr-cp-card-more summary::after { content: "+"; font-size: 15px; color: var(--color-turquoise); }
.sr-casinos-page .sr-cp-card-more[open] summary::after { content: "−"; }
.sr-casinos-page .sr-cp-card-more-body { margin-top: 8px; color: var(--color-text-secondary); font-size: 12.5px; line-height: 1.7; }
.sr-casinos-page .sr-cp-card-cons { list-style: none; margin: 4px 0 0; padding: 0; }
.sr-casinos-page .sr-cp-card-cons li { position: relative; padding-left: 16px; }
.sr-casinos-page .sr-cp-card-cons li::before { content: "–"; position: absolute; left: 0; color: var(--color-text-muted); }

/* 右区：优惠面板 + CTA */
.sr-casinos-page .sr-cp-card-right { display: flex; flex-direction: column; gap: 14px; }
.sr-casinos-page .sr-cp-card-offer { border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-surface); padding: 16px; height: auto; }
.sr-casinos-page .sr-cp-card-offer-title { margin: 0 0 6px; font-size: 10.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--color-text-muted); }
.sr-casinos-page .sr-cp-card-offer-text { margin: 0; color: var(--color-text); font-size: 15px; font-weight: 650; line-height: 1.5; }
.sr-casinos-page .sr-cp-card-offer-terms { display: inline-block; margin-top: 8px; font-size: 12px; font-weight: 600; color: var(--color-turquoise); text-decoration: none; }
.sr-casinos-page .sr-cp-card-offer-terms:hover { text-decoration: underline; }
.sr-casinos-page .sr-cp-card-actions { display: flex; flex-direction: column; gap: 10px; margin-top: auto; }
.sr-casinos-page .sr-cp-card-btn { display: flex; align-items: center; justify-content: center; height: 48px; padding: 0 16px; border-radius: 10px; font-size: 14px; font-weight: 800; text-decoration: none; transition: background-color .16s ease, border-color .16s ease; }
.sr-casinos-page .sr-cp-card-btn--primary { background: var(--color-brand); border: 1px solid var(--color-brand); color: #fff; }
.sr-casinos-page .sr-cp-card-btn--primary:hover { background: var(--color-brand-hover); }
.sr-casinos-page .sr-cp-card-btn--ghost { border: 1px solid var(--color-border-strong); color: var(--color-text); background: transparent; }
.sr-casinos-page .sr-cp-card-btn--ghost:hover { border-color: var(--color-text-muted); background: rgba(255, 255, 255, .04); }
.sr-casinos-page .sr-cp-card-verified { margin: 0; color: var(--color-text-muted); font-size: 11.5px; }

/* 支付方式 / 评测说明 / FAQ */
.sr-casinos-page .sr-cp-payments, .sr-casinos-page .sr-cp-how, .sr-casinos-page .sr-cp-faq { padding: 22px 24px; background: var(--color-surface-raised); border: 1px solid var(--color-border); border-radius: 16px; margin-bottom: 20px; }
.sr-casinos-page .sr-cp-pay-item { padding: 10px 6px; font-size: 12.5px; }
.sr-casinos-page .sr-cp-how-grid { gap: 12px; }
.sr-casinos-page .sr-cp-how-item { background: var(--color-surface); padding: 14px; }
.sr-casinos-page .sr-cp-how-item p { font-size: 12px; }
.sr-casinos-page .sr-cp-faq-item { border-bottom: 1px solid var(--color-border); padding: 6px 0; }
.sr-casinos-page .sr-cp-faq-item:last-child { border-bottom: 0; }
.sr-casinos-page .sr-cp-faq-item summary { cursor: pointer; font: 700 14.5px var(--font-display); color: var(--color-text); padding: 10px 0; list-style: none; display: flex; justify-content: space-between; align-items: center; }
.sr-casinos-page .sr-cp-faq-item summary::after { content: "+"; font-size: 18px; color: var(--color-turquoise); transition: transform .16s ease; }
.sr-casinos-page .sr-cp-faq-item[open] summary::after { transform: rotate(45deg); }
.sr-casinos-page .sr-cp-faq-item p { margin: 0 0 12px; color: var(--color-text-secondary); font-size: 13.5px; line-height: 1.7; }

.sr-casinos-page a:focus-visible { outline: 2px solid var(--color-turquoise); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
  .sr-casinos-page .sr-cp-card { transition: none; }
  .sr-casinos-page .sr-cp-faq-item summary::after { transition: none; }
}

/* 平板：三列收窄 */
@media (max-width: 1119px) {
  .sr-casinos-page .sr-cp-card { grid-template-columns: 104px minmax(0, 1fr) 240px; gap: 18px; padding: 20px; }
  .sr-casinos-page .sr-cp-card-logo { width: 84px; height: 84px; }
  .sr-casinos-page .sr-cp-card-name { font-size: 22px; }
}

/* 手机：专用移动结构 */
@media (max-width: 767px) {
  .sr-casinos-page .sr-container { width: min(100% - 32px, var(--content-max)); }
  .sr-casinos-page .sr-cp-title { font-size: clamp(30px, 8.5vw, 32px); }
  .sr-casinos-page .sr-cp-desc { font-size: 16px; line-height: 1.6; }
  .sr-casinos-page .sr-cp-trust { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; row-gap: 10px; margin-bottom: 28px; }

  .sr-casinos-page .sr-cp-card { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 12px; row-gap: 13px; padding: 16px; align-items: start; }
  .sr-casinos-page .sr-cp-card-center, .sr-casinos-page .sr-cp-card-right { display: contents; }
  /* 左区=排名徽章的定位上下文（绑定各自 Logo），置于首行左列 */
  .sr-casinos-page .sr-cp-card-left { grid-column: 1; grid-row: 1; position: relative; align-self: start; display: block; }
  .sr-casinos-page .sr-cp-card-rank { position: absolute; top: 5px; left: 5px; z-index: 1; font-size: 11px; font-weight: 800; padding: 3px 7px; border-radius: 999px; line-height: 1; }
  .sr-casinos-page .sr-cp-card-logo { display: flex; width: 56px; height: 56px; padding: 8px; border-radius: 10px; }
  .sr-casinos-page .sr-cp-card-logo img { max-height: 40px; }
  .sr-casinos-page .sr-cp-card-logo-fallback { font-size: 18px; letter-spacing: 1px; }
  /* 名称+评分同一文字容器，进入右列首行 */
  .sr-casinos-page .sr-cp-card-title { display: flex; flex-direction: column; gap: 5px; align-items: flex-start; min-width: 0; grid-column: 2; grid-row: 1; align-self: start; }
  .sr-casinos-page .sr-cp-card-name { font-size: 20px; }
  .sr-casinos-page .sr-cp-card-score { min-width: 0; max-width: none; }
  .sr-casinos-page .sr-cp-card-summary { grid-column: 1 / -1; font-size: 15px; -webkit-line-clamp: unset; display: block; }
  .sr-casinos-page .sr-cp-card-pros { grid-column: 1 / -1; }
  /* 字段：PAGOS/JUEGOS 两列、牌照整行 */
  .sr-casinos-page .sr-cp-card-fields { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 18px; row-gap: 10px; }
  .sr-casinos-page .sr-cp-card-field--wide { grid-column: 1 / -1; flex-basis: auto; }
  .sr-casinos-page .sr-cp-card-more { grid-column: 1 / -1; margin-top: 0; }
  .sr-casinos-page .sr-cp-card-offer { grid-column: 1 / -1; padding: 14px 16px; height: auto; }
  .sr-casinos-page .sr-cp-card-actions { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-items: start; margin-top: 0; flex-direction: initial; }
  .sr-casinos-page .sr-cp-card-btn { height: 48px; min-height: 0; max-height: 52px; padding: 0 10px; font-size: 14px; }
  .sr-casinos-page .sr-cp-card-verified { grid-column: 1 / -1; margin: 0; }
  .sr-casinos-page .sr-cp-how-grid, .sr-casinos-page .sr-cp-pay-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 359px) {
  .sr-casinos-page .sr-cp-card-actions { grid-template-columns: 1fr; gap: 8px; }
}
/* ===== /slots/ 专属（deepzb）：居中容器 + 4/3/2/1 响应式网格 + 首页说明内容。仅 .sr-slots-index 命名空间 ===== */
.sr-slots-index { max-width: 1280px; margin-inline: auto; padding-left: 24px; padding-right: 24px; }
.sr-slots-index .sr-list-title { font-size: clamp(30px, 3.4vw, 46px); letter-spacing: -.02em; }
.sr-slots-index .sr-slots-intro { max-width: 760px; margin: 12px 0 26px; color: var(--color-text-secondary); font-size: 16.5px; line-height: 1.6; }
.sr-slots-index .sr-list-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.sr-slots-index .sr-list-card { display: flex; flex-direction: column; height: auto; }
.sr-slots-index .sr-list-card-img { aspect-ratio: 16 / 9; overflow: hidden; }
.sr-slots-index .sr-list-card-img img { width: 100%; height: 100%; object-fit: cover; }
.sr-slots-index .sr-list-card-body { padding: 14px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.sr-slots-index .sr-list-card-title { font-size: 15.5px; line-height: 1.35; }
.sr-slots-index .sr-list-card-excerpt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sr-slots-index .sr-list-card-footer { margin-top: auto; }

/* 首页说明内容 */
.sr-slots-index .sr-slots-content { max-width: 1040px; margin: 48px auto 0; }
.sr-slots-index .sr-slots-section { margin-bottom: 40px; }
.sr-slots-index .sr-slots-section h2 { font: 800 21px var(--font-display); margin: 0 0 12px; color: var(--color-text); }
.sr-slots-index .sr-slots-lead { color: var(--color-text-secondary); line-height: 1.6; max-width: 780px; margin: 0; }
.sr-slots-index .sr-slots-trio { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 16px; }
.sr-slots-index .sr-slots-trio-item { background: var(--color-surface-raised); border: 1px solid var(--color-border); border-radius: 12px; padding: 16px; }
.sr-slots-index .sr-slots-trio-item h3 { font-size: 14.5px; margin: 0 0 6px; color: var(--color-text); }
.sr-slots-index .sr-slots-trio-item p { margin: 0; color: var(--color-text-secondary); font-size: 13px; line-height: 1.6; }
.sr-slots-index .sr-slots-defs { display: flex; flex-direction: column; gap: 14px; margin: 0; }
.sr-slots-index .sr-slots-defs dt { font-weight: 700; color: var(--color-text); font-size: 14.5px; }
.sr-slots-index .sr-slots-defs dd { margin: 4px 0 0; color: var(--color-text-secondary); font-size: 13.5px; line-height: 1.65; max-width: 820px; }
.sr-slots-index .sr-slots-explore { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.sr-slots-index .sr-slots-explore-card { display: flex; flex-direction: column; gap: 8px; background: var(--color-surface-raised); border: 1px solid var(--color-border); border-radius: 12px; padding: 18px; text-decoration: none; transition: border-color .16s ease; }
.sr-slots-index .sr-slots-explore-card:hover { border-color: var(--color-border-strong); }
.sr-slots-index .sr-slots-explore-card h3 { font-size: 15.5px; margin: 0; color: var(--color-text); }
.sr-slots-index .sr-slots-explore-card p { margin: 0; color: var(--color-text-secondary); font-size: 13px; line-height: 1.55; }
.sr-slots-index .sr-slots-explore-cta { color: var(--color-turquoise); font-weight: 700; font-size: 13.5px; }
.sr-slots-index .sr-slots-faq-item { border-bottom: 1px solid var(--color-border); padding: 6px 0; }
.sr-slots-index .sr-slots-faq-item:last-child { border-bottom: 0; }
.sr-slots-index .sr-slots-faq-item summary { cursor: pointer; font: 700 14.5px var(--font-display); color: var(--color-text); padding: 10px 0; list-style: none; display: flex; justify-content: space-between; align-items: center; }
.sr-slots-index .sr-slots-faq-item summary::after { content: "+"; font-size: 18px; color: var(--color-turquoise); transition: transform .16s ease; }
.sr-slots-index .sr-slots-faq-item[open] summary::after { content: "−"; }
.sr-slots-index .sr-slots-faq-item p { margin: 0 0 12px; color: var(--color-text-secondary); font-size: 13.5px; line-height: 1.7; }

@media (max-width: 1199px) {
  .sr-slots-index .sr-list-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 899px) {
  .sr-slots-index .sr-list-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sr-slots-index .sr-slots-trio { grid-template-columns: 1fr; }
  .sr-slots-index .sr-slots-explore { grid-template-columns: 1fr; }
}
@media (max-width: 599px) {
  .sr-slots-index { padding-left: 16px; padding-right: 16px; }
  .sr-slots-index .sr-list-grid { grid-template-columns: 1fr; }
  .sr-slots-index .sr-list-title { font-size: clamp(30px, 8.5vw, 34px); }
}

/* /slots/ 卡片 5 列覆盖（桌面） */
.sr-slots-index    .sr-list-grid{grid-template-columns:repeat(5,minmax(0,1fr))}

.sr-slots-index    .sr-list-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1199px){.sr-slots-index .sr-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:899px){.sr-slots-index    .sr-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){.sr-slots-index .sr-list-grid{grid-template-columns:1fr}}
/* ===== /slots/ v3（deepzb）：1440 居中 shell + 左主区3列 + 右320侧栏。追加在文件末尾，覆盖此前所有 slots 覆盖 ===== */
.sr-slots-index { max-width: none; padding: 0; }
.sr-slots-index .slots-page-shell { max-width: 1440px; margin: 32px auto; padding: 24px; background: #101419; border: 1px solid #252b33; border-radius: 14px; }
.sr-slots-index .slots-content-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; align-items: start; }
.sr-slots-index .slots-main { min-width: 0; }
.sr-slots-index .sr-list-title { font-size: clamp(30px, 3vw, 44px); letter-spacing: -.02em; }
.sr-slots-index .sr-slots-intro { max-width: 760px; margin: 12px 0 24px; color: var(--color-text-secondary); font-size: 16px; line-height: 1.6; }
.sr-slots-index .sr-list-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.sr-slots-index .sr-list-card-img { aspect-ratio: 16 / 9; overflow: hidden; }
.sr-slots-index .sr-list-card-img img { width: 100%; height: 100%; object-fit: cover; }
.sr-slots-index .sr-list-card-body { padding: 14px; }
.sr-slots-index .sr-list-card-title { font-size: 15.5px; line-height: 1.35; }
.sr-slots-index .sr-list-card-excerpt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* 首页说明内容（主列底部，第一页） */
.sr-slots-index .sr-slots-content { margin-top: 44px; }
.sr-slots-index .sr-slots-section { margin-bottom: 36px; }
.sr-slots-index .sr-slots-section h2 { font: 800 20px var(--font-display); margin: 0 0 12px; color: var(--color-text); }
.sr-slots-index .sr-slots-lead { color: var(--color-text-secondary); line-height: 1.6; max-width: 780px; margin: 0; }
.sr-slots-index .sr-slots-trio { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 16px; }
.sr-slots-index .sr-slots-trio-item { background: var(--color-surface-raised); border: 1px solid var(--color-border); border-radius: 12px; padding: 16px; }
.sr-slots-index .sr-slots-trio-item h3 { font-size: 14.5px; margin: 0 0 6px; color: var(--color-text); }
.sr-slots-index .sr-slots-trio-item p { margin: 0; color: var(--color-text-secondary); font-size: 13px; line-height: 1.6; }
.sr-slots-index .sr-slots-defs { display: flex; flex-direction: column; gap: 14px; margin: 0; }
.sr-slots-index .sr-slots-defs dt { font-weight: 700; color: var(--color-text); font-size: 14.5px; }
.sr-slots-index .sr-slots-defs dd { margin: 4px 0 0; color: var(--color-text-secondary); font-size: 13.5px; line-height: 1.65; max-width: 820px; }
.sr-slots-index .sr-slots-explore { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.sr-slots-index .sr-slots-explore-card { display: flex; flex-direction: column; gap: 8px; background: var(--color-surface-raised); border: 1px solid var(--color-border); border-radius: 12px; padding: 18px; text-decoration: none; transition: border-color .16s ease; }
.sr-slots-index .sr-slots-explore-card:hover { border-color: var(--color-border-strong); }
.sr-slots-index .sr-slots-explore-card h3 { font-size: 15.5px; margin: 0; color: var(--color-text); }
.sr-slots-index .sr-slots-explore-card p { margin: 0; color: var(--color-text-secondary); font-size: 13px; line-height: 1.55; }
.sr-slots-index .sr-slots-explore-cta { color: var(--color-turquoise); font-weight: 700; font-size: 13.5px; }
.sr-slots-index .sr-slots-faq-item { border-bottom: 1px solid var(--color-border); padding: 6px 0; }
.sr-slots-index .sr-slots-faq-item:last-child { border-bottom: 0; }
.sr-slots-index .sr-slots-faq-item summary { cursor: pointer; font: 700 14.5px var(--font-display); color: var(--color-text); padding: 10px 0; list-style: none; display: flex; justify-content: space-between; align-items: center; }
.sr-slots-index .sr-slots-faq-item summary::after { content: "+"; font-size: 18px; color: var(--color-turquoise); transition: transform .16s ease; }
.sr-slots-index .sr-slots-faq-item[open] summary::after { content: "−"; }
.sr-slots-index .sr-slots-faq-item p { margin: 0 0 12px; color: var(--color-text-secondary); font-size: 13.5px; line-height: 1.7; }

/* 右侧 320px 侧栏（真实内容） */
.sr-slots-index .slots-sidebar { display: flex; flex-direction: column; gap: 20px; position: sticky; top: 88px; }
.sr-slots-index .slots-side-block { border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-surface-raised); padding: 16px; }
.sr-slots-index .slots-side-title { font: 800 14px var(--font-display); color: var(--color-text); margin: 0 0 10px; padding-bottom: 8px; border-bottom: 1px solid var(--color-border); }
.sr-slots-index .slots-side-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.sr-slots-index .slots-side-list li a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 7px 4px; border-radius: 6px; color: var(--color-text-secondary); font-size: 13px; line-height: 1.4; text-decoration: none; transition: color .16s ease, background .16s ease; }
.sr-slots-index .slots-side-list li a:hover { color: var(--color-turquoise); background: rgba(255, 255, 255, .03); }
.sr-slots-index .slots-side-item-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sr-slots-index .slots-side-item-score { color: var(--color-marigold); font-weight: 800; font-size: 12.5px; flex-shrink: 0; }
.sr-slots-index .slots-side-text { margin: 0; color: var(--color-text-secondary); font-size: 13px; line-height: 1.65; }

/* 响应式 */
@media (max-width: 1023px) {
  .sr-slots-index .slots-content-layout { grid-template-columns: 1fr; }
  .sr-slots-index .slots-sidebar { position: static; flex-direction: row; flex-wrap: wrap; }
  .sr-slots-index .slots-side-block { flex: 1 1 240px; }
  .sr-slots-index .sr-list-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sr-slots-index .sr-slots-trio { grid-template-columns: 1fr; }
  .sr-slots-index .sr-slots-explore { grid-template-columns: 1fr; }
}
@media (max-width: 599px) {
  .sr-slots-index .slots-page-shell { margin: 0; padding: 16px 12px; border-radius: 0; border-left: 0; border-right: 0; }
  .sr-slots-index .sr-list-grid { grid-template-columns: 1fr; }
  .sr-slots-index .slots-sidebar { flex-direction: column; }
  .sr-slots-index .slots-side-block { flex: none; }
  .sr-slots-index .sr-list-title { font-size: clamp(30px, 8.5vw, 34px); }
}
/* ===== /slots/ v3（deepzb）：1440 居中 shell + 左主区3列 + 右320侧栏。追加在文件末尾，覆盖此前所有 slots 覆盖 ===== */
.sr-slots-index { max-width: none; padding: 0; }
.sr-slots-index .slots-page-shell { max-width: 1440px; margin: 32px auto; padding: 24px; background: #101419; border: 1px solid #252b33; border-radius: 14px; }
.sr-slots-index .slots-content-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; align-items: start; }
.sr-slots-index .slots-main { min-width: 0; }
.sr-slots-index .sr-list-title { font-size: clamp(30px, 3vw, 44px); letter-spacing: -.02em; }
.sr-slots-index .sr-slots-intro { max-width: 760px; margin: 12px 0 24px; color: var(--color-text-secondary); font-size: 16px; line-height: 1.6; }
.sr-slots-index .sr-list-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.sr-slots-index .sr-list-card-img { aspect-ratio: 16 / 9; overflow: hidden; }
.sr-slots-index .sr-list-card-img img { width: 100%; height: 100%; object-fit: cover; }
.sr-slots-index .sr-list-card-body { padding: 14px; }
.sr-slots-index .sr-list-card-title { font-size: 15.5px; line-height: 1.35; }
.sr-slots-index .sr-list-card-excerpt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* 首页说明内容（主列底部，第一页） */
.sr-slots-index .sr-slots-content { margin-top: 44px; }
.sr-slots-index .sr-slots-section { margin-bottom: 36px; }
.sr-slots-index .sr-slots-section h2 { font: 800 20px var(--font-display); margin: 0 0 12px; color: var(--color-text); }
.sr-slots-index .sr-slots-lead { color: var(--color-text-secondary); line-height: 1.6; max-width: 780px; margin: 0; }
.sr-slots-index .sr-slots-trio { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 16px; }
.sr-slots-index .sr-slots-trio-item { background: var(--color-surface-raised); border: 1px solid var(--color-border); border-radius: 12px; padding: 16px; }
.sr-slots-index .sr-slots-trio-item h3 { font-size: 14.5px; margin: 0 0 6px; color: var(--color-text); }
.sr-slots-index .sr-slots-trio-item p { margin: 0; color: var(--color-text-secondary); font-size: 13px; line-height: 1.6; }
.sr-slots-index .sr-slots-defs { display: flex; flex-direction: column; gap: 14px; margin: 0; }
.sr-slots-index .sr-slots-defs dt { font-weight: 700; color: var(--color-text); font-size: 14.5px; }
.sr-slots-index .sr-slots-defs dd { margin: 4px 0 0; color: var(--color-text-secondary); font-size: 13.5px; line-height: 1.65; max-width: 820px; }
.sr-slots-index .sr-slots-explore { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.sr-slots-index .sr-slots-explore-card { display: flex; flex-direction: column; gap: 8px; background: var(--color-surface-raised); border: 1px solid var(--color-border); border-radius: 12px; padding: 18px; text-decoration: none; transition: border-color .16s ease; }
.sr-slots-index .sr-slots-explore-card:hover { border-color: var(--color-border-strong); }
.sr-slots-index .sr-slots-explore-card h3 { font-size: 15.5px; margin: 0; color: var(--color-text); }
.sr-slots-index .sr-slots-explore-card p { margin: 0; color: var(--color-text-secondary); font-size: 13px; line-height: 1.55; }
.sr-slots-index .sr-slots-explore-cta { color: var(--color-turquoise); font-weight: 700; font-size: 13.5px; }
.sr-slots-index .sr-slots-faq-item { border-bottom: 1px solid var(--color-border); padding: 6px 0; }
.sr-slots-index .sr-slots-faq-item:last-child { border-bottom: 0; }
.sr-slots-index .sr-slots-faq-item summary { cursor: pointer; font: 700 14.5px var(--font-display); color: var(--color-text); padding: 10px 0; list-style: none; display: flex; justify-content: space-between; align-items: center; }
.sr-slots-index .sr-slots-faq-item summary::after { content: "+"; font-size: 18px; color: var(--color-turquoise); transition: transform .16s ease; }
.sr-slots-index .sr-slots-faq-item[open] summary::after { content: "−"; }
.sr-slots-index .sr-slots-faq-item p { margin: 0 0 12px; color: var(--color-text-secondary); font-size: 13.5px; line-height: 1.7; }

/* 右侧 320px 侧栏（真实内容） */
.sr-slots-index .slots-sidebar { display: flex; flex-direction: column; gap: 20px; position: sticky; top: 88px; }
.sr-slots-index .slots-side-block { border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-surface-raised); padding: 16px; }
.sr-slots-index .slots-side-title { font: 800 14px var(--font-display); color: var(--color-text); margin: 0 0 10px; padding-bottom: 8px; border-bottom: 1px solid var(--color-border); }
.sr-slots-index .slots-side-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.sr-slots-index .slots-side-list li a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 7px 4px; border-radius: 6px; color: var(--color-text-secondary); font-size: 13px; line-height: 1.4; text-decoration: none; transition: color .16s ease, background .16s ease; }
.sr-slots-index .slots-side-list li a:hover { color: var(--color-turquoise); background: rgba(255, 255, 255, .03); }
.sr-slots-index .slots-side-item-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sr-slots-index .slots-side-item-score { color: var(--color-marigold); font-weight: 800; font-size: 12.5px; flex-shrink: 0; }
.sr-slots-index .slots-side-text { margin: 0; color: var(--color-text-secondary); font-size: 13px; line-height: 1.65; }

/* 响应式 */
@media (max-width: 1023px) {
  .sr-slots-index .slots-content-layout { grid-template-columns: 1fr; }
  .sr-slots-index .slots-sidebar { position: static; flex-direction: row; flex-wrap: wrap; }
  .sr-slots-index .slots-side-block { flex: 1 1 240px; }
  .sr-slots-index .sr-list-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sr-slots-index .sr-slots-trio { grid-template-columns: 1fr; }
  .sr-slots-index .sr-slots-explore { grid-template-columns: 1fr; }
}
@media (max-width: 599px) {
  .sr-slots-index .slots-page-shell { margin: 0; padding: 16px 12px; border-radius: 0; border-left: 0; border-right: 0; }
  .sr-slots-index .sr-list-grid { grid-template-columns: 1fr; }
  .sr-slots-index .slots-sidebar { flex-direction: column; }
  .sr-slots-index .slots-side-block { flex: none; }
  .sr-slots-index .sr-list-title { font-size: clamp(30px, 8.5vw, 34px); }
}

/* ===== 按钮式多选筛选系统（无原生控件；暗色面板+浮层菜单+可删标签） ===== */
.sr-slots-index .sr-filters { margin: 24px 0 10px; }
.sr-slots-index .sr-filter-panel { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 14px; background: #131820; border: 1px solid #303946; border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .025); }
.sr-slots-index .sr-game-search { flex: 1 1 300px; min-width: 300px; height: 48px; padding: 0 16px; box-sizing: border-box; appearance: none; -webkit-appearance: none; color: #f4f7fa; background: #0c1117; border: 1px solid #3a4553; border-radius: 9px; font-family: inherit; font-size: 14px; outline: none; box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3); transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease; }
.sr-slots-index .sr-game-search::placeholder { color: #7f8996; opacity: 1; }
.sr-slots-index .sr-game-search:hover { background: #0f151d; border-color: #4a5665; }
.sr-slots-index .sr-game-search:focus { background: #101720; border-color: #c1272d; box-shadow: 0 0 0 3px rgba(193, 39, 45, .14), inset 0 1px 3px rgba(0, 0, 0, .25); }
.sr-slots-index .sr-game-search::-webkit-search-decoration { -webkit-appearance: none; }
.sr-slots-index .sr-game-search::-webkit-search-cancel-button { cursor: pointer; filter: invert(1); opacity: .55; }
.sr-slots-index .sr-filter-groups { display: flex; flex-wrap: wrap; gap: 8px; }
.sr-slots-index .sr-filter-drop { position: relative; }
.sr-slots-index .sr-filter-btn { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 14px; background: #0c1117; border: 1px solid #3a4553; border-radius: 9px; color: #cbd2da; font-size: 13px; font-weight: 600; cursor: pointer; transition: border-color .2s ease, background-color .2s ease, color .2s ease; }
.sr-slots-index .sr-filter-btn:hover { border-color: #c1272d; color: #ffffff; }
.sr-slots-index .sr-filter-btn[aria-expanded="true"] { border-color: #c1272d; background: #101720; color: #ffffff; }
.sr-slots-index .sr-filter-arrow { width: 6px; height: 6px; border-right: 2px solid #8c96a3; border-bottom: 2px solid #8c96a3; transform: rotate(45deg) translateY(-2px); }
.sr-slots-index .sr-filter-menu { display: none; position: absolute; top: calc(100% + 6px); left: 0; z-index: 60; min-width: 240px; max-height: 320px; overflow-y: auto; background: #131820; border: 1px solid #303946; border-radius: 10px; padding: 8px; box-shadow: 0 16px 40px rgba(0, 0, 0, .55); }
.sr-slots-index .sr-filter-drop.open .sr-filter-menu { display: block; }
.sr-slots-index .sr-filter-opt { display: flex; align-items: center; gap: 9px; padding: 8px 10px; border-radius: 7px; color: #cbd2da; font-size: 13px; cursor: pointer; }
.sr-slots-index .sr-filter-opt:hover { background: #1a2029; }
.sr-slots-index .sr-filter-opt input { width: 15px; height: 15px; accent-color: #c1272d; flex-shrink: 0; cursor: pointer; }
.sr-slots-index .sr-filter-opt-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sr-slots-index .sr-filter-count { margin-left: auto; color: #7f8996; font-size: 11.5px; flex-shrink: 0; }
.sr-slots-index .sr-filter-empty-note { color: #7f8996; font-size: 12px; padding: 8px 10px; margin: 0; }
.sr-slots-index .sr-filter-clear-all { height: 44px; padding: 0 16px; background: transparent; border: 1px solid #35404d; border-radius: 9px; color: #cbd2da; font-size: 13px; font-weight: 600; cursor: pointer; }
.sr-slots-index .sr-filter-clear-all:hover { color: #ffffff; border-color: #c1272d; background: #1a2029; }
.sr-slots-index .sr-filter-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 0; }
.sr-slots-index .sr-filter-tag { display: inline-flex; align-items: center; gap: 7px; padding: 5px 10px; background: #101720; border: 1px solid #c1272d; color: #f28c94; border-radius: 999px; font-size: 12.5px; }
.sr-slots-index .sr-filter-tag-x { cursor: pointer; color: #7f8996; font-size: 13px; line-height: 1; }
.sr-slots-index .sr-filter-tag-x:hover { color: #ffffff; }
.sr-slots-index .sr-filter-empty { margin: 12px 0 20px; color: var(--color-text-secondary); font-size: 14px; }
.sr-slots-index .sr-filters-mob { display: none; }

/* 移动端：Filtros 按钮 + 侧边抽屉 */
@media (max-width: 700px) {
  .sr-slots-index .sr-filters-mob { display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0 16px; background: #0c1117; border: 1px solid #3a4553; border-radius: 9px; color: #cbd2da; font-size: 13.5px; font-weight: 700; cursor: pointer; }
  .sr-slots-index .sr-game-search { flex: 1 1 100%; min-width: 0; }
  .sr-slots-index .sr-filter-groups { display: none; position: fixed; top: 0; right: 0; bottom: 0; z-index: 300; width: min(86vw, 340px); flex-direction: column; gap: 4px; padding: 20px 16px; overflow-y: auto; background: #101419; border-left: 1px solid #252b33; box-shadow: -20px 0 50px rgba(0, 0, 0, .6); }
  .sr-slots-index .sr-filters.drawer .sr-filter-groups { display: flex; }
  .sr-slots-index .sr-filter-drop { margin-bottom: 8px; }
  .sr-slots-index .sr-filter-btn { width: 100%; justify-content: space-between; }
  .sr-slots-index .sr-filter-menu { position: static; display: none; border: 0; padding: 6px 0 0; box-shadow: none; max-height: none; }
  .sr-slots-index .sr-filter-drop.open .sr-filter-menu { display: block; }
  .sr-slots-index .sr-filter-clear-all { width: 100%; }
}

/* ===== /proveedores/ 目录页加料（统计条 + 丰满卡片 + 编辑说明） ===== */
.sr-directory .sr-dir-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 22px 0 30px; }
.sr-directory .sr-dir-stat { display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-surface-raised); }
.sr-directory .sr-dir-stat strong { color: var(--color-text); font: 800 24px var(--font-display); }
.sr-directory .sr-dir-stat span { color: var(--color-text-secondary); font-size: 12.5px; }
.sr-directory .sr-dir-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.sr-directory .sr-dir-card { display: flex; flex-direction: column; gap: 8px; min-height: 0; padding: 18px; }
.sr-directory .sr-dir-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.sr-directory .sr-dir-logo { width: auto; height: 52px; display: flex; align-items: center; }
.sr-directory .sr-dir-mark { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border: 1px solid var(--color-border); border-radius: 10px; background: var(--color-surface-soft); color: var(--color-text-secondary); font: 800 17px var(--font-display); letter-spacing: 1px; }
.sr-directory .sr-dir-count { color: var(--color-turquoise); font: 700 11.5px var(--font-display); white-space: nowrap; }
.sr-directory .sr-dir-name { font: 700 16px var(--font-display); color: var(--color-text); }
.sr-directory .sr-dir-slogan { color: var(--color-text-secondary); font-size: 12.5px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sr-directory .sr-dir-top { display: flex; flex-direction: column; gap: 3px; margin-top: 2px; }
.sr-directory .sr-dir-top-link { color: var(--color-text-muted); font-size: 12px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.sr-directory .sr-dir-top-link::before { content: "·"; color: var(--color-border-strong); margin-right: 6px; }
.sr-directory .sr-dir-cta { margin-top: auto; padding-top: 10px; border-top: 1px solid var(--color-border); color: var(--color-brand); font: 700 12px var(--font-display); }
.sr-directory a.sr-dir-card:hover .sr-dir-cta { color: var(--color-brand-hover); }
.sr-directory .sr-dir-editorial { margin-top: 40px; padding: 24px; border: 1px solid var(--color-border); border-radius: 14px; background: var(--color-surface); }
.sr-directory .sr-dir-editorial-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.sr-directory .sr-dir-editorial-item h3 { color: var(--color-marigold); font: 700 13.5px var(--font-display); margin-bottom: 6px; }
.sr-directory .sr-dir-editorial-item p { margin: 0; color: var(--color-text-secondary); font-size: 12.5px; line-height: 1.6; }
@media (max-width: 1023px) {
  .sr-directory .sr-dir-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sr-directory .sr-dir-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sr-directory .sr-dir-editorial-grid { grid-template-columns: 1fr; }
}
@media (max-width: 599px) {
  .sr-directory .sr-dir-grid { grid-template-columns: 1fr; }
  .sr-directory .sr-dir-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sr-directory .sr-dir-stat strong { font-size: 20px; }
}

/* ===== /proveedores/ 内容中心 v2（1440 框架 + 各模块差异化密度） ===== */
.sr-directory .sr-directory-shell { max-width: 1440px; margin: 24px auto; padding: 24px; background: #101419; border: 1px solid #252b33; border-radius: 14px; }
.sr-directory .sr-dir-header { max-width: 900px; margin-bottom: 8px; }
.sr-directory .sr-dir-title { font: 800 clamp(30px, 3.2vw, 44px)/1.1 var(--font-display); letter-spacing: -.02em; margin: 6px 0 10px; }
.sr-directory .sr-dir-intro { color: var(--color-text-secondary); font-size: 15.5px; line-height: 1.65; max-width: 820px; margin: 0; }
.sr-directory .sr-dir-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 22px 0 10px; }
.sr-directory .sr-dir-stat { display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-surface-raised); }
.sr-directory .sr-dir-stat strong { color: var(--color-text); font: 800 26px var(--font-display); }
.sr-directory .sr-dir-stat span { color: var(--color-text-secondary); font-size: 12.5px; }
.sr-directory .sr-dir-block { margin-top: 52px; }
.sr-directory .sr-dir-h2 { font: 800 21px var(--font-display); margin: 0 0 14px; padding-bottom: 10px; border-bottom: 1px solid var(--color-border); }
.sr-directory .sr-dir-featured { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.sr-directory .sr-dir-featured-card { display: flex; flex-direction: column; gap: 8px; padding: 20px; border: 1px solid var(--color-border); border-radius: 14px; background: var(--color-surface-raised); text-decoration: none; transition: border-color .16s ease, transform .16s ease; }
.sr-directory .sr-dir-featured-card:hover { border-color: var(--color-brand); transform: translateY(-2px); }
.sr-directory .sr-dir-featured-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.sr-directory .sr-dir-logo { display: inline-flex; align-items: center; height: 56px; }
.sr-directory .sr-dir-logo img { max-width: 150px; max-height: 56px; object-fit: contain; }
.sr-directory .sr-dir-mark { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border: 1px solid var(--color-border); border-radius: 10px; background: var(--color-surface-soft); color: var(--color-text-secondary); font: 800 18px var(--font-display); letter-spacing: 1px; }
.sr-directory .sr-dir-featured-count { color: var(--color-turquoise); font: 700 12px var(--font-display); }
.sr-directory .sr-dir-featured-name { font: 700 18px var(--font-display); color: var(--color-text); }
.sr-directory .sr-dir-featured-slogan { color: var(--color-text-secondary); font-size: 13px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sr-directory .sr-dir-featured-games { display: flex; flex-direction: column; gap: 3px; margin-top: 2px; }
.sr-directory .sr-dir-featured-game { color: var(--color-text-muted); font-size: 12.5px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.sr-directory .sr-dir-featured-game::before { content: "·"; color: var(--color-border-strong); margin-right: 6px; }
.sr-directory .sr-dir-featured-cta { margin-top: auto; padding-top: 10px; border-top: 1px solid var(--color-border); color: var(--color-brand); font: 700 12.5px var(--font-display); }
.sr-directory .sr-dir-controls { display: flex; gap: 10px; margin-bottom: 16px; }
.sr-directory .sr-dir-search { flex: 1; min-width: 0; height: 44px; padding: 0 14px; background: #0c1117; border: 1px solid #3a4553; border-radius: 9px; color: #f4f7fa; font-family: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, sans-serif; font-size: 14px; outline: none; }
.sr-directory .sr-dir-search::placeholder { color: #a7b3c2; font-size: 13.5px; }
.sr-directory .sr-dir-search:focus { border-color: #c1272d; box-shadow: 0 0 0 3px rgba(193, 39, 45, .14); }
.sr-directory .sr-dir-sort-wrap { position: relative; }
.sr-directory .sr-dir-sort { appearance: none; -webkit-appearance: none; height: 44px; padding: 0 36px 0 14px; background: #0c1117; border: 1px solid #3a4553; border-radius: 9px; color: #f4f7fa; font-size: 13.5px; cursor: pointer; background-image: linear-gradient(45deg, transparent 50%, #8c96a3 50%), linear-gradient(135deg, #8c96a3 50%, transparent 50%); background-position: calc(100% - 18px) 19px, calc(100% - 13px) 19px; background-size: 5px 5px; background-repeat: no-repeat; }
.sr-directory .sr-dir-sort option { background: #131820; color: #f4f7fa; }
.sr-directory .sr-dir-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.sr-directory .sr-dir-card { display: flex; flex-direction: column; gap: 7px; min-height: 150px; padding: 16px; border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-surface-raised); text-decoration: none; transition: border-color .16s ease, transform .16s ease; }
.sr-directory .sr-dir-card:hover { border-color: var(--color-brand); transform: translateY(-2px); }
.sr-directory .sr-dir-card-head { display: flex; align-items: center; height: 52px; }
.sr-directory .sr-dir-card .sr-dir-logo { height: 50px; }
.sr-directory .sr-dir-card .sr-dir-logo img { max-width: 120px; max-height: 50px; object-fit: contain; }
.sr-directory .sr-dir-card .sr-dir-mark { width: 50px; height: 50px; font-size: 16px; }
.sr-directory .sr-dir-name { font: 700 14.5px/1.3 var(--font-display); color: var(--color-text); }
.sr-directory .sr-dir-count { color: var(--color-turquoise); font: 700 11.5px var(--font-display); }
.sr-directory .sr-dir-cta { margin-top: auto; padding-top: 8px; border-top: 1px solid var(--color-border); color: var(--color-brand); font: 700 11.5px var(--font-display); }
.sr-directory .sr-dir-empty { margin: 14px 0 0; color: var(--color-text-secondary); font-size: 14px; }
.sr-directory .sr-dir-recent { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.sr-directory .sr-dir-game { display: flex; flex-direction: column; border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-surface-raised); text-decoration: none; overflow: hidden; transition: border-color .16s ease; }
.sr-directory .sr-dir-game:hover { border-color: var(--color-brand); }
.sr-directory .sr-dir-game-media { display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 9; background: var(--color-surface-soft); overflow: hidden; }
.sr-directory .sr-dir-game-media img { width: 100%; height: 100%; object-fit: cover; }
.sr-directory .sr-dir-game-nomark { color: var(--color-text-muted); font: 800 22px var(--font-display); }
.sr-directory .sr-dir-game-body { display: flex; flex-direction: column; gap: 5px; padding: 12px 14px; }
.sr-directory .sr-dir-game-prov { color: var(--color-turquoise); font: 700 10.5px var(--font-display); }
.sr-directory .sr-dir-game-title { font: 700 14px/1.3 var(--font-display); color: var(--color-text); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sr-directory .sr-dir-game-meta { display: flex; gap: 8px; color: var(--color-text-muted); font-size: 11.5px; }
.sr-directory .sr-dir-game-rtp { color: var(--color-turquoise-strong); font-weight: 700; }
.sr-directory .sr-dir-game-link { margin-top: 2px; color: var(--color-brand); font: 700 11.5px var(--font-display); }
.sr-directory .sr-dir-table-wrap { overflow-x: auto; border: 1px solid var(--color-border); border-radius: 12px; }
.sr-directory .sr-dir-table { width: 100%; border-collapse: collapse; font-size: 13.5px; min-width: 640px; }
.sr-directory .sr-dir-table th { text-align: left; padding: 12px 14px; background: var(--color-surface); color: var(--color-text-muted); font: 700 10.5px var(--font-display); letter-spacing: .06em; text-transform: uppercase; border-bottom: 1px solid var(--color-border); }
.sr-directory .sr-dir-table td { padding: 12px 14px; border-bottom: 1px solid var(--color-border); color: var(--color-text-secondary); }
.sr-directory .sr-dir-table tr:last-child td { border-bottom: 0; }
.sr-directory .sr-dir-table td a { color: var(--color-text); font-weight: 700; text-decoration: none; }
.sr-directory .sr-dir-table td a:hover { color: var(--color-brand); }
.sr-directory .sr-dir-table .sr-dir-table-cta { color: var(--color-brand); font-weight: 700; }
.sr-directory .sr-dir-mech { display: flex; flex-wrap: wrap; gap: 10px; }
.sr-directory .sr-dir-mech-item { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border: 1px solid var(--color-border); border-radius: 10px; background: var(--color-surface-raised); text-decoration: none; transition: border-color .16s ease; }
.sr-directory .sr-dir-mech-item:hover { border-color: var(--color-brand); }
.sr-directory .sr-dir-mech-name { color: var(--color-text); font: 700 13.5px var(--font-display); }
.sr-directory .sr-dir-mech-meta { color: var(--color-text-muted); font-size: 12px; }
.sr-directory .sr-dir-mech-cta { color: var(--color-brand); font: 700 12px var(--font-display); }
.sr-directory .sr-dir-editorial { display: flex; flex-direction: column; gap: 12px; color: var(--color-text-secondary); font-size: 14.5px; line-height: 1.7; max-width: 900px; }
.sr-directory .sr-dir-editorial p { margin: 0; }
.sr-directory .sr-dir-choose { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.sr-directory .sr-dir-choose-item { padding: 16px; border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-surface-raised); }
.sr-directory .sr-dir-choose-item h3 { color: var(--color-text); font: 700 14px var(--font-display); margin: 0 0 6px; }
.sr-directory .sr-dir-choose-item p { margin: 0; color: var(--color-text-secondary); font-size: 12.5px; line-height: 1.6; }
.sr-directory .sr-dir-guides { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.sr-directory .sr-dir-guides a { display: block; padding: 9px 4px; color: var(--color-text-secondary); font-size: 14px; text-decoration: none; border-bottom: 1px solid var(--color-border); }
.sr-directory .sr-dir-guides a:hover { color: var(--color-brand); }
.sr-directory .sr-dir-faq-item { border-bottom: 1px solid var(--color-border); padding: 6px 0; }
.sr-directory .sr-dir-faq-item:last-child { border-bottom: 0; }
.sr-directory .sr-dir-faq-item summary { cursor: pointer; font: 700 14px var(--font-display); color: var(--color-text); padding: 10px 0; list-style: none; display: flex; justify-content: space-between; align-items: center; }
.sr-directory .sr-dir-faq-item summary::after { content: "+"; font-size: 17px; color: var(--color-brand); }
.sr-directory .sr-dir-faq-item[open] summary::after { content: "−"; }
.sr-directory .sr-dir-faq-item p { margin: 0 0 12px; color: var(--color-text-secondary); font-size: 13.5px; line-height: 1.7; }
@media (max-width: 1023px) {
  .sr-directory .sr-directory-shell { margin: 16px auto; padding: 16px; }
  .sr-directory .sr-dir-grid, .sr-directory .sr-dir-recent { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sr-directory .sr-dir-choose { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sr-directory .sr-dir-featured { grid-template-columns: 1fr; }
}
@media (max-width: 599px) {
  .sr-directory .sr-directory-shell { margin: 0; border-radius: 0; border-left: 0; border-right: 0; padding: 16px 12px; }
  .sr-directory .sr-dir-grid, .sr-directory .sr-dir-recent { grid-template-columns: 1fr; }
  .sr-directory .sr-dir-choose { grid-template-columns: 1fr; }
  .sr-directory .sr-dir-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sr-directory .sr-dir-controls { flex-direction: column; }
}

/* ===== /guias/ 指南中心（1440 框架 + 焦点宽卡 + 3列指南卡 + 编辑说明 + FAQ） ===== */
.sr-guides-shell { max-width: 1440px; margin: 24px auto; padding: 24px; background: #101419; border: 1px solid #252b33; border-radius: 14px; }
.sr-guides-header { max-width: 860px; margin-bottom: 18px; }
.sr-guides-title { font: 800 clamp(30px, 3.2vw, 44px)/1.1 var(--font-display); letter-spacing: -.02em; margin: 6px 0 10px; }
.sr-guides-intro { color: var(--color-text-secondary); font-size: 15.5px; line-height: 1.65; max-width: 800px; margin: 0; }
.sr-guides-featured { margin-bottom: 26px; }
.sr-guides-hero { display: flex; gap: 20px; align-items: center; padding: 24px; border: 1px solid var(--color-border); border-radius: 16px; background: var(--color-surface-raised); text-decoration: none; transition: border-color .16s ease, transform .16s ease; }
.sr-guides-hero:hover { border-color: var(--color-brand); transform: translateY(-2px); }
.sr-guides-hero-mark { display: flex; align-items: center; justify-content: center; width: 96px; height: 96px; flex-shrink: 0; border: 1px solid var(--color-border); border-radius: 14px; background: var(--color-surface-soft); color: var(--color-text-secondary); font: 800 30px var(--font-display); letter-spacing: 1px; }
.sr-guides-hero-body { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.sr-guides-hero-eyebrow { color: var(--color-turquoise); font: 700 10.5px var(--font-display); letter-spacing: .08em; text-transform: uppercase; }
.sr-guides-hero-title { font: 800 21px/1.25 var(--font-display); color: var(--color-text); }
.sr-guides-hero-sum { color: var(--color-text-secondary); font-size: 13.5px; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sr-guides-hero-meta { color: var(--color-text-muted); font-size: 12px; }
.sr-guides-hero-cta { color: var(--color-brand); font: 700 12.5px var(--font-display); }
.sr-guides-h2 { font: 800 21px var(--font-display); margin: 0 0 14px; padding-bottom: 10px; border-bottom: 1px solid var(--color-border); }
.sr-guides-grid-section { margin-top: 40px; }
.sr-guides-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.sr-guides-card { display: flex; flex-direction: column; gap: 8px; min-height: 190px; padding: 18px; border: 1px solid var(--color-border); border-radius: 13px; background: var(--color-surface-raised); text-decoration: none; transition: border-color .16s ease, transform .16s ease; }
.sr-guides-card:hover { border-color: var(--color-brand); transform: translateY(-2px); }
.sr-guides-card-top { display: flex; align-items: center; justify-content: space-between; }
.sr-guides-card-mark { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid var(--color-border); border-radius: 10px; background: var(--color-surface-soft); color: var(--color-text-secondary); font: 800 14px var(--font-display); }
.sr-guides-card-min { color: var(--color-turquoise); font: 700 11px var(--font-display); }
.sr-guides-card-title { font: 700 16px/1.3 var(--font-display); color: var(--color-text); }
.sr-guides-card-sum { color: var(--color-text-secondary); font-size: 13px; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.sr-guides-card-foot { margin-top: auto; padding-top: 10px; border-top: 1px solid var(--color-border); color: var(--color-brand); font: 700 11.5px var(--font-display); }
.sr-guides-editorial { margin-top: 48px; }
.sr-guides-editorial-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.sr-guides-editorial-item { padding: 16px; border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-surface); }
.sr-guides-editorial-item h3 { color: var(--color-text); font: 700 14px var(--font-display); margin: 0 0 6px; }
.sr-guides-editorial-item p { margin: 0; color: var(--color-text-secondary); font-size: 12.5px; line-height: 1.6; }
.sr-guides-faq { margin-top: 48px; }
.sr-guides-faq-item { border-bottom: 1px solid var(--color-border); padding: 6px 0; }
.sr-guides-faq-item:last-child { border-bottom: 0; }
.sr-guides-faq-item summary { cursor: pointer; font: 700 14px var(--font-display); color: var(--color-text); padding: 10px 0; list-style: none; display: flex; justify-content: space-between; align-items: center; }
.sr-guides-faq-item summary::after { content: "+"; font-size: 17px; color: var(--color-brand); }
.sr-guides-faq-item[open] summary::after { content: "−"; }
.sr-guides-faq-item p { margin: 0 0 12px; color: var(--color-text-secondary); font-size: 13.5px; line-height: 1.7; }
.sr-guides-more { margin-top: 48px; }
.sr-guides-more-card { display: flex; flex-direction: column; gap: 6px; padding: 20px 24px; border: 1px solid var(--color-brand); border-radius: 14px; background: var(--color-brand-soft); text-decoration: none; transition: background .16s ease; }
.sr-guides-more-card:hover { background: rgba(193, 39, 45, .22); }
.sr-guides-more-title { font: 800 17px var(--font-display); color: var(--color-text); }
.sr-guides-more-desc { color: var(--color-text-secondary); font-size: 13px; }
.sr-guides-more-cta { color: #f28c94; font: 700 12.5px var(--font-display); }
@media (max-width: 1023px) {
  .sr-guides-shell { margin: 16px auto; padding: 16px; }
  .sr-guides-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sr-guides-editorial-grid { grid-template-columns: 1fr; }
}
@media (max-width: 599px) {
  .sr-guides-shell { margin: 0; border-radius: 0; border-left: 0; border-right: 0; padding: 16px 12px; }
  .sr-guides-grid { grid-template-columns: 1fr; }
  .sr-guides-hero { flex-direction: column; align-items: flex-start; }
  .sr-guides-hero-mark { width: 64px; height: 64px; font-size: 20px; }
}

/* ===== /noticias/ 新闻中心（1440 框架 + 焦点宽卡 + 日期徽章新闻卡 + FAQ） ===== */
.sr-news-shell { max-width: 1440px; margin: 24px auto; padding: 24px; background: #101419; border: 1px solid #252b33; border-radius: 14px; }
.sr-news-header { max-width: 860px; margin-bottom: 18px; }
.sr-news-title { font: 800 clamp(30px, 3.2vw, 44px)/1.1 var(--font-display); letter-spacing: -.02em; margin: 6px 0 10px; }
.sr-news-intro { color: var(--color-text-secondary); font-size: 15.5px; line-height: 1.65; max-width: 800px; margin: 0; }
.sr-news-featured { margin-bottom: 26px; }
.sr-news-hero { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 24px; align-items: center; padding: 24px; border: 1px solid var(--color-border); border-radius: 16px; background: var(--color-surface-raised); text-decoration: none; overflow: hidden; transition: border-color .16s ease, transform .16s ease; }
.sr-news-hero:hover { border-color: var(--color-brand); transform: translateY(-2px); }
.sr-news-hero-media { display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; background: var(--color-surface-soft); }
.sr-news-hero-media img { width: 100%; height: 100%; object-fit: cover; }
.sr-news-hero-nomark { color: var(--color-text-muted); font: 800 30px var(--font-display); }
.sr-news-hero-body { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.sr-news-hero-eyebrow { color: var(--color-turquoise); font: 700 10.5px var(--font-display); letter-spacing: .08em; text-transform: uppercase; }
.sr-news-hero-title { font: 800 22px/1.25 var(--font-display); color: var(--color-text); }
.sr-news-hero-sum { color: var(--color-text-secondary); font-size: 14px; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sr-news-hero-meta { color: var(--color-text-muted); font-size: 12px; }
.sr-news-hero-cta { color: var(--color-brand); font: 700 12.5px var(--font-display); }
.sr-news-h2 { font: 800 21px var(--font-display); margin: 0 0 14px; padding-bottom: 10px; border-bottom: 1px solid var(--color-border); }
.sr-news-grid-section { margin-top: 40px; }
.sr-news-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.sr-news-card { display: flex; flex-direction: column; border: 1px solid var(--color-border); border-radius: 13px; background: var(--color-surface-raised); text-decoration: none; overflow: hidden; transition: border-color .16s ease, transform .16s ease; }
.sr-news-card:hover { border-color: var(--color-brand); transform: translateY(-2px); }
.sr-news-card-media { position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 9; background: var(--color-surface-soft); overflow: hidden; }
.sr-news-card-media img { width: 100%; height: 100%; object-fit: cover; }
.sr-news-card-nomark { color: var(--color-text-muted); font: 800 26px var(--font-display); }
.sr-news-card-date { position: absolute; top: 10px; left: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 48px; height: 52px; border-radius: 8px; background: rgba(8, 9, 11, .85); }
.sr-news-card-date strong { color: var(--color-text); font: 800 17px var(--font-display); line-height: 1; }
.sr-news-card-date small { color: var(--color-turquoise); font: 700 9px var(--font-display); letter-spacing: .06em; }
.sr-news-card-body { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 14px 16px 16px; }
.sr-news-card-title { font: 700 15.5px/1.3 var(--font-display); color: var(--color-text); }
.sr-news-card-sum { color: var(--color-text-secondary); font-size: 13px; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.sr-news-card-foot { color: var(--color-text-muted); font-size: 11.5px; }
.sr-news-faq { margin-top: 48px; }
.sr-news-faq-item { border-bottom: 1px solid var(--color-border); padding: 6px 0; }
.sr-news-faq-item:last-child { border-bottom: 0; }
.sr-news-faq-item summary { cursor: pointer; font: 700 14px var(--font-display); color: var(--color-text); padding: 10px 0; list-style: none; display: flex; justify-content: space-between; align-items: center; }
.sr-news-faq-item summary::after { content: "+"; font-size: 17px; color: var(--color-brand); }
.sr-news-faq-item[open] summary::after { content: "−"; }
.sr-news-faq-item p { margin: 0 0 12px; color: var(--color-text-secondary); font-size: 13.5px; line-height: 1.7; }
.sr-news-more { margin-top: 48px; }
.sr-news-more-card { display: flex; flex-direction: column; gap: 6px; padding: 20px 24px; border: 1px solid var(--color-brand); border-radius: 14px; background: var(--color-brand-soft); text-decoration: none; transition: background .16s ease; }
.sr-news-more-card:hover { background: rgba(193, 39, 45, .22); }
.sr-news-more-title { font: 800 17px var(--font-display); color: var(--color-text); }
.sr-news-more-desc { color: var(--color-text-secondary); font-size: 13px; }
.sr-news-more-cta { color: #f28c94; font: 700 12.5px var(--font-display); }
@media (max-width: 1023px) {
  .sr-news-shell { margin: 16px auto; padding: 16px; }
  .sr-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sr-news-hero { grid-template-columns: 1fr; gap: 16px; }
}
@media (max-width: 599px) {
  .sr-news-shell { margin: 0; border-radius: 0; border-left: 0; border-right: 0; padding: 16px 12px; }
  .sr-news-grid { grid-template-columns: 1fr; }
}


/* ===== sr-detail-pages-20260827：详情页丰富版式（游戏详情厂商块 / 赌场详情 / 指南详情 / 资讯详情） ===== */

/* --- 游戏详情：厂商链接 + 资料卡厂商块 --- */
.sr-meta-provider-link { color: var(--color-turquoise); text-decoration: none; font-weight: 600; }
.sr-meta-provider-link:hover { text-decoration: underline; text-underline-offset: 3px; }
.sr-provider-block { border-top: 1px solid var(--color-border); margin-top: 14px; padding-top: 14px; display: flex; flex-direction: column; gap: 8px; }
.sr-provider-block-label { font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--color-text-muted); }
.sr-provider-block-main { display: flex; align-items: center; gap: 10px; }
.sr-provider-block-logo { max-height: 22px; width: auto; }
.sr-provider-block-initials { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 26px; padding: 0 6px; border: 1px solid var(--color-border); border-radius: 6px; background: var(--color-surface-soft); font-weight: 800; font-size: 12px; letter-spacing: 1px; color: var(--color-text-secondary); }
.sr-provider-block-more { font-size: 12.5px; font-weight: 600; color: var(--color-text-secondary); text-decoration: none; }
.sr-provider-block-more:hover { color: var(--color-turquoise); }

/* --- 赌场详情 --- */
.sr-csd-page .sr-container { max-width: 980px; }
.sr-csd-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px; align-items: center; background: var(--color-surface-raised); border: 1px solid var(--color-border); border-radius: 16px; padding: 24px; margin-bottom: 20px; }
.sr-csd-hero-main { display: flex; gap: 20px; align-items: center; min-width: 0; }
.sr-csd-logo { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 96px; height: 96px; border: 1px solid var(--color-border); border-radius: 14px; background: var(--color-surface-soft); padding: 10px; overflow: hidden; }
.sr-csd-logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
.sr-csd-logo-initials { font-size: 26px; font-weight: 800; letter-spacing: 2px; color: var(--color-text-secondary); }
.sr-csd-title { margin: 0 0 10px; font: 800 clamp(26px, 3vw, 34px)/1.2 var(--font-display); letter-spacing: -.02em; }
.sr-csd-rating { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 8px; }
.sr-csd-score { font-size: 26px; font-weight: 800; color: var(--color-marigold); font-variant-numeric: tabular-nums; }
.sr-csd-score small { font-size: 13px; font-weight: 700; color: var(--color-text-muted); margin-left: 2px; }
.sr-csd-score-label { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--color-text-secondary); padding: 3px 9px; border: 1px solid var(--color-border); border-radius: 999px; }
.sr-csd-score-desc { font-size: 12px; color: var(--color-text-muted); }
.sr-csd-summary { margin: 0; color: var(--color-text-secondary); font-size: 15px; line-height: 1.55; }
.sr-csd-hero-side { display: flex; flex-direction: column; gap: 10px; align-items: stretch; min-width: 200px; }
.sr-csd-cta { display: flex; align-items: center; justify-content: center; height: 48px; padding: 0 20px; border-radius: 10px; background: var(--color-brand); color: #fff; font-weight: 800; font-size: 14.5px; text-decoration: none; }
.sr-csd-cta:hover { background: var(--color-brand-hover); }
.sr-csd-verified { margin: 0; font-size: 12px; color: var(--color-text-muted); text-align: center; }
.sr-csd-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: var(--color-surface-raised); border: 1px solid var(--color-border); border-radius: 14px; margin-bottom: 20px; overflow: hidden; }
.sr-csd-fact { display: flex; flex-direction: column; gap: 5px; padding: 16px 18px; }
.sr-csd-fact + .sr-csd-fact { border-left: 1px solid var(--color-border); }
.sr-csd-fact span { font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--color-text-muted); }
.sr-csd-fact b { font-size: 13px; color: var(--color-text); line-height: 1.45; font-weight: 600; }
.sr-csd-bonus { background: linear-gradient(0deg, var(--color-brand-soft), var(--color-brand-soft)), var(--color-surface-raised); border: 1px solid rgba(193, 39, 45, .35); border-left: 4px solid var(--color-brand); border-radius: 14px; padding: 20px 22px; margin-bottom: 20px; }
.sr-csd-bonus-title { margin: 0 0 8px; font: 800 20px var(--font-display); }
.sr-csd-bonus-text { margin: 0 0 12px; font-size: 14.5px; line-height: 1.55; color: var(--color-text-secondary); }
.sr-csd-bonus-meta { display: flex; flex-wrap: wrap; gap: 8px 20px; align-items: center; font-size: 12px; color: var(--color-text-muted); }
.sr-csd-bonus-meta a { color: var(--color-turquoise); text-decoration: none; font-weight: 600; }
.sr-csd-bonus-meta a:hover { text-decoration: underline; }
.sr-csd-proscons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-bottom: 20px; }
.sr-csd-pros, .sr-csd-cons { background: var(--color-surface-raised); border: 1px solid var(--color-border); border-radius: 14px; padding: 18px 20px; }
.sr-csd-pros ul, .sr-csd-cons ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.sr-csd-pros li, .sr-csd-cons li { position: relative; padding-left: 22px; font-size: 14px; line-height: 1.5; color: var(--color-text-secondary); }
.sr-csd-pros li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--color-turquoise); font-weight: 700; }
.sr-csd-cons li::before { content: "–"; position: absolute; left: 0; top: 0; color: var(--color-text-muted); font-weight: 700; }
.sr-csd-gametypes { background: var(--color-surface-raised); border: 1px solid var(--color-border); border-radius: 14px; padding: 18px 20px; margin-bottom: 20px; }
.sr-csd-gametypes .sr-h2 { margin-bottom: 12px; }
.sr-csd-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.sr-csd-chip { font-size: 12.5px; font-weight: 600; color: var(--color-text-secondary); border: 1px solid var(--color-border-strong); border-radius: 999px; padding: 6px 14px; background: var(--color-surface); }
.sr-csd-back { display: inline-block; margin: 4px 0 22px; font-size: 13.5px; font-weight: 600; color: var(--color-turquoise); text-decoration: none; }
.sr-csd-back:hover { text-decoration: underline; }

/* --- 指南详情 --- */
.sr-gd-page .sr-container { max-width: 860px; }
.sr-gd-hero { padding: 10px 0 18px; }
.sr-gd-kicker { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--color-turquoise); margin-bottom: 10px; }
.sr-gd-title { margin: 0 0 12px; font: 800 clamp(30px, 4vw, 40px)/1.18 var(--font-display); letter-spacing: -.02em; }
.sr-gd-summary { margin: 0; font-size: 17px; line-height: 1.6; color: var(--color-text-secondary); }
.sr-gd-toc { background: var(--color-surface-raised); border: 1px solid var(--color-border); border-radius: 14px; padding: 18px 22px; margin-bottom: 24px; }
.sr-gd-toc-title { display: block; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--color-text-muted); margin-bottom: 12px; }
.sr-gd-toc ol { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; counter-reset: sr-toc; }
.sr-gd-toc a { display: flex; gap: 10px; align-items: baseline; color: var(--color-text-secondary); text-decoration: none; font-size: 14.5px; font-weight: 600; line-height: 1.45; }
.sr-gd-toc a::before { counter-increment: sr-toc; content: counter(sr-toc); font-size: 11px; font-weight: 800; color: var(--color-turquoise); font-variant-numeric: tabular-nums; }
.sr-gd-toc a:hover { color: var(--color-turquoise); }
.sr-gd-cta { background: linear-gradient(0deg, var(--color-brand-soft), var(--color-brand-soft)), var(--color-surface-raised); border: 1px solid rgba(193, 39, 45, .35); border-radius: 14px; padding: 22px 24px; margin: 26px 0 20px; }
.sr-gd-cta p { margin: 0 0 16px; font-size: 15px; line-height: 1.55; color: var(--color-text-secondary); }
.sr-gd-cta-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.sr-gd-cta-btn { display: inline-flex; align-items: center; justify-content: center; height: 46px; padding: 0 22px; border-radius: 10px; border: 1px solid var(--color-border-strong); color: var(--color-text); text-decoration: none; font-weight: 800; font-size: 14px; }
.sr-gd-cta-btn:hover { border-color: var(--color-text-muted); background: rgba(255, 255, 255, .04); }
.sr-gd-cta-btn--primary { background: var(--color-brand); border-color: var(--color-brand); color: #fff; }
.sr-gd-cta-btn--primary:hover { background: var(--color-brand-hover); }

/* --- 资讯详情 --- */
.sr-nd-page .sr-container { max-width: 980px; }
.sr-nd-banner { border-radius: 16px; overflow: hidden; margin-bottom: 22px; border: 1px solid var(--color-border); }
.sr-nd-head { margin-bottom: 6px; }
.sr-nd-kicker { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--color-turquoise); margin-bottom: 10px; }
.sr-nd-title { margin: 0 0 12px; font: 800 clamp(28px, 3.5vw, 38px)/1.18 var(--font-display); letter-spacing: -.02em; }
.sr-nd-summary { margin: 0; font-size: 16.5px; line-height: 1.6; color: var(--color-text-secondary); }

/* --- 通用 --- */
.sr-ad-source { font-size: 12.5px; color: var(--color-text-muted); margin: 14px 0 0; }
.sr-ad-back { display: inline-block; margin: 18px 0 22px; font-size: 13.5px; font-weight: 600; color: var(--color-turquoise); text-decoration: none; }
.sr-ad-back:hover { text-decoration: underline; }

/* --- 手机 --- */
@media (max-width: 767px) {
  .sr-csd-hero { grid-template-columns: 1fr; padding: 18px; }
  .sr-csd-hero-main { flex-direction: column; align-items: flex-start; gap: 14px; }
  .sr-csd-logo { width: 72px; height: 72px; }
  .sr-csd-hero-side { min-width: 0; }
  .sr-csd-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sr-csd-fact:nth-child(odd) { border-left: 0; }
  .sr-csd-fact:nth-child(n+3) { border-top: 1px solid var(--color-border); }
  .sr-csd-proscons { grid-template-columns: 1fr; }
  .sr-gd-cta-actions { flex-direction: column; align-items: stretch; }
}


/* ===== sr-csd-fix2-20260828：赌场详情微调——优惠框改金色系 / 返回按钮加大 / 容器放宽 ===== */

/* 容器放宽到全站内容宽度（去掉 980px 收窄） */
.sr-csd-page .sr-container { max-width: none; }

/* 优惠框：金色系（与评分/榜首金色一致），去掉红色底 */
.sr-csd-bonus {
  background: linear-gradient(0deg, rgba(240, 165, 26, .06), rgba(240, 165, 26, .06)), var(--color-surface-raised);
  border: 1px solid rgba(240, 165, 26, .3);
  border-left: 4px solid var(--color-marigold);
}
.sr-csd-bonus-title { color: var(--color-marigold); }

/* 指南 CTA 框同样改金色系，保持一致 */
.sr-gd-cta {
  background: linear-gradient(0deg, rgba(240, 165, 26, .06), rgba(240, 165, 26, .06)), var(--color-surface-raised);
  border: 1px solid rgba(240, 165, 26, .3);
  border-left: 4px solid var(--color-marigold);
}

/* 返回链接 → 大按钮 */
.sr-csd-back, .sr-ad-back {
  display: inline-flex; align-items: center; gap: 8px; height: 48px; padding: 0 22px;
  border: 1px solid var(--color-border-strong); border-radius: 10px;
  font-size: 15px; font-weight: 700; color: var(--color-text); text-decoration: none;
  margin: 8px 0 24px; transition: border-color .16s ease, background-color .16s ease;
}
.sr-csd-back:hover, .sr-ad-back:hover {
  border-color: var(--color-marigold); color: var(--color-marigold); background: rgba(240, 165, 26, .06);
  text-decoration: none;
}
@media (max-width: 767px) {
  .sr-csd-back, .sr-ad-back { width: 100%; justify-content: center; }
}


/* ===== sr-csd-fix3-20260828：赌场正文卡片化+全宽（消除"上面大下面大中间小"与突兀感）；资讯正文/相关同步全宽 ===== */

.sr-csd-article {
  max-width: none; margin: 0 0 20px;
  background: var(--color-surface-raised);
  border: 1px solid var(--color-border);
  border-radius: 14px;
  padding: 24px 28px;
}
.sr-csd-article .sr-content-body h2 {
  font: 800 21px var(--font-display); letter-spacing: -.01em;
  margin: 26px 0 12px; padding-left: 12px;
  border-left: 3px solid var(--color-marigold);
}
.sr-csd-article .sr-content-body h2:first-of-type { margin-top: 0; }
.sr-csd-article .sr-content-body p { color: var(--color-text-secondary); line-height: 1.7; }
.sr-csd-page .sr-ad-related { max-width: none; margin: 24px 0 0; }
.sr-nd-page .sr-ad-content { max-width: none; margin: 0; }
.sr-nd-page .sr-ad-related { max-width: none; margin: 24px 0 0; }
@media (max-width: 767px) {
  .sr-csd-article { padding: 18px 16px; }
}

/* 赌场相关推荐卡：logo + 名称 + 评分 + 摘要（替换原来的无图小卡） */
.sr-csd-page .sr-ad-related-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sr-csd-rel-card { display: flex; gap: 14px; align-items: center; background: var(--color-surface-raised); border: 1px solid var(--color-border); border-radius: 14px; padding: 18px 20px; text-decoration: none; transition: border-color .16s ease, transform .16s ease; }
.sr-csd-rel-card:hover { border-color: var(--color-border-strong); transform: translateY(-2px); }
.sr-csd-rel-logo { flex: 0 0 auto; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-surface-soft); padding: 8px; overflow: hidden; }
.sr-csd-rel-logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
.sr-csd-rel-initials { font-size: 20px; font-weight: 800; letter-spacing: 1.5px; color: var(--color-text-secondary); }
.sr-csd-rel-info { min-width: 0; display: flex; flex-direction: column; gap: 5px; }
.sr-csd-rel-info h3 { margin: 0; font: 700 17px var(--font-display); color: var(--color-text); }
.sr-csd-rel-rating { font-size: 13px; color: var(--color-text-secondary); }
.sr-csd-rel-rating b { color: var(--color-marigold); font-size: 15px; }
.sr-csd-rel-summary { margin: 0; font-size: 13px; line-height: 1.5; color: var(--color-text-muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 767px) {
  .sr-csd-page .sr-ad-related-grid { grid-template-columns: 1fr; }
}


/* ===== sr-csd-fix4-20260828：正文文本居中（原 75ch 段落左对齐贴边，宽卡片下"字体在一边"） ===== */

/* 赌场正文卡：整块正文（标题/段落/图/表）限制阅读宽度并居中，不再贴左 */
.sr-csd-article .sr-content-body { max-width: 78ch; margin: 0 auto; }
.sr-csd-article .sr-content-body p,
.sr-csd-article .sr-content-body ul,
.sr-csd-article .sr-content-body ol { max-width: none; }

/* 资讯正文同样居中（容器 980px，段落原 75ch 贴左） */
.sr-nd-page .sr-ad-content .sr-content-body { max-width: 75ch; margin: 0 auto; }


/* ===== sr-csd-fix5-20260828：赌场正文双栏排布（填满宽卡片，文字占比提升） ===== */
.sr-csd-article .sr-content-body { max-width: none; margin: 0; column-count: 2; column-gap: 48px; }
.sr-csd-article .sr-content-body h2 { break-after: avoid; }
.sr-csd-article .sr-content-body p { break-inside: avoid; }
@media (max-width: 900px) {
  .sr-csd-article .sr-content-body { column-count: 1; }
}


/* ===== sr-deepzb-nav-drop-20260828：导航下拉子菜单（全部真实数据） ===== */
.sr-nav { display: flex; align-items: center; gap: 4px; }
.sr-nav-item { position: relative; display: flex; align-items: center; }
.sr-nav-sub {
  position: absolute; top: 100%; left: 0; z-index: 40;
  display: none; flex-direction: column; min-width: 240px;
  background: var(--color-surface-raised, #191d24);
  border: 1px solid var(--color-border, #2b2f35);
  border-radius: 10px;
  padding: 8px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .4);
}
.sr-nav-item--has-sub:hover .sr-nav-sub,
.sr-nav-item--has-sub:focus-within .sr-nav-sub { display: flex; }
.sr-nav-sub a {
  display: block; padding: 9px 12px; border-radius: 7px;
  font-size: 13.5px; color: var(--color-text-secondary, #a8b1bb);
  text-decoration: none; line-height: 1.35;
  white-space: normal;
}
.sr-nav-sub a:hover { background: rgba(255, 255, 255, .06); color: var(--color-turquoise, #18a999); }
/* 手机：子菜单随主菜单展开（菜单收起时整列显示） */
@media (max-width: 860px) {
  .sr-nav-item { flex-direction: column; align-items: stretch; }
  .sr-nav-sub { position: static; display: none; border: 0; padding: 0 0 0 14px; box-shadow: none; min-width: 0; background: transparent; }
  .sr-nav-item--has-sub.open .sr-nav-sub { display: flex; }
}

/* ===== sr-deepzb-nav-bigger-20260828：导航字体/下拉模块加大 ===== */
.sr-nav > a,
.sr-nav-item > a {
  font-size: 15.5px;
  font-weight: 600;
  padding: 8px 13px;
}
.sr-nav-sub { min-width: 300px; padding: 10px; }
.sr-nav-sub a { font-size: 15px; padding: 11px 14px; }


/* ===== sr-dz-header-big-20260828：deepzb 公共页头放大（86px / Logo 25px / 导航 16px / 搜索按钮 44px） ===== */
.sr-header-inner { min-height: 86px; gap: 20px; }
.sr-brand-word { font-size: 25px; letter-spacing: -.04em; }
.sr-brand-logo { height: 38px; }
.sr-nav { gap: 28px; }
.sr-nav a {
  font-size: 16px;
  font-weight: 600;
  padding: 32px 0;
}
.sr-nav a:hover, .sr-nav a.active { color: var(--color-brand, #c1272d); }
.sr-icon-btn { width: 44px; height: 44px; }
.sr-search-overlay .sr-search-field { min-height: 44px; font-size: 15px; }
@media (max-width: 1279px) {
  .sr-nav { gap: 16px; }
  .sr-nav a { font-size: 15px; }
}
@media (max-width: 900px) {
  .sr-header-inner { min-height: 64px; }
  .sr-brand-word { font-size: 22px; }
}


/* ===== sr-dz-footer-rich-20260828：页脚品牌区扩充文字 ===== */
.sr-footer-brand .sr-brand-word { font-size: 22px; }
.sr-footer-brand-tag { margin: 10px 0 0; color: var(--color-text); font-size: 14px; font-weight: 600; max-width: 400px; line-height: 1.6; }
.sr-footer-brand-desc { margin: 10px 0 0; color: var(--color-text-secondary); font-size: 13.5px; max-width: 420px; line-height: 1.75; }
.sr-footer-brand-points { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.sr-footer-brand-points li { position: relative; padding-left: 20px; color: var(--color-text-muted); font-size: 12.5px; }
.sr-footer-brand-points li::before { content: "✓"; position: absolute; left: 0; color: var(--color-turquoise); font-weight: 700; }


/* ===== sr-dz-mobnav-fix-20260828：修复追加 CSS 覆盖了移动端导航隐藏（display:flex 泄漏到全宽度） ===== */
@media (max-width: 780px) {
  .sr-nav { display: none; }
  .sr-open .sr-nav { display: flex; }
}


/* ===== sr-dz-mobnav-fix2-20260828：汉堡菜单展开时导航整行换行（防收缩溢出） ===== */
@media (max-width: 780px) {
  .sr-header-inner { flex-wrap: wrap; }
  .sr-nav { flex-basis: 100%; flex-shrink: 0; }
  .sr-nav-item { width: 100%; }
  .sr-nav-sub { width: 100%; }
}


/* ===== sr-dz-nav-v2-20260828：下拉统一规范（270px / 深底 / 42px 链接 / 右对齐 / 手机折叠） ===== */
.sr-nav-sub {
  width: 270px;
  min-width: 0;
  padding: 10px;
  background-color: #15191f;
  border: 1px solid #2a313b;
  border-radius: 10px;
  box-shadow: 0 14px 32px rgba(0, 0, 0, .4);
}
.sr-nav-sub a {
  display: flex;
  align-items: center;
  min-height: 42px;
  padding: 9px 14px;
  margin-bottom: 3px;
  border-radius: 7px;
  font-size: 14px;
  color: #b2aea6;
  line-height: 1.35;
}
.sr-nav-sub a:last-child { margin-bottom: 0; }
.sr-nav-sub a:hover { background-color: rgba(255, 255, 255, .06); color: var(--color-brand, #c1272d); }
.sr-nav-sub a:focus-visible { outline: 2px solid var(--color-brand, #c1272d); outline-offset: -2px; }
/* 右边缘对齐 */
.sr-nav-item:nth-last-child(1) .sr-nav-sub,
.sr-nav-item:nth-last-child(2) .sr-nav-sub { left: auto; right: 0; }
@media (min-width: 781px) {
  .sr-nav-sub { display: none; }
  .sr-nav-item--has-sub.open .sr-nav-sub,
  .sr-nav-item--has-sub:hover .sr-nav-sub,
  .sr-nav-item--has-sub:focus-within .sr-nav-sub { display: flex; }
}
@media (max-width: 780px) {
  .sr-nav-sub {
    position: static;
    width: auto;
    min-height: 0;
    padding: 2px 0 6px 14px;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: none;
  }
  .sr-nav-item--has-sub.open .sr-nav-sub { display: flex; }
  .sr-nav-sub a { min-height: 40px; padding: 9px 12px; }
}


/* ===== sr-dz-excerpt-bigger-20260829：全站卡片摘要文字加大 ===== */
.sr-list-card-excerpt { font-size: 14px; line-height: 1.6; }
.sr-guide-excerpt { font-size: 14px; line-height: 1.6; }


/* ===== sr-dz-typography-20260829：统一字体层级（变量一次定义，全站应用） ===== */
:root {
  --fs-body: 16px;
  --fs-card-copy: 15px;
  --fs-meta: 13px;
  --fs-action: 14px;
  --fs-card-title: 18px;
  --fs-section-title: clamp(27px, 2.2vw, 34px);
}
body { font-size: var(--fs-body); line-height: 1.65; }

/* 模块 H2 统一 27–34px（原 16px/21px 全部提升） */
.sr-h2,
.sr-dir-h2,
.sr-slots-section h2,
.sr-slots-index .sr-slots-content h2,
.sr-guides-shell h2,
.sr-news-shell h2 { font-size: var(--fs-section-title); font-weight: 800; }

/* 卡片标题 18–20px（原 15.5–17px） */
.sr-list-card-title,
.sr-guide-card h3,
.sr-news-card-title { font-size: var(--fs-card-title); }

/* 卡片摘要 15px / 1.55（原 13–14px） */
.sr-list-card-excerpt,
.sr-guide-excerpt { font-size: var(--fs-card-copy); line-height: 1.55; }

/* Meta（日期/厂商/计数）最低 13px（原 10–12px） */
.sr-list-card-date,
.sr-list-card-footer,
.sr-dir-count,
.sr-related-provider,
.sr-news-body > span,
.sr-fact dd,
.sr-detail-meta .sr-meta-item,
.sr-news-card-date { font-size: var(--fs-meta); }

/* CTA（Ver ficha / Leer guía）14px（原 11px） */
.sr-list-card-read { font-size: var(--fs-action); font-weight: 700; }

/* Badge/标签最低 12px */
.sr-badge { font-size: 12px; }

/* 资料卡字段标签/值 */
.sr-fact dt { font-size: 12px; }
.sr-cp-card-field-k { font-size: 12px; }
.sr-cp-card-pros li { font-size: 14px; }
.sr-dir-name { font-size: 15px; }
.sr-related-info h3 { font-size: 16px; }

/* Header：导航 17px、下拉 15px */
.sr-nav a { font-size: 17px; }
.sr-nav-sub a { font-size: 15px; }

/* 手机端：正文不回退，H1 36–40，H2 25–28 */
@media (max-width: 780px) {
  body { font-size: 16px; }
  .sr-h2, .sr-dir-h2, .sr-slots-section h2 { font-size: clamp(25px, 7vw, 28px); }
  .sr-list-card-excerpt, .sr-guide-excerpt { font-size: 14.5px; }
  .sr-list-card-title, .sr-guide-card h3 { font-size: 17px; }
  .sr-list-card-date, .sr-badge, .sr-related-provider { font-size: 12px; }
  h1 { font-size: clamp(36px, 10vw, 40px); }
}


/* ===== sr-dz-typography2-20260829：高优先级选择器补强（对抗 0,2,0 级旧规则） ===== */
.sr-list-card-title,
.sr-slots-index .sr-list-card-title { font-size: var(--fs-card-title); }
.sr-directory .sr-dir-h2 { font-size: var(--fs-section-title); }
.sr-directory .sr-dir-name { font-size: 15px; }
.sr-directory .sr-dir-count,
.sr-dir-count { font-size: 13px; }
.sr-casinos-page .sr-cp-card-field-k { font-size: 12px; }
.sr-casinos-page .sr-cp-card-pros li { font-size: 14px; }
.sr-casinos-page .sr-cp-card-more summary { font-size: 13px; }


/* ===== sr-dz-typography3-20260829：小字 125%（h 标题不放大） ===== */
:root {
  --fs-body: 19px;
  --fs-card-copy: 16.5px;
  --fs-meta: 14px;
  --fs-action: 14px;
}
.sr-directory .sr-dir-name { font-size: 19px; }
.sr-directory .sr-dir-count { font-size: 16px; }
.sr-related-provider { font-size: 16px; }
.sr-badge { font-size: 15px; }
.sr-fact dt { font-size: 15px; }
.sr-fact dd { font-size: 16px; }
.sr-casinos-page .sr-cp-card-field-k { font-size: 15px; }
.sr-casinos-page .sr-cp-card-pros li { font-size: 17.5px; }
.sr-casinos-page .sr-cp-card-more summary { font-size: 16px; }
@media (max-width: 780px) {
  body { font-size: 19px; }
  .sr-list-card-excerpt, .sr-guide-excerpt { font-size: 18px; }
  .sr-list-card-date, .sr-badge, .sr-related-provider { font-size: 15px; }
}


/* ===== sr-dz-center-20260829：卡片框内文字居中 ===== */
.sr-list-card-body,
.sr-list-card-footer,
.sr-guide-card,
.sr-news-body,
.sr-related-info,
.sr-directory .sr-dir-card,
.sr-dir-card { text-align: center; }
.sr-list-card-footer,
.sr-list-card-badges,
.sr-news-body,
.sr-dir-card-head { justify-content: center; }
.sr-list-card-badges { align-items: center; }
.sr-news-card,
.sr-dir-card { align-items: center; }
.sr-related-card { align-items: center; }
.sr-casinos-page .sr-cp-card-summary,
.sr-casinos-page .sr-cp-card-offer-text { text-align: center; }


/* ===== sr-dz-fact-center-20260829：数字信息格居中（标签在上、数值在下、居中） ===== */
.sr-csd-fact { display: flex; flex-direction: column; align-items: center; gap: 5px; text-align: center; }
.sr-csd-fact b { text-align: center; }
.sr-statsbar-cell { align-items: center; justify-content: center; text-align: center; }
.sr-fact { grid-template-columns: 1fr !important; gap: 2px; }
.sr-fact dt { text-align: center; }
.sr-fact dd { text-align: center; }
.sr-casinos-page .sr-cp-card-fields { justify-content: center; }
.sr-casinos-page .sr-cp-card-field { align-items: center; text-align: center; }


/* ===== sr-dz-soft-color-20260829：红/绿文字饱和度与亮度调低 ===== */
:root {
  --color-brand: #ab5659;
  --color-brand-hover: #94484c;
  --color-turquoise: #5c8f88;
  --color-turquoise-strong: #6aa89f;
}


/* ===== sr-dz-box-scale-20260829：包裹盒子随字号同步放大 ===== */
.sr-list-card-body { padding: 20px; }
.sr-list-card-badges { gap: 9px; }
.sr-badge { padding: 6px 13px; }
.sr-list-card { border-radius: 14px; }
.sr-directory .sr-dir-card { padding: 22px; min-height: 176px; gap: 10px; }
.sr-directory .sr-dir-card-head { height: 62px; }
.sr-csd-fact { padding: 20px 22px; }
.sr-csd-bonus { padding: 24px 26px; }
.sr-csd-pros, .sr-csd-cons { padding: 22px 24px; }
.sr-csd-pros li, .sr-csd-cons li { padding-left: 28px; gap: 10px; }
.sr-fact { padding: 11px 0; }
.sr-related-info { padding: 12px 14px; }
.sr-news-body { padding: 18px; }
.sr-dir-faq-item summary { padding: 16px 20px; }
.sr-dir-faq-item p { padding: 0 20px 16px; }
.sr-provider-block { padding-top: 16px; }
.sr-statsbar { padding: 18px 20px; }
.sr-info-card { padding: 20px; }


/* ===== sr-dz-box-scale2-20260829：首页模块盒子同步放大 ===== */
.sr-fcard-body { padding: 22px; gap: 10px; }
.sr-fichas-row { padding: 18px 22px; gap: 16px; }
.sr-guide-card { padding: 22px; gap: 12px; }
.sr-guide-card h3 { margin: 12px 0 9px; }
.sr-promo-info { padding: 28px; }
.sr-promo-status { gap: 10px; }
.sr-promo-status span { padding: 7px 13px; font-size: 13px; }
.sr-mechanic-tags { gap: 10px; }
.sr-game-grid, .sr-latest-grid, .sr-card-grid, .sr-guide-grid { gap: 22px; }
.sr-home-intro { padding: 26px 0 30px; }


/* ===== sr-dz-slotcard-20260829：首页"Juegos para explorar"卡片同步字号与盒子 ===== */
.sr-slot-card-body { padding: 20px; gap: 10px; }
.sr-slot-card-body > p { font-size: 16.5px; line-height: 1.6; }
.sr-slot-card-stats div { padding: 12px 8px; }
.sr-slot-card-stats dt { font-size: 13px; }
.sr-slot-card-stats dd { font-size: 15px; }
.sr-slot-card-footer { font-size: 14px; gap: 10px; padding: 0 2px; }
.sr-card-kicker { font-size: 14px; }
.sr-provider-link { font-size: 14px; }


/* ===== sr-dz-pd-20260829：厂商详情页字号同步 ===== */
.sr-pd-facts { padding: 20px; }
.sr-pd-facts h3 { font-size: 17px; padding-bottom: 12px; }
.sr-pd-facts dl div { padding: 12px 0; grid-template-columns: 45% 55%; }
.sr-pd-facts dt { font-size: 13px; }
.sr-pd-facts dd { font-size: 16px; }
.sr-pd-source { font-size: 15px; }
.sr-content-body { font-size: 19px; line-height: 1.7; }


/* ===== sr-dz-nudge-20260829：全站字号整体再+1.5px 左右 ===== */
:root {
  --fs-body: 20.5px;
  --fs-card-copy: 18px;
  --fs-meta: 15px;
  --fs-action: 15.5px;
  --fs-card-title: 20px;
  --fs-section-title: clamp(28px, 2.3vw, 35px);
}
.sr-nav a { font-size: 18px; }
.sr-nav-sub a { font-size: 16px; }
.sr-directory .sr-dir-name { font-size: 20px; }
.sr-directory .sr-dir-count { font-size: 17px; }
.sr-related-provider { font-size: 17px; }
.sr-badge { font-size: 16px; }
.sr-fact dt { font-size: 16px; }
.sr-fact dd { font-size: 17px; }
.sr-casinos-page .sr-cp-card-field-k { font-size: 16px; }
.sr-casinos-page .sr-cp-card-pros li { font-size: 18.5px; }
.sr-casinos-page .sr-cp-card-more summary { font-size: 17px; }
.sr-slot-card-body > p { font-size: 18px; }
.sr-slot-card-stats dt { font-size: 14.5px; }
.sr-slot-card-stats dd { font-size: 16.5px; }
.sr-slot-card-footer, .sr-card-kicker, .sr-provider-link { font-size: 15.5px; }
.sr-promo-status span { font-size: 14.5px; }
.sr-pd-facts h3 { font-size: 18px; }
.sr-pd-facts dt { font-size: 14px; }
.sr-pd-facts dd { font-size: 17px; }
.sr-pd-source { font-size: 16px; }
.sr-content-body { font-size: 20px; }
@media (max-width: 780px) {
  body { font-size: 20px; }
  .sr-list-card-excerpt, .sr-guide-excerpt { font-size: 18.5px; }
  .sr-list-card-date, .sr-badge, .sr-related-provider { font-size: 15.5px; }
}


/* ===== sr-dz-pd-20260829：厂商详情页字号同步 ===== */
.sr-pd-facts { padding: 20px; }
.sr-pd-facts h3 { font-size: 17px; padding-bottom: 12px; }
.sr-pd-facts dl div { padding: 12px 0; grid-template-columns: 45% 55%; }
.sr-pd-facts dt { font-size: 13px; }
.sr-pd-facts dd { font-size: 16px; }
.sr-pd-source { font-size: 15px; }
.sr-content-body { font-size: 19px; line-height: 1.7; }


/* ===== sr-dz-nudge-20260829：全站字号整体再+1.5px 左右 ===== */
:root {
  --fs-body: 20.5px;
  --fs-card-copy: 18px;
  --fs-meta: 15px;
  --fs-action: 15.5px;
  --fs-card-title: 20px;
  --fs-section-title: clamp(28px, 2.3vw, 35px);
}
.sr-nav a { font-size: 18px; }
.sr-nav-sub a { font-size: 16px; }
.sr-directory .sr-dir-name { font-size: 20px; }
.sr-directory .sr-dir-count { font-size: 17px; }
.sr-related-provider { font-size: 17px; }
.sr-badge { font-size: 16px; }
.sr-fact dt { font-size: 16px; }
.sr-fact dd { font-size: 17px; }
.sr-casinos-page .sr-cp-card-field-k { font-size: 16px; }
.sr-casinos-page .sr-cp-card-pros li { font-size: 18.5px; }
.sr-casinos-page .sr-cp-card-more summary { font-size: 17px; }
.sr-slot-card-body > p { font-size: 18px; }
.sr-slot-card-stats dt { font-size: 14.5px; }
.sr-slot-card-stats dd { font-size: 16.5px; }
.sr-slot-card-footer, .sr-card-kicker, .sr-provider-link { font-size: 15.5px; }
.sr-promo-status span { font-size: 14.5px; }
.sr-pd-facts h3 { font-size: 18px; }
.sr-pd-facts dt { font-size: 14px; }
.sr-pd-facts dd { font-size: 17px; }
.sr-pd-source { font-size: 16px; }
.sr-content-body { font-size: 20px; }
@media (max-width: 780px) {
  body { font-size: 20px; }
  .sr-list-card-excerpt, .sr-guide-excerpt { font-size: 18.5px; }
  .sr-list-card-date, .sr-badge, .sr-related-provider { font-size: 15.5px; }
}


/* ===== sr-dz-smallfix-20260829：全站残余小字批量修复 ===== */
/* 公共：面包屑 / 页脚 / 分页 */
.sr-breadcrumb a, .sr-breadcrumb { font-size: 13.5px; }
.sr-bc-current { font-size: 13.5px; }
.sr-footer a { font-size: 15px; }
.sr-footer-brand-points li { font-size: 15px; }
.sr-fnote h3 { font-size: 14.5px; }
.sr-fnote p { font-size: 15px; }
.sr-footer h2 { font-size: 15.5px; }
.sr-footer .sr-container > span { font-size: 14.5px; }
.sr-footer-brand-tag, .sr-footer-brand-desc { font-size: 15px; }
.sr-pagebar-nav { font-size: 15.5px; }
/* 首页模块 */
.sr-status-pill { font-size: 13.5px; }
.sr-slot-card-footer a { font-size: 15.5px; }
.sr-fichas-title { font-size: 16.5px; }
.sr-fichas-meta { font-size: 14.5px; }
.sr-provider-slogan { font-size: 14.5px; }
.sr-provider-bottom span { font-size: 13.5px; }
.sr-mechanic-tags a { font-size: 14.5px; }
.sr-fcard-provider { font-size: 13.5px; }
.sr-fcard-maxwin { font-size: 14.5px; }
.sr-fcard-link { font-size: 14px; }
.sr-section-heading span { font-size: 13.5px; }
.sr-section-heading a { font-size: 15px; }
.sr-provider-boxname { font-size: 14.5px; }
.sr-method-grid h3 { font-size: 16px; }
.sr-method-grid p { font-size: 15px; }
.sr-guide-meta span, .sr-guide-meta time { font-size: 13.5px; }
.sr-guide-link { font-size: 14.5px; }
.sr-news-body p { font-size: 16px; }
.sr-news-body a { font-size: 15px; }
.sr-home-intro span { font-size: 13.5px; }
.sr-promo-provider { font-size: 13.5px; }
.sr-promo-status span { font-size: 15.5px; }
.sr-promo-status small { font-size: 13.5px; }
.sr-promo-link { font-size: 15px; }
.sr-promo-banner b { font-size: 13.5px; }
/* /slots/ 列表页 */
.slots-side-item-title { font-size: 15.5px; }
.sr-list-card-provider { font-size: 13.5px; }
.sr-filter-btn { font-size: 15px; }
.sr-slots-defs dt, .sr-slots-defs dd { font-size: 15.5px; }
.sr-slots-faq-item summary { font-size: 16.5px; }
.sr-slots-faq-item p { font-size: 15.5px; }
.slots-side-title { font-size: 15.5px; }
.slots-side-text { font-size: 15.5px; }
.sr-slots-trio-item h3 { font-size: 16.5px; }
.sr-slots-trio-item p { font-size: 15.5px; }
.sr-slots-explore-card p { font-size: 15.5px; }
.sr-slots-explore-cta { font-size: 15.5px; }
/* /proveedores/ 目录页 */
.sr-page-eyebrow { font-size: 13.5px; }
.sr-dir-cta { font-size: 14.5px; }
.sr-dir-table th { font-size: 13.5px; }
.sr-dir-table td { font-size: 15.5px; }
.sr-dir-table-cta { font-size: 15.5px; }
.sr-dir-featured-game { font-size: 15px; }
.sr-dir-game-prov { font-size: 13.5px; }
.sr-dir-game-title { font-size: 16px; }
.sr-dir-game-rtp { font-size: 14px; }
.sr-dir-game-meta span { font-size: 14px; }
.sr-dir-game-link { font-size: 14.5px; }
.sr-dir-faq-item summary { font-size: 16.5px; }
.sr-dir-faq-item p { font-size: 15.5px; }
.sr-dir-guides li a { font-size: 15.5px; }
.sr-dir-featured-count { font-size: 14.5px; }
.sr-dir-featured-slogan { font-size: 15px; }
.sr-dir-featured-cta { font-size: 15px; }
.sr-dir-mech-name { font-size: 16px; }
.sr-dir-mech-meta { font-size: 14.5px; }
.sr-dir-mech-cta { font-size: 14.5px; }
.sr-dir-choose-item h3 { font-size: 16px; }
.sr-dir-choose-item p { font-size: 15px; }
.sr-dir-stat span { font-size: 14.5px; }
.sr-dir-editorial p { font-size: 16px; }
/* /guias/ */
.sr-guides-card-foot { font-size: 14.5px; }
.sr-guides-card-min { font-size: 13.5px; }
.sr-guides-card-sum { font-size: 15.5px; }
.sr-guides-faq-item summary { font-size: 16.5px; }
.sr-guides-faq-item p { font-size: 15.5px; }
.sr-guides-editorial-item h3 { font-size: 16px; }
.sr-guides-editorial-item p { font-size: 15px; }
.sr-guides-hero-eyebrow { font-size: 13.5px; }
.sr-guides-hero-sum { font-size: 16px; }
.sr-guides-hero-meta { font-size: 14.5px; }
.sr-guides-hero-cta { font-size: 15px; }
.sr-guides-more-desc { font-size: 15.5px; }
.sr-guides-more-cta { font-size: 15px; }
/* /noticias/ */
.sr-news-card-sum { font-size: 15.5px; }
.sr-news-card-foot { font-size: 14.5px; }
.sr-news-faq-item summary { font-size: 16.5px; }
.sr-news-faq-item p { font-size: 15.5px; }
.sr-news-hero-eyebrow { font-size: 13.5px; }
.sr-news-hero-sum { font-size: 16px; }
.sr-news-hero-meta { font-size: 14.5px; }
.sr-news-hero-cta { font-size: 15px; }
/* /casinos/ */
.sr-cp-card-field-v { font-size: 15.5px; }
.sr-cp-card-more-body p { font-size: 15px; }
.sr-cp-card-cons li { font-size: 15px; }
.sr-cp-card-score-label { font-size: 13.5px; }
.sr-cp-card-offer-title { font-size: 13.5px; }
.sr-cp-card-offer-terms { font-size: 14.5px; }
.sr-cp-card-btn { font-size: 15.5px; }
.sr-cp-card-verified { font-size: 14px; }
.sr-cp-pay-item { font-size: 14.5px; }
.sr-cp-faq-item summary { font-size: 16.5px; }
.sr-cp-faq-item p { font-size: 15.5px; }
.sr-cp-trust-item span { font-size: 14.5px; }
.sr-cp-how-item h3 { font-size: 15.5px; }
.sr-cp-how-item p { font-size: 15px; }
/* 游戏详情页 */
.sr-faq-item summary { font-size: 16.5px; }
.sr-faq-item p { font-size: 15.5px; }
.sr-statsbar-cell span { font-size: 13.5px; }
.sr-status { font-size: 13.5px; }
.sr-statsbar-meta span { font-size: 14px; }
.sr-sources p, .sr-sources strong { font-size: 15.5px; }
.sr-info-summary { font-size: 15.5px; }
.sr-provider-block-label { font-size: 13.5px; }
.sr-provider-block-more { font-size: 14.5px; }
/* 厂商详情页 */
.sr-pd-game-stats dt { font-size: 13px; }
.sr-pd-game-stats dd { font-size: 14px; }
.sr-pd-game h3 { font-size: 16px; }
.sr-pd-game-link { font-size: 14.5px; }
.sr-pd-stats span { font-size: 14.5px; }
.sr-pd-facts dt { font-size: 15px; }
/* 赌场详情页 */
.sr-csd-chip { font-size: 15px; }
.sr-csd-fact span { font-size: 13.5px; }
.sr-csd-fact b { font-size: 15.5px; }
.sr-csd-pros li, .sr-csd-cons li { font-size: 15.5px; }
.sr-csd-rel-rating { font-size: 15px; }
.sr-csd-rel-summary { font-size: 15.5px; }
.sr-csd-score-label { font-size: 13.5px; }
.sr-csd-score-desc { font-size: 14.5px; }
.sr-csd-cta { font-size: 16px; }
.sr-csd-verified { font-size: 14.5px; }
.sr-csd-bonus-text { font-size: 16px; }
.sr-csd-bonus-meta a, .sr-csd-bonus-meta span { font-size: 14.5px; }
/* 指南/资讯详情页 */
.sr-gd-toc a { font-size: 15.5px; }
.sr-gd-kicker, .sr-nd-kicker { font-size: 13.5px; }
.sr-gd-toc-title span { font-size: 13.5px; }
.sr-gd-cta-btn { font-size: 15.5px; }
.sr-ad-source { font-size: 14.5px; }


/* ===== sr-dz-smallfix2-20260829：0,2,0 级选择器补强（目录页/赌场页/slots v3/页脚） ===== */
/* /proveedores/ 目录页 */
.sr-directory .sr-dir-cta { font-size: 14.5px; }
.sr-directory .sr-dir-game-prov { font-size: 13.5px; }
.sr-directory .sr-dir-game-title { font-size: 16px; }
.sr-directory .sr-dir-game-link { font-size: 14.5px; }
.sr-directory .sr-dir-table th { font-size: 13.5px; }
.sr-directory .sr-dir-mech-name { font-size: 16px; }
.sr-directory .sr-dir-mech-meta { font-size: 14.5px; }
.sr-directory .sr-dir-mech-cta { font-size: 14.5px; }
.sr-directory .sr-dir-choose-item h3 { font-size: 16px; }
.sr-directory .sr-dir-choose-item p { font-size: 15px; }
.sr-directory .sr-dir-guides a { font-size: 15.5px; }
.sr-directory .sr-dir-faq-item summary { font-size: 16.5px; }
.sr-directory .sr-dir-faq-item p { font-size: 15.5px; }
.sr-directory .sr-dir-featured-count { font-size: 14.5px; }
.sr-directory .sr-dir-featured-slogan { font-size: 15px; }
.sr-directory .sr-dir-featured-game { font-size: 14.5px; }
.sr-directory .sr-dir-featured-cta { font-size: 15px; }
.sr-directory .sr-dir-stat span { font-size: 14.5px; }
/* /slots/ v3 */
.sr-slots-index .sr-slots-trio-item h3 { font-size: 16.5px; }
.sr-slots-index .sr-slots-trio-item p { font-size: 15.5px; }
.sr-slots-index .sr-slots-defs dt { font-size: 15.5px; }
.sr-slots-index .sr-slots-defs dd { font-size: 15.5px; }
.sr-slots-index .sr-slots-explore-card p { font-size: 15.5px; }
.sr-slots-index .sr-slots-explore-cta { font-size: 15.5px; }
.sr-slots-index .sr-slots-faq-item summary { font-size: 16.5px; }
.sr-slots-index .sr-slots-faq-item p { font-size: 15.5px; }
.sr-slots-index .slots-side-title { font-size: 15.5px; }
.sr-slots-index .slots-side-text { font-size: 15.5px; }
.sr-slots-index .sr-filter-btn { font-size: 15px; }
/* /casinos/ */
.sr-casinos-page .sr-cp-card-score-label { font-size: 13.5px; }
.sr-casinos-page .sr-cp-card-offer-title { font-size: 13.5px; }
.sr-casinos-page .sr-cp-card-offer-terms { font-size: 14.5px; }
.sr-casinos-page .sr-cp-card-btn { font-size: 15.5px; }
.sr-casinos-page .sr-cp-card-verified { font-size: 14px; }
.sr-casinos-page .sr-cp-card-field-v { font-size: 15.5px; }
.sr-casinos-page .sr-cp-card-more-body { font-size: 15px; }
.sr-casinos-page .sr-cp-card-cons li { font-size: 15px; }
.sr-casinos-page .sr-cp-pay-item { font-size: 14.5px; }
.sr-casinos-page .sr-cp-how-item h3 { font-size: 15.5px; }
.sr-casinos-page .sr-cp-how-item p { font-size: 15px; }
.sr-casinos-page .sr-cp-faq-item summary { font-size: 16.5px; }
.sr-casinos-page .sr-cp-faq-item p { font-size: 15.5px; }
/* 页脚（兜底） */
.sr-footer a { font-size: 15px !important; }
.sr-footer-brand-tag, .sr-footer-brand-desc { font-size: 15px !important; }


/* ===== sr-dz-innercenter-20260829：仅卡片内部文字/数据/按钮居中（不改任何外层布局、列数、宽度） ===== */
.sr-fcard-body { text-align: center; align-items: center; }
.sr-fcard-link { align-self: center; text-align: center; }
.sr-slot-card-body { text-align: center; }
.sr-slot-card-stats { justify-content: center; text-align: center; }
.sr-slot-card-footer { justify-content: center; text-align: center; }
.sr-provider-card { text-align: center; align-items: center; }
.sr-guides-card-sum { text-align: center; }
.sr-news-card-sum { text-align: center; }


/* ===== sr-dz-infocard-20260829：信息卡取消内部滚动 + 自然高度 + 紧凑两列字段 ===== */
.sr-info-card { max-height: none !important; overflow: visible !important; height: auto; }
/* 桌面保留侧栏 Sticky；卡片高于视口时自动随页面滚动（不再产生内部滚动条） */
.sr-detail-aside { position: sticky; top: 88px; }
.sr-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: 1px solid var(--color-border);
  border-radius: 10px;
  overflow: hidden;
}
.sr-fact {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 3px; padding: 10px 14px; text-align: center;
  border-bottom: 1px solid var(--color-border);
  border-right: 1px solid var(--color-border);
}
.sr-fact:nth-child(2n) { border-right: 0; }
.sr-fact dt { font-size: 13px; }
.sr-fact dd { font-size: 14.5px; text-align: center; line-height: 1.4; }
/* Funciones 等长内容整行 */
.sr-fact-long { grid-column: 1 / -1; border-right: 0; }
/* 落单的最后一项跨两列居中（不靠左） */
.sr-fact:last-child:nth-child(odd):not(.sr-fact-long) { grid-column: 1 / -1; border-right: 0; }
@media (max-width: 780px) {
  .sr-fact { padding: 10px 8px; }
  .sr-detail-aside { position: static; }
}
/* ===== sr-casino-v9-20260829：三栏信息结构（品牌 | 介绍+数据带 | 操作），仅 .sr-casinos-page ===== */
.sr-casinos-page {
  --casino-page-bg: #0d1116;
  --casino-card-bg: #171c23;
  --casino-card-border: #2a313a;
  --casino-text: #f2f4f7;
  --casino-text-secondary: #a5afbb;
  --casino-text-muted: #7f8b99;
  --casino-cta-bg: #f2f3f4;
  --casino-cta-text: #15171a;
  --casino-cta-hover: #ffffff;
  --casino-secondary-bg: transparent;
  --casino-secondary-border: #3a424c;
  --casino-secondary-text: #e3e7eb;
  --casino-secondary-hover: #242a32;
  --casino-rating: #f0b429;
  --casino-link: #63c4bd;
  --casino-success: #63b9a9;
}
.sr-casinos-page .sr-cp-list { display: flex; flex-direction: column; gap: 18px; margin-bottom: 32px; }
.sr-casinos-page .sr-cp-card {
  display: flex; flex-direction: column; gap: 0;
  padding: 0; height: auto;
  background: var(--casino-card-bg);
  border: 1px solid var(--casino-card-border);
  border-radius: 10px;
  box-shadow: none;
  transition: border-color .18s ease;
}
.sr-casinos-page .sr-cp-card:hover { border-color: #39424d; transform: none; box-shadow: none; }
.sr-casinos-page .sr-cp-card--first { border-color: #39424d; background: var(--casino-card-bg); }

/* ===== sr-casino-v9-20260829：三栏信息结构（品牌 | 介绍+数据带 | 操作），仅 .sr-casinos-page ===== */
.sr-casinos-page .casino-card__main {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr) 290px;
  gap: 24px;
  align-items: stretch;
  padding: 18px 24px;
}
.sr-casinos-page .casino-card__main > * { min-width: 0; }
/* 左：横向品牌头 */
.sr-casinos-page .casino-brand { display: flex; align-items: center; gap: 14px; min-width: 0; }
.sr-casinos-page .casino-logo {
  width: 96px; height: 80px; flex: 0 0 auto;
  border: 1px solid var(--casino-card-border); border-radius: 8px;
  background: #1f252d; display: flex; align-items: center; justify-content: center;
  overflow: hidden; padding: 6px;
}
.sr-casinos-page .casino-logo img {
  max-width: 100%; max-height: 100%; width: auto; height: auto;
  object-fit: contain; object-position: center;
}
.sr-casinos-page .casino-logo-fallback { font-size: 20px; font-weight: 700; color: var(--casino-text-secondary); letter-spacing: 0; }
.sr-casinos-page .casino-brand-info { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.sr-casinos-page .casino-rank { font-size: 12px; font-weight: 600; color: var(--casino-text-muted); letter-spacing: 0; line-height: 1; }
.sr-casinos-page .casino-name { font-size: 20px; font-weight: 700; line-height: 1.25; margin: 0; letter-spacing: 0; }
.sr-casinos-page .casino-name a { color: var(--casino-text); }
.sr-casinos-page .casino-name a:hover { color: var(--casino-link); }
.sr-casinos-page .casino-rating { display: flex; align-items: baseline; gap: 8px; }
.sr-casinos-page .casino-rating-num { font-size: 19px; font-weight: 800; color: var(--casino-rating); line-height: 1; }
.sr-casinos-page .casino-rating-num span { font-size: 11px; font-weight: 600; color: var(--casino-text-muted); }
.sr-casinos-page .casino-rating-label { font-size: 12px; color: var(--casino-text-muted); }
/* 中：介绍 + 优点 + 数据带 */
.sr-casinos-page .casino-mid { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.sr-casinos-page .casino-summary {
  font-size: 13.5px; line-height: 1.45; color: var(--casino-text-secondary); margin: 0;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.sr-casinos-page .casino-pros { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 5px; }
.sr-casinos-page .casino-pros li {
  position: relative; padding-left: 18px;
  font-size: 13px; line-height: 1.4; color: var(--casino-text-secondary); text-align: left;
}
.sr-casinos-page .casino-pros li::before { content: "✓"; position: absolute; left: 0; color: var(--casino-success); font-weight: 700; }
.sr-casinos-page .casino-facts {
  display: grid; grid-template-columns: .8fr 1.4fr .7fr 1.5fr; gap: 12px;
  margin-top: 8px; padding-top: 10px; border-top: 1px solid var(--casino-card-border);
}
.sr-casinos-page .casino-fact { display: flex; flex-direction: column; gap: 3px; min-width: 0; text-align: left; }
.sr-casinos-page .casino-fact .k { font-size: 11.5px; font-weight: 600; color: var(--casino-text-muted); letter-spacing: 0; }
.sr-casinos-page .casino-fact .v { font-size: 13.5px; line-height: 1.35; color: var(--casino-text); overflow-wrap: anywhere; }
/* 右：操作栏（细竖线分隔，不套卡片） */
.sr-casinos-page .casino-action {
  display: flex; flex-direction: column; gap: 8px; min-width: 0;
  border-left: 1px solid var(--casino-card-border); padding-left: 24px;
}
.sr-casinos-page .casino-bonus { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.sr-casinos-page .casino-bonus-title { font-size: 11.5px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: var(--casino-text-muted); margin: 0; }
.sr-casinos-page .casino-bonus-text { font-size: 14.5px; font-weight: 700; line-height: 1.3; color: var(--casino-text); margin: 0; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sr-casinos-page .casino-terms { font-size: 12.5px; color: var(--casino-link); }
.sr-casinos-page .casino-actions { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.sr-casinos-page .casino-btn {
  display: flex; align-items: center; justify-content: center;
  height: 44px; border-radius: 6px; padding: 0 16px; min-width: 0;
  font-size: 14px; font-weight: 600; letter-spacing: 0;
  text-decoration: none; box-shadow: none;
  transition: background .15s ease, border-color .15s ease;
}
.sr-casinos-page .casino-btn--primary { background: var(--casino-cta-bg); color: var(--casino-cta-text); border: 1px solid var(--casino-cta-bg); }
.sr-casinos-page .casino-btn--primary:hover { background: var(--casino-cta-hover); border-color: var(--casino-cta-hover); }
.sr-casinos-page .casino-btn--ghost { background: var(--casino-secondary-bg); border: 1px solid var(--casino-secondary-border); color: var(--casino-secondary-text); }
.sr-casinos-page .casino-btn--ghost:hover { background: var(--casino-secondary-hover); }
.sr-casinos-page .casino-verified { font-size: 12.5px; color: var(--casino-text-muted); margin: 0; }
/* 底部折叠栏（沿用 v8 样式，微调内边距对齐三栏） */
.sr-casinos-page .sr-cp-more summary { padding: 10px 24px; }
.sr-casinos-page .sr-cp-more-body { padding: 0 24px 16px; }
/* 响应式 */
@media (max-width: 1279px) {
  .sr-casinos-page .casino-card__main {
    grid-template-columns: 250px minmax(0, 1fr);
    grid-template-areas: "brand mid" "action action";
    gap: 20px;
  }
  .sr-casinos-page .casino-brand { grid-area: brand; }
  .sr-casinos-page .casino-mid { grid-area: mid; }
  .sr-casinos-page .casino-action {
    grid-area: action;
    border-left: 0; padding-left: 0; padding-top: 16px;
    border-top: 1px solid var(--casino-card-border);
    flex-direction: row; align-items: flex-start; flex-wrap: wrap; gap: 20px;
  }
  .sr-casinos-page .casino-actions { flex-direction: row; }
  .sr-casinos-page .casino-btn { min-width: 180px; }
}
@media (max-width: 768px) {
  .sr-casinos-page .casino-card__main {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "brand" "mid" "action";
    gap: 16px; padding: 16px;
  }
  .sr-casinos-page .casino-logo { width: 72px; height: 64px; }
  .sr-casinos-page .casino-name { font-size: 18px; }
  .sr-casinos-page .casino-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px; }
  .sr-casinos-page .casino-action { flex-direction: column; }
  .sr-casinos-page .casino-actions { flex-direction: column; }
  .sr-casinos-page .casino-btn { width: 100%; min-width: 0; }
  .sr-casinos-page .sr-cp-more summary { padding: 12px 16px; }
  .sr-casinos-page .sr-cp-more-body { padding: 0 16px 16px; }
}

/* ===== sr-dz-adrelated-20260829：详情页相关文章卡（Otras guías / Más noticias） ===== */
/* 仅作用于指南/资讯/赌场详情页的 sr-ad-related-grid；游戏详情页的 sr-related-grid 不受影响 */
.sr-ad-related > .sr-h2 {
  font-size: 32px;
  font-weight: 700;
}
.sr-ad-related-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.sr-ad-related-grid .sr-related-card {
  min-width: 0;
  min-height: 120px;
  height: auto;
  overflow: visible;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  border: 1px solid #2a313b;
  border-radius: 8px;
  text-align: left;
}
.sr-ad-related-grid .sr-related-card:hover { border-color: var(--color-brand); }
/* 有配图时：图拉到卡片顶部，信息区在下方（无图时即纯文字卡） */
.sr-ad-related-grid .sr-related-card .sr-related-img {
  margin: -18px -20px 14px;
  width: calc(100% + 40px);
  border-radius: 8px 8px 0 0;
}
.sr-ad-related-grid .sr-related-info {
  padding: 0;
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}
.sr-ad-related-grid .sr-related-info h3 {
  margin: 0;
  width: 100%;
  color: #f4f6f8;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: -0.01em;
  text-align: left;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
}
.sr-ad-related-grid .sr-related-provider {
  margin-top: auto;
  padding-top: 12px;
  color: #8fa1b5;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
}
@media (max-width: 900px) {
  .sr-ad-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .sr-ad-related-grid { grid-template-columns: 1fr; }
}
/* ===== sr-dz-adrelated-20260829 END */

/* ===== sr-dz-headernav-20260829：781-1100px 页头导航折叠（修复 800-1054px 横向溢出） ===== */
@media (min-width: 781px) and (max-width: 1100px) {
  .sr-header-inner { flex-wrap: wrap; }
  .sr-nav {
    display: none;
    order: 5;
    width: 100%;
    flex-basis: 100%;
    flex-shrink: 0;
    flex-direction: column;
    gap: 0;
    margin-left: 0;
    padding-bottom: 10px;
  }
  .sr-open .sr-nav { display: flex; }
  .sr-nav a {
    padding: 12px 0;
    border-bottom: 1px solid var(--color-border);
    font-size: 15px;
  }
  .sr-nav a.active::after { display: none; }
  .sr-nav a.active { color: var(--color-brand); }
  .sr-nav-item { width: 100%; }
  .sr-nav-sub { width: 100%; }
  .sr-menu-btn { display: grid; }
  .sr-header-actions { margin-left: auto; }
}
/* ===== sr-dz-headernav-20260829 END */