/* Material Design 3 CSS */
:root {
    /* Casino Color System */
    --casino-black: #1A1A1A;
    --casino-dark: #2C2C2C;
    --casino-gray: #404040;
    --casino-light-gray: #666666;
    --casino-gold: #D4AF37;
    --casino-gold-light: #F4E4BC;
    --casino-gold-dark: #B8860B;
    --casino-bronze: #CD7F32;
    --casino-silver: #C0C0C0;
    
    /* Primary Colors */
    --md-primary: var(--casino-black);
    --md-primary-container: #2A2A2A;
    --md-on-primary: var(--casino-gold);
    --md-on-primary-container: var(--casino-gold-light);
    
    /* Secondary Colors */
    --md-secondary: var(--casino-gold);
    --md-secondary-container: #3A3A3A;
    --md-on-secondary: var(--casino-black);
    --md-on-secondary-container: var(--casino-gold-light);
    
    /* Tertiary Colors */
    --md-tertiary: var(--casino-bronze);
    --md-tertiary-container: #3A3A3A;
    --md-on-tertiary: var(--casino-gold-light);
    --md-on-tertiary-container: var(--casino-gold);
    
    /* Surface Colors */
    --md-surface: var(--casino-black);
    --md-surface-container: var(--casino-dark);
    --md-surface-container-high: var(--casino-gray);
    --md-surface-container-highest: var(--casino-light-gray);
    --md-on-surface: var(--casino-gold-light);
    --md-on-surface-variant: var(--casino-silver);
    
    /* Outline Colors */
    --md-outline: var(--casino-light-gray);
    --md-outline-variant: var(--casino-gray);
    
    /* Error Colors */
    --md-error: #8B0000;
    --md-error-container: #3A1A1A;
    --md-on-error: var(--casino-gold-light);
    --md-on-error-container: #FF6B6B;
    
    /* Success Colors */
    --md-success: var(--casino-gold);
    --md-success-container: #2A2A2A;
    --md-on-success: var(--casino-black);
    --md-on-success-container: var(--casino-gold-light);
    
    /* Accent Colors */
    --accent-gold: var(--casino-gold);
    --accent-silver: var(--casino-silver);
    --accent-black: var(--casino-black);
    
    /* Dark theme colors */
    --md-dark-primary: #D0BCFF;
    --md-dark-primary-container: #4F378B;
    --md-dark-on-primary: #371E73;
    --md-dark-on-primary-container: #EADDFF;
    
    --md-dark-surface: #1C1B1F;
    --md-dark-surface-container: #211F26;
    --md-dark-surface-container-high: #2B2930;
    --md-dark-surface-container-highest: #36343B;
    --md-dark-on-surface: #E6E1E5;
    --md-dark-on-surface-variant: #CAC4D0;
    
    /* Elevation shadows */
    --md-elevation-1: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
    --md-elevation-2: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
    --md-elevation-3: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.30);
    --md-elevation-4: 0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px 0px rgba(0, 0, 0, 0.30);
    --md-elevation-5: 0px 8px 12px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.30);
    
    /* Typography */
    --md-font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --md-font-size-display-large: 3.5rem;
    --md-font-size-display-medium: 2.8rem;
    --md-font-size-display-small: 2.25rem;
    --md-font-size-headline-large: 2rem;
    --md-font-size-headline-medium: 1.75rem;
    --md-font-size-headline-small: 1.5rem;
    --md-font-size-title-large: 1.375rem;
    --md-font-size-title-medium: 1rem;
    --md-font-size-title-small: 0.875rem;
    --md-font-size-body-large: 1rem;
    --md-font-size-body-medium: 0.875rem;
    --md-font-size-body-small: 0.75rem;
    --md-font-size-label-large: 0.875rem;
    --md-font-size-label-medium: 0.75rem;
    --md-font-size-label-small: 0.6875rem;
    
    /* Spacing */
    --md-spacing-xs: 0.25rem;
    --md-spacing-sm: 0.5rem;
    --md-spacing-md: 1rem;
    --md-spacing-lg: 1.5rem;
    --md-spacing-xl: 2rem;
    --md-spacing-xxl: 3rem;
    
    /* Border radius */
    --md-radius-xs: 0.25rem;
    --md-radius-sm: 0.5rem;
    --md-radius-md: 1rem;
    --md-radius-lg: 1.5rem;
    --md-radius-xl: 2rem;
    --md-radius-full: 9999px;
    
    /* Animation */
    --md-transition-fast: 0.1s ease;
    --md-transition-normal: 0.2s ease;
    --md-transition-slow: 0.3s ease;
}

/* Base styles */
* {
    box-sizing: border-box;
}

body {
    font-family: var(--md-font-family);
    background-color: var(--md-surface);
    color: var(--md-on-surface);
    margin: 0;
    padding: 0;
    line-height: 1.6;
    transition: background-color var(--md-transition-normal);
}

/* Container */
.accordion-lite-84e1 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--md-spacing-sm);
}

@media (min-width: 768px) {
    .accordion-lite-84e1 {
        padding: 0 var(--md-spacing-md);
    }
}

/* Casino Header */
header {
    background-color: var(--casino-black);
    backdrop-filter: blur(10px);
    border-bottom: 2px solid var(--casino-gold);
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    transition: all var(--md-transition-normal);
    padding: 0;
}

header:hover {
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.7);
    border-bottom-color: var(--casino-gold-light);
}

/* Navigation Styles */
/* Hamburger Menu Toggle for All Devices */
.first_1acc {
    background: var(--casino-dark);
    border: 2px solid var(--casino-gold);
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 8px;
    border-radius: var(--md-radius-sm);
    transition: all var(--md-transition-normal);
    position: relative;
    margin-left: var(--md-spacing-sm);
}

.first_1acc:hover {
    background-color: var(--casino-gold);
    border-color: var(--casino-gold-light);
}

.first_1acc:hover span {
    background-color: var(--casino-black);
}

.first_1acc span {
    display: block;
    width: 20px;
    height: 2px;
    background-color: var(--casino-gold);
    border-radius: 1px;
    transition: all var(--md-transition-normal);
    margin: 2px 0;
}

.first_1acc.fn-active-02e7 {
    background-color: var(--casino-gold);
    border-color: var(--casino-gold-light);
}

.first_1acc.fn-active-02e7 span {
    background-color: var(--casino-black);
}

.first_1acc.fn-active-02e7 span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.first_1acc.fn-active-02e7 span:nth-child(2) {
    opacity: 0;
    transform: scale(0);
}

.first_1acc.fn-active-02e7 span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
}



/* Hamburger Navigation Menu for All Devices */
.sort-fc1d {
    background-color: var(--casino-dark);
    border-top: 1px solid var(--casino-gold);
    max-height: 0;
    overflow: hidden;
    transition: max-height var(--md-transition-slow);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);
}

.sort-fc1d.fn-active-02e7 {
    max-height: 800px;
}

.small_7d66 {
    padding: var(--md-spacing-sm);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--md-spacing-sm);
    max-height: 750px;
    overflow-y: auto;
    background: var(--casino-dark);
}

.input_bottom_2be0 {
    margin-bottom: var(--md-spacing-sm);
}

.input_bottom_2be0 h4 {
    color: var(--casino-gold);
    font-size: var(--md-font-size-title-small);
    margin-bottom: var(--md-spacing-sm);
    border-bottom: 3px solid var(--casino-gold);
    padding: var(--md-spacing-sm) var(--md-spacing-md);
    text-align: center;
    font-weight: 700;
    position: sticky;
    top: 0;
    background: var(--casino-dark);
    z-index: 10;
    border-radius: var(--md-radius-sm) var(--md-radius-sm) 0 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.input_bottom_2be0 a {
    display: block;
    color: var(--casino-gold);
    text-decoration: none;
    padding: var(--md-spacing-md);
    margin-bottom: var(--md-spacing-xs);
    border-radius: var(--md-radius-md);
    transition: all var(--md-transition-normal);
    text-align: center;
    border: 2px solid var(--casino-gold);
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--casino-dark);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    position: relative;
}

.input_bottom_2be0 a:hover {
    color: var(--casino-black);
    background-color: var(--casino-gold);
    border-color: var(--casino-gold-light);
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(212, 175, 55, 0.4);
}

.input_bottom_2be0 a:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* Add shimmer effect to buttons */
.input_bottom_2be0 a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    transition: left 0.5s;
}

.input_bottom_2be0 a:hover::before {
    left: 100%;
}

/* Mobile Navigation Full Width Section */
.basic_f21f {
    grid-column: 1 / -1;
}

.advanced_a95d {
    display: flex;
    gap: var(--md-spacing-sm);
    justify-content: center;
}

.advanced_a95d a {
    flex: 1;
    max-width: 150px;
}

/* Mobile Navigation Grid Layout */
@media (max-width: 480px) {
    .small_7d66 {
        grid-template-columns: 1fr;
        gap: var(--md-spacing-xs);
        max-height: 600px;
        padding: var(--md-spacing-xs);
    }
    
    .input_bottom_2be0 {
        margin-bottom: var(--md-spacing-xs);
    }
    
    .input_bottom_2be0 h4 {
        font-size: var(--md-font-size-body-large);
        padding: var(--md-spacing-xs) 0;
        margin-bottom: var(--md-spacing-xs);
    }
    
    .input_bottom_2be0 a {
        padding: var(--md-spacing-md) var(--md-spacing-lg);
        font-size: var(--md-font-size-body-large);
        white-space: normal;
        line-height: 1.4;
        min-height: 52px;
        font-weight: 700;
        border-width: 2px;
        box-shadow: 0 3px 12px rgba(0, 0, 0, 0.4);
    }
    
    .advanced_a95d {
        flex-direction: column;
        gap: var(--md-spacing-xs);
    }
    
    .advanced_a95d a {
        max-width: none;
        white-space: normal;
        min-height: 48px;
    }
}

/* Extra small screens */
@media (max-width: 360px) {
    .small_7d66 {
        max-height: 500px;
        padding: var(--md-spacing-xs);
    }
    
    .input_bottom_2be0 h4 {
        font-size: var(--md-font-size-body-medium);
        margin-bottom: var(--md-spacing-xs);
    }
    
    .input_bottom_2be0 a {
        font-size: var(--md-font-size-body-medium);
        padding: var(--md-spacing-sm) var(--md-spacing-md);
        min-height: 48px;
        font-weight: 700;
        border-width: 2px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
    }
}

/* Header Actions */
.text-upper-1118 {
    display: flex;
    gap: var(--md-spacing-md);
}

.text-upper-1118 .rough-9c04 {
    font-size: var(--md-font-size-title-small);
    padding: var(--md-spacing-md) var(--md-spacing-lg);
    font-weight: 600;
    min-width: 140px;
    text-align: center;
    border-radius: var(--md-radius-md);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    transition: all var(--md-transition-normal);
}

.text-upper-1118 .rough-9c04:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .text-upper-1118 {
        flex-direction: column;
        gap: var(--md-spacing-sm);
        min-width: 140px;
    }
    
    .text-upper-1118 .rough-9c04 {
        font-size: var(--md-font-size-body-medium);
        padding: var(--md-spacing-sm) var(--md-spacing-md);
        min-width: 140px;
        width: 100%;
        text-align: center;
    }
}

/* Extra small screens */
@media (max-width: 480px) {
    .text-upper-1118 {
        min-width: 120px;
    }
    
    .text-upper-1118 .rough-9c04 {
        font-size: var(--md-font-size-body-small);
        padding: var(--md-spacing-xs) var(--md-spacing-sm);
        min-width: 120px;
    }
}

header .image-north-e554 {
    padding: var(--md-spacing-xs) 0;
    min-height: 60px;
}

header .highlight_cool_cd33 {
    margin: 0;
}

header .container-367c {
    padding: 0;
}

header img {
    border-radius: var(--md-radius-md);
    transition: transform var(--md-transition-normal);
    margin: 0;
}

header img:hover {
    transform: scale(1.05);
}

/* Remove Bootstrap margins from header elements */
header .mask_a80b {
    margin-right: var(--md-spacing-sm) !important;
}

header .outline_14cb {
    margin-right: var(--md-spacing-xs) !important;
}

/* Buttons - Material Design 3 */
.rough-9c04 {
    font-family: var(--md-font-family);
    font-weight: 500;
    font-size: var(--md-font-size-label-large);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: var(--md-spacing-sm) var(--md-spacing-lg);
    border-radius: var(--md-radius-full);
    border: none;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--md-spacing-xs);
    transition: all var(--md-transition-normal);
    position: relative;
    overflow: hidden;
    min-height: 40px;
    box-shadow: var(--md-elevation-1);
}

.rough-9c04::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: currentColor;
    opacity: 0;
    transition: opacity var(--md-transition-fast);
    border-radius: inherit;
}

.rough-9c04:hover::before {
    opacity: 0.08;
}

.rough-9c04:active::before {
    opacity: 0.12;
}

.frame-liquid-45a8 {
    background-color: var(--casino-black);
    color: var(--casino-gold);
    border: 1px solid var(--casino-gold);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.frame-liquid-45a8:hover {
    background-color: var(--casino-gold);
    color: var(--casino-black);
    box-shadow: 0 4px 16px rgba(212, 175, 55, 0.4);
    transform: translateY(-1px);
    border-color: var(--casino-gold-light);
}

.caption-iron-c0cb {
    background-color: var(--casino-gold);
    color: var(--casino-black);
    border: 1px solid var(--casino-gold-dark);
    box-shadow: 0 2px 8px rgba(212, 175, 55, 0.3);
}

.caption-iron-c0cb:hover {
    background-color: var(--casino-gold-light);
    color: var(--casino-black);
    box-shadow: 0 4px 16px rgba(212, 175, 55, 0.5);
    transform: translateY(-1px);
    border-color: var(--casino-gold);
}

.gradient-ce9d {
    padding: var(--md-spacing-md) var(--md-spacing-xl);
    font-size: var(--md-font-size-title-medium);
    min-height: 48px;
}

/* Casino Cards */
.sort_8aa6 {
    background-color: var(--casino-dark);
    border-radius: var(--md-radius-lg);
    padding: var(--md-spacing-lg);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
    border: 1px solid var(--casino-gray);
    transition: all var(--md-transition-normal);
}

.sort_8aa6:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6);
    transform: translateY(-3px);
    border-color: var(--casino-gold);
    background-color: var(--casino-gray);
}

/* Sections */
section {
    padding: var(--md-spacing-xxl) 0;
}

section.accordion-lite-84e1 {
    padding: var(--md-spacing-xxl) var(--md-spacing-md);
}

@media (min-width: 768px) {
    section.accordion-lite-84e1 {
        padding: var(--md-spacing-xxl) var(--md-spacing-lg);
    }
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 var(--md-spacing-md) 0;
    color: var(--md-on-surface);
}

h1 {
    font-size: var(--md-font-size-display-small);
    font-weight: 300;
}

h2 {
    font-size: var(--md-font-size-headline-large);
    font-weight: 400;
}

h3 {
    font-size: var(--md-font-size-headline-medium);
    font-weight: 400;
}

h4 {
    font-size: var(--md-font-size-headline-small);
    font-weight: 400;
}

p {
    font-size: var(--md-font-size-body-large);
    line-height: 1.6;
    margin: 0 0 var(--md-spacing-md) 0;
    color: var(--md-on-surface-variant);
}

/* Hero Section - Casino Style */
.secondary-f94d {
    background-color: var(--casino-black);
    color: var(--casino-gold-light);
    padding: var(--md-spacing-xxl) 0;
    position: relative;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
    border-bottom: 3px solid var(--casino-gold);
}

.secondary-f94d .accordion-lite-84e1 {
    position: relative;
    z-index: 1;
}

.secondary-f94d h1 {
    color: var(--md-on-primary);
    margin-bottom: var(--md-spacing-lg);
}

.secondary-f94d p {
    color: var(--md-on-primary);
    opacity: 0.9;
    font-size: var(--md-font-size-body-large);
    margin-bottom: var(--md-spacing-xl);
}

/* Feature Cards */
.component-slow-ba67 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--md-spacing-lg);
    margin: var(--md-spacing-xxl) 0;
}

.accent_over_8406 {
    background: var(--md-surface);
    border-radius: var(--md-radius-lg);
    padding: var(--md-spacing-xl);
    box-shadow: var(--md-elevation-1);
    border: 1px solid var(--md-outline-variant);
    transition: all var(--md-transition-normal);
    text-align: center;
}

.accent_over_8406:hover {
    box-shadow: var(--md-elevation-3);
    transform: translateY(-4px);
}

.accent_over_8406 img {
    width: 80px;
    height: 80px;
    border-radius: var(--md-radius-md);
    margin-bottom: var(--md-spacing-md);
    transition: transform var(--md-transition-normal);
}

.accent_over_8406:hover img {
    transform: scale(1.1);
}

/* Casino Images */
img {
    max-width: 100%;
    height: auto;
    border-radius: var(--md-radius-md);
    transition: all var(--md-transition-normal);
    border: 2px solid transparent;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

img:hover {
    transform: scale(1.03);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5);
    border-color: var(--casino-gold);
}

