@charset "UTF-8";
/* 复用产品页结构，按横屏雀馆画面调整比例与玉绿配色。 */
.mahjong-product-page { --spin-gold: #28624b; --spin-panel: #e5ecdf; }
.mahjong-product-page .spin-hero { grid-template-columns: .9fr 1.1fr; gap: 48px; }
.mahjong-product-page .spin-name { font-size: clamp(20px, 2vw, 25px); }
.mahjong-product-page .spin-hero h1 { font-size: clamp(40px, 4.2vw, 60px); }
.mahjong-product-page .spin-hero-visual { padding: 22px; border-radius: 18px; background: #e5ecdf; border-color: #ced9c6; }
.mahjong-product-page .spin-hero-screen { width: 100%; border: 0; border-radius: 10px; box-shadow: 0 10px 28px #20412a22; }
.mahjong-product-page .spin-visual-heading, .mahjong-product-page .spin-hero-visual figcaption { color: #49634f; }
.mahjong-product-page .button.primary { background: #28624b; }
.mahjong-product-page .button.primary:hover { background: #1e4c3a; }
.mahjong-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mahjong-gallery .spin-gallery-screen { padding: 12px; background: #e5ecdf; }
.mahjong-gallery .spin-gallery-screen img { border: 0; border-radius: 8px; max-width: none; }
.mahjong-product-page .spin-facts { color: #49634f; }
@media (max-width: 1000px) {
  .mahjong-product-page .spin-hero { grid-template-columns: 1fr; gap: 34px; }
  .mahjong-product-page .spin-intro { max-width: 620px; }
}
@media (max-width: 600px) {
  .mahjong-product-page .spin-hero-visual { padding: 12px; }
  .mahjong-product-page .spin-hero h1 { font-size: clamp(36px, 10.5vw, 52px); }
  .mahjong-gallery { grid-template-columns: 1fr; }
  .mahjong-gallery .spin-gallery-screen { padding: 8px; }
}