/* 页眉基本样式 */
:root {
    --header-bg: #ffffff;
    --header-text: #1C244B;
    --primary-color: #1C244B;
    --menu-bg: #f2f2f2;
    --menu-text: #1C244B;
    --menu-transition: 0.5s ease;
}

/* 页眉容器 */
.site-header {
    height: 82px;
    min-height: 82px;
    max-height: 82px;
    padding: 15px 32px;
    background-color: var(--header-bg);
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
    border-bottom: 1px solid #eee;
    transition: transform 0.3s ease, background-color 0.3s ease;
    box-sizing: border-box; /* 确保padding计入总宽度 */
}

/* 向下滚动时隐藏页眉 */
.site-header.hide {
    transform: translateY(-100%) !important;
    opacity: 0.95 !important;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out !important;
    pointer-events: none !important; /* 防止隐藏时被交互 */
}

/* 页眉透明效果 */
.site-header.transparent {
    background-color: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
}

/* 导航区域 */
.tesla-nav {
    height: 52px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* LOGO样式 */
.logo a {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.logo img {
    height: 48px;
    width: auto;
    /* 使用滤镜组合改为深灰色 */
    filter: brightness(0) saturate(100%) invert(24%) sepia(10%) saturate(10%) hue-rotate(172deg) brightness(97%) contrast(92%);
}

/* 导航链接样式 */
.nav-links {
    list-style: none;
    display: flex;
    gap: 30px;
    margin: 0;
    padding: 0;
}

.nav-links a {
    color: var(--header-text);
    text-decoration: none;
    font-size: 16px;
    transition: color 0.3s ease;
    font-weight: 500;
    position: relative;
    padding: 5px 0;
}

.nav-links a:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: var(--primary-color);
    transform-origin: bottom right;
    transition: transform 0.3s ease-out;
}

.nav-links a:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.nav-links a:hover {
    color: var(--primary-color);
}

.nav-links a.active {
    color: var(--primary-color) !important;
    font-weight: 700 !important;
}

.nav-links a.active:after {
    transform: scaleX(1) !important;
}

/* 右侧导航元素 */
.right-nav {
    display: flex;
    align-items: center;
}

.right-nav .icon-link {
    color: var(--header-text);
    font-size: 18px;
    margin-left: 15px;
    transition: color 0.3s ease;
}

.right-nav .icon-link:hover {
    color: var(--primary-color);
}

/* 移动菜单按钮 */
.mobile-menu-btn {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 24px;
    height: 18px;
    cursor: pointer;
    z-index: 1200;
    position: relative;
}

.mobile-menu-btn span {
    display: block;
    height: 2px;
    width: 100%;
    background-color: var(--header-text);
    transition: all 0.3s ease;
}

/* 移动端滑动菜单 */
.mobile-menu-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    z-index: 1050 !important; /* 确保不高于模态框 */
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all var(--menu-transition) !important;
    pointer-events: none !important; /* 默认状态下不拦截点击事件 */
}

.mobile-menu-overlay.active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important; /* 激活状态才拦截点击事件 */
}

.mobile-menu {
    position: fixed !important;
    top: 0 !important;
    right: -100% !important; /* 从右侧滑入 */
    left: auto !important; /* 确保left属性不干扰 */
    width: 100% !important;
    height: 100% !important;
    background-color: var(--menu-bg) !important;
    z-index: 1100 !important;
    transition: right var(--menu-transition) !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 60px 0 30px !important; /* 保持顶部内边距60px，确保与所有页面一致 */
    overflow-y: auto !important;
}

.mobile-menu.active {
    right: 0 !important;
    left: auto !important;
}

/* 移动菜单内容 - 居中显示 */
.mobile-menu-nav {
    list-style: none !important;
    padding: 0 !important;
    margin: 80px 0 0 !important; /* 从30px改为80px，与JS一致 */
    text-align: center !important; /* 文字居中 */
    position: relative !important;
}

.mobile-menu-nav li {
    margin-bottom: 15px !important; /* 从8px改为15px，找到一个适合所有页面的折中值 */
    padding: 0 !important;
}

.mobile-menu-nav a {
    color: var(--menu-text) !important;
    text-decoration: none !important;
    font-size: 18px !important; /* 从22px改为18px，与JS设置保持一致 */
    font-weight: 500 !important;
    display: block !important;
    padding: 10px 0 !important;
    transition: opacity 0.5s ease, transform 0.5s ease !important;
    opacity: 0;
    transform: translateY(20px);
}

