/* Layout Redesign - Bento/Magazine Style */
/* Applied when body has class: layout-redesign */
/* 配色已统一写入 style.min.css :root */

/* ========== HEADER - 两层布局 ========== */
/* 第一层：Logo(左) | Entrar+Cadastrar(右) */
/* 第二层：导航链接(居中) */
.layout-redesign .main-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: rgba(10, 15, 10, 0.98);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(16, 185, 129, 0.2);
}

.layout-redesign .main-header .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.layout-redesign .header-content {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    grid-template-areas:
        "logo actions"
        "nav nav";
    gap: 0.75rem 1rem;
    padding: 0.6rem 0 !important;
}

.layout-redesign .logo-section {
    grid-area: logo;
    align-self: center;
}

.layout-redesign .header-actions {
    grid-area: actions;
    justify-self: end;
    display: flex !important;
    gap: 0.5rem;
}

.layout-redesign .desktop-nav {
    grid-area: nav;
    justify-self: center;
    display: flex !important;
}

.layout-redesign .nav-groups {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 0;
}

.layout-redesign .nav-group {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.layout-redesign .nav-group-label {
    display: none !important;
}

.layout-redesign .nav-group:not(:first-child)::before {
    content: '';
    width: 1px;
    height: 12px;
    background: rgba(255, 255, 255, 0.15);
    margin: 0 0.75rem;
    flex-shrink: 0;
}

.layout-redesign .nav-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

.layout-redesign .nav-menu li {
    margin: 0;
}

.layout-redesign .nav-link {
    padding: 0.4rem 0.75rem;
    font-size: 0.9rem;
}


/* Hero 光晕改用翡翠色 */
.layout-redesign .hero-section::before {
    background: radial-gradient(circle at 50% 50%, rgba(16, 185, 129, 0.12) 0%, transparent 70%);
}

/* ========== HERO - Full Bleed Stacked (Image Top, Text Below) ========== */
/* 顶部留白需大于固定导航高度，标题才能完整显示 */
.layout-redesign .hero-section {
    padding-top: 11rem !important;
    padding-bottom: 3rem !important;
}

/* hero-text 用 display:contents 让子元素参与父级 flex 排序 */
.layout-redesign .hero-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.5rem !important;
    text-align: center !important;
    align-items: center !important;
}

.layout-redesign .hero-text {
    display: contents;
}

/* 顺序：标题、副标题、图片、CTA，其他（feature块）在下面 - 与主页一致 */
.layout-redesign .hero-subtitle { order: 2; }
.layout-redesign .hero-image { order: 3; }
.layout-redesign .hero-cta { order: 4; }
.layout-redesign .trust-indicators { order: 5; }
/* 其他页面 hero 内的 feature 块统一放图片和 CTA 下面 */
.layout-redesign .platform-features,
.layout-redesign .bonus-highlights,
.layout-redesign .crash-features,
.layout-redesign .game-categories,
.layout-redesign .casino-features,
.layout-redesign .promo-highlights,
.layout-redesign .sports-highlights,
.layout-redesign .game-highlights,
.layout-redesign .app-features-quick,
.layout-redesign .login-form-container,
.layout-redesign .hero-content .security-features,
.layout-redesign .app-download-buttons { order: 4; }

.layout-redesign .hero-image {
    width: 100%;
    max-width: 900px;
}

.layout-redesign .hero-image .image-link {
    display: block;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}

/* 图片放大 */
.layout-redesign .hero-image .main-image {
    width: 100%;
    height: auto;
    max-height: 520px;
    min-height: 320px;
    object-fit: cover;
}

