.elementor-7310 .elementor-element.elementor-element-6b52cc3{--display:flex;}.elementor-7310 .elementor-element.elementor-element-6b52cc3.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-7310 .elementor-element.elementor-element-6b52cc3{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-715c687 *//* =========================================
   修复：让深色背景上的标题可见
   ========================================= */

/* 定位到该区域的 H2 标题 */
.viral-text h2 {
    color: #ffffff !important; /* 强制改为白色 */
    text-shadow: 0 2px 5px rgba(0,0,0,0.7); /* 增加一点文字阴影，提升立体感和可读性 */
    visibility: visible !important; /* 确保元素是可见的 */
    opacity: 1 !important; /* 确保透明度为 100% */
}

/* 如果你更喜欢金色，请注释掉上面的 color 行，并启用下面这行： */
/* color: #C49102 !important; */
/* 🟡 主标题（强制单行 + 动态缩放） */
        .hero-content h1 { 
            font-size: clamp(1.8rem, 6vw, 4.5rem); /* 🚨 核心：字体会根据屏幕宽度自动缩放，最大4.5rem，最小1.8rem */
            white-space: nowrap; /* 🚨 核心：强制所有文字保持在同一行 */
            margin-bottom: 5px; 
            text-shadow: 0 4px 15px rgba(0,0,0,1); 
            color: var(--gold-shine); /* 标题改为金色 */
            line-height: 1;
        }
        /* =========================================
           📱 移动端专属：原生丝滑横向轮播 & UI 终极适配
           ========================================= */
        @media (max-width: 768px) {
            /* 1. 顶部红条：改为上下两行堆叠，隐藏竖线，避免破版 */
            .top-bar { 
                flex-direction: column; 
                padding: 8px 10px; 
                line-height: 1.4; 
                font-size: 0.85rem;
            }
            .top-bar span[style*="margin"] { display: none; } /* 隐藏那条多余的竖线 | */

            /* 2. 首屏标题：解除强制单行，字体根据屏幕自适应 */
            .hero-content h1 { 
                font-size: 11vw !important; /* 字体跟随屏幕宽度动态变化 */
                white-space: normal !important; /* 允许自然换行，绝对不会再被切断 */
                line-height: 1.1;
                margin-bottom: 10px;
            }
            .hero-content h2 { 
                font-size: 6vw !important; 
                margin-bottom: 25px; 
            }

            /* 3. 价格与倒计时微调 */
            .hero-main-price { font-size: 3rem; }
            .hero-old-price { font-size: 1.5rem; }
            .hero-timer-digits { font-size: 1.8rem; padding: 8px 15px; }

            /* 4. CTA 按钮：缩小字体并强制单行 */
            .cta-btn { 
                font-size: 1.05rem !important; 
                padding: 16px 10px !important; 
                white-space: nowrap !important; /* 强制按钮文字在一行，提升点击欲 */
            }

            /* 5. 产品与评价横向丝滑轮播 (保留之前的成功设置) */
            .ugc-section { padding: 40px 0; }
            .product-grid, .ugc-grid {
                flex-wrap: nowrap !important; 
                overflow-x: auto; 
                scroll-snap-type: x mandatory; 
                -webkit-overflow-scrolling: touch; 
                justify-content: flex-start !important; 
                padding-left: 5vw; 
                padding-right: 5vw;
                padding-bottom: 20px; 
                gap: 15px;
                -ms-overflow-style: none;  
                scrollbar-width: none;  
            }
            .product-grid::-webkit-scrollbar, 
            .ugc-grid::-webkit-scrollbar { display: none; }
            .product-card, .ugc-card {
                width: 85% !important; 
                min-width: 85% !important;
                flex: 0 0 auto; 
                scroll-snap-align: center; 
            }

            /* 6. 底部悬浮栏缩小 */
            .sticky-footer { padding: 10px !important; }
            .sticky-timer { font-size: 0.85rem !important; margin-bottom: 5px !important; }
            .sticky-btn { padding: 12px 15px !important; font-size: 0.95rem !important; border-width: 2px !important; }
        }
        /* 🇺🇸 情绪营销专属副标 (带海军蓝底色和金边，凸显高级质感) */
        .hero-slogan-box {
            font-size: 1.25rem;
            font-style: italic;
            color: var(--white);
            margin: 0 auto 25px auto;
            line-height: 1.5;
            font-weight: 600;
            text-shadow: 0 2px 5px rgba(0,0,0,0.8);
            background: rgba(0, 40, 104, 0.75); /* 半透明海军蓝 */
            padding: 12px 25px;
            border-radius: 4px;
            border-left: 4px solid var(--trump-gold);
            border-right: 4px solid var(--trump-gold);
            display: inline-block;
            max-width: 90%;
            letter-spacing: 0.5px;
        }/* End custom CSS */