.mobile-menu.active .mobile-menu-nav a {
    opacity: 1;
    transform: translateY(0);
}

.mobile-menu-nav a:hover {
    opacity: 0.8;
    transform: translateY(-2px); /* 添加悬停效果 */
}

.mobile-menu-nav a.active {
    font-weight: 700;
    color: var(--primary-color); /* 高亮当前页面 */
}

/* 移动端语言切换器 - 居中显示 */
.mobile-lang-switcher {
    margin-top: 30px; /* 从40px减小到30px */
    padding: 0;
    display: none;
    text-align: center;
}

.mobile-lang-switcher .lang-title {
    color: var(--menu-text);
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    font-size: 15px; /* 从16px减小到15px */
    margin-bottom: 12px; /* 从15px减小到12px */
}

.mobile-menu.active .mobile-lang-switcher .lang-title {
    opacity: 0.7;
    transform: translateY(0);
}

/* 增强语言切换图标显示 */
.mobile-lang-switcher i {
    font-size: 20px; /* 从24px减小到20px */
    margin-bottom: 8px; /* 从10px减小到8px */
    display: block;
    text-align: center;
}

.mobile-lang-options {
    display: flex;
    justify-content: center;
    gap: 15px; /* 从20px减小到15px */
}

/* 语言选项样式增强 - 添加国旗和简称 */
.mobile-lang-options a {
    color: var(--menu-text);
    text-decoration: none;
    font-size: 14px; /* 从16px减小到14px */
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    padding: 10px 16px; /* 从12px 20px减小到10px 16px */
    border-radius: 8px;
    background-color: rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 60px; /* 从70px减小到60px */
}

/* 语言国旗显示 */
.mobile-lang-options a::before {
    content: '';
    display: block;
    width: 25px; /* 从30px减小到25px */
    height: 16px; /* 从20px减小到16px */
    margin-bottom: 5px; /* 从6px减小到5px */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

/* 英语国旗 - 英国 */
.mobile-lang-options a[data-lang="en"]::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjgwIDY0MCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJhIj4KICAgICAgPHBhdGggZmlsbC1vcGFjaXR5PSIuNyIgZD0iTTAtODRoNjgyLjd2NTEySDAtODR6Ii8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KICA8ZyBjbGlwLXBhdGg9InVybCgjYSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgODQpIj4KICAgIDxnIHN0cm9rZS13aWR0aD0iMSI+CiAgICAgIDxwYXRoIGZpbGw9IiMwMDZhYWIiIGQ9Ik0wIDBoMTAyNHY1MTJIMHoiLz4KICAgICAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAtLjFsLjQgMzY4LjFMMzM0LjQgMGgtNDAgbC0yOTQuOSAzMTUuOFYuMUgweiIvPgogICAgICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCA1MTJsLjctMzY3LjlMNDMzLjIgNTEyaC00MGwtMzkyLjktNDE5Ljl2NDIwTDBWNTEyeiIvPgogICAgICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTAyNCAwaC00MC4zbC0zOTQgNDE1LjZWMGgtNDB2NDE5LjdMMTYxLjkgMGgtNDAgTDQyMyAyNTkuMkwxIDQ4Ny44aDQwTDQyMyAyMzkuNCAxMDI0IDUxM3Y0MEwyOS41IDBoOTk1djBaIi8+CiAgICAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMDI0IDUxMmgtNTUuNGwtMzc4LjUtNDAyLjVWNTEySDU1MC4xdi00MDIuNkwxNzEuNSA1MTJIMTE1LjcgbDQwMy4yLTQzMy41TDEwMjQgNTEyem0wLTM5LjVMMTYxLjkgNTEyaC00MEwxMDI0IDM4VjB6Ii8+CiAgICAgIDxwYXRoIGZpbGw9IiNjODEwMmUiIGQ9Ik01NzAuMiAwdjUxMmgzMDYuNlYwSDU3MC4yeiIvPgogICAgICA8cGF0aCBmaWxsPSIjYzgxMDJlIiBkPSJNMzIwLjYgMEgyODZMODAuNCAyMTkuNCAyODYgNDM4LjdIMzIxTDExNS41IDIxOS40IDMyMC42IDB6Ii8+CiAgICAgIDxwYXRoIGZpbGw9IiNjODEwMmUiIGQ9Ik0xMDI0IDAgaC0yMzQuNEw3MDYuNCAwaDMxNy42djI4LjZMMzE5LjcgNTEyaC0zNUw3ODkuNyAyOC42djQuN0wxMDI0IDMzLjRWMHoiLz4KICAgICAgPHBhdGggZmlsbD0iI2M4MTAyZSIgZD0iTTAgMGgyMS40bDY2MiA0NzJoLTk1LjhMMCA4NVYweiIvPgogICAgICA8cGF0aCBmaWxsPSIjYzgxMDJlIiBkPSJNMCAyMTkuNHYNzMuMmgxMDI0djczbDAtMjE5LjVIMHoiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==');
}

