/* ✅ 核心修复：取消全局*和全局img的污染样式，改为局部样式隔离，只作用于自定义模块 */
        body {
            color: #2A2A2A;
            background-color: #F9F7F5;
            line-height: 1.8;
            /* 移除overflow-x:hidden 解决页尾裁切问题 */
        }
        a {
            text-decoration: none;
            color: inherit;
            transition: all 0.3s ease;
        }
        ul {
            list-style: none;
        }
        .container {
            width: 90%;
            max-width: 1400px;
            margin: 0 auto;
        }

        /* ✅ 所有自定义模块 统一加前缀 .mf- 做隔离，彻底不影响UEESHOP系统样式 */
        .mf-reset {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        .mf-reset * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Playfair Display', serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto;
            font-weight: 400;
        }
        /* 只给自定义模块的图片加样式，不影响UEESHOP页尾图片 */
        .mf-img {
            width: 100%;
            height: auto;
            display: block;
            object-fit: contain;
            image-rendering: optimizeQuality;
            image-rendering: -webkit-optimize-contrast;
            image-rendering: crisp-edges;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        /* ✅ RH官网同款 透明→纯色悬浮效果 + 保留所有间距设置 - 样式隔离 */
        .mf-header {
            position: fixed;
            top: 45px;
            left: 0;
            width: 100%;
            padding: 25px 0;
            z-index: 9999;
            transition: all 0.4s ease;
            background-color: transparent;
        }
        .mf-header:hover {
            background-color: #F9F7F5;
        }
        .mf-header.scrolled {
            top: 35px;
            background-color: rgba(249, 247, 245, 0.98);
            padding: 15px 0;
            box-shadow: 0 1px 6px rgba(0,0,0,0.04);
        }
        .mf-nav-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 15px;
        }
        .mf-logo-img {
            width: 240px;
            height: auto;
            display: block;
            flex-shrink: 0;
        }
        /* PC端导航菜单 - 正常显示 */
        .mf-nav-menu {
            display: flex;
            gap: 40px;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 0.1em;
        }
        .mf-nav-menu a:hover {
            color: #888888;
        }

        /* ✅ 核心：用户+购物车+搜索+汉堡菜单 图标样式 统一设置 间距均匀 */
        .mf-nav-icons {
            display: flex;
            align-items: center;
            gap: 28px;
            flex-shrink: 0;
            font-size: 20px;
        }
        .mf-nav-icons a {
            width: 22px;
            height: 22px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #2A2A2A;
            cursor: pointer;
        }
        .mf-nav-icons a:hover {
            color: #888888;
        }
        /* 隐藏PC端的汉堡菜单图标 */
        .mf-hamburger-icon {
            display: none;
        }

        /* ✅ ✔️ 核心新增：移动端全屏导航菜单样式+动画 - 样式隔离 */
        .mf-mobile-menu {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            background-color: rgba(249, 247, 245, 0.99);
            z-index: 9998;
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            visibility: hidden;
            transition: all 0.4s ease;
            padding: 20px;
        }
        .mf-mobile-menu.active {
            opacity: 1;
            visibility: visible;
        }
        .mf-mobile-menu ul {
            display: flex;
            flex-direction: column;
            gap: 30px;
            text-align: center;
        }
        .mf-mobile-menu ul li a {
            font-size: 18px;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            color: #2A2A2A;
        }
        .mf-mobile-menu ul li a:hover {
            color: #888888;
        }

        /* ✅ ★★★★★ PC端修改：字号全部大一号 + 位置完全不变 ★★★★★ */
        .mf-hero {
            height: 100vh;
            min-height: 600px;
            background: url('//ueeshop.ly200-cdn.com/u_file/UPAP/UPAP782/2601/12/photo/1.jpg') center center / cover no-repeat;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding-top: 130px;
            margin-top: -130px;
            image-rendering: optimizeQuality;
            image-rendering: -webkit-optimize-contrast;
            image-rendering: crisp-edges;
        }
        .mf-hero-content {
            padding: 0 20px;
            width: 100%;
        }
        .mf-hero-title {
            font-size: 66px !important; /* 原56px → 大一号66px 位置不变 */
            line-height: 1.3;
            margin-bottom: 20px;
            color: #2A2A2A;
        }
        .mf-hero-subtitle {
            font-size: 22px !important; /* 原18px → 大一号22px 位置不变 */
            max-width: 600px;
            margin: 0 auto;
            color: #2A2A2A;
        }

        /* ✅ 平板适配 - 992px以下，这里不用改 */
        @media (max-width: 992px) {
            .mf-hero-title { font-size: 40px; }
            .mf-nav-menu { gap: 25px; }
            .mf-logo-img { width: 220px; }
            .mf-nav-icons { font-size: 19px; gap: 25px; }
            .mf-header { top: 45px; padding: 20px 0; }
            .mf-header.scrolled { top: 35px; padding: 12px 0; }
        }
        
        /* ✅ ★★★★★ 【重点修改区1】大屏手机 (768px以下) - 字号不变 + 文案下移调整位置【✅ 核心标注】★★★★★ */
        @media (max-width: 768px) {
            .mf-hero {
                background: url("//ueeshop.ly200-cdn.com/u_file/UPAP/UPAP782/2601/14/photo/1.jpg") center center no-repeat !important;
                background-size: cover !important;
                -webkit-background-size: cover !important;
                -moz-background-size: cover !important;
                -o-background-size: cover !important;
                image-rendering: optimizeQuality !important;
                image-rendering: -webkit-optimize-contrast !important;
                image-rendering: crisp-edges !important;
                height: 100vh !important;
                min-height: 700px !important;
                padding-top: 100px; 
                margin-top: -100px;
                align-items: flex-start !important;
                justify-content: center !important;
                /* ✅✅✅【调整这里的数值 让文案下移】数值越大，文案越靠下！当前10% → 建议改 20%/25%/30% 按需调整 */
                padding-top: 60% !important; 
            }
            /* ✅ 移动端字号 完全不变 保留原值 */
            .mf-hero-title { 
                font-size: 32px !important; 
                line-height: 1.3 !important;
                margin-bottom: 15px !important;
            }
            .mf-hero-subtitle { 
                font-size: 17px !important; 
            }
            .mf-nav-menu { display: none; }
            .mf-hamburger-icon { display: flex; }
            .mf-logo-img { width: 180px; }
            .mf-nav-icons { font-size: 18px; gap: 22px; }
            .mf-header { top: 48px; padding: 18px 0; }
            .mf-header.scrolled { top: 38px; padding: 10px 0; }
        }
        
        /* ✅ ★★★★★ 【重点修改区2】小屏手机 (576px以下) - 字号不变 + 文案下移调整位置【✅ 核心标注】★★★★★ */
        @media (max-width: 576px) {
            /* ✅ 移动端字号 完全不变 保留原值 */
            .mf-hero-title { 
                font-size: 28px !important;
                line-height: 1.4 !important;
            }
            .mf-hero-subtitle { 
                font-size: 16px !important;
            }
            /* ✅ 核心修改：小屏手机 文字同步下移适配 */
            .mf-hero {
                min-height: 650px !important; 
                height: 100vh !important;
                align-items: flex-start !important;
                /* ✅✅✅【调整这里的数值 让文案下移】数值越大，文案越靠下！当前20% → 建议改 25%/30%/35% 按需调整 */
                padding-top: 45% !important; 
            }
            .mf-logo-img { width: 160px; }
            .mf-nav-icons { font-size: 17px; gap: 20px; }
            .container { width: 92%; }
            .mf-header { top: 45px; padding: 15px 0; }
            .mf-header.scrolled { top: 35px; padding: 8px 0; }
            .mf-mobile-menu ul { gap: 25px; }
            .mf-mobile-menu ul li a { font-size: 16px; }
        }