/* Utility Classes */
.highlight-complex-e4f9 {
    text-align: center;
}

.header_d8f1 {
    color: var(--md-on-primary);
}

.texture_paper_475a {
    margin-bottom: var(--md-spacing-lg);
}

.carousel-2c94 {
    margin-bottom: var(--md-spacing-xl);
}

.image-north-e554 {
    display: flex;
}

.sort_c152 {
    align-items: center;
}

.chip-green-02bc {
    justify-content: space-between;
}

.copper_532a {
    justify-content: center;
}

.action-7ca9 {
    text-decoration: none;
}

.outline_14cb {
    margin-right: var(--md-spacing-sm);
}

.summary-e0fa {
    margin-left: var(--md-spacing-md);
}

.carousel_warm_b72a {
    padding-top: var(--md-spacing-sm);
    padding-bottom: var(--md-spacing-sm);
}

.old_1fb5 {
    padding-top: var(--md-spacing-xl);
    padding-bottom: var(--md-spacing-xl);
}

/* Footer */
footer {
    background: var(--md-surface-container-high);
    border-top: 1px solid var(--md-outline-variant);
    padding: var(--md-spacing-xl) 0;
    margin-top: var(--md-spacing-xxl);
}

footer a {
    color: var(--md-on-surface-variant);
    text-decoration: none;
    transition: color var(--md-transition-normal);
}

footer a:hover {
    color: var(--md-primary);
}

/* Responsive Design */
@media (max-width: 768px) {
    :root {
        --md-font-size-display-small: 2rem;
        --md-font-size-headline-large: 1.5rem;
        --md-font-size-headline-medium: 1.25rem;
    }
    
    .image-north-e554 {
        flex-direction: column;
        gap: var(--md-spacing-md);
    }
    
    .chip-green-02bc {
        justify-content: center;
    }
    
    .component-slow-ba67 {
        grid-template-columns: 1fr;
    }
    
    .rough-9c04 {
        width: 100%;
        margin-bottom: var(--md-spacing-sm);
    }
    
    header .image-north-e554 {
        flex-direction: row;
        justify-content: space-between;
    }
}

/* Dark theme support */
@media (prefers-color-scheme: dark) {
    :root {
        --md-surface: var(--md-dark-surface);
        --md-surface-container: var(--md-dark-surface-container);
        --md-surface-container-high: var(--md-dark-surface-container-high);
        --md-surface-container-highest: var(--md-dark-surface-container-highest);
        --md-on-surface: var(--md-dark-on-surface);
        --md-on-surface-variant: var(--md-dark-on-surface-variant);
        --md-outline-variant: rgba(255, 255, 255, 0.12);
    }
}

/* Dark Red Animation keyframes */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes casinoPulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
    }
    50% {
        transform: scale(1.02);
        box-shadow: 0 8px 25px rgba(212, 175, 55, 0.3);
    }
}

.tag_acb3 {
    animation: fadeInUp 0.6s ease-out;
}

.stone-42e0 {
    animation: casinoPulse 2s infinite;
}

.gold_7381 {
    position: relative;
    overflow: hidden;
}

.gold_7381::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(212, 175, 55, 0.1);
    opacity: 0;
    transition: opacity var(--md-transition-normal);
    pointer-events: none;
}

.gold_7381:hover::after {
    opacity: 1;
}

/* css-noise: fc68 */
.shadow-element-w7 {
  padding: 0.1rem;
  font-size: 12px;
  line-height: 1.3;
}

/* =========================
   Theme groups (A3 / B1 / C2)
   Applied via <body class="theme-a3|theme-b1|theme-c2">
   ========================= */

/* -------------------------
   Group A3: standard pages
   (deep slate + gold)
   ------------------------- */
body.theme-a3 {
    /* 让全局文字在深色背景下可读 */
    color: #E5E7EB !important;
    background-color: #1B1D2A !important;

    /* 主题变量（让 index-new.css 的 var(--color-*) 生效） */
    --color-white: #0B1220;
    --color-light: #111827;

    --color-primary: #EAB308;
    --color-primary-dark: #0F172A;
    --color-primary-light: #2B2F45;

    --color-accent: #EAB308;
    --color-accent-dark: #C9A227;

    --color-success: #22C55E;

    /* 灰阶（用于背景容器/文字） */
    --color-gray-100: #111827;
    --color-gray-200: #1F2937;
    --color-gray-300: #374151;
    --color-gray-400: #4B5563;
    --color-gray-500: #6B7280;
    --color-gray-600: #94A3B8;
    --color-gray-700: #CBD5E1;
    --color-gray-800: #E5E7EB;
    --color-gray-900: #F3F4F6;
}