/* 中文国旗 - 中国 */
.mobile-lang-options a[data-lang="cn"]::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDgwMCI+PHBhdGggZmlsbD0iI2RlMjkxMCIgZD0iTTAgMGgxMjAwdjgwMEgweiIvPjxwYXRoIGZpbGw9IiNmZmRlMDAiIGQ9Ik0tMTYuNyA5NS4zbDExLjgtOC43IDMzLjMgMy4zLTkuOC0xMC45IDIwLjctMjEtMjguOS0xMC4yLTEuNy0xNS41TDAgMzcuN2wtOC44LTQuNkwtMS42IDQ3LjdMLTMwLjE1IDU3TDcuNiA3OS4xbC05LjkgMTAuN0wzMSA4Ni42eiIgdHJhbnNmb3JtPSJtYXRyaXgoNDAgMCAwIDQwIDIwMCAxNTApIi8+PHBhdGggZmlsbD0iI2ZmZGUwMCIgZD0ibS0yNi0zIDMgOEwtMTQgMGwtMyA4IDcuOC01LjcgNy44IDUuNC0zLjEtOC4xIDcuOC01LjUtOS40LjItMy4xLTguMnoiIHRyYW5zZm9ybT0ibWF0cml4KDEwIDAgMCAxMCAzNzAgMjIwKSIvPjxwYXRoIGZpbGw9IiNmZmRlMDAiIGQ9Im0tMjYtMyAzIDhMLTE0IDAtMyA4IDcuOC01LjcgNy44IDUuNC0zLjEtOC4xIDcuOC01LjUtOS40LjItMy4xLTguMnoiIHRyYW5zZm9ybT0ibWF0cml4KDEwIDAgMCAxMCA0NTAgMTkwKSIvPjxwYXRoIGZpbGw9IiNmZmRlMDAiIGQ9Im0tMjYtMyAzIDhMLTE0IDAtMyA4IDcuOC01LjcgNy44IDUuNC0zLjEtOC4xIDcuOC01LjUtOS40LjItMy4xLTguMnoiIHRyYW5zZm9ybT0ibWF0cml4KDEwIDAgMCAxMCA0MjUgMjcwKSIvPjxwYXRoIGZpbGw9IiNmZmRlMDAiIGQ9Im0tMjYtMyAzIDhMLTE0IDAtMyA4IDcuOC01LjcgNy44IDUuNC0zLjEtOC4xIDcuOC01LjUtOS40LjItMy4xLTguMnoiIHRyYW5zZm9ybT0ibWF0cml4KDEwIDAgMCAxMCAzMzAgMjgwKSIvPjwvc3ZnPg==');
}

/* 日语国旗 - 日本 */
.mobile-lang-options a[data-lang="jp"]::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNjAwIj4NCiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg5MDB2NjAwSDB6Ii8+DQogIDxjaXJjbGUgZmlsbD0iI2JjMDAyZCIgY3g9IjQ1MCIgY3k9IjMwMCIgcj0iMTgwIi8+DQo8L3N2Zz4=');
}

/* 西班牙语国旗 - 西班牙 */
.mobile-lang-options a[data-lang="es"]::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NTAgNTAwIj4NCiAgPHBhdGggZmlsbD0iI2M2MDYxZiIgZD0iTTAgMGg3NTB2NTAwSDB6Ii8+DQogIDxwYXRoIGZpbGw9IiNmZmM0MDAiIGQ9Ik0wIDEyNWg3NTB2MjUwSDB6Ii8+DQo8L3N2Zz4=');
}