.layout-redesign .hero-title {
    order: 1;
    font-size: clamp(1.75rem, 4vw, 3rem);
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.layout-redesign .trust-indicators {
    order: 5;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
}

.layout-redesign .trust-item {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: rgba(16, 185, 129, 0.1);
    border-radius: 2rem;
    border: 1px solid rgba(16, 185, 129, 0.2);
}

/* ========== MAIN - BENTO GRID LAYOUT ========== */
.layout-redesign .main-content {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1.5rem;
    padding: 2rem 1rem;
    max-width: 1400px;
    margin: 0 auto;
}

.layout-redesign .main-content > section {
    margin: 0 !important;
    background: none !important;
    border: none !important;
}

.layout-redesign .main-content > section:not(.hero-section) {
    padding: 0 !important;
}

/* Hero must span full width - was squeezed to 1 grid column */
.layout-redesign .hero-section {
    grid-column: 1 / -1;
}

.layout-redesign .hero-section .container {
    max-width: var(--container-max-width, 1200px);
    margin: 0 auto;
    padding: 0 1.5rem;
}

.layout-redesign .main-content > section:not(.hero-section) .container {
    max-width: none;
    padding: 0;
    margin: 0;
}

/* Platform - Full Width Bento Card */
.layout-redesign .platform-section {
    grid-column: 1 / -1;
}

.layout-redesign .platform-section .container {
    background: linear-gradient(145deg, rgba(19, 32, 24, 0.8) 0%, rgba(30, 51, 40, 0.4) 100%);
    border: 1px solid rgba(16, 185, 129, 0.2);
    border-radius: 1.25rem;
    padding: 2.5rem !important;
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

.layout-redesign .section-header {
    text-align: center;
    margin-bottom: 1rem;
}

.layout-redesign .platform-text {
    display: block;
}

.layout-redesign .platform-text .content-title {
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
    margin-top: 1.5rem;
}

.layout-redesign .platform-text .content-title:first-child {
    margin-top: 0;
}

.layout-redesign .platform-text .content-description {
    margin-bottom: 0;
}

/* Payment + Games - Side by Side Bento */
.layout-redesign .payment-section {
    grid-column: 1 / 7;
}

.layout-redesign .games-section {
    grid-column: 7 / -1;
}

.layout-redesign .payment-section .section-content,
.layout-redesign .games-section .section-content {
    display: flex !important;
    flex-direction: column !important;
    direction: ltr !important;
    gap: 1.5rem !important;
}

.layout-redesign .payment-section .content-image,
.layout-redesign .games-section .content-image {
    order: 1;
}

.layout-redesign .payment-section .content-text,
.layout-redesign .games-section .content-text {
    order: 2;
}

.layout-redesign .payment-section .container,
.layout-redesign .games-section .container {
    background: linear-gradient(145deg, rgba(19, 32, 24, 0.6) 0%, rgba(30, 51, 40, 0.3) 100%);
    border: 1px solid rgba(16, 185, 129, 0.15);
    border-radius: 1.25rem;
    padding: 2rem !important;
    height: 100%;
}

.layout-redesign .payment-methods {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1rem;
}

.layout-redesign .games-features {
    display: grid !important;
    grid-template-columns: 1fr !important;
}

/* VIP - Full Width with Horizontal Tiers */
.layout-redesign .vip-section {
    grid-column: 1 / -1;
}

.layout-redesign .vip-section .section-content {
    display: grid !important;
    grid-template-columns: 1fr 2fr !important;
    direction: ltr !important;
    gap: 2rem !important;
}

.layout-redesign .vip-section .content-image {
    order: 1;
    border-radius: 1rem;
    overflow: hidden;
}

.layout-redesign .vip-section .content-text {
    order: 2;
}

.layout-redesign .vip-section .container {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.08) 0%, rgba(19, 32, 24, 0.6) 100%);
    border: 1px solid rgba(16, 185, 129, 0.25);
    border-radius: 1.25rem;
    padding: 2.5rem !important;
}

.layout-redesign .vip-tiers {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1rem;
}

.layout-redesign .security-features {
    display: flex !important;
    flex-wrap: wrap;
    gap: 0.75rem;
}