body.theme-a3 nav.pattern-58a3 {
    background: linear-gradient(135deg, #1B1D2A 0%, #2B2F45 100%) !important;
    border-bottom-color: #EAB308 !important;
}

body.theme-a3 .alert_black_2e66,
body.theme-a3 .header-45e0,
body.theme-a3 .complex-8fc2,
body.theme-a3 .pink-7299,
body.theme-a3 .outer_36af {
    background: transparent !important;
}

body.theme-a3 .alert_black_2e66 {
    background: linear-gradient(135deg, #1B1D2A 0%, #2B2F45 50%, #0F172A 100%) !important;
    color: #E5E7EB !important;
}

body.theme-a3 .header-45e0 {
    background: linear-gradient(135deg, #1B1D2A 0%, #2B2F45 100%) !important;
    color: #E5E7EB !important;
}

body.theme-a3 .complex-8fc2 {
    background: #1B1D2A !important;
}

body.theme-a3 .pink-7299 {
    background: #1B1D2A !important;
}

body.theme-a3 .outer_36af {
    background: linear-gradient(135deg, #1B1D2A 0%, #2B2F45 100%) !important;
    color: #ffffff !important;
}

body.theme-a3 .hero_256d,
body.theme-a3 .tertiary_5011,
body.theme-a3 .section_plasma_3c8f,
body.theme-a3 .sort_df42 {
    background: #111827 !important;
    color: #E5E7EB !important;
}

body.theme-a3 [style*="background: linear-gradient(135deg, #1a472a 0%, #2d5a3d 100%)"] {
    background: linear-gradient(135deg, #1B1D2A 0%, #2B2F45 100%) !important;
}

body.theme-a3 [style*="background: linear-gradient(45deg, #ffd700, #ffae00)"],
body.theme-a3 [style*="background: linear-gradient(135deg, #ffd700 0%, #ffae00 100%)"],
body.theme-a3 [style*="background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%)"] {
    background: linear-gradient(135deg, #EAB308 0%, #FDE68A 100%) !important;
}

body.theme-a3 [style*="color: #ffd700"] { color: #EAB308 !important; }
body.theme-a3 [style*="color: #ffae00"] { color: #FDE68A !important; }
body.theme-a3 [style*="color: #1a472a"] { color: #E5E7EB !important; }
body.theme-a3 [style*="color: #2d5a3d"] { color: #E5E7EB !important; }
/* A3：不要把浅底卡片替换成偏白颜色，否则深底上会“对不上/不协调” */
body.theme-a3 [style*="background: #f8f9fa"] { background: #111827 !important; }
body.theme-a3 [style*="border-left: 5px solid #ffd700"] { border-left-color: #EAB308 !important; }
body.theme-a3 [style*="background-color: #e0f7fa"] { background-color: rgba(96, 165, 250, 0.14) !important; }

/* -------------------------
   A3 card palette mapping
   按“卡片原本颜色族”分别映射到 A3 深色+金色风格
   ------------------------- */

/* 中性色卡片底：#fff/#f8f9fa 等 -> A3 深绿深底 */
body.theme-a3 [style*="background: #fff"],
body.theme-a3 [style*="background: #ffffff"],
body.theme-a3 [style*="background: #f5f5f5"],
body.theme-a3 [style*="background: #f0f8f0"],
body.theme-a3 [style*="background: #f9fafb"] {
    background: #111827 !important;
    color: #E5E7EB !important;
}

/* 颜色族卡片底 */
body.theme-a3 [style*="background: #e8f5e9"] {
    background: rgba(34, 197, 94, 0.14) !important; /* success绿 */
    color: #E5E7EB !important;
}
body.theme-a3 [style*="background: #e3f2fd"],
body.theme-a3 [style*="background: #e1f5fe"] {
    background: rgba(96, 165, 250, 0.14) !important; /* info蓝 */
    color: #E5E7EB !important;
}
body.theme-a3 [style*="background: #f3e5f5"] {
    background: rgba(139, 92, 246, 0.14) !important; /* purple */
    color: #E5E7EB !important;
}
body.theme-a3 [style*="background: #fff3e0"],
body.theme-a3 [style*="background: #fff9c4"] {
    background: rgba(234, 179, 8, 0.14) !important; /* gold */
    color: #E5E7EB !important;
}
body.theme-a3 [style*="background: #ffebee"] {
    background: rgba(239, 68, 68, 0.14) !important; /* danger红 */
    color: #E5E7EB !important;
}

/* 带渐变的浅底卡片：覆盖“渐变起始色”即可覆盖大部分写死渐变 */
body.theme-a3 [style*="background: linear-gradient(135deg, #e8f5e9"] {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.20) 0%, rgba(34, 197, 94, 0.08) 100%) !important;
    color: #E5E7EB !important;
}
body.theme-a3 [style*="background: linear-gradient(135deg, #e3f2fd"],
body.theme-a3 [style*="background: linear-gradient(135deg, #e1f5fe"] {
    background: linear-gradient(135deg, rgba(96, 165, 250, 0.20) 0%, rgba(96, 165, 250, 0.08) 100%) !important;
    color: #E5E7EB !important;
}
body.theme-a3 [style*="background: linear-gradient(135deg, #e0f7fa 0%, #b2ebf2 100%)"] {
    background: linear-gradient(135deg, rgba(96, 165, 250, 0.20) 0%, rgba(96, 165, 250, 0.08) 100%) !important;
    color: #E5E7EB !important;
}
body.theme-a3 [style*="background: linear-gradient(135deg, #f3e5f5"] {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.20) 0%, rgba(139, 92, 246, 0.08) 100%) !important;
    color: #E5E7EB !important;
}
body.theme-a3 [style*="background: linear-gradient(135deg, #fff3e0"],
body.theme-a3 [style*="background: linear-gradient(135deg, #fff9c4"] {
    background: linear-gradient(135deg, rgba(234, 179, 8, 0.20) 0%, rgba(234, 179, 8, 0.08) 100%) !important;
    color: #E5E7EB !important;
}
body.theme-a3 [style*="background: linear-gradient(135deg, #ffebee"] {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.20) 0%, rgba(239, 68, 68, 0.08) 100%) !important;
    color: #E5E7EB !important;
}

/* rgba 白色玻璃卡片 */
body.theme-a3 [style*="background: rgba(255, 255, 255, 0.95)"] {
    background: rgba(17, 24, 39, 0.9) !important;
    color: #E5E7EB !important;
}

/* A3 字色：把常见深色文字在深底上改成可读浅色 */
body.theme-a3 [style*="color: #333"],
body.theme-a3 [style*="color: #555"],
body.theme-a3 [style*="color: #666"],
body.theme-a3 [style*="color: #999"] {
    color: #CBD5E1 !important;
}

/* A3 左侧彩色边框：按原色族映射到 A3 对应主色 */
body.theme-a3 [style*="border-left: 4px solid #10b981"],
body.theme-a3 [style*="border-left: 5px solid #10b981"],
body.theme-a3 [style*="border-left: 6px solid #10b981"],
body.theme-a3 [style*="border-left: 4px solid #4caf50"],
body.theme-a3 [style*="border-left: 5px solid #4caf50"],
body.theme-a3 [style*="border-left: 6px solid #4caf50"] {
    border-left-color: #22C55E !important;
}
body.theme-a3 [style*="border-left: 4px solid #2196f3"],
body.theme-a3 [style*="border-left: 5px solid #2196f3"],
body.theme-a3 [style*="border-left: 6px solid #2196f3"],
body.theme-a3 [style*="border-left: 4px solid #00bcd4"],
body.theme-a3 [style*="border-left: 5px solid #00bcd4"],
body.theme-a3 [style*="border-left: 6px solid #00bcd4"] {
    border-left-color: #60A5FA !important;
}
body.theme-a3 [style*="border-left: 4px solid #8b5cf6"],
body.theme-a3 [style*="border-left: 5px solid #8b5cf6"],
body.theme-a3 [style*="border-left: 6px solid #8b5cf6"],
body.theme-a3 [style*="border-left: 4px solid #9c27b0"],
body.theme-a3 [style*="border-left: 5px solid #9c27b0"],
body.theme-a3 [style*="border-left: 6px solid #9c27b0"] {
    border-left-color: #8B5CF6 !important;
}
body.theme-a3 [style*="border-left: 4px solid #f59e0b"],
body.theme-a3 [style*="border-left: 5px solid #f59e0b"],
body.theme-a3 [style*="border-left: 6px solid #f59e0b"],
body.theme-a3 [style*="border-left: 4px solid #ffc107"],
body.theme-a3 [style*="border-left: 5px solid #ffc107"],
body.theme-a3 [style*="border-left: 6px solid #ffc107"] {
    border-left-color: #EAB308 !important;
}

/* A3 页（如 cassino.html）：footer 使用 class.panel_292d，需强制深色底 */
body.theme-a3 footer.panel_292d {
    background: linear-gradient(135deg, #1B1D2A 0%, #0F172A 100%) !important;
    color: #E5E7EB !important;
}

body.theme-a3 footer.panel_292d h4,
body.theme-a3 footer.panel_292d [style*="color: #ffd700"] {
    color: #EAB308 !important;
}

body.theme-a3 footer.panel_292d a {
    color: #CBD5E1 !important;
}

body.theme-a3 footer.panel_292d [style*="background: rgba(255,255,255,0.1)"] {
    background: rgba(255, 255, 255, 0.10) !important;
    color: #E5E7EB !important;
}

/* win.html：footer 是内联绿色渐变，单独覆盖为 A3 深色 */
body.theme-a3 footer[style*="background: linear-gradient(135deg, #1a472a 0%, #0f2618 100%)"] {
    background: linear-gradient(135deg, #1B1D2A 0%, #0F172A 100%) !important;
    color: #E5E7EB !important;
}

body.theme-a3 footer[style*="background: linear-gradient(135deg, #1a472a 0%, #0f2618 100%)"] h4,
body.theme-a3 footer[style*="background: linear-gradient(135deg, #1a472a 0%, #0f2618 100%)"] [style*="color: #ffd700"] {
    color: #EAB308 !important;
}

body.theme-a3 footer[style*="background: linear-gradient(135deg, #1a472a 0%, #0f2618 100%)"] a {
    color: #CBD5E1 !important;
}

body.theme-a3 footer[style*="background: linear-gradient(135deg, #1a472a 0%, #0f2618 100%)"] [style*="background: rgba(255,255,255,0.1)"] {
    background: rgba(255, 255, 255, 0.10) !important;
    color: #E5E7EB !important;
}

/* cassino.html：Responsável 区块是 index-new.css 的类样式，需单独覆盖 */
body.theme-a3 .old_9fdb {
    background: linear-gradient(135deg, #1B1D2A 0%, #0F172A 100%) !important;
}
body.theme-a3 .header-east-cb71 h2,
body.theme-a3 .title_f492,
body.theme-a3 .outline-brown-849e {
    color: #E5E7EB !important;
}
body.theme-a3 .disabled-blue-a0b3 {
    color: #EAB308 !important;
    border-color: #EAB308 !important;
}
body.theme-a3 .disabled-blue-a0b3:hover {
    background: #EAB308 !important;
    color: #1B1D2A !important;
}

body.theme-a3 [style*="background: linear-gradient(135deg, #10b981 0%, #059669 100%)"] {
    background: linear-gradient(135deg, #22C55E 0%, #16A34A 100%) !important;
}

/* -------------------------
   Group B1: enhanced pages
   (dark green + vivid activity colors)
   ------------------------- */
body.theme-b1 {
    color: #E5E7EB !important;
    background-color: #143A2A !important;

    /* 主题变量（让 index-new.css 的 var(--color-*) 生效） */
    --color-white: #0B1220;
    --color-light: #0F172A;

    --color-primary: #143A2A;
    --color-primary-dark: #0F2818;
    --color-primary-light: #24553F;

    --color-accent: #FFC83D;
    --color-accent-dark: #F59E0B;

    --color-success: #10B981;

    /* 灰阶 */
    --color-gray-100: #0F172A;
    --color-gray-200: #111827;
    --color-gray-300: #1F2937;
    --color-gray-400: #374151;
    --color-gray-500: #4B5563;
    --color-gray-600: #94A3B8;
    --color-gray-700: #CBD5E1;
    --color-gray-800: #E5E7EB;
    --color-gray-900: #F3F4F6;
}

body.theme-b1 nav.pattern-58a3 {
    background: linear-gradient(135deg, #143A2A 0%, #24553F 100%) !important;
    border-bottom-color: #FFC83D !important;
}

body.theme-b1 .alert_black_2e66,
body.theme-b1 .header-45e0,
body.theme-b1 .complex-8fc2,
body.theme-b1 .pink-7299,
body.theme-b1 .outer_36af {
    background: transparent !important;
}

body.theme-b1 .alert_black_2e66 {
    background: linear-gradient(135deg, #143A2A 0%, #24553F 50%, #0F2818 100%) !important;
    color: #E5E7EB !important;
}

body.theme-b1 .header-45e0 {
    background: linear-gradient(135deg, #143A2A 0%, #24553F 100%) !important;
    color: #E5E7EB !important;
}

body.theme-b1 .complex-8fc2 {
    background: #143A2A !important;
}

body.theme-b1 .pink-7299 {
    background: #143A2A !important;
}

body.theme-b1 .outer_36af {
    background: linear-gradient(135deg, #143A2A 0%, #24553F 100%) !important;
    color: #ffffff !important;
}

body.theme-b1 .hero_256d,
body.theme-b1 .tertiary_5011,
body.theme-b1 .section_plasma_3c8f,
body.theme-b1 .sort_df42 {
    background: #0B1220 !important;
    color: #E5E7EB !important;
}

body.theme-b1 [style*="background: linear-gradient(135deg, #1a472a 0%, #2d5a3d 100%)"] {
    background: linear-gradient(135deg, #143A2A 0%, #24553F 100%) !important;
}

body.theme-b1 [style*="background: linear-gradient(45deg, #ffd700, #ffae00)"],
body.theme-b1 [style*="background: linear-gradient(135deg, #ffd700 0%, #ffae00 100%)"],
body.theme-b1 [style*="background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%)"] {
    background: linear-gradient(135deg, #FFC83D 0%, #FFE082 100%) !important;
}

body.theme-b1 [style*="color: #ffd700"] { color: #FFC83D !important; }
body.theme-b1 [style*="border-left: 5px solid #ffd700"] { border-left-color: #FFC83D !important; }

body.theme-b1 [style*="background: #4caf50"] { background: #10B981 !important; }
body.theme-b1 [style*="color: #4caf50"] { color: #10B981 !important; }

body.theme-b1 [style*="background: #9c27b0"] { background: #8B5CF6 !important; }
body.theme-b1 [style*="color: #9c27b0"] { color: #8B5CF6 !important; }

body.theme-b1 [style*="background: #ff6b6b"] { background: #EF4444 !important; }
body.theme-b1 [style*="color: #ff6b6b"] { color: #EF4444 !important; }

body.theme-b1 [style*="background: #ff9800"] { background: #F97316 !important; }
body.theme-b1 [style*="color: #ff9800"] { color: #F97316 !important; }

body.theme-b1 [style*="background: #2196f3"] { background: #3B82F6 !important; }
body.theme-b1 [style*="color: #2196f3"] { color: #3B82F6 !important; }

/* -------------------------
   Group B1: card palette mapping
   把各种“浅色卡片背景”按颜色族分别映射到 B1 深色对应色
   （不同颜色就不同映射，而不是统一成同一种背景）
   ------------------------- */

/* 中性色浅底卡片：#fff/#f8f9fa */
body.theme-b1 [style*="background: #fff"],
body.theme-b1 [style*="background: #ffffff"],
body.theme-b1 [style*="background: #f8f9fa"],
body.theme-b1 [style*="background: #f9fafb"],
body.theme-b1 [style*="background: #f5f5f5"] {
    /* 中性色浅底卡片用 B1 的深绿，而不是偏蓝灰的 C2 感 */
    background: #143A2A !important;
    color: #E5E7EB !important;
}

/* 浅绿底 (#e8f5e9) -> success 绿 */
body.theme-b1 [style*="background: #e8f5e9"] {
    background: rgba(16, 185, 129, 0.14) !important;
    color: #E5E7EB !important;
}

/* 浅蓝底 (#e3f2fd / #e1f5fe) -> info 蓝 */
body.theme-b1 [style*="background: #e3f2fd"],
body.theme-b1 [style*="background: #e1f5fe"] {
    background: rgba(59, 130, 246, 0.14) !important;
    color: #E5E7EB !important;
}

/* 浅紫底 (#f3e5f5) -> purple */
body.theme-b1 [style*="background: #f3e5f5"] {
    background: rgba(139, 92, 246, 0.14) !important;
    color: #E5E7EB !important;
}

/* 浅琥珀/橙金底 (#fff3e0/#fff9c4) -> warning/gold */
body.theme-b1 [style*="background: #fff3e0"] {
    background: rgba(249, 115, 22, 0.14) !important;
    color: #E5E7EB !important;
}
body.theme-b1 [style*="background: #fff9c4"] {
    background: rgba(255, 200, 61, 0.14) !important;
    color: #E5E7EB !important;
}

/* 浅红底 (#ffebee) -> danger 红 */
body.theme-b1 [style*="background: #ffebee"] {
    background: rgba(239, 68, 68, 0.14) !important;
    color: #E5E7EB !important;
}

/* 带渐变的浅色卡片：用同颜色族的深色渐变替换 */
body.theme-b1 [style*="background: linear-gradient(135deg, #e8f5e9"] {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.20) 0%, rgba(16, 185, 129, 0.08) 100%) !important;
    color: #E5E7EB !important;
}
body.theme-b1 [style*="background: linear-gradient(135deg, #e3f2fd"],
body.theme-b1 [style*="background: linear-gradient(135deg, #e1f5fe"] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.20) 0%, rgba(59, 130, 246, 0.08) 100%) !important;
    color: #E5E7EB !important;
}
body.theme-b1 [style*="background: linear-gradient(135deg, #f3e5f5"] {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.20) 0%, rgba(139, 92, 246, 0.08) 100%) !important;
    color: #E5E7EB !important;
}
body.theme-b1 [style*="background: linear-gradient(135deg, #fff3e0"] {
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.20) 0%, rgba(249, 115, 22, 0.08) 100%) !important;
    color: #E5E7EB !important;
}
body.theme-b1 [style*="background: linear-gradient(135deg, #fff9c4"] {
    background: linear-gradient(135deg, rgba(255, 200, 61, 0.20) 0%, rgba(255, 200, 61, 0.08) 100%) !important;
    color: #E5E7EB !important;
}
body.theme-b1 [style*="background: linear-gradient(135deg, #ffebee"] {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.20) 0%, rgba(239, 68, 68, 0.08) 100%) !important;
    color: #E5E7EB !important;
}

/* 常见深色文字：把 #1a472a/#2d5a3d/#666/#555/#999/#333 替换成可读浅色 */
body.theme-b1 [style*="color: #1a472a"],
body.theme-b1 [style*="color: #2d5a3d"],
body.theme-b1 [style*="color: #333"] {
    color: #E5E7EB !important;
}
body.theme-b1 [style*="color: #666"] { color: #CBD5E1 !important; }
body.theme-b1 [style*="color: #555"] { color: #D1D5DB !important; }
body.theme-b1 [style*="color: #999"] { color: #9CA3AF !important; }

/* 左侧彩色边框：也按颜色族映射到 B1 主题对应色 */
body.theme-b1 [style*="border-left: 4px solid #4caf50"],
body.theme-b1 [style*="border-left: 5px solid #4caf50"],
body.theme-b1 [style*="border-left: 6px solid #4caf50"] {
    border-left-color: #10B981 !important;
}
body.theme-b1 [style*="border-left: 4px solid #9c27b0"],
body.theme-b1 [style*="border-left: 5px solid #9c27b0"],
body.theme-b1 [style*="border-left: 6px solid #9c27b0"] {
    border-left-color: #8B5CF6 !important;
}
body.theme-b1 [style*="border-left: 4px solid #ff6b6b"],
body.theme-b1 [style*="border-left: 5px solid #ff6b6b"],
body.theme-b1 [style*="border-left: 6px solid #ff6b6b"] {
    border-left-color: #EF4444 !important;
}
body.theme-b1 [style*="border-left: 4px solid #ff9800"],
body.theme-b1 [style*="border-left: 5px solid #ff9800"],
body.theme-b1 [style*="border-left: 6px solid #ff9800"] {
    border-left-color: #F97316 !important;
}
body.theme-b1 [style*="border-left: 4px solid #2196f3"],
body.theme-b1 [style*="border-left: 5px solid #2196f3"],
body.theme-b1 [style*="border-left: 6px solid #2196f3"] {
    border-left-color: #3B82F6 !important;
}
body.theme-b1 [style*="border-left: 4px solid #ffc107"],
body.theme-b1 [style*="border-left: 5px solid #ffc107"],
body.theme-b1 [style*="border-left: 6px solid #ffc107"] {
    border-left-color: #FFC83D !important;
}

/* bonus.html：footer 使用 class.panel_292d（无内联背景），单独做 B1 底部适配 */
body.theme-b1 footer.panel_292d {
    background: linear-gradient(135deg, #143A2A 0%, #0F2818 100%) !important;
    color: #E5E7EB !important;
}

body.theme-b1 footer.panel_292d h4,
body.theme-b1 footer.panel_292d [style*="color: #ffd700"] {
    color: #FFC83D !important;
}

body.theme-b1 footer.panel_292d a {
    color: #CBD5E1 !important;
}

body.theme-b1 footer.panel_292d [style*="background: rgba(255,255,255,0.1)"] {
    background: rgba(255, 255, 255, 0.12) !important;
    color: #E5E7EB !important;
}

/* -------------------------
   Group C2: download funnel
   (black/graphite + blue)
   ------------------------- */
body.theme-c2 {
    background-color: #111827 !important;

    /* 主题变量（让 index-new.css 的 var(--color-*) 生效） */
    --color-white: #0B1220;
    --color-light: #0F172A;

    --color-primary: #111827;
    --color-primary-dark: #0B1220;
    --color-primary-light: #1F2937;

    --color-accent: #60A5FA;
    --color-accent-dark: #2563EB;

    --color-success: #22C55E;

    /* 灰阶 */
    --color-gray-100: #0F172A;
    --color-gray-200: #111827;
    --color-gray-300: #1F2937;
    --color-gray-400: #374151;
    --color-gray-500: #4B5563;
    --color-gray-600: #93C5FD;
    --color-gray-700: #CBD5E1;
    --color-gray-800: #E5E7EB;
    --color-gray-900: #F3F4F6;
}

body.theme-c2 nav.pattern-58a3 {
    background: linear-gradient(135deg, #111827 0%, #1F2937 100%) !important;
    border-bottom-color: #60A5FA !important;
}

body.theme-c2 .alert_black_2e66,
body.theme-c2 .header-45e0,
body.theme-c2 .complex-8fc2,
body.theme-c2 .pink-7299,
body.theme-c2 .outer_36af {
    background: transparent !important;
}

body.theme-c2 .alert_black_2e66 {
    background: linear-gradient(135deg, #111827 0%, #1F2937 50%, #0B1220 100%) !important;
    color: #E5E7EB !important;
}

body.theme-c2 .header-45e0 {
    background: linear-gradient(135deg, #111827 0%, #1F2937 100%) !important;
    color: #E5E7EB !important;
}

body.theme-c2 .complex-8fc2 {
    background: #111827 !important;
}

body.theme-c2 .pink-7299 {
    background: #111827 !important;
}

body.theme-c2 .outer_36af {
    background: linear-gradient(135deg, #111827 0%, #1F2937 100%) !important;
    color: #ffffff !important;
}

body.theme-c2 .hero_256d,
body.theme-c2 .tertiary_5011,
body.theme-c2 .section_plasma_3c8f,
body.theme-c2 .sort_df42 {
    background: #0B1220 !important;
    color: #E5E7EB !important;
}

body.theme-c2 [style*="background: linear-gradient(135deg, #1a472a 0%, #2d5a3d 100%)"] {
    background: linear-gradient(135deg, #111827 0%, #1F2937 100%) !important;
}

body.theme-c2 [style*="background: linear-gradient(45deg, #ffd700, #ffae00)"],
body.theme-c2 [style*="background: linear-gradient(135deg, #ffd700 0%, #ffae00 100%)"],
body.theme-c2 [style*="background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%)"] {
    background: linear-gradient(135deg, #60A5FA 0%, #93C5FD 100%) !important;
}

body.theme-c2 [style*="color: #ffd700"] { color: #60A5FA !important; }
body.theme-c2 [style*="color: #1a472a"] { color: #E5E7EB !important; }
body.theme-c2 [style*="color: #2d5a3d"] { color: #E5E7EB !important; }
body.theme-c2 [style*="color: #333"] { color: #E5E7EB !important; }
body.theme-c2 [style*="color: #555"] { color: #D1D5DB !important; }
body.theme-c2 [style*="color: #666"] { color: #CBD5E1 !important; }
body.theme-c2 [style*="color: #999"] { color: #9CA3AF !important; }
body.theme-c2 [style*="color: #856404"] { color: #FDE68A !important; }
body.theme-c2 [style*="background: #f8f9fa"] { background: #0B1220 !important; }
body.theme-c2 [style*="background-color: #e0f7fa"] { background-color: #0B1220 !important; }
body.theme-c2 [style*="border-left: 5px solid #ffd700"] { border-left-color: #60A5FA !important; }

body.theme-c2 [style*="background: #e8f5e9"] { background: #0B1220 !important; }

/* download.html：统计卡片背景是 linear-gradient(#e8f5e9 -> #c8e6c9)，需改深 */
body.theme-c2 [style*="background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%)"] {
    background: linear-gradient(135deg, #111827 0%, #0B1220 100%) !important;
}

/* apk.html：卡片渐变背景 #e8f5e9 -> #f1f8f4（浅底），需同步改深 */
body.theme-c2 [style*="background: linear-gradient(135deg, #e8f5e9 0%, #f1f8f4 100%)"] {
    background: linear-gradient(135deg, #0B1220 0%, #111827 100%) !important;
}

/* apk.html：安装时间段卡片底色为 #e3f2fd（浅蓝），需同步改深 */
body.theme-c2 [style*="background: #e3f2fd"] {
    background: #0B1220 !important;
}

body.theme-c2 [style*="background: linear-gradient(135deg, #10b981 0%, #059669 100%)"] {
    background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%) !important;
}

body.theme-c2 [style*="background: #3ddc84"] { background: #4ADE80 !important; }
body.theme-c2 [style*="color: #3ddc84"] { color: #4ADE80 !important; }

body.theme-c2 [style*="background: #007aff"] { background: #38BDF8 !important; }
body.theme-c2 [style*="color: #007aff"] { color: #38BDF8 !important; }

body.theme-c2 [style*="background: #0078d4"] { background: #2563EB !important; }
body.theme-c2 [style*="color: #0078d4"] { color: #2563EB !important; }

/* APK 等页面里大量“写死白底”的内联 style 修复（仅作用于 C2 主题） */
body.theme-c2 [style*="background: #fff"],
body.theme-c2 [style*="background: #ffffff"],
body.theme-c2 [style*="background: #f8f9fa"],
body.theme-c2 [style*="background: #f0f8f0"],
body.theme-c2 [style*="background: #f5f5f5"] {
    background: #0B1220 !important;
    color: #E5E7EB !important;
}

/* cadastro.html：其它写死浅色背景（badge/卡片段落）也需要同步改深 */
body.theme-c2 [style*="background: #fff3e0"] {
    background: #3A2500 !important; /* 深琥珀，保留原本橙/金色系 */
    color: #FDE68A !important;
}

body.theme-c2 [style*="background: #fff9c4"] {
    background: #3A2A00 !important; /* 深琥珀 */
    color: #FDE68A !important;
}

body.theme-c2 [style*="background: #ffebee"] {
    background: #3B0A16 !important; /* 深玫红 */
    color: #FCA5A5 !important;
}

body.theme-c2 [style*="background: #f3e5f5"] {
    background: #2A123B !important; /* 深紫 */
    color: #E9D5FF !important;
}

/* cadastro.html：main 用的是 linear-gradient(to bottom, #f8f9fa -> #ffffff) */
body.theme-c2 [style*="background: linear-gradient(to bottom, #f8f9fa"] {
    background: linear-gradient(to bottom, #0F172A 0%, #0B1220 100%) !important;
}

body.theme-c2 [style*="background-color: #fff"],
body.theme-c2 [style*="background-color: #ffffff"] {
    background-color: #0B1220 !important;
    color: #E5E7EB !important;
}

/* cadastro.html：内层“玻璃卡片”背景是 rgba(255,255,255,0.95)，需同步改深并保证文字对比 */
body.theme-c2 [style*="background: rgba(255, 255, 255, 0.95)"] {
    background: #0B1220 !important;
    color: #E5E7EB !important;
}

/* cadastro.html：'Última correção' 使用 rgba(255,255,255,0.8) 在深色下过亮 */
body.theme-c2 [style*="background: rgba(255, 255, 255, 0.8)"] {
    background: rgba(15, 23, 42, 0.9) !important;
    color: #E5E7EB !important;
}

/* cadastro.html：footer 绿色渐变 -> C2 深蓝渐变 */
body.theme-c2 footer[style*="background: linear-gradient(135deg, #0a2f1a 0%, #1a472a 100%)"] {
    background: linear-gradient(135deg, #0F172A 0%, #0B1220 100%) !important;
    color: #E5E7EB !important;
}

/* app.html：footer 绿色渐变 -> C2 深蓝渐变 */
body.theme-c2 footer[style*="background: linear-gradient(135deg, #1a472a 0%, #0d2818 100%)"] {
    background: linear-gradient(135deg, #0F172A 0%, #0B1220 100%) !important;
    color: #E5E7EB !important;
}

body.theme-c2 [style*="background: linear-gradient(135deg, #f0f8f0 0%, #ffffff 100%)"] {
    background: linear-gradient(135deg, #0F172A 0%, #111827 100%) !important;
}

/* cadastro.html：顶部英雄区用了写死绿色渐变，需在 C2 里改成深蓝 */
body.theme-c2 [style*="background: linear-gradient(135deg, #0a2f1a 0%, #1a472a 50%, #2d5a3d 100%)"] {
    background: linear-gradient(135deg, #0B1220 0%, #111827 50%, #0F172A 100%) !important;
}

/* cadastro.html：英雄区绿色光晕遮罩（rgba(46, 204, 113, 0.1)）改成蓝色光晕 */
body.theme-c2 [style*="radial-gradient(circle at 80% 50%, rgba(46, 204, 113, 0.1)"] {
    background: radial-gradient(circle at 20% 50%, rgba(96, 165, 250, 0.18) 0%, transparent 50%),
        radial-gradient(circle at 80% 50%, rgba(59, 130, 246, 0.15) 0%, transparent 50%) !important;
}

/* cadastro.html：把写死的绿色点缀 #4caf50 统一替换成 C2 蓝色 */
body.theme-c2 [style*="border-left: 4px solid #4caf50"] { border-left-color: #34D399 !important; }
body.theme-c2 [style*="border-left: 5px solid #4caf50"] { border-left-color: #34D399 !important; }
body.theme-c2 [style*="border-left: 6px solid #4caf50"] { border-left-color: #34D399 !important; }

body.theme-c2 [style*="color: #4caf50"] { color: #34D399 !important; }

body.theme-c2 [style*="background: #4caf50"] { background: #059669 !important; }
body.theme-c2 [style*="linear-gradient(135deg, #4caf50, #388e3c)"] {
    background: linear-gradient(135deg, #34D399, #059669) !important;
}

body.theme-c2 [style*="background: rgba(76, 175, 80, 0.1)"] {
    background: rgba(52, 211, 153, 0.12) !important;
}

/* cadastro.html：保留多颜色卡片，只把浅色“变暗”，保证与整体背景搭配 */
/* 浅绿 */
body.theme-c2 [style*="background: linear-gradient(135deg, #e8f5e9 0%, #ffffff 100%)"] {
    background: linear-gradient(135deg, #0A2F1A 0%, #0B1220 100%) !important;
    color: #E5E7EB !important;
}
/* 浅橙 */
body.theme-c2 [style*="background: linear-gradient(135deg, #fff3e0 0%, #ffffff 100%)"] {
    background: linear-gradient(135deg, #3A2500 0%, #0B1220 100%) !important;
    color: #FDE68A !important;
}
/* 浅蓝 */
body.theme-c2 [style*="background: linear-gradient(135deg, #e3f2fd 0%, #ffffff 100%)"] {
    background: linear-gradient(135deg, #0B2A4A 0%, #0B1220 100%) !important;
    color: #E5E7EB !important;
}
/* 浅紫 */
body.theme-c2 [style*="background: linear-gradient(135deg, #f3e5f5 0%, #ffffff 100%)"] {
    background: linear-gradient(135deg, #2A123B 0%, #0B1220 100%) !important;
    color: #E9D5FF !important;
}
/* 浅黄 */
body.theme-c2 [style*="background: linear-gradient(135deg, #fff9c4 0%, #ffffff 100%)"] {
    background: linear-gradient(135deg, #3A2A00 0%, #0B1220 100%) !important;
    color: #FDE68A !important;
}
/* 浅青 */
body.theme-c2 [style*="background: linear-gradient(135deg, #e1f5fe 0%, #ffffff 100%)"] {
    background: linear-gradient(135deg, #003244 0%, #0B1220 100%) !important;
    color: #E0F2FE !important;
}
/* 浅红 */
body.theme-c2 [style*="background: linear-gradient(135deg, #ffebee, #fff"] {
    background: linear-gradient(135deg, #3B0A16 0%, #0B1220 100%) !important;
    color: #FCA5A5 !important;
}

/* 左侧彩色边框：把“彩色”保留，只换成深色同色系 */
body.theme-c2 [style*="border-left: 4px solid #ffd700"],
body.theme-c2 [style*="border-left: 5px solid #ffd700"],
body.theme-c2 [style*="border-left: 6px solid #ffd700"] { border-left-color: #FDE68A !important; }

body.theme-c2 [style*="border-left: 4px solid #ff9800"],
body.theme-c2 [style*="border-left: 5px solid #ff9800"],
body.theme-c2 [style*="border-left: 6px solid #ff9800"] { border-left-color: #F59E0B !important; }

body.theme-c2 [style*="border-left: 4px solid #ffc107"],
body.theme-c2 [style*="border-left: 5px solid #ffc107"],
body.theme-c2 [style*="border-left: 6px solid #ffc107"] { border-left-color: #F59E0B !important; }

body.theme-c2 [style*="border-left: 4px solid #2196f3"],
body.theme-c2 [style*="border-left: 5px solid #2196f3"],
body.theme-c2 [style*="border-left: 6px solid #2196f3"] { border-left-color: #60A5FA !important; }

body.theme-c2 [style*="border-left: 4px solid #00bcd4"],
body.theme-c2 [style*="border-left: 5px solid #00bcd4"],
body.theme-c2 [style*="border-left: 6px solid #00bcd4"] { border-left-color: #22D3EE !important; }

body.theme-c2 [style*="border-left: 4px solid #9c27b0"],
body.theme-c2 [style*="border-left: 5px solid #9c27b0"],
body.theme-c2 [style*="border-left: 6px solid #9c27b0"] { border-left-color: #A78BFA !important; }

body.theme-c2 [style*="border-left: 4px solid #ff5722"],
body.theme-c2 [style*="border-left: 5px solid #ff5722"],
body.theme-c2 [style*="border-left: 6px solid #ff5722"] { border-left-color: #FB923C !important; }

body.theme-c2 [style*="border-left: 4px solid #f44336"],
body.theme-c2 [style*="border-left: 5px solid #f44336"],
body.theme-c2 [style*="border-left: 6px solid #f44336"] { border-left-color: #F87171 !important; }

/* 步骤小卡片透明底 rgba：保留原本色相 */
body.theme-c2 [style*="background: rgba(33, 150, 243, 0.1)"] { background: rgba(96, 165, 250, 0.12) !important; }
body.theme-c2 [style*="background: rgba(255, 152, 0, 0.1)"] { background: rgba(245, 158, 11, 0.12) !important; }
body.theme-c2 [style*="background: rgba(156, 39, 176, 0.1)"] { background: rgba(167, 139, 250, 0.12) !important; }
body.theme-c2 [style*="background: rgba(255, 193, 7, 0.1)"] { background: rgba(251, 191, 36, 0.12) !important; }
body.theme-c2 [style*="background: rgba(0, 188, 212, 0.1)"] { background: rgba(34, 211, 238, 0.12) !important; }

/* apk.html：Android 7.1 以下步骤里的 code 背景是 #e0e0e0，但没有写文字颜色 */
body.theme-c2 [style*="background: #e0e0e0"] {
    background: #374151 !important;
    color: #E5E7EB !important;
}

/* apk.html：底部合规文案块（标题在深底上需显著对比） */
body.theme-c2 #politica-privacidade h2,
body.theme-c2 #termos-condicoes h2 {
    color: #FDE68A !important;
}

body.theme-c2 #politica-privacidade p,
body.theme-c2 #termos-condicoes p {
    color: #CBD5E1 !important;
}

body.theme-c2 #politica-privacidade,
body.theme-c2 #termos-condicoes {
    background: transparent !important;
}

/* apk.html: 扩展板块（诊断矩阵 + 兼容档案） */
body.theme-c2 .apk-guide-diagnostic,
body.theme-c2 .apk-guide-compat {
    padding: 48px 20px;
}

body.theme-c2 .apk-guide-diagnostic {
    background: linear-gradient(135deg, #0F172A 0%, #111827 100%);
    border-top: 1px solid rgba(148, 163, 184, 0.2);
    border-bottom: 1px solid rgba(148, 163, 184, 0.2);
}

body.theme-c2 .apk-guide-compat {
    background: #0B1220;
}

body.theme-c2 .apk-guide-heading {
    max-width: 960px;
    margin: 0 auto 28px;
    text-align: center;
}

body.theme-c2 .apk-guide-heading h2 {
    margin: 0 0 12px;
    color: #93C5FD;
    font-size: 2rem;
}

body.theme-c2 .apk-guide-heading p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.8;
}

body.theme-c2 .apk-guide-grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
}

body.theme-c2 .apk-guide-card {
    background: rgba(15, 23, 42, 0.88);
    border: 1px solid rgba(96, 165, 250, 0.35);
    border-radius: 14px;
    padding: 18px;
    box-shadow: 0 6px 20px rgba(2, 6, 23, 0.35);
}

body.theme-c2 .apk-guide-card h3 {
    margin: 0 0 12px;
    color: #BFDBFE;
    font-size: 1.05rem;
}

body.theme-c2 .apk-guide-card ul {
    margin: 0;
    padding-left: 18px;
    color: #E5E7EB;
    line-height: 1.8;
    font-size: 0.95rem;
}

body.theme-c2 .apk-guide-tip {
    max-width: 1200px;
    margin: 18px auto 0;
    background: rgba(30, 64, 175, 0.18);
    border-left: 4px solid #60A5FA;
    border-radius: 10px;
    padding: 14px 16px;
}

body.theme-c2 .apk-guide-tip p {
    margin: 0;
    color: #DBEAFE;
    line-height: 1.8;
}

body.theme-c2 .apk-compat-table-wrap {
    max-width: 1200px;
    margin: 0 auto;
    overflow-x: auto;
}

body.theme-c2 .apk-compat-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 760px;
    background: #111827;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 12px;
    overflow: hidden;
}

body.theme-c2 .apk-compat-table th,
body.theme-c2 .apk-compat-table td {
    padding: 12px 14px;
    border: 1px solid rgba(148, 163, 184, 0.2);
    text-align: left;
    color: #E5E7EB;
}

body.theme-c2 .apk-compat-table th {
    background: rgba(37, 99, 235, 0.2);
    color: #BFDBFE;
    font-weight: 700;
}

body.theme-c2 .apk-guide-chips {
    max-width: 1200px;
    margin: 18px auto 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

body.theme-c2 .apk-guide-chips span {
    display: inline-flex;
    align-items: center;
    background: rgba(59, 130, 246, 0.16);
    border: 1px solid rgba(96, 165, 250, 0.3);
    border-radius: 999px;
    padding: 7px 12px;
    color: #DBEAFE;
    font-size: 0.86rem;
}

body.theme-c2 .apk-guide-footnote {
    max-width: 1200px;
    margin: 14px auto 0;
    color: #9CA3AF;
    font-size: 0.85rem;
    line-height: 1.7;
}

@media (max-width: 768px) {
    body.theme-c2 .apk-guide-heading h2 {
        font-size: 1.55rem;
    }

    body.theme-c2 .apk-guide-diagnostic,
    body.theme-c2 .apk-guide-compat {
        padding: 38px 16px;
    }
}

/* app.html: 扩展板块（使用旅程 + 性能消耗） */
body.theme-c2 .app-flow-journey,
body.theme-c2 .app-flow-performance {
    padding: 52px 20px;
}

body.theme-c2 .app-flow-journey {
    background: linear-gradient(135deg, #0B1220 0%, #0F172A 100%);
    border-top: 1px solid rgba(148, 163, 184, 0.22);
    border-bottom: 1px solid rgba(148, 163, 184, 0.22);
}

body.theme-c2 .app-flow-performance {
    background: #111827;
}

body.theme-c2 .app-flow-head {
    max-width: 980px;
    margin: 0 auto 26px;
    text-align: center;
}

body.theme-c2 .app-flow-head h2 {
    margin: 0 0 10px;
    color: #93C5FD;
    font-size: 2rem;
}

body.theme-c2 .app-flow-head p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.8;
}

body.theme-c2 .app-flow-grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 16px;
}

body.theme-c2 .app-flow-step {
    background: rgba(15, 23, 42, 0.88);
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 14px;
    padding: 18px;
}

body.theme-c2 .app-flow-step-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: rgba(59, 130, 246, 0.22);
    color: #BFDBFE;
    font-size: 0.85rem;
    font-weight: 700;
    margin-bottom: 10px;
}

body.theme-c2 .app-flow-step h3 {
    margin: 0 0 10px;
    color: #E5E7EB;
    font-size: 1.04rem;
}

body.theme-c2 .app-flow-step p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.8;
    font-size: 0.95rem;
}

body.theme-c2 .app-flow-cta-line {
    max-width: 1200px;
    margin: 16px auto 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

body.theme-c2 .app-flow-cta-line a {
    display: inline-block;
    padding: 9px 14px;
    border-radius: 999px;
    background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%);
    color: #EAF2FF;
    text-decoration: none;
    font-weight: 700;
}

body.theme-c2 .app-flow-cta-line span {
    color: #9CA3AF;
    font-size: 0.9rem;
}

body.theme-c2 .app-flow-perf-wrap {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
}

body.theme-c2 .app-flow-perf-card {
    background: rgba(2, 6, 23, 0.48);
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-left: 4px solid #60A5FA;
    border-radius: 12px;
    padding: 18px;
}

body.theme-c2 .app-flow-perf-card h3 {
    margin: 0 0 10px;
    color: #BFDBFE;
    font-size: 1.04rem;
}

body.theme-c2 .app-flow-perf-card ul {
    margin: 0;
    padding-left: 18px;
    color: #D1D5DB;
    line-height: 1.85;
    font-size: 0.94rem;
}

body.theme-c2 .app-flow-note {
    max-width: 1200px;
    margin: 14px auto 0;
    color: #94A3B8;
    font-size: 0.85rem;
    line-height: 1.7;
}

@media (max-width: 768px) {
    body.theme-c2 .app-flow-journey,
    body.theme-c2 .app-flow-performance {
        padding: 40px 16px;
    }

    body.theme-c2 .app-flow-head h2 {
        font-size: 1.5rem;
    }
}

/* baixar.html: 扩展板块（版本选择 + 中断恢复） */
body.theme-c2 .baixar-guide-precheck,
body.theme-c2 .baixar-guide-recovery {
    padding: 50px 20px;
}

body.theme-c2 .baixar-guide-precheck {
    background: linear-gradient(135deg, #0B1220 0%, #111827 100%);
    border-top: 1px solid rgba(148, 163, 184, 0.2);
    border-bottom: 1px solid rgba(148, 163, 184, 0.2);
}

body.theme-c2 .baixar-guide-recovery {
    background: #0F172A;
}

body.theme-c2 .baixar-guide-head {
    max-width: 960px;
    margin: 0 auto 24px;
    text-align: center;
}

body.theme-c2 .baixar-guide-head h2 {
    margin: 0 0 10px;
    color: #93C5FD;
    font-size: 1.95rem;
}

body.theme-c2 .baixar-guide-head p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.8;
}

body.theme-c2 .baixar-guide-grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
}

body.theme-c2 .baixar-guide-card {
    border-radius: 12px;
    padding: 18px;
    border: 1px solid rgba(96, 165, 250, 0.25);
    background: rgba(15, 23, 42, 0.9);
}

body.theme-c2 .baixar-guide-card h3 {
    margin: 0 0 10px;
    color: #E5E7EB;
    font-size: 1.05rem;
}

body.theme-c2 .baixar-guide-card ul {
    margin: 0;
    padding-left: 18px;
    color: #CBD5E1;
    line-height: 1.85;
    font-size: 0.94rem;
}

body.theme-c2 .baixar-guide-card.ios { border-left: 4px solid #38BDF8; }
body.theme-c2 .baixar-guide-card.android { border-left: 4px solid #34D399; }
body.theme-c2 .baixar-guide-card.pc { border-left: 4px solid #60A5FA; }

body.theme-c2 .baixar-guide-check {
    max-width: 1200px;
    margin: 16px auto 0;
    padding: 14px 16px;
    border-radius: 10px;
    background: rgba(30, 64, 175, 0.16);
    border-left: 4px solid #60A5FA;
}

body.theme-c2 .baixar-guide-check h4 {
    margin: 0 0 6px;
    color: #BFDBFE;
    font-size: 1.02rem;
}

body.theme-c2 .baixar-guide-check p {
    margin: 0;
    color: #DBEAFE;
    line-height: 1.8;
    font-size: 0.93rem;
}

body.theme-c2 .baixar-recovery-flow {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 14px;
}

body.theme-c2 .baixar-recovery-step {
    border-radius: 12px;
    padding: 16px;
    border: 1px solid rgba(96, 165, 250, 0.24);
    background: rgba(2, 6, 23, 0.4);
}

body.theme-c2 .baixar-recovery-step span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: rgba(59, 130, 246, 0.24);
    color: #BFDBFE;
    font-size: 0.84rem;
    font-weight: 700;
    margin-bottom: 10px;
}

body.theme-c2 .baixar-recovery-step h3 {
    margin: 0 0 8px;
    color: #E5E7EB;
    font-size: 1.01rem;
}

body.theme-c2 .baixar-recovery-step p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.8;
    font-size: 0.92rem;
}

body.theme-c2 .baixar-recovery-note {
    max-width: 1200px;
    margin: 14px auto 0;
    color: #9CA3AF;
    font-size: 0.85rem;
    line-height: 1.7;
}

@media (max-width: 768px) {
    body.theme-c2 .baixar-guide-precheck,
    body.theme-c2 .baixar-guide-recovery {
        padding: 40px 16px;
    }

    body.theme-c2 .baixar-guide-head h2 {
        font-size: 1.45rem;
    }
}

/* bet.html: 扩展板块（盘口指南 + live checklist） */
body.theme-b1 .bet-guide-markets,
body.theme-b1 .bet-guide-live {
    padding: 48px 20px;
}

body.theme-b1 .bet-guide-markets {
    background: linear-gradient(135deg, #0F2818 0%, #143A2A 100%);
    border-top: 1px solid rgba(74, 222, 128, 0.2);
    border-bottom: 1px solid rgba(74, 222, 128, 0.2);
}

body.theme-b1 .bet-guide-live {
    background: #123524;
}

body.theme-b1 .bet-guide-head {
    max-width: 960px;
    margin: 0 auto 22px;
    text-align: center;
}

body.theme-b1 .bet-guide-head h2 {
    margin: 0 0 10px;
    color: #86EFAC;
    font-size: 1.95rem;
}

body.theme-b1 .bet-guide-head p {
    margin: 0;
    color: #D1FAE5;
    line-height: 1.8;
}

body.theme-b1 .bet-guide-grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 14px;
}

body.theme-b1 .bet-guide-card {
    background: rgba(15, 40, 24, 0.9);
    border: 1px solid rgba(52, 211, 153, 0.28);
    border-radius: 12px;
    padding: 16px;
}

body.theme-b1 .bet-guide-card h3 {
    margin: 0 0 10px;
    color: #ECFDF5;
    font-size: 1.04rem;
}

body.theme-b1 .bet-guide-card p {
    margin: 0;
    color: #D1FAE5;
    line-height: 1.8;
    font-size: 0.93rem;
}

body.theme-b1 .bet-guide-card span {
    display: inline-block;
    margin-top: 10px;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(16, 185, 129, 0.2);
    color: #A7F3D0;
    font-size: 0.8rem;
}

body.theme-b1 .bet-live-wrap {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 14px;
}

body.theme-b1 .bet-live-step {
    background: rgba(6, 32, 19, 0.55);
    border-left: 4px solid #34D399;
    border-radius: 10px;
    padding: 16px;
}

body.theme-b1 .bet-live-step strong {
    display: block;
    color: #BBF7D0;
    margin-bottom: 8px;
    font-size: 0.98rem;
}

body.theme-b1 .bet-live-step p {
    margin: 0;
    color: #D1FAE5;
    line-height: 1.8;
    font-size: 0.92rem;
}

body.theme-b1 .bet-live-note {
    max-width: 1200px;
    margin: 14px auto 0;
    color: #A7F3D0;
    font-size: 0.85rem;
    line-height: 1.7;
}

@media (max-width: 768px) {
    body.theme-b1 .bet-guide-markets,
    body.theme-b1 .bet-guide-live {
        padding: 38px 16px;
    }

    body.theme-b1 .bet-guide-head h2 {
        font-size: 1.45rem;
    }
}

/* bonus.html: 新布局（雷达面板 + 周节奏时间轴） */
body.theme-b1 .bonus-radar-shell,
body.theme-b1 .bonus-weekmap-shell {
    padding: 56px 20px;
}

body.theme-b1 .bonus-radar-shell {
    background:
        radial-gradient(circle at 15% 20%, rgba(16, 185, 129, 0.2) 0%, transparent 45%),
        radial-gradient(circle at 85% 80%, rgba(251, 191, 36, 0.16) 0%, transparent 40%),
        linear-gradient(135deg, #0F2818 0%, #143A2A 100%);
}

body.theme-b1 .bonus-weekmap-shell {
    background: linear-gradient(180deg, #123524 0%, #0F2818 100%);
    border-top: 1px solid rgba(74, 222, 128, 0.2);
    border-bottom: 1px solid rgba(74, 222, 128, 0.2);
}

body.theme-b1 .bonus-radar-head {
    max-width: 920px;
    margin: 0 auto 24px;
    text-align: center;
}

body.theme-b1 .bonus-radar-head h2 {
    margin: 0 0 10px;
    color: #FDE68A;
    font-size: 2rem;
}

body.theme-b1 .bonus-radar-head p {
    margin: 0;
    color: #D1FAE5;
    line-height: 1.85;
}

body.theme-b1 .bonus-radar-layout {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 16px;
    align-items: stretch;
}

body.theme-b1 .bonus-radar-featured {
    background: rgba(6, 32, 19, 0.64);
    border: 1px solid rgba(251, 191, 36, 0.35);
    border-radius: 18px;
    padding: 22px;
    box-shadow: 0 12px 32px rgba(3, 13, 8, 0.35);
}

body.theme-b1 .bonus-radar-tag {
    display: inline-block;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.2);
    color: #FDE68A;
    font-size: 0.8rem;
    margin-bottom: 10px;
}

body.theme-b1 .bonus-radar-featured h3 {
    margin: 0 0 10px;
    color: #ECFDF5;
    font-size: 1.3rem;
}

body.theme-b1 .bonus-radar-featured p {
    margin: 0 0 12px;
    color: #D1FAE5;
    line-height: 1.85;
}

body.theme-b1 .bonus-radar-featured ul {
    margin: 0 0 18px;
    padding-left: 18px;
    color: #BBF7D0;
    line-height: 1.8;
}

body.theme-b1 .bonus-radar-featured a {
    display: inline-block;
    text-decoration: none;
    padding: 10px 16px;
    border-radius: 12px;
    background: linear-gradient(135deg, #FBBF24 0%, #F59E0B 100%);
    color: #1F2937;
    font-weight: 700;
}

body.theme-b1 .bonus-radar-side {
    display: grid;
    gap: 12px;
}

body.theme-b1 .bonus-radar-mini {
    background: rgba(15, 40, 24, 0.92);
    border: 1px solid rgba(52, 211, 153, 0.25);
    border-left: 4px solid #34D399;
    border-radius: 14px;
    padding: 16px;
}

body.theme-b1 .bonus-radar-mini h4 {
    margin: 0 0 8px;
    color: #A7F3D0;
    font-size: 1rem;
}

body.theme-b1 .bonus-radar-mini p {
    margin: 0;
    color: #D1FAE5;
    line-height: 1.75;
    font-size: 0.92rem;
}

body.theme-b1 .bonus-weekmap-track {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(5, minmax(180px, 1fr));
    gap: 12px;
}

body.theme-b1 .bonus-day-card {
    position: relative;
    background: rgba(6, 32, 19, 0.58);
    border: 1px solid rgba(74, 222, 128, 0.22);
    border-radius: 14px;
    padding: 14px;
    min-height: 160px;
}

body.theme-b1 .bonus-day-card::before {
    content: "";
    position: absolute;
    top: 16px;
    right: 16px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #34D399;
    box-shadow: 0 0 0 6px rgba(52, 211, 153, 0.18);
}

body.theme-b1 .bonus-day-card strong {
    display: block;
    color: #FDE68A;
    font-size: 0.9rem;
    margin-bottom: 8px;
}

body.theme-b1 .bonus-day-card h4 {
    margin: 0 0 8px;
    color: #ECFDF5;
    font-size: 1.02rem;
}

body.theme-b1 .bonus-day-card p {
    margin: 0;
    color: #D1FAE5;
    line-height: 1.75;
    font-size: 0.9rem;
}

@media (max-width: 980px) {
    body.theme-b1 .bonus-radar-layout {
        grid-template-columns: 1fr;
    }

    body.theme-b1 .bonus-weekmap-track {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }
}

@media (max-width: 640px) {
    body.theme-b1 .bonus-radar-shell,
    body.theme-b1 .bonus-weekmap-shell {
        padding: 40px 16px;
    }

    body.theme-b1 .bonus-radar-head h2 {
        font-size: 1.5rem;
    }

    body.theme-b1 .bonus-weekmap-track {
        grid-template-columns: 1fr;
    }
}

/* cadastro.html: 新布局（审批实验面板 + flowboard 轨道） */
body.theme-c2 .cadastro-lab-shell,
body.theme-c2 .cadastro-flowboard-shell {
    margin-bottom: 40px;
    border-radius: 20px;
    padding: 42px 34px;
}

body.theme-c2 .cadastro-lab-shell {
    background:
        radial-gradient(circle at 0% 0%, rgba(59, 130, 246, 0.22) 0%, transparent 42%),
        radial-gradient(circle at 100% 100%, rgba(56, 189, 248, 0.18) 0%, transparent 40%),
        linear-gradient(135deg, #0B1220 0%, #111827 100%);
    border: 1px solid rgba(96, 165, 250, 0.26);
}

body.theme-c2 .cadastro-flowboard-shell {
    background: linear-gradient(180deg, #0F172A 0%, #0B1220 100%);
    border: 1px solid rgba(148, 163, 184, 0.25);
}

body.theme-c2 .cadastro-lab-head {
    text-align: center;
    margin-bottom: 24px;
}

body.theme-c2 .cadastro-lab-head h2 {
    margin: 0 0 10px;
    color: #93C5FD;
    font-size: 2rem;
}

body.theme-c2 .cadastro-lab-head p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.8;
}

body.theme-c2 .cadastro-lab-layout {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 16px;
}

body.theme-c2 .cadastro-lab-main {
    background: rgba(15, 23, 42, 0.86);
    border: 1px solid rgba(96, 165, 250, 0.3);
    border-radius: 16px;
    padding: 20px;
}

body.theme-c2 .cadastro-lab-main h3 {
    margin: 0 0 12px;
    color: #E5E7EB;
    font-size: 1.2rem;
}

body.theme-c2 .cadastro-lab-main p {
    margin: 12px 0 0;
    color: #CBD5E1;
    line-height: 1.8;
}

body.theme-c2 .cadastro-lab-meter {
    height: 10px;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.28);
    overflow: hidden;
}

body.theme-c2 .cadastro-lab-meter-fill {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #22D3EE 0%, #60A5FA 100%);
}

body.theme-c2 .cadastro-lab-tags {
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.theme-c2 .cadastro-lab-tags span {
    padding: 6px 11px;
    border-radius: 999px;
    background: rgba(59, 130, 246, 0.18);
    border: 1px solid rgba(96, 165, 250, 0.28);
    color: #DBEAFE;
    font-size: 0.82rem;
}

body.theme-c2 .cadastro-lab-side {
    display: grid;
    gap: 12px;
}

body.theme-c2 .cadastro-lab-card {
    border-radius: 14px;
    padding: 16px;
}

body.theme-c2 .cadastro-lab-card.ok {
    background: rgba(16, 185, 129, 0.13);
    border: 1px solid rgba(52, 211, 153, 0.35);
}

body.theme-c2 .cadastro-lab-card.warn {
    background: rgba(245, 158, 11, 0.14);
    border: 1px solid rgba(251, 191, 36, 0.35);
}

body.theme-c2 .cadastro-lab-card h4 {
    margin: 0 0 10px;
    color: #E5E7EB;
    font-size: 1rem;
}

body.theme-c2 .cadastro-lab-card ul {
    margin: 0;
    padding-left: 18px;
    color: #D1D5DB;
    line-height: 1.8;
    font-size: 0.92rem;
}

body.theme-c2 .cadastro-flowboard-track {
    display: grid;
    grid-template-columns: repeat(4, minmax(160px, 1fr));
    gap: 12px;
}

body.theme-c2 .cadastro-flow-step {
    position: relative;
    background: rgba(15, 23, 42, 0.85);
    border: 1px solid rgba(96, 165, 250, 0.25);
    border-radius: 14px;
    padding: 16px;
    min-height: 180px;
}

body.theme-c2 .cadastro-flow-step::after {
    content: "";
    position: absolute;
    top: 18px;
    right: 14px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #60A5FA;
    box-shadow: 0 0 0 6px rgba(96, 165, 250, 0.18);
}

body.theme-c2 .cadastro-flow-step b {
    color: #93C5FD;
    font-size: 0.82rem;
    display: block;
    margin-bottom: 8px;
}

body.theme-c2 .cadastro-flow-step h4 {
    margin: 0 0 8px;
    color: #E5E7EB;
    font-size: 1rem;
}

body.theme-c2 .cadastro-flow-step p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.8;
    font-size: 0.9rem;
}

@media (max-width: 980px) {
    body.theme-c2 .cadastro-lab-layout {
        grid-template-columns: 1fr;
    }

    body.theme-c2 .cadastro-flowboard-track {
        grid-template-columns: repeat(2, minmax(160px, 1fr));
    }
}

@media (max-width: 640px) {
    body.theme-c2 .cadastro-lab-shell,
    body.theme-c2 .cadastro-flowboard-shell {
        padding: 34px 16px;
    }

    body.theme-c2 .cadastro-lab-head h2 {
        font-size: 1.5rem;
    }

    body.theme-c2 .cadastro-flowboard-track {
        grid-template-columns: 1fr;
    }
}

/* cassino.html: 新布局（salon stage + ritmo lanes） */
body.theme-a3 .cassino-salon-shell,
body.theme-a3 .cassino-ritmo-shell {
    margin: 40px 0;
    border-radius: 20px;
    padding: 46px 24px;
}

body.theme-a3 .cassino-salon-shell {
    background:
        radial-gradient(circle at 20% 0%, rgba(234, 179, 8, 0.2) 0%, transparent 35%),
        radial-gradient(circle at 90% 100%, rgba(99, 102, 241, 0.2) 0%, transparent 32%),
        linear-gradient(135deg, #1B1D2A 0%, #0F172A 100%);
    border: 1px solid rgba(234, 179, 8, 0.24);
}

body.theme-a3 .cassino-ritmo-shell {
    background: linear-gradient(180deg, #111827 0%, #0F172A 100%);
    border: 1px solid rgba(148, 163, 184, 0.24);
}

body.theme-a3 .cassino-salon-head {
    max-width: 920px;
    margin: 0 auto 24px;
    text-align: center;
}

body.theme-a3 .cassino-salon-head h2 {
    margin: 0 0 10px;
    color: #FDE68A;
    font-size: 2rem;
}

body.theme-a3 .cassino-salon-head p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.85;
}

body.theme-a3 .cassino-salon-stage {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 16px;
}

body.theme-a3 .cassino-spotlight-card {
    background: rgba(15, 23, 42, 0.86);
    border: 1px solid rgba(234, 179, 8, 0.35);
    border-radius: 18px;
    padding: 22px;
    box-shadow: 0 14px 30px rgba(2, 6, 23, 0.45);
}

body.theme-a3 .cassino-spotlight-chip {
    display: inline-block;
    padding: 5px 11px;
    border-radius: 999px;
    background: rgba(234, 179, 8, 0.2);
    color: #FDE68A;
    font-size: 0.8rem;
    margin-bottom: 10px;
}

body.theme-a3 .cassino-spotlight-card h3 {
    margin: 0 0 10px;
    color: #E5E7EB;
    font-size: 1.28rem;
}

body.theme-a3 .cassino-spotlight-card p {
    margin: 0 0 12px;
    color: #CBD5E1;
    line-height: 1.85;
}

body.theme-a3 .cassino-spotlight-card ul {
    margin: 0 0 16px;
    padding-left: 18px;
    color: #D1D5DB;
    line-height: 1.8;
}

body.theme-a3 .cassino-spotlight-card a {
    display: inline-block;
    text-decoration: none;
    background: linear-gradient(135deg, #EAB308 0%, #F59E0B 100%);
    color: #1F2937;
    font-weight: 700;
    border-radius: 12px;
    padding: 10px 16px;
}

body.theme-a3 .cassino-pit-grid {
    display: grid;
    gap: 12px;
}

body.theme-a3 .cassino-pit-mini {
    background: rgba(30, 41, 59, 0.72);
    border: 1px solid rgba(99, 102, 241, 0.32);
    border-left: 4px solid #818CF8;
    border-radius: 14px;
    padding: 16px;
}

body.theme-a3 .cassino-pit-mini h4 {
    margin: 0 0 8px;
    color: #E2E8F0;
    font-size: 1rem;
}

body.theme-a3 .cassino-pit-mini p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.75;
    font-size: 0.92rem;
}

body.theme-a3 .cassino-ritmo-lanes {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(220px, 1fr));
    gap: 14px;
}

body.theme-a3 .cassino-lane {
    position: relative;
    border-radius: 14px;
    padding: 18px;
    min-height: 170px;
    background: rgba(15, 23, 42, 0.82);
    border: 1px solid rgba(148, 163, 184, 0.24);
}

body.theme-a3 .cassino-lane::after {
    content: "";
    position: absolute;
    top: 16px;
    right: 14px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

body.theme-a3 .cassino-lane.lane-short::after {
    background: #22D3EE;
    box-shadow: 0 0 0 6px rgba(34, 211, 238, 0.2);
}

body.theme-a3 .cassino-lane.lane-mid::after {
    background: #A78BFA;
    box-shadow: 0 0 0 6px rgba(167, 139, 250, 0.2);
}

body.theme-a3 .cassino-lane.lane-long::after {
    background: #F59E0B;
    box-shadow: 0 0 0 6px rgba(245, 158, 11, 0.2);
}

body.theme-a3 .cassino-lane strong {
    display: block;
    color: #FDE68A;
    font-size: 0.9rem;
    margin-bottom: 8px;
}

body.theme-a3 .cassino-lane h4 {
    margin: 0 0 8px;
    color: #E5E7EB;
    font-size: 1.05rem;
}

body.theme-a3 .cassino-lane p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.8;
    font-size: 0.92rem;
}

@media (max-width: 980px) {
    body.theme-a3 .cassino-salon-stage {
        grid-template-columns: 1fr;
    }

    body.theme-a3 .cassino-ritmo-lanes {
        grid-template-columns: repeat(2, minmax(220px, 1fr));
    }
}

@media (max-width: 640px) {
    body.theme-a3 .cassino-salon-shell,
    body.theme-a3 .cassino-ritmo-shell {
        padding: 36px 16px;
    }

    body.theme-a3 .cassino-salon-head h2 {
        font-size: 1.45rem;
    }

    body.theme-a3 .cassino-ritmo-lanes {
        grid-template-columns: 1fr;
    }
}

/* download.html: 新布局（download orbit + ops board） */
body.theme-c2 .download-orbit-shell,
body.theme-c2 .download-ops-shell {
    margin: 38px 0;
    border-radius: 20px;
    padding: 44px 24px;
}

body.theme-c2 .download-orbit-shell {
    background:
        radial-gradient(circle at 85% 15%, rgba(59, 130, 246, 0.25) 0%, transparent 36%),
        radial-gradient(circle at 10% 90%, rgba(16, 185, 129, 0.18) 0%, transparent 34%),
        linear-gradient(135deg, #0B1220 0%, #111827 100%);
    border: 1px solid rgba(96, 165, 250, 0.3);
}

body.theme-c2 .download-ops-shell {
    background: linear-gradient(180deg, #111827 0%, #0F172A 100%);
    border: 1px solid rgba(148, 163, 184, 0.24);
}

body.theme-c2 .download-orbit-head {
    max-width: 940px;
    margin: 0 auto 22px;
    text-align: center;
}

body.theme-c2 .download-orbit-head h2 {
    margin: 0 0 10px;
    color: #93C5FD;
    font-size: 2rem;
}

body.theme-c2 .download-orbit-head p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.85;
}

body.theme-c2 .download-orbit-layout {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 16px;
}

body.theme-c2 .download-orbit-core {
    background: rgba(15, 23, 42, 0.88);
    border: 1px solid rgba(56, 189, 248, 0.35);
    border-radius: 18px;
    padding: 22px;
    box-shadow: 0 12px 32px rgba(2, 6, 23, 0.42);
}

body.theme-c2 .download-orbit-badge {
    display: inline-block;
    padding: 5px 11px;
    border-radius: 999px;
    background: rgba(56, 189, 248, 0.2);
    color: #BAE6FD;
    font-size: 0.8rem;
    margin-bottom: 10px;
}

body.theme-c2 .download-orbit-core h3 {
    margin: 0 0 10px;
    color: #E5E7EB;
    font-size: 1.26rem;
}

body.theme-c2 .download-orbit-core p {
    margin: 0 0 12px;
    color: #CBD5E1;
    line-height: 1.85;
}

body.theme-c2 .download-orbit-core ul {
    margin: 0 0 16px;
    padding-left: 18px;
    color: #D1D5DB;
    line-height: 1.8;
}

body.theme-c2 .download-orbit-core a {
    display: inline-block;
    text-decoration: none;
    border-radius: 12px;
    padding: 10px 16px;
    background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%);
    color: #EFF6FF;
    font-weight: 700;
}

body.theme-c2 .download-orbit-satellites {
    display: grid;
    gap: 12px;
}

body.theme-c2 .download-satellite {
    background: rgba(30, 41, 59, 0.74);
    border-radius: 14px;
    padding: 16px;
    border: 1px solid rgba(148, 163, 184, 0.24);
}

body.theme-c2 .download-satellite.ios { border-left: 4px solid #38BDF8; }
body.theme-c2 .download-satellite.pc { border-left: 4px solid #60A5FA; }
body.theme-c2 .download-satellite.net { border-left: 4px solid #34D399; }

body.theme-c2 .download-satellite h4 {
    margin: 0 0 8px;
    color: #E2E8F0;
    font-size: 1rem;
}

body.theme-c2 .download-satellite p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.75;
    font-size: 0.92rem;
}

body.theme-c2 .download-ops-board {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(5, minmax(160px, 1fr));
    gap: 12px;
}

body.theme-c2 .download-ops-item {
    position: relative;
    background: rgba(15, 23, 42, 0.84);
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 14px;
    padding: 14px;
    min-height: 150px;
}

body.theme-c2 .download-ops-item::before {
    content: "";
    position: absolute;
    top: 16px;
    right: 14px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #60A5FA;
    box-shadow: 0 0 0 6px rgba(96, 165, 250, 0.18);
}

body.theme-c2 .download-ops-item strong {
    display: block;
    color: #BFDBFE;
    margin-bottom: 8px;
    font-size: 0.86rem;
}

body.theme-c2 .download-ops-item p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.75;
    font-size: 0.9rem;
}

@media (max-width: 980px) {
    body.theme-c2 .download-orbit-layout {
        grid-template-columns: 1fr;
    }

    body.theme-c2 .download-ops-board {
        grid-template-columns: repeat(2, minmax(160px, 1fr));
    }
}

@media (max-width: 640px) {
    body.theme-c2 .download-orbit-shell,
    body.theme-c2 .download-ops-shell {
        padding: 34px 16px;
    }

    body.theme-c2 .download-orbit-head h2 {
        font-size: 1.45rem;
    }

    body.theme-c2 .download-ops-board {
        grid-template-columns: 1fr;
    }
}

/* fortune.html: 新布局（oracle panel + luckmap track） */
body.theme-b1 .fortune-oracle-shell,
body.theme-b1 .fortune-luckmap-shell {
    margin: 38px 0;
    border-radius: 20px;
    padding: 44px 24px;
}

body.theme-b1 .fortune-oracle-shell {
    background:
        radial-gradient(circle at 20% 15%, rgba(234, 179, 8, 0.18) 0%, transparent 34%),
        radial-gradient(circle at 85% 85%, rgba(139, 92, 246, 0.2) 0%, transparent 30%),
        linear-gradient(135deg, #143A2A 0%, #0F2818 100%);
    border: 1px solid rgba(167, 139, 250, 0.28);
}

body.theme-b1 .fortune-luckmap-shell {
    background: linear-gradient(180deg, #123524 0%, #0F2818 100%);
    border: 1px solid rgba(74, 222, 128, 0.24);
}

body.theme-b1 .fortune-oracle-head {
    max-width: 930px;
    margin: 0 auto 24px;
    text-align: center;
}

body.theme-b1 .fortune-oracle-head h2 {
    margin: 0 0 10px;
    color: #FDE68A;
    font-size: 2rem;
}

body.theme-b1 .fortune-oracle-head p {
    margin: 0;
    color: #D1FAE5;
    line-height: 1.85;
}

body.theme-b1 .fortune-oracle-layout {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 16px;
}

body.theme-b1 .fortune-oracle-main {
    background: rgba(6, 32, 19, 0.62);
    border: 1px solid rgba(251, 191, 36, 0.34);
    border-radius: 18px;
    padding: 22px;
}

body.theme-b1 .fortune-oracle-chip {
    display: inline-block;
    padding: 5px 11px;
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.2);
    color: #FDE68A;
    font-size: 0.8rem;
    margin-bottom: 10px;
}

body.theme-b1 .fortune-oracle-main h3 {
    margin: 0 0 10px;
    color: #ECFDF5;
    font-size: 1.26rem;
}

body.theme-b1 .fortune-oracle-main p {
    margin: 0 0 12px;
    color: #D1FAE5;
    line-height: 1.85;
}

body.theme-b1 .fortune-oracle-main ul {
    margin: 0;
    padding-left: 18px;
    color: #BBF7D0;
    line-height: 1.8;
}

body.theme-b1 .fortune-oracle-side {
    display: grid;
    gap: 12px;
}

body.theme-b1 .fortune-oracle-mini {
    border-radius: 14px;
    padding: 16px;
    border: 1px solid rgba(52, 211, 153, 0.24);
    background: rgba(15, 40, 24, 0.9);
}

body.theme-b1 .fortune-oracle-mini.tiger { border-left: 4px solid #F59E0B; }
body.theme-b1 .fortune-oracle-mini.ox { border-left: 4px solid #34D399; }
body.theme-b1 .fortune-oracle-mini.dragon { border-left: 4px solid #A78BFA; }

body.theme-b1 .fortune-oracle-mini h4 {
    margin: 0 0 8px;
    color: #ECFDF5;
    font-size: 1rem;
}

body.theme-b1 .fortune-oracle-mini p {
    margin: 0;
    color: #D1FAE5;
    line-height: 1.75;
    font-size: 0.92rem;
}

body.theme-b1 .fortune-luckmap-track {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 12px;
}

body.theme-b1 .fortune-luck-stop {
    position: relative;
    border-radius: 14px;
    padding: 16px;
    min-height: 165px;
    background: rgba(6, 32, 19, 0.58);
    border: 1px solid rgba(74, 222, 128, 0.24);
}

body.theme-b1 .fortune-luck-stop::after {
    content: "";
    position: absolute;
    top: 16px;
    right: 14px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #34D399;
    box-shadow: 0 0 0 6px rgba(52, 211, 153, 0.2);
}

body.theme-b1 .fortune-luck-stop b {
    display: block;
    color: #FDE68A;
    font-size: 0.82rem;
    margin-bottom: 8px;
}

body.theme-b1 .fortune-luck-stop h4 {
    margin: 0 0 8px;
    color: #ECFDF5;
    font-size: 1rem;
}

body.theme-b1 .fortune-luck-stop p {
    margin: 0;
    color: #D1FAE5;
    line-height: 1.75;
    font-size: 0.9rem;
}

@media (max-width: 980px) {
    body.theme-b1 .fortune-oracle-layout {
        grid-template-columns: 1fr;
    }

    body.theme-b1 .fortune-luckmap-track {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }
}

@media (max-width: 640px) {
    body.theme-b1 .fortune-oracle-shell,
    body.theme-b1 .fortune-luckmap-shell {
        padding: 34px 16px;
    }

    body.theme-b1 .fortune-oracle-head h2 {
        font-size: 1.45rem;
    }

    body.theme-b1 .fortune-luckmap-track {
        grid-template-columns: 1fr;
    }
}

/* game.html: 新布局（tactix console + mission track） */
body.theme-a3 .game-tactix-shell,
body.theme-a3 .game-mission-shell {
    margin: 38px 0;
    border-radius: 20px;
    padding: 44px 24px;
}

body.theme-a3 .game-tactix-shell {
    background:
        radial-gradient(circle at 15% 15%, rgba(234, 179, 8, 0.18) 0%, transparent 32%),
        radial-gradient(circle at 88% 82%, rgba(16, 185, 129, 0.18) 0%, transparent 30%),
        linear-gradient(135deg, #1B1D2A 0%, #0F172A 100%);
    border: 1px solid rgba(234, 179, 8, 0.24);
}

body.theme-a3 .game-mission-shell {
    background: linear-gradient(180deg, #111827 0%, #0F172A 100%);
    border: 1px solid rgba(148, 163, 184, 0.24);
}

body.theme-a3 .game-tactix-head {
    max-width: 930px;
    margin: 0 auto 22px;
    text-align: center;
}

body.theme-a3 .game-tactix-head h2 {
    margin: 0 0 10px;
    color: #FDE68A;
    font-size: 2rem;
}

body.theme-a3 .game-tactix-head p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.85;
}

body.theme-a3 .game-tactix-grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 16px;
}

body.theme-a3 .game-tactix-core {
    background: rgba(15, 23, 42, 0.86);
    border: 1px solid rgba(234, 179, 8, 0.34);
    border-radius: 18px;
    padding: 22px;
}

body.theme-a3 .game-tactix-chip {
    display: inline-block;
    padding: 5px 11px;
    border-radius: 999px;
    background: rgba(234, 179, 8, 0.2);
    color: #FDE68A;
    font-size: 0.8rem;
    margin-bottom: 10px;
}

body.theme-a3 .game-tactix-core h3 {
    margin: 0 0 10px;
    color: #E5E7EB;
    font-size: 1.24rem;
}

body.theme-a3 .game-tactix-core p {
    margin: 0 0 12px;
    color: #CBD5E1;
    line-height: 1.85;
}

body.theme-a3 .game-tactix-core ul {
    margin: 0;
    padding-left: 18px;
    color: #D1D5DB;
    line-height: 1.8;
}

body.theme-a3 .game-tactix-side {
    display: grid;
    gap: 12px;
}

body.theme-a3 .game-tactix-mini {
    background: rgba(30, 41, 59, 0.72);
    border: 1px solid rgba(96, 165, 250, 0.26);
    border-left: 4px solid #60A5FA;
    border-radius: 14px;
    padding: 16px;
}

body.theme-a3 .game-tactix-mini h4 {
    margin: 0 0 8px;
    color: #E2E8F0;
    font-size: 1rem;
}

body.theme-a3 .game-tactix-mini p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.75;
    font-size: 0.92rem;
}

body.theme-a3 .game-mission-track {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 12px;
}

body.theme-a3 .game-mission-step {
    position: relative;
    background: rgba(15, 23, 42, 0.84);
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 14px;
    padding: 16px;
    min-height: 168px;
}

body.theme-a3 .game-mission-step::after {
    content: "";
    position: absolute;
    top: 16px;
    right: 14px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #60A5FA;
    box-shadow: 0 0 0 6px rgba(96, 165, 250, 0.2);
}

body.theme-a3 .game-mission-step b {
    display: block;
    color: #FDE68A;
    font-size: 0.82rem;
    margin-bottom: 8px;
}

body.theme-a3 .game-mission-step h4 {
    margin: 0 0 8px;
    color: #E5E7EB;
    font-size: 1rem;
}

body.theme-a3 .game-mission-step p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.75;
    font-size: 0.9rem;
}

@media (max-width: 980px) {
    body.theme-a3 .game-tactix-grid {
        grid-template-columns: 1fr;
    }

    body.theme-a3 .game-mission-track {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }
}

@media (max-width: 640px) {
    body.theme-a3 .game-tactix-shell,
    body.theme-a3 .game-mission-shell {
        padding: 34px 16px;
    }

    body.theme-a3 .game-tactix-head h2 {
        font-size: 1.45rem;
    }

    body.theme-a3 .game-mission-track {
        grid-template-columns: 1fr;
    }
}

/* instalar.html: 新布局（control panel + ticket lanes） */
body.theme-a3 .instalar-control-shell,
body.theme-a3 .instalar-ticket-shell {
    margin: 38px 0;
    border-radius: 20px;
    padding: 44px 24px;
}

body.theme-a3 .instalar-control-shell {
    background:
        radial-gradient(circle at 80% 10%, rgba(79, 209, 197, 0.2) 0%, transparent 34%),
        radial-gradient(circle at 15% 85%, rgba(139, 92, 246, 0.18) 0%, transparent 32%),
        linear-gradient(135deg, #1B1D2A 0%, #0F172A 100%);
    border: 1px solid rgba(79, 209, 197, 0.28);
}

body.theme-a3 .instalar-ticket-shell {
    background: linear-gradient(180deg, #111827 0%, #0F172A 100%);
    border: 1px solid rgba(148, 163, 184, 0.24);
}

body.theme-a3 .instalar-control-head {
    max-width: 930px;
    margin: 0 auto 22px;
    text-align: center;
}

body.theme-a3 .instalar-control-head h2 {
    margin: 0 0 10px;
    color: #FDE68A;
    font-size: 2rem;
}

body.theme-a3 .instalar-control-head p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.85;
}

body.theme-a3 .instalar-control-grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 16px;
}

body.theme-a3 .instalar-control-core {
    background: rgba(15, 23, 42, 0.86);
    border: 1px solid rgba(79, 209, 197, 0.35);
    border-radius: 18px;
    padding: 22px;
}

body.theme-a3 .instalar-control-chip {
    display: inline-block;
    padding: 5px 11px;
    border-radius: 999px;
    background: rgba(79, 209, 197, 0.2);
    color: #99F6E4;
    font-size: 0.8rem;
    margin-bottom: 10px;
}

body.theme-a3 .instalar-control-core h3 {
    margin: 0 0 10px;
    color: #E5E7EB;
    font-size: 1.24rem;
}

body.theme-a3 .instalar-control-core p {
    margin: 0 0 12px;
    color: #CBD5E1;
    line-height: 1.85;
}

body.theme-a3 .instalar-control-core ul {
    margin: 0;
    padding-left: 18px;
    color: #D1D5DB;
    line-height: 1.8;
}

body.theme-a3 .instalar-control-side {
    display: grid;
    gap: 12px;
}

body.theme-a3 .instalar-control-mini {
    border-radius: 14px;
    padding: 16px;
    border: 1px solid rgba(148, 163, 184, 0.24);
    background: rgba(30, 41, 59, 0.72);
}

body.theme-a3 .instalar-control-mini.ios { border-left: 4px solid #60A5FA; }
body.theme-a3 .instalar-control-mini.pc { border-left: 4px solid #A78BFA; }
body.theme-a3 .instalar-control-mini.fix { border-left: 4px solid #22D3EE; }

body.theme-a3 .instalar-control-mini h4 {
    margin: 0 0 8px;
    color: #E2E8F0;
    font-size: 1rem;
}

body.theme-a3 .instalar-control-mini p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.75;
    font-size: 0.92rem;
}

body.theme-a3 .instalar-ticket-lanes {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 12px;
}

body.theme-a3 .instalar-ticket-item {
    position: relative;
    background: rgba(15, 23, 42, 0.84);
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 14px;
    padding: 16px;
    min-height: 168px;
}

body.theme-a3 .instalar-ticket-item::after {
    content: "";
    position: absolute;
    top: 16px;
    right: 14px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #60A5FA;
    box-shadow: 0 0 0 6px rgba(96, 165, 250, 0.2);
}

body.theme-a3 .instalar-ticket-item b {
    display: block;
    color: #FDE68A;
    font-size: 0.82rem;
    margin-bottom: 8px;
}

body.theme-a3 .instalar-ticket-item h4 {
    margin: 0 0 8px;
    color: #E5E7EB;
    font-size: 1rem;
}

body.theme-a3 .instalar-ticket-item p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.75;
    font-size: 0.9rem;
}

@media (max-width: 980px) {
    body.theme-a3 .instalar-control-grid {
        grid-template-columns: 1fr;
    }

    body.theme-a3 .instalar-ticket-lanes {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }
}

@media (max-width: 640px) {
    body.theme-a3 .instalar-control-shell,
    body.theme-a3 .instalar-ticket-shell {
        padding: 34px 16px;
    }

    body.theme-a3 .instalar-control-head h2 {
        font-size: 1.45rem;
    }

    body.theme-a3 .instalar-ticket-lanes {
        grid-template-columns: 1fr;
    }
}

/* jogos.html: 新布局（curadoria wall + playbook track） */
body.theme-a3 .jogos-curadoria-shell,
body.theme-a3 .jogos-playbook-shell {
    margin: 38px 0;
    border-radius: 20px;
    padding: 44px 24px;
}

body.theme-a3 .jogos-curadoria-shell {
    background:
        radial-gradient(circle at 12% 14%, rgba(245, 158, 11, 0.18) 0%, transparent 34%),
        radial-gradient(circle at 88% 84%, rgba(96, 165, 250, 0.2) 0%, transparent 32%),
        linear-gradient(135deg, #1B1D2A 0%, #0F172A 100%);
    border: 1px solid rgba(245, 158, 11, 0.26);
}

body.theme-a3 .jogos-playbook-shell {
    background: linear-gradient(180deg, #111827 0%, #0F172A 100%);
    border: 1px solid rgba(148, 163, 184, 0.24);
}

body.theme-a3 .jogos-curadoria-head {
    max-width: 930px;
    margin: 0 auto 22px;
    text-align: center;
}

body.theme-a3 .jogos-curadoria-head h2 {
    margin: 0 0 10px;
    color: #FDE68A;
    font-size: 2rem;
}

body.theme-a3 .jogos-curadoria-head p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.85;
}

body.theme-a3 .jogos-curadoria-layout {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 16px;
}

body.theme-a3 .jogos-curadoria-feature {
    background: rgba(15, 23, 42, 0.86);
    border: 1px solid rgba(245, 158, 11, 0.35);
    border-radius: 18px;
    padding: 22px;
}

body.theme-a3 .jogos-curadoria-badge {
    display: inline-block;
    padding: 5px 11px;
    border-radius: 999px;
    background: rgba(245, 158, 11, 0.2);
    color: #FCD34D;
    font-size: 0.8rem;
    margin-bottom: 10px;
}

body.theme-a3 .jogos-curadoria-feature h3 {
    margin: 0 0 10px;
    color: #E5E7EB;
    font-size: 1.24rem;
}

body.theme-a3 .jogos-curadoria-feature p {
    margin: 0 0 12px;
    color: #CBD5E1;
    line-height: 1.85;
}

body.theme-a3 .jogos-curadoria-feature ul {
    margin: 0;
    padding-left: 18px;
    color: #D1D5DB;
    line-height: 1.8;
}

body.theme-a3 .jogos-curadoria-side {
    display: grid;
    gap: 12px;
}

body.theme-a3 .jogos-curadoria-mini {
    background: rgba(30, 41, 59, 0.72);
    border: 1px solid rgba(96, 165, 250, 0.25);
    border-left: 4px solid #60A5FA;
    border-radius: 14px;
    padding: 16px;
}

body.theme-a3 .jogos-curadoria-mini h4 {
    margin: 0 0 8px;
    color: #E2E8F0;
    font-size: 1rem;
}

body.theme-a3 .jogos-curadoria-mini p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.75;
    font-size: 0.92rem;
}

body.theme-a3 .jogos-playbook-track {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 12px;
}

body.theme-a3 .jogos-playbook-step {
    position: relative;
    background: rgba(15, 23, 42, 0.84);
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 14px;
    padding: 16px;
    min-height: 170px;
}

body.theme-a3 .jogos-playbook-step::after {
    content: "";
    position: absolute;
    top: 16px;
    right: 14px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #F59E0B;
    box-shadow: 0 0 0 6px rgba(245, 158, 11, 0.2);
}

body.theme-a3 .jogos-playbook-step b {
    display: block;
    color: #FDE68A;
    font-size: 0.82rem;
    margin-bottom: 8px;
}

body.theme-a3 .jogos-playbook-step h4 {
    margin: 0 0 8px;
    color: #E5E7EB;
    font-size: 1rem;
}

body.theme-a3 .jogos-playbook-step p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.75;
    font-size: 0.9rem;
}

@media (max-width: 980px) {
    body.theme-a3 .jogos-curadoria-layout {
        grid-template-columns: 1fr;
    }

    body.theme-a3 .jogos-playbook-track {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }
}

@media (max-width: 640px) {
    body.theme-a3 .jogos-curadoria-shell,
    body.theme-a3 .jogos-playbook-shell {
        padding: 34px 16px;
    }

    body.theme-a3 .jogos-curadoria-head h2 {
        font-size: 1.45rem;
    }

    body.theme-a3 .jogos-playbook-track {
        grid-template-columns: 1fr;
    }
}

/* login.html: 新布局（identity panel + secure session trail） */
body.theme-a3 .login-identity-shell,
body.theme-a3 .login-session-shell {
    margin: 38px 0;
    border-radius: 20px;
    padding: 44px 24px;
}

body.theme-a3 .login-identity-shell {
    background:
        radial-gradient(circle at 15% 12%, rgba(79, 209, 197, 0.18) 0%, transparent 34%),
        radial-gradient(circle at 88% 88%, rgba(239, 68, 68, 0.16) 0%, transparent 30%),
        linear-gradient(135deg, #1B1D2A 0%, #0F172A 100%);
    border: 1px solid rgba(79, 209, 197, 0.26);
}

body.theme-a3 .login-session-shell {
    background: linear-gradient(180deg, #111827 0%, #0F172A 100%);
    border: 1px solid rgba(148, 163, 184, 0.24);
}

body.theme-a3 .login-identity-head {
    max-width: 930px;
    margin: 0 auto 22px;
    text-align: center;
}

body.theme-a3 .login-identity-head h2 {
    margin: 0 0 10px;
    color: #FDE68A;
    font-size: 2rem;
}

body.theme-a3 .login-identity-head p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.85;
}

body.theme-a3 .login-identity-layout {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 16px;
}

body.theme-a3 .login-identity-core {
    background: rgba(15, 23, 42, 0.86);
    border: 1px solid rgba(79, 209, 197, 0.34);
    border-radius: 18px;
    padding: 22px;
}

body.theme-a3 .login-identity-chip {
    display: inline-block;
    padding: 5px 11px;
    border-radius: 999px;
    background: rgba(79, 209, 197, 0.2);
    color: #99F6E4;
    font-size: 0.8rem;
    margin-bottom: 10px;
}

body.theme-a3 .login-identity-core h3 {
    margin: 0 0 10px;
    color: #E5E7EB;
    font-size: 1.24rem;
}

body.theme-a3 .login-identity-core p {
    margin: 0 0 12px;
    color: #CBD5E1;
    line-height: 1.85;
}

body.theme-a3 .login-identity-core ul {
    margin: 0;
    padding-left: 18px;
    color: #D1D5DB;
    line-height: 1.8;
}

body.theme-a3 .login-identity-side {
    display: grid;
    gap: 12px;
}

body.theme-a3 .login-identity-mini {
    background: rgba(30, 41, 59, 0.72);
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-left: 4px solid #60A5FA;
    border-radius: 14px;
    padding: 16px;
}

body.theme-a3 .login-identity-mini h4 {
    margin: 0 0 8px;
    color: #E2E8F0;
    font-size: 1rem;
}

body.theme-a3 .login-identity-mini p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.75;
    font-size: 0.92rem;
}

body.theme-a3 .login-session-track {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 12px;
}

body.theme-a3 .login-session-step {
    position: relative;
    background: rgba(15, 23, 42, 0.84);
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 14px;
    padding: 16px;
    min-height: 170px;
}

body.theme-a3 .login-session-step::after {
    content: "";
    position: absolute;
    top: 16px;
    right: 14px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #22D3EE;
    box-shadow: 0 0 0 6px rgba(34, 211, 238, 0.2);
}

body.theme-a3 .login-session-step b {
    display: block;
    color: #FDE68A;
    font-size: 0.82rem;
    margin-bottom: 8px;
}

body.theme-a3 .login-session-step h4 {
    margin: 0 0 8px;
    color: #E5E7EB;
    font-size: 1rem;
}

body.theme-a3 .login-session-step p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.75;
    font-size: 0.9rem;
}

@media (max-width: 980px) {
    body.theme-a3 .login-identity-layout {
        grid-template-columns: 1fr;
    }

    body.theme-a3 .login-session-track {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }
}

@media (max-width: 640px) {
    body.theme-a3 .login-identity-shell,
    body.theme-a3 .login-session-shell {
        padding: 34px 16px;
    }

    body.theme-a3 .login-identity-head h2 {
        font-size: 1.45rem;
    }

    body.theme-a3 .login-session-track {
        grid-template-columns: 1fr;
    }
}

/* lottery.html: 新布局（combination lab + draw cadence calendar） */
body.theme-a3 .lottery-matrix-shell,
body.theme-a3 .lottery-cadence-shell {
    margin: 38px 0;
    border-radius: 20px;
    padding: 44px 24px;
}

body.theme-a3 .lottery-matrix-shell {
    background:
        radial-gradient(circle at 8% 20%, rgba(245, 158, 11, 0.2) 0%, transparent 36%),
        radial-gradient(circle at 90% 85%, rgba(56, 189, 248, 0.18) 0%, transparent 30%),
        linear-gradient(135deg, #1B1D2A 0%, #0F172A 100%);
    border: 1px solid rgba(245, 158, 11, 0.26);
}

body.theme-a3 .lottery-cadence-shell {
    background: linear-gradient(180deg, #111827 0%, #0F172A 100%);
    border: 1px solid rgba(148, 163, 184, 0.24);
}

body.theme-a3 .lottery-matrix-head {
    max-width: 940px;
    margin: 0 auto 22px;
    text-align: center;
}

body.theme-a3 .lottery-matrix-head h2 {
    margin: 0 0 10px;
    color: #FDE68A;
    font-size: 2rem;
}

body.theme-a3 .lottery-matrix-head p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.85;
}

body.theme-a3 .lottery-matrix-layout {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 16px;
}

body.theme-a3 .lottery-matrix-board {
    background: rgba(15, 23, 42, 0.88);
    border: 1px solid rgba(245, 158, 11, 0.34);
    border-radius: 18px;
    padding: 22px;
    box-shadow: 0 10px 28px rgba(2, 6, 23, 0.4);
}

body.theme-a3 .lottery-matrix-badge {
    display: inline-block;
    padding: 5px 11px;
    border-radius: 999px;
    background: rgba(245, 158, 11, 0.2);
    color: #FCD34D;
    font-size: 0.8rem;
    margin-bottom: 10px;
}

body.theme-a3 .lottery-matrix-board h3 {
    margin: 0 0 10px;
    color: #E5E7EB;
    font-size: 1.24rem;
}

body.theme-a3 .lottery-matrix-board p {
    margin: 0 0 14px;
    color: #CBD5E1;
    line-height: 1.85;
}

body.theme-a3 .lottery-matrix-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

body.theme-a3 .lottery-matrix-tags span {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(30, 41, 59, 0.78);
    border: 1px solid rgba(148, 163, 184, 0.24);
    color: #E2E8F0;
    font-size: 0.84rem;
}

body.theme-a3 .lottery-matrix-notes {
    display: grid;
    gap: 12px;
}

body.theme-a3 .lottery-matrix-note {
    border-radius: 14px;
    padding: 16px;
    background: rgba(30, 41, 59, 0.72);
    border: 1px solid rgba(148, 163, 184, 0.24);
}

body.theme-a3 .lottery-matrix-note.hot {
    border-left: 4px solid #F59E0B;
}

body.theme-a3 .lottery-matrix-note.cold {
    border-left: 4px solid #60A5FA;
}

body.theme-a3 .lottery-matrix-note.bank {
    border-left: 4px solid #34D399;
}

body.theme-a3 .lottery-matrix-note h4 {
    margin: 0 0 8px;
    color: #E5E7EB;
    font-size: 1rem;
}

body.theme-a3 .lottery-matrix-note p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.75;
    font-size: 0.92rem;
}

body.theme-a3 .lottery-cadence-grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(220px, 1fr));
    gap: 12px;
}

body.theme-a3 .lottery-cadence-day {
    position: relative;
    border-radius: 14px;
    padding: 16px;
    min-height: 158px;
    background: rgba(15, 23, 42, 0.84);
    border: 1px solid rgba(148, 163, 184, 0.24);
}

body.theme-a3 .lottery-cadence-day::after {
    content: "";
    position: absolute;
    top: 16px;
    right: 14px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #F59E0B;
    box-shadow: 0 0 0 6px rgba(245, 158, 11, 0.2);
}

body.theme-a3 .lottery-cadence-day strong {
    display: block;
    color: #FDE68A;
    font-size: 0.83rem;
    margin-bottom: 8px;
}

body.theme-a3 .lottery-cadence-day h4 {
    margin: 0 0 8px;
    color: #E5E7EB;
    font-size: 1.02rem;
}

body.theme-a3 .lottery-cadence-day p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.75;
    font-size: 0.9rem;
}

@media (max-width: 980px) {
    body.theme-a3 .lottery-matrix-layout {
        grid-template-columns: 1fr;
    }

    body.theme-a3 .lottery-cadence-grid {
        grid-template-columns: repeat(2, minmax(220px, 1fr));
    }
}

@media (max-width: 640px) {
    body.theme-a3 .lottery-matrix-shell,
    body.theme-a3 .lottery-cadence-shell {
        padding: 34px 16px;
    }

    body.theme-a3 .lottery-matrix-head h2 {
        font-size: 1.45rem;
    }

    body.theme-a3 .lottery-cadence-grid {
        grid-template-columns: 1fr;
    }
}

/* plataforma.html: 新布局（operation hub + route board） */
body.theme-a3 .plataforma-hub-shell,
body.theme-a3 .plataforma-route-shell {
    margin: 38px 0;
    border-radius: 20px;
    padding: 44px 24px;
}

body.theme-a3 .plataforma-hub-shell {
    background:
        radial-gradient(circle at 12% 10%, rgba(34, 211, 238, 0.18) 0%, transparent 34%),
        radial-gradient(circle at 88% 85%, rgba(167, 139, 250, 0.2) 0%, transparent 30%),
        linear-gradient(135deg, #1B1D2A 0%, #0F172A 100%);
    border: 1px solid rgba(34, 211, 238, 0.26);
}

body.theme-a3 .plataforma-route-shell {
    background: linear-gradient(180deg, #111827 0%, #0F172A 100%);
    border: 1px solid rgba(148, 163, 184, 0.24);
}

body.theme-a3 .plataforma-hub-head {
    max-width: 940px;
    margin: 0 auto 22px;
    text-align: center;
}

body.theme-a3 .plataforma-hub-head h2 {
    margin: 0 0 10px;
    color: #FDE68A;
    font-size: 2rem;
}

body.theme-a3 .plataforma-hub-head p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.85;
}

body.theme-a3 .plataforma-hub-layout {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 16px;
}

body.theme-a3 .plataforma-hub-core {
    background: rgba(15, 23, 42, 0.86);
    border: 1px solid rgba(34, 211, 238, 0.34);
    border-radius: 18px;
    padding: 22px;
}

body.theme-a3 .plataforma-hub-chip {
    display: inline-block;
    padding: 5px 11px;
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.2);
    color: #A5F3FC;
    font-size: 0.8rem;
    margin-bottom: 10px;
}

body.theme-a3 .plataforma-hub-core h3 {
    margin: 0 0 10px;
    color: #E5E7EB;
    font-size: 1.24rem;
}

body.theme-a3 .plataforma-hub-core p {
    margin: 0 0 12px;
    color: #CBD5E1;
    line-height: 1.85;
}

body.theme-a3 .plataforma-hub-core ul {
    margin: 0;
    padding-left: 18px;
    color: #D1D5DB;
    line-height: 1.8;
}

body.theme-a3 .plataforma-hub-side {
    display: grid;
    gap: 12px;
}

body.theme-a3 .plataforma-hub-mini {
    border-radius: 14px;
    padding: 16px;
    background: rgba(30, 41, 59, 0.72);
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-left: 4px solid #60A5FA;
}

body.theme-a3 .plataforma-hub-mini h4 {
    margin: 0 0 8px;
    color: #E2E8F0;
    font-size: 1rem;
}

body.theme-a3 .plataforma-hub-mini p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.75;
    font-size: 0.92rem;
}

body.theme-a3 .plataforma-route-track {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(5, minmax(170px, 1fr));
    gap: 12px;
}

body.theme-a3 .plataforma-route-step {
    position: relative;
    background: rgba(15, 23, 42, 0.84);
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 14px;
    padding: 16px;
    min-height: 168px;
}

body.theme-a3 .plataforma-route-step::after {
    content: "";
    position: absolute;
    top: 16px;
    right: 14px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #22D3EE;
    box-shadow: 0 0 0 6px rgba(34, 211, 238, 0.2);
}

body.theme-a3 .plataforma-route-step b {
    display: block;
    color: #FDE68A;
    font-size: 0.82rem;
    margin-bottom: 8px;
}

body.theme-a3 .plataforma-route-step h4 {
    margin: 0 0 8px;
    color: #E5E7EB;
    font-size: 1rem;
}

body.theme-a3 .plataforma-route-step p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.75;
    font-size: 0.9rem;
}

@media (max-width: 980px) {
    body.theme-a3 .plataforma-hub-layout {
        grid-template-columns: 1fr;
    }

    body.theme-a3 .plataforma-route-track {
        grid-template-columns: repeat(2, minmax(170px, 1fr));
    }
}

@media (max-width: 640px) {
    body.theme-a3 .plataforma-hub-shell,
    body.theme-a3 .plataforma-route-shell {
        padding: 34px 16px;
    }

    body.theme-a3 .plataforma-hub-head h2 {
        font-size: 1.45rem;
    }

    body.theme-a3 .plataforma-route-track {
        grid-template-columns: 1fr;
    }
}

/* slot.html: 新布局（session cockpit + jackpot pulse track） */
body.theme-b1 .slot-cockpit-shell,
body.theme-b1 .slot-jackpot-shell {
    margin: 38px 0;
    border-radius: 20px;
    padding: 44px 24px;
}

body.theme-b1 .slot-cockpit-shell {
    background:
        radial-gradient(circle at 10% 18%, rgba(251, 191, 36, 0.2) 0%, transparent 36%),
        radial-gradient(circle at 88% 82%, rgba(16, 185, 129, 0.16) 0%, transparent 30%),
        linear-gradient(135deg, #0F2818 0%, #143A2A 100%);
    border: 1px solid rgba(251, 191, 36, 0.28);
}

body.theme-b1 .slot-jackpot-shell {
    background: linear-gradient(180deg, #123524 0%, #0F2818 100%);
    border: 1px solid rgba(74, 222, 128, 0.24);
}

body.theme-b1 .slot-cockpit-head {
    max-width: 930px;
    margin: 0 auto 22px;
    text-align: center;
}

body.theme-b1 .slot-cockpit-head h2 {
    margin: 0 0 10px;
    color: #FDE68A;
    font-size: 2rem;
}

body.theme-b1 .slot-cockpit-head p {
    margin: 0;
    color: #D1FAE5;
    line-height: 1.85;
}

body.theme-b1 .slot-cockpit-layout {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 16px;
}

body.theme-b1 .slot-cockpit-main {
    background: rgba(6, 32, 19, 0.64);
    border: 1px solid rgba(251, 191, 36, 0.35);
    border-radius: 18px;
    padding: 22px;
}

body.theme-b1 .slot-cockpit-chip {
    display: inline-block;
    padding: 5px 11px;
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.2);
    color: #FDE68A;
    font-size: 0.8rem;
    margin-bottom: 10px;
}

body.theme-b1 .slot-cockpit-main h3 {
    margin: 0 0 10px;
    color: #ECFDF5;
    font-size: 1.24rem;
}

body.theme-b1 .slot-cockpit-main p {
    margin: 0 0 12px;
    color: #D1FAE5;
    line-height: 1.85;
}

body.theme-b1 .slot-cockpit-main ul {
    margin: 0;
    padding-left: 18px;
    color: #BBF7D0;
    line-height: 1.8;
}

body.theme-b1 .slot-cockpit-side {
    display: grid;
    gap: 12px;
}

body.theme-b1 .slot-cockpit-card {
    border-radius: 14px;
    padding: 16px;
    background: rgba(15, 40, 24, 0.9);
    border: 1px solid rgba(52, 211, 153, 0.24);
    border-left: 4px solid #34D399;
}

body.theme-b1 .slot-cockpit-card h4 {
    margin: 0 0 8px;
    color: #ECFDF5;
    font-size: 1rem;
}

body.theme-b1 .slot-cockpit-card p {
    margin: 0;
    color: #D1FAE5;
    line-height: 1.75;
    font-size: 0.92rem;
}

body.theme-b1 .slot-jackpot-track {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 12px;
}

body.theme-b1 .slot-jackpot-step {
    position: relative;
    border-radius: 14px;
    padding: 16px;
    min-height: 168px;
    background: rgba(6, 32, 19, 0.58);
    border: 1px solid rgba(74, 222, 128, 0.24);
}

body.theme-b1 .slot-jackpot-step::after {
    content: "";
    position: absolute;
    top: 16px;
    right: 14px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #34D399;
    box-shadow: 0 0 0 6px rgba(52, 211, 153, 0.2);
}

body.theme-b1 .slot-jackpot-step b {
    display: block;
    color: #FDE68A;
    font-size: 0.82rem;
    margin-bottom: 8px;
}

body.theme-b1 .slot-jackpot-step h4 {
    margin: 0 0 8px;
    color: #ECFDF5;
    font-size: 1rem;
}

body.theme-b1 .slot-jackpot-step p {
    margin: 0;
    color: #D1FAE5;
    line-height: 1.75;
    font-size: 0.9rem;
}

@media (max-width: 980px) {
    body.theme-b1 .slot-cockpit-layout {
        grid-template-columns: 1fr;
    }

    body.theme-b1 .slot-jackpot-track {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }
}

@media (max-width: 640px) {
    body.theme-b1 .slot-cockpit-shell,
    body.theme-b1 .slot-jackpot-shell {
        padding: 34px 16px;
    }

    body.theme-b1 .slot-cockpit-head h2 {
        font-size: 1.45rem;
    }

    body.theme-b1 .slot-jackpot-track {
        grid-template-columns: 1fr;
    }
}

/* vip.html: 新布局（benefit vault + level ladder） */
body.theme-b1 .vip-vault-shell,
body.theme-b1 .vip-ladder-shell {
    margin: 38px 0;
    border-radius: 20px;
    padding: 44px 24px;
}

body.theme-b1 .vip-vault-shell {
    background:
        radial-gradient(circle at 12% 12%, rgba(251, 191, 36, 0.2) 0%, transparent 34%),
        radial-gradient(circle at 88% 84%, rgba(16, 185, 129, 0.16) 0%, transparent 30%),
        linear-gradient(135deg, #0F2818 0%, #143A2A 100%);
    border: 1px solid rgba(251, 191, 36, 0.28);
}

body.theme-b1 .vip-ladder-shell {
    background: linear-gradient(180deg, #123524 0%, #0F2818 100%);
    border: 1px solid rgba(74, 222, 128, 0.24);
}

body.theme-b1 .vip-vault-head {
    max-width: 930px;
    margin: 0 auto 22px;
    text-align: center;
}

body.theme-b1 .vip-vault-head h2 {
    margin: 0 0 10px;
    color: #FDE68A;
    font-size: 2rem;
}

body.theme-b1 .vip-vault-head p {
    margin: 0;
    color: #D1FAE5;
    line-height: 1.85;
}

body.theme-b1 .vip-vault-layout {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 16px;
}

body.theme-b1 .vip-vault-main {
    background: rgba(6, 32, 19, 0.64);
    border: 1px solid rgba(251, 191, 36, 0.35);
    border-radius: 18px;
    padding: 22px;
}

body.theme-b1 .vip-vault-chip {
    display: inline-block;
    padding: 5px 11px;
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.2);
    color: #FDE68A;
    font-size: 0.8rem;
    margin-bottom: 10px;
}

body.theme-b1 .vip-vault-main h3 {
    margin: 0 0 10px;
    color: #ECFDF5;
    font-size: 1.24rem;
}

body.theme-b1 .vip-vault-main p {
    margin: 0 0 12px;
    color: #D1FAE5;
    line-height: 1.85;
}

body.theme-b1 .vip-vault-main ul {
    margin: 0;
    padding-left: 18px;
    color: #BBF7D0;
    line-height: 1.8;
}

body.theme-b1 .vip-vault-side {
    display: grid;
    gap: 12px;
}

body.theme-b1 .vip-vault-mini {
    border-radius: 14px;
    padding: 16px;
    background: rgba(15, 40, 24, 0.9);
    border: 1px solid rgba(52, 211, 153, 0.24);
}

body.theme-b1 .vip-vault-mini.bronze {
    border-left: 4px solid #34D399;
}

body.theme-b1 .vip-vault-mini.gold {
    border-left: 4px solid #F59E0B;
}

body.theme-b1 .vip-vault-mini.diamond {
    border-left: 4px solid #A78BFA;
}

body.theme-b1 .vip-vault-mini h4 {
    margin: 0 0 8px;
    color: #ECFDF5;
    font-size: 1rem;
}

body.theme-b1 .vip-vault-mini p {
    margin: 0;
    color: #D1FAE5;
    line-height: 1.75;
    font-size: 0.92rem;
}

body.theme-b1 .vip-ladder-track {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(5, minmax(170px, 1fr));
    gap: 12px;
}

body.theme-b1 .vip-ladder-step {
    position: relative;
    border-radius: 14px;
    padding: 16px;
    min-height: 168px;
    background: rgba(6, 32, 19, 0.58);
    border: 1px solid rgba(74, 222, 128, 0.24);
}

body.theme-b1 .vip-ladder-step::after {
    content: "";
    position: absolute;
    top: 16px;
    right: 14px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #34D399;
    box-shadow: 0 0 0 6px rgba(52, 211, 153, 0.2);
}

body.theme-b1 .vip-ladder-step b {
    display: block;
    color: #FDE68A;
    font-size: 0.82rem;
    margin-bottom: 8px;
}

body.theme-b1 .vip-ladder-step h4 {
    margin: 0 0 8px;
    color: #ECFDF5;
    font-size: 1rem;
}

body.theme-b1 .vip-ladder-step p {
    margin: 0;
    color: #D1FAE5;
    line-height: 1.75;
    font-size: 0.9rem;
}

@media (max-width: 980px) {
    body.theme-b1 .vip-vault-layout {
        grid-template-columns: 1fr;
    }

    body.theme-b1 .vip-ladder-track {
        grid-template-columns: repeat(2, minmax(170px, 1fr));
    }
}

@media (max-width: 640px) {
    body.theme-b1 .vip-vault-shell,
    body.theme-b1 .vip-ladder-shell {
        padding: 34px 16px;
    }

    body.theme-b1 .vip-vault-head h2 {
        font-size: 1.45rem;
    }

    body.theme-b1 .vip-ladder-track {
        grid-template-columns: 1fr;
    }
}

/* win.html: 新布局（strike panel + guard line） */
body.theme-a3 .win-strike-shell,
body.theme-a3 .win-guard-shell {
    margin: 38px 0;
    border-radius: 20px;
    padding: 44px 24px;
}

body.theme-a3 .win-strike-shell {
    background:
        radial-gradient(circle at 14% 12%, rgba(234, 179, 8, 0.2) 0%, transparent 35%),
        radial-gradient(circle at 88% 86%, rgba(34, 211, 238, 0.18) 0%, transparent 30%),
        linear-gradient(135deg, #1B1D2A 0%, #0F172A 100%);
    border: 1px solid rgba(234, 179, 8, 0.26);
}

body.theme-a3 .win-guard-shell {
    background: linear-gradient(180deg, #111827 0%, #0F172A 100%);
    border: 1px solid rgba(148, 163, 184, 0.24);
}

body.theme-a3 .win-strike-head {
    max-width: 930px;
    margin: 0 auto 22px;
    text-align: center;
}

body.theme-a3 .win-strike-head h2 {
    margin: 0 0 10px;
    color: #FDE68A;
    font-size: 2rem;
}

body.theme-a3 .win-strike-head p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.85;
}

body.theme-a3 .win-strike-layout {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 16px;
}

body.theme-a3 .win-strike-main {
    background: rgba(15, 23, 42, 0.86);
    border: 1px solid rgba(234, 179, 8, 0.34);
    border-radius: 18px;
    padding: 22px;
}

body.theme-a3 .win-strike-chip {
    display: inline-block;
    padding: 5px 11px;
    border-radius: 999px;
    background: rgba(234, 179, 8, 0.2);
    color: #FDE68A;
    font-size: 0.8rem;
    margin-bottom: 10px;
}

body.theme-a3 .win-strike-main h3 {
    margin: 0 0 10px;
    color: #E5E7EB;
    font-size: 1.24rem;
}

body.theme-a3 .win-strike-main p {
    margin: 0 0 12px;
    color: #CBD5E1;
    line-height: 1.85;
}

body.theme-a3 .win-strike-main ul {
    margin: 0;
    padding-left: 18px;
    color: #D1D5DB;
    line-height: 1.8;
}

body.theme-a3 .win-strike-side {
    display: grid;
    gap: 12px;
}

body.theme-a3 .win-strike-mini {
    border-radius: 14px;
    padding: 16px;
    background: rgba(30, 41, 59, 0.72);
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-left: 4px solid #60A5FA;
}

body.theme-a3 .win-strike-mini h4 {
    margin: 0 0 8px;
    color: #E2E8F0;
    font-size: 1rem;
}

body.theme-a3 .win-strike-mini p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.75;
    font-size: 0.92rem;
}

body.theme-a3 .win-guard-track {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 12px;
}

body.theme-a3 .win-guard-step {
    position: relative;
    border-radius: 14px;
    padding: 16px;
    min-height: 168px;
    background: rgba(15, 23, 42, 0.84);
    border: 1px solid rgba(148, 163, 184, 0.24);
}

body.theme-a3 .win-guard-step::after {
    content: "";
    position: absolute;
    top: 16px;
    right: 14px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #22D3EE;
    box-shadow: 0 0 0 6px rgba(34, 211, 238, 0.2);
}

body.theme-a3 .win-guard-step b {
    display: block;
    color: #FDE68A;
    font-size: 0.82rem;
    margin-bottom: 8px;
}

body.theme-a3 .win-guard-step h4 {
    margin: 0 0 8px;
    color: #E5E7EB;
    font-size: 1rem;
}

body.theme-a3 .win-guard-step p {
    margin: 0;
    color: #CBD5E1;
    line-height: 1.75;
    font-size: 0.9rem;
}

@media (max-width: 980px) {
    body.theme-a3 .win-strike-layout {
        grid-template-columns: 1fr;
    }

    body.theme-a3 .win-guard-track {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }
}

@media (max-width: 640px) {
    body.theme-a3 .win-strike-shell,
    body.theme-a3 .win-guard-shell {
        padding: 34px 16px;
    }

    body.theme-a3 .win-strike-head h2 {
        font-size: 1.45rem;
    }

    body.theme-a3 .win-guard-track {
        grid-template-columns: 1fr;
    }
}