/* 法语国旗 - 法国 */
.mobile-lang-options a[data-lang="fr"]::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNjAwIj4NCiAgPHBhdGggZmlsbD0iI2VkMjkzOSIgZD0iTTAgMGgzMDB2NjAwSDB6Ii8+DQogIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0zMDAgMGgzMDB2NjAwSDMwMHoiLz4NCiAgPHBhdGggZmlsbD0iIzAwMmQ5YyIgZD0iTTYwMCAwaDMwMHY2MDBINMDB6Ii8+DQo8L3N2Zz4=');
}

/* 德语国旗 - 德国 */
.mobile-lang-options a[data-lang="de"]::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNjAwIj4NCiAgPHBhdGggZD0iTTAgMGg5MDB2NjAwSDB6Ii8+DQogIDxwYXRoIGZpbGw9IiNEMDAwMjAiIGQ9Ik0wIDIwMGg5MDB2NjAwSDB6Ii8+DQogIDxwYXRoIGZpbGw9IiNGRkNFMDAiIGQ9Ik0wIDQwMGg5MDB2NjAwSDB6Ii8+DQo8L3N2Zz4=');
}

.mobile-menu.active .mobile-lang-options a {
    opacity: 0.7;
    transform: translateY(0);
}

.mobile-lang-options a:hover,
.mobile-lang-options a.active {
    opacity: 1 !important;
    transform: translateY(-2px) !important;
    background-color: rgba(28,36,75,0.1);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

/* 响应式设计 */
@media (max-width: 992px) {
    .center-nav {
        display: none;
    }
    
    .mobile-menu-btn {
        display: flex !important;
    }
    
    .mobile-lang-switcher {
        display: block;
    }
    
    .lang-switcher {
        display: none;
    }
    
    /* 移动端修改：修改导航布局 */
    .tesla-nav {
        justify-content: space-between !important;
        position: relative !important;
    }
    
    /* 右侧导航中仅保留移动菜单按钮 */
    .right-nav > *:not(.mobile-menu-btn) {
        display: none;
    }
    
    /* 移动端菜单全屏设置 */
    .mobile-menu {
        width: 100% !important;
        right: -100% !important;
    }
}

/* 强制覆盖内联样式，确保统一 */
.site-header {
    height: 82px !important;
    min-height: 82px !important;
    max-height: 82px !important;
    padding: 15px 32px !important;
    background-color: var(--header-bg) !important;
    position: fixed !important;
    width: 100% !important;
    top: 0 !important;
    z-index: 1000 !important;
    border-bottom: 1px solid #eee !important;
}

.tesla-nav {
    height: 52px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* 通用页眉样式 */
.hero-section {
    height: 50vh;
    min-height: 350px;
    background-color: #1C244B; /* 备用背景色 */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    color: #fff;
}

.hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(28, 36, 75, 0.85) 0%, rgba(20, 26, 55, 0.95) 100%);
    z-index: 1;
}

.hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 800px;
    padding: 0 20px;
}