/* Providers - 2x2 Bento Grid */
.layout-redesign .providers-section {
    grid-column: 1 / -1;
}

.layout-redesign .providers-section .container {
    padding: 2rem !important;
}

.layout-redesign .providers-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.25rem !important;
}

.layout-redesign .provider-card {
    background: rgba(19, 32, 24, 0.5) !important;
    border: 1px solid rgba(16, 185, 129, 0.15) !important;
    border-radius: 1rem !important;
    padding: 1.5rem !important;
}

/* Reviews - 3 Column Horizontal */
.layout-redesign .reviews-section {
    grid-column: 1 / -1;
}

.layout-redesign .reviews-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.5rem !important;
}

.layout-redesign .review-card {
    background: rgba(19, 32, 24, 0.5) !important;
    border-radius: 1rem !important;
    padding: 1.5rem !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.layout-redesign .reviews-stats {
    display: flex !important;
    justify-content: center !important;
    gap: 3rem;
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* Stats - Horizontal Strip 6 cols (仅 index 的 stats-section) */
.layout-redesign .stats-section {
    grid-column: 1 / -1;
}

.layout-redesign .stats-section .stats-grid {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 1rem !important;
}

/* Casino 页面区块 - 全宽 */
.layout-redesign .live-games-section,
.layout-redesign .game-rules-section,
.layout-redesign .live-stats-section {
    grid-column: 1 / -1;
}

/* Casino live-stats：3 张卡片，移动端单列，桌面 3 列 */
.layout-redesign .live-stats-section .stats-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
}

@media (min-width: 768px) {
    .layout-redesign .live-stats-section .stats-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* Casino live-games section-content 移动端堆叠 */
.layout-redesign .live-games-section .section-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
}

.layout-redesign .live-games-section .content-image {
    order: 1;
}

.layout-redesign .live-games-section .content-text {
    order: 2;
}

/* index stats-section：恢复 container 内边距，避免移动端贴边、文字重叠 */
.layout-redesign .main-content > .stats-section .container {
    padding: 1.5rem !important;
}
@media (max-width: 767px) {
    .layout-redesign .main-content > .stats-section .container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

.layout-redesign .stat-card {
    text-align: center !important;
    padding: 1.5rem 1rem !important;
    background: rgba(16, 185, 129, 0.08) !important;
    border: 1px solid rgba(16, 185, 129, 0.2) !important;
    border-radius: 0.75rem !important;
    min-width: 0 !important;
}
.layout-redesign .stat-card .stat-number,
.layout-redesign .stat-card .stat-label,
.layout-redesign .stat-card .stat-description {
    min-width: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.layout-redesign .comparison-table {
    margin-top: 2rem;
}

/* Mobile App - Split 50/50 */
.layout-redesign .mobile-app-section {
    grid-column: 1 / -1;
}

.layout-redesign .mobile-app-section .section-content {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    direction: ltr !important;
    gap: 2rem !important;
    align-items: center !important;
}

.layout-redesign .mobile-app-section .content-text {
    order: 1;
}

.layout-redesign .mobile-app-section .content-image {
    order: 2;
}

.layout-redesign .mobile-app-section .container {
    background: linear-gradient(145deg, rgba(19, 32, 24, 0.6) 0%, transparent 100%);
    border: 1px solid rgba(16, 185, 129, 0.15);
    border-radius: 1.25rem;
    padding: 2.5rem !important;
}

.layout-redesign .mobile-features {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 1rem;
}

.layout-redesign .app-downloads {
    display: flex !important;
    flex-direction: row !important;
    gap: 1rem;
    margin-top: 1.5rem;
}

/* FAQ - 2 Column Accordion */
.layout-redesign .faq-section {
    grid-column: 1 / -1;
}

/* App 页面区块 - 全宽 */
.layout-redesign .app-features-section,
.layout-redesign .exclusive-features-section,
.layout-redesign .download-instructions-section,
.layout-redesign .final-cta-section,
.layout-redesign .system-requirements-section,
.layout-redesign .user-stories-section,
.layout-redesign .comparison-section {
    grid-column: 1 / -1;
}

/* App 页面移动端：防止文字截断、卡片全宽 */
.layout-redesign .tip-item {
    min-width: 0;
}
.layout-redesign .tip-item p {
    min-width: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
.layout-redesign .story-card {
    min-width: 0;
}
.layout-redesign .story-content p,
.layout-redesign .story-info {
    min-width: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* Casino 页面：防止文字截断 */
.layout-redesign .stat-card-live,
.layout-redesign .live-game {
    min-width: 0;
}
.layout-redesign .stat-row,
.layout-redesign .summary-item {
    min-width: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* Crash 页面区块 - 全宽 */
.layout-redesign .popular-crash-section,
.layout-redesign .crash-how-works-section,
.layout-redesign .crash-strategies-section,
.layout-redesign .historical-data-section,
.layout-redesign .responsible-gaming-section {
    grid-column: 1 / -1;
}

/* Crash 游戏卡片：防止文字截断、移动端单列 */
.layout-redesign .crash-game-card {
    min-width: 0;
}
.layout-redesign .crash-game-card .game-content,
.layout-redesign .crash-game-card .game-description,
.layout-redesign .crash-game-card .game-header,
.layout-redesign .crash-game-card .game-stats {
    min-width: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.layout-redesign .crash-game-card .game-stats .stat-item {
    min-width: 0;
}

/* Esporte 页面区块 - 全宽 */
.layout-redesign .football-section,
.layout-redesign .live-betting-section,
.layout-redesign .other-sports-section,
.layout-redesign .league-coverage-section,
.layout-redesign .odds-comparison-section,
.layout-redesign .expert-analysis-section {
    grid-column: 1 / -1;
}

/* Jogo 页面区块 - 全宽 */
.layout-redesign .featured-games-section,
.layout-redesign .game-categories-section,
.layout-redesign .game-features-section,
.layout-redesign .rtp-info-section,
.layout-redesign .tips-section {
    grid-column: 1 / -1;
}

/* Jogo 页面：feature-card 防截断，标题与描述可换行 */
.layout-redesign .feature-card {
    min-width: 0;
}
.layout-redesign .feature-card .feature-title,
.layout-redesign .feature-card .feature-description,
.layout-redesign .feature-card .feature-list,
.layout-redesign .feature-card .feature-list li {
    min-width: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* Jogos 页面区块 - 全宽 */
.layout-redesign .slots-section,
.layout-redesign .table-games-section,
.layout-redesign .live-casino-section,
.layout-redesign .filters-section,
.layout-redesign .hot-games-section,
.layout-redesign .new-games-section {
    grid-column: 1 / -1;
}

/* Jogos 页面桌面端：恢复 container 约束，section-content 双列布局 */
.layout-redesign .slots-section .container,
.layout-redesign .table-games-section .container,
.layout-redesign .live-casino-section .container,
.layout-redesign .filters-section .container,
.layout-redesign .hot-games-section .container,
.layout-redesign .new-games-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}


@media (min-width: 1024px) {
    .layout-redesign .slots-section .section-content,
    .layout-redesign .table-games-section .section-content,
    .layout-redesign .live-casino-section .section-content {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 3rem !important;
        align-items: center !important;
    }
    .layout-redesign .table-games-section .section-content.reverse .content-image {
        order: 2;
    }
    .layout-redesign .table-games-section .section-content.reverse .content-text {
        order: 1;
    }
}

@media (max-width: 1023px) {
    .layout-redesign .slots-section .section-content,
    .layout-redesign .table-games-section .section-content,
    .layout-redesign .live-casino-section .section-content {
        display: flex !important;
        flex-direction: column !important;
        gap: 2rem !important;
    }
    .layout-redesign .slots-section .content-image,
    .layout-redesign .table-games-section .content-image,
    .layout-redesign .live-casino-section .content-image {
        order: 1;
    }
    .layout-redesign .slots-section .content-text,
    .layout-redesign .table-games-section .content-text,
    .layout-redesign .live-casino-section .content-text {
        order: 2;
    }
}

/* Jogos 桌面端：hot-games-list 和 new-games-grid 合理列数 */
@media (min-width: 1024px) {
    .layout-redesign .hot-games-list {
        grid-template-columns: 1fr !important;
    }
    .layout-redesign .new-games-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (min-width: 1200px) {
    .layout-redesign .new-games-grid {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

/* Login 页面区块 - 全宽 */
.layout-redesign .security-section,
.layout-redesign .benefits-section,
.layout-redesign .help-section,
.layout-redesign .password-recovery-section,
.layout-redesign .quick-registration-section,
.layout-redesign .security-tips-section {
    grid-column: 1 / -1;
}

/* Login 页面：恢复 container 约束，安全提示卡片防截断 */
.layout-redesign .security-tips-section .container,
.layout-redesign .security-section .container,
.layout-redesign .benefits-section .container,
.layout-redesign .help-section .container,
.layout-redesign .password-recovery-section .container,
.layout-redesign .quick-registration-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.layout-redesign .tip-card-security {
    min-width: 0;
}
.layout-redesign .tip-card-security .tip-title-security,
.layout-redesign .tip-card-security .tip-content-security,
.layout-redesign .tip-card-security .tip-list-security,
.layout-redesign .tip-card-security .tip-list-security li {
    min-width: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* tips-grid-security 桌面端：中等屏幕 2 列，宽屏 4 列，避免窄列截断 */
@media (min-width: 768px) {
    .layout-redesign .tips-grid-security {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (min-width: 1200px) {
    .layout-redesign .tips-grid-security {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

/* Plataforma 页面区块 - 全宽（security-section 与其他页共用） */
.layout-redesign .technology-section,
.layout-redesign .support-section,
.layout-redesign .tech-stack-section,
.layout-redesign .performance-section,
.layout-redesign .update-log-section {
    grid-column: 1 / -1;
}

/* Promo 页面区块 - 全宽 */
.layout-redesign .featured-promos-section,
.layout-redesign .loyalty-program-section,
.layout-redesign .weekly-events-section,
.layout-redesign .promo-calendar-section,
.layout-redesign .requirements-section,
.layout-redesign .winners-hall-section {
    grid-column: 1 / -1;
}

/* Promo 页面：恢复 container 约束，requirement-card 防截断 */
.layout-redesign .requirements-section .container,
.layout-redesign .featured-promos-section .container,
.layout-redesign .loyalty-program-section .container,
.layout-redesign .weekly-events-section .container,
.layout-redesign .promo-calendar-section .container,
.layout-redesign .winners-hall-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.layout-redesign .requirement-card {
    min-width: 0;
}
.layout-redesign .requirement-card .req-title,
.layout-redesign .requirement-card .req-list,
.layout-redesign .requirement-card .req-list li {
    min-width: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* requirements-grid 响应式：移动端单列，中等屏 2 列，宽屏 4 列 */
@media (min-width: 768px) {
    .layout-redesign .requirements-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (min-width: 1200px) {
    .layout-redesign .requirements-grid {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

/* Esporte 运动卡片：防止文字截断 */
.layout-redesign .sport-card {
    min-width: 0;
}
.layout-redesign .sport-card .sport-content,
.layout-redesign .sport-card .sport-description,
.layout-redesign .sport-card .sport-header,
.layout-redesign .sport-card .sport-features {
    min-width: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* Esporte league-item 防止截断 */
.layout-redesign .league-item,
.layout-redesign .league-content,
.layout-redesign .live-feature {
    min-width: 0;
}
.layout-redesign .league-content .league-title,
.layout-redesign .league-content .league-description,
.layout-redesign .live-feature .feature-description {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* Esporte article-card 防止截断 */
.layout-redesign .article-card,
.layout-redesign .article-card .article-excerpt {
    min-width: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* Jogos/Jogo 页面：游戏卡片防止截断 */
.layout-redesign .hot-game-item,
.layout-redesign .new-game-card,
.layout-redesign .game-item {
    min-width: 0;
}
.layout-redesign .hot-game-info,
.layout-redesign .hot-game-desc,
.layout-redesign .new-game-content,
.layout-redesign .new-game-desc {
    min-width: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* Promo/Login 页面：卡片防止截断 */
.layout-redesign .promo-card,
.layout-redesign .benefit-item,
.layout-redesign .security-feature {
    min-width: 0;
}

/* Esporte section-content 移动端堆叠 */
.layout-redesign .football-section .section-content,
.layout-redesign .live-betting-section .section-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
}

.layout-redesign .football-section .content-image,
.layout-redesign .live-betting-section .content-image {
    order: 1;
}

.layout-redesign .football-section .content-text,
.layout-redesign .live-betting-section .content-text {
    order: 2;
}

/* Crash section-content 移动端堆叠 */
.layout-redesign .crash-how-works-section .section-content,
.layout-redesign .crash-strategies-section .section-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
}

.layout-redesign .crash-how-works-section .content-image,
.layout-redesign .crash-strategies-section .content-image {
    order: 1;
}

.layout-redesign .crash-how-works-section .content-text,
.layout-redesign .crash-strategies-section .content-text {
    order: 2;
}

.layout-redesign .faq-container {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1rem 2rem !important;
}

/* Final CTA - Full Width Centered */
.layout-redesign .final-cta-section {
    grid-column: 1 / -1;
}

.layout-redesign .final-cta-section .container {
    text-align: center;
    padding: 3rem 2rem !important;
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.15) 0%, rgba(19, 32, 24, 0.8) 100%);
    border: 1px solid rgba(16, 185, 129, 0.3);
    border-radius: 1.25rem;
}

.layout-redesign .final-trust-indicators .trust-grid {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap;
    gap: 2rem;
}

/* ========== FOOTER - Horizontal Single Row ========== */
.layout-redesign .main-footer {
    margin-top: 3rem;
}

.layout-redesign .footer-content {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 2rem !important;
    padding: 2rem 0 !important;
    text-align: left !important;
}

.layout-redesign .footer-section {
    flex: 1;
    min-width: 140px;
}

.layout-redesign .footer-brand {
    max-width: 200px;
}

.layout-redesign .footer-bottom {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1.5rem 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.layout-redesign .footer-certifications {
    display: flex;
    gap: 1rem;
}

/* Feature images - smaller, centered */
.layout-redesign .content-image .feature-image {
    width: 100%;
    max-width: 100%;
    border-radius: 0.75rem;
    height: auto;
}

/* Section content reverse override */
.layout-redesign .section-content.reverse {
    direction: ltr !important;
}

.layout-redesign .section-content.reverse > * {
    direction: ltr !important;
}

/* ========== RESPONSIVE - Bento collapses on smaller screens ========== */
@media (max-width: 1200px) {
    .layout-redesign .payment-section,
    .layout-redesign .games-section {
        grid-column: 1 / -1;
    }
    
    .layout-redesign .vip-section .section-content {
        grid-template-columns: 1fr !important;
    }
    
    .layout-redesign .vip-tiers {
        grid-template-columns: 1fr !important;
    }
    
    .layout-redesign .stats-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    
    .layout-redesign .mobile-app-section .section-content {
        grid-template-columns: 1fr !important;
    }
    
    .layout-redesign .mobile-features {
        grid-template-columns: 1fr !important;
    }
    
    .layout-redesign .faq-container {
        grid-template-columns: 1fr !important;
    }
}

/* 1024px 以下：隐藏桌面导航，改为单行 Logo | 注册 | 菜单 */
@media (max-width: 1023px) {
    .layout-redesign .desktop-nav {
        display: none !important;
    }
    
    .layout-redesign .header-actions {
        display: none !important;
    }
    
    .layout-redesign .header-content {
        grid-template-columns: 1fr auto auto !important;
        grid-template-rows: auto !important;
        grid-template-areas: "logo register menu" !important;
    }
    
    .layout-redesign .mobile-register {
        grid-area: register;
        display: flex !important;
    }
    
    .layout-redesign .mobile-menu-toggle {
        grid-area: menu;
        display: flex !important;
    }
    
    .layout-redesign .hero-section {
        padding-top: 9rem !important;
    }
}

@media (max-width: 768px) {
    .layout-redesign .header-content {
        padding: 0.5rem 0 !important;
    }
    
    .layout-redesign .logo-section {
        flex: 0 0 auto;
    }
    
    .layout-redesign .providers-grid {
        grid-template-columns: 1fr !important;
    }
    
    .layout-redesign .reviews-grid {
        grid-template-columns: 1fr !important;
    }
    
    /* App 页面移动端：技巧卡片和用户故事卡片强制单列、全宽 */
    .layout-redesign .tips-grid {
        grid-template-columns: 1fr !important;
    }
    .layout-redesign .tips-grid-security {
        grid-template-columns: 1fr !important;
    }
    .layout-redesign .requirements-grid {
        grid-template-columns: 1fr !important;
    }
    .layout-redesign .stories-grid {
        grid-template-columns: 1fr !important;
    }
    
    /* Casino 页面移动端 */
    .layout-redesign .live-games-grid {
        grid-template-columns: 1fr !important;
    }
    .layout-redesign .live-stats-section .stats-grid {
        grid-template-columns: 1fr !important;
    }
    .layout-redesign .tab-buttons {
        flex-direction: column !important;
    }
    .layout-redesign .tab-button {
        width: 100%;
        text-align: center;
    }
    
    /* Crash 页面移动端：游戏卡片、分析网格、工具网格强制单列 */
    .layout-redesign .crash-games-grid {
        grid-template-columns: 1fr !important;
    }
    .layout-redesign .analysis-grid {
        grid-template-columns: 1fr !important;
    }
    .layout-redesign .tools-grid {
        grid-template-columns: 1fr !important;
    }
    
    /* Esporte 页面移动端：运动卡片强制单列 */
    .layout-redesign .sports-grid {
        grid-template-columns: 1fr !important;
    }
    .layout-redesign .coverage-stats {
        grid-template-columns: 1fr !important;
    }
    .layout-redesign .analysis-articles {
        grid-template-columns: 1fr !important;
    }
    .layout-redesign .new-games-grid,
    .layout-redesign .hot-games-list {
        grid-template-columns: 1fr !important;
    }
    
    /* Jogo 页面：功能卡片 768px 下单列，标题完整显示 */
    .layout-redesign .game-features-section .features-grid {
        grid-template-columns: 1fr !important;
    }
    
    /* index 统计区：768px 下单列，避免卡片挤在一起重叠 */
    .layout-redesign .stats-section .stats-grid {
        grid-template-columns: 1fr !important;
    }
    .layout-redesign .stats-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .layout-redesign .reviews-stats {
        flex-direction: column;
        gap: 1rem;
    }
    
    .layout-redesign .platform-text {
        grid-template-columns: 1fr !important;
    }
    
    .layout-redesign .footer-content {
        flex-direction: column !important;
    }
}

@media (max-width: 480px) {
    .layout-redesign .stats-grid {
        grid-template-columns: 1fr !important;
    }
    
    .layout-redesign .app-downloads {
        flex-direction: column !important;
    }
}