@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

    :root {
        --brand-green: #0F2A1D; 
        --brand-gold: #C8A24A;  
        --bg-white: #FFFFFF;    
    }

    html { scroll-behavior: smooth; }

    .ms-special-page { font-family: 'Poppins', sans-serif; color: #333; line-height: 1.6; background-color: var(--bg-white); box-sizing: border-box; overflow-x: hidden; }
    .ms-container { max-width: 1100px; margin: 0 auto; padding: 0 25px; }
    
    h1, h2, h3 { color: var(--brand-green); text-transform: uppercase; letter-spacing: 1.5px; font-weight: 600; }
    .gold-text { color: var(--brand-gold); }

    /* Hero Section - 背景图性能优化 */
    .ms-hero { 
        text-align: center; 
        padding: 80px 20px; 
        background-image: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)), url('//ueeshop.ly200-cdn.com/u_file/UPBC/UPBC999/2604/08/photo/productbanner.png'); 
        background-size: cover;
        background-position: center;
        background-attachment: scroll; /* 禁用固定背景，提升移动端性能 */
        background-repeat: no-repeat;
        border-bottom: 1px solid #f5f5f5;
    }
    .ms-hero h1 { font-size: 32px; margin-bottom: 10px; }
    .ms-hero p { font-weight: 300; font-size: 16px; color: #666; }

    /* Quick-Nav - 滚动性能优化 */
    .ms-quick-nav { 
        padding: 25px 0; 
        background: #fff; 
        border-bottom: 1px solid #eee; 
        margin-bottom: 60px; 
        position: sticky; 
        top: 0; 
        z-index: 100; 
        box-shadow: 0 5px 15px rgba(0,0,0,0.02);
        will-change: transform; /* 提前告知浏览器优化滚动性能 */
    }
    .ms-nav-grid { display: flex; justify-content: space-between; gap: 15px; }
    .ms-nav-item { text-align: center; text-decoration: none; flex: 1; transition: 0.3s; padding: 5px; }
    .ms-nav-item span { display: block; font-size: 10px; color: #bbb; text-transform: uppercase; letter-spacing: 2px; }
    .ms-nav-item h4 { font-size: 13px; color: var(--brand-green); margin-top: 5px; }

    /* 模块布局 */
    .ms-collection-row { display: flex; align-items: center; gap: 60px; margin-bottom: 120px; flex-wrap: wrap; }
    .ms-collection-row:nth-child(even) { flex-direction: row-reverse; }
    
    .ms-col-img { 
        flex: 1.1; 
        min-width: 400px; 
        border: 1px solid #f0f0f0;
        background: #fafafa; /* 图片加载前的占位背景，避免空白 */
    }
    .ms-col-img img { 
        width: 100%; 
        height: auto; 
        display: block;
        object-fit: cover; /* 避免图片拉伸 */
    }

    .ms-col-text { flex: 1; min-width: 350px; }
    .ms-col-tag { color: var(--brand-gold); font-size: 11px; font-weight: 600; letter-spacing: 3px; display: block; margin-bottom: 15px; }
    .ms-col-text h2 { font-size: 28px; margin-bottom: 20px; border-bottom: 3px solid var(--brand-gold); display: inline-block; padding-bottom: 5px; }
    
    .ms-col-text p { font-size: 15px; color: #777; font-weight: 300; margin-bottom: 50px; }

    .ms-btn-luxury { 
        display: inline-block; background: var(--brand-green); color: #fff; padding: 15px 50px; 
        text-transform: uppercase; font-weight: 600; letter-spacing: 2px; text-decoration: none; 
        transition: 0.3s; font-size: 13px;
    }
    .ms-btn-luxury:hover { background: var(--brand-gold); }

    .ms-footer-cta { text-align: center; padding: 80px 20px; border-top: 1px solid #eee; }
    .ms-footer-cta h2 { font-size: 32px; margin-bottom: 20px; }

    @media (max-width: 991px) {
        /* ✅ APP/手机端 标题全部缩小 */
        .ms-hero h1 { font-size: 24px !important; }
        .ms-col-text h2 { font-size: 22px !important; }
        .ms-footer-cta h2 { font-size: 24px !important; }

        .ms-nav-grid { overflow-x: auto; padding-bottom: 10px; }
        .ms-nav-item { min-width: 120px; }
        .ms-collection-row, .ms-collection-row:nth-child(even) { flex-direction: column; gap: 30px; margin-bottom: 80px; }
        .ms-col-img, .ms-col-text { min-width: 100%; }
        .ms-col-text { 
            display: flex; 
            flex-direction: column; 
            align-items: center; 
            text-align: center; 
        }
        .ms-btn-luxury { 
            min-width: 220px; 
            width: auto; 
        }
    }