.hero-section h1 {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 15px;
    background: linear-gradient(45deg, #ffffff, #e0e0e0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.hero-section p {
    font-size: 1.1rem;
    opacity: 0.9;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

/* 特定页面背景图片 */
.home-hero {
    background-image: url('../images/headers/home-header-bg.jpg');
}

.about-hero {
    background-image: url('../images/headers/about-header-bg.jpg');
}

.services-hero {
    background-image: url('../images/headers/services-header-bg.jpg');
}

.projects-hero {
    background-image: url('../images/headers/projects-header-bg.jpg');
}

.contact-hero {
    background-image: url('../images/headers/contact-header-bg.jpg');
}

/* 响应式样式 */
@media (max-width: 992px) {
    .hero-section h1 {
        font-size: 2.5rem;
    }
}

@media (max-width: 768px) {
    /* 页眉容器样式 */
    .site-header {
        height: 45px !important; /* 减小导航栏高度 */
        min-height: 45px !important;
        padding: 0 10px !important;
        border-bottom: none !important;
    }
    
    /* 主内容向上移动 */
    .main-content {
        margin-top: 0 !important; /* 移除外边距 */
        padding-top: 48px !important; /* 仅保留必要的内边距以避免内容被头部遮挡 */
    }
    
    /* 确保第一个内容元素没有顶部间距 */
    .main-content > *:first-child {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    /* 调整移动端导航栏布局 */
    .tesla-nav {
        height: 45px !important;
        padding: 5px 15px !important;
        justify-content: flex-start !important;
        position: relative !important;
    }
    
    /* LOGO放在靠左位置 */
    .logo {
        position: fixed !important;
        left: 10px !important;
        top: 18px !important; /* 微调垂直位置，使25px大小的LOGO在60px高的页眉中居中 */
        transform: none !important;
        display: flex !important;
        align-items: center !important;
        z-index: 2000 !important;
    }
    
    /* 减小LOGO尺寸 */
    .logo img {
        height: 25px !important;
        width: auto !important;
        max-height: 25px !important;
        /* 确保移动端也使用相同的滤镜 */
        filter: brightness(0) saturate(100%) invert(24%) sepia(10%) saturate(10%) hue-rotate(172deg) brightness(97%) contrast(92%) !important;
    }
    
    /* 移动菜单按钮样式调整 */
    .tesla-nav .mobile-menu-btn {
        width: 20px !important;
        height: 14px !important;
        position: fixed !important;
        right: 10px !important;
        top: 23px !important;
        z-index: 2000 !important;
        display: flex !important;
    }
}

/* 阿拉伯语RTL移动端页眉适配 */
@media (max-width: 768px) {
  html[dir="rtl"] .logo {
    left: auto !important;
    right: 10px !important;
  }
  html[dir="rtl"] .tesla-nav .mobile-menu-btn {
    right: auto !important;
    left: 10px !important;
  }
  html[dir="rtl"] .tesla-nav {
    flex-direction: row-reverse !important;
  }
  html[dir="rtl"] .mobile-menu {
    right: auto !important;
    left: -100% !important;
  }
  html[dir="rtl"] .mobile-menu.active {
    left: 0 !important;
    right: auto !important;
  }
}

/* 滚动指示器 */
.scroll-indicator {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 26px;
    height: 40px;
    border: 2px solid rgba(255, 255, 255, 0.7);
    border-radius: 15px;
    display: flex;
    justify-content: center;
    padding-top: 8px;
    z-index: 2;
}

.scroll-indicator::before {
    content: '';
    width: 3px;
    height: 6px;
    background: #fff;
    border-radius: 2px;
    animation: scrollAnim 2s infinite;
    opacity: 0.7;
}

@keyframes scrollAnim {
    0% { transform: translateY(0); opacity: 0.7; }
    30% { transform: translateY(10px); opacity: 0; }
    60% { transform: translateY(0); opacity: 0; }
    100% { transform: translateY(0); opacity: 0.7; }
}

/* 主内容区域统一样式 - 仅桌面端 */
@media (min-width: 769px) {
    .main-content {
        margin-top: 0 !important; /* 移除页眉与内容的间距 */
        padding-top: 82px !important; /* 添加与页眉高度相同的padding，确保内容不被页眉遮挡 */
        box-sizing: border-box !important; /* 确保内边距计入总宽度 */
    }
}

/* 强制覆盖内联样式 - 仅桌面端 */
@media (min-width: 769px) {
    .main-content {
        margin-top: 0 !important; /* 强制移除页眉与内容的间距 */
        padding-top: 82px !important; /* 重复设置以确保优先级 */
    }
}

/* 防止页面滚动 */
body.menu-open {
    overflow: hidden;
    height: 100%;
    z-index: auto !important; /* 确保不会覆盖模态框层级 */
    pointer-events: auto !important; /* 确保body仍然可以接收点击事件 */
}

/* 移动菜单关闭按钮 - 美化样式 */
.mobile-menu-close {
    position: absolute;
    top: 20px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 1110;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.mobile-menu-close:hover {
    background-color: rgba(0, 0, 0, 0.1);
    transform: rotate(90deg);
}

.mobile-menu-close span {
    display: block;
    height: 2px;
    width: 18px;
    background-color: var(--menu-text);
    position: absolute;
    transition: all 0.3s ease;
}

.mobile-menu-close span:first-child {
    transform: rotate(45deg);
}

.mobile-menu-close span:last-child {
    transform: rotate(-45deg);
}

/* 页面整体设置 */
html, body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    overflow-x: hidden !important;
    scroll-behavior: smooth !important; /* 平滑滚动 */
}