/**
 * 英文版专用样式调整
 * 主要解决英文菜单项较长导致的布局问题
 */

/* 英文版导航菜单调整 */
.main-navigation .nav-menu {
    gap: 15px; /* 减少菜单项间距 */
}

.main-navigation .nav-menu li a {
    font-size: 14px; /* 稍微减小字体 */
    padding: 8px 12px; /* 减少内边距 */
    white-space: nowrap; /* 防止换行 */
    letter-spacing: -0.3px; /* 稍微紧缩字母间距 */
}

/* 针对特别长的菜单项 */
.main-navigation .nav-menu li a[href*="international-certification"] {
    font-size: 13px;
    padding: 8px 10px;
}

.main-navigation .nav-menu li a[href*="technical-advantages"] {
    font-size: 13px;
    padding: 8px 10px;
}

.main-navigation .nav-menu li a[href*="research-formulation"] {
    font-size: 13px;
    padding: 8px 10px;
}

/* 头部整体布局调整 */
.site-header {
    padding: 0 15px; /* 减少左右内边距 */
}

.header-center {
    flex: 1;
    max-width: none; /* 移除最大宽度限制 */
}

/* 响应式调整 */
@media (max-width: 1200px) {
    .main-navigation .nav-menu li a {
        font-size: 13px;
        padding: 8px 8px;
    }
    
    .main-navigation .nav-menu {
        gap: 10px;
    }
}

@media (max-width: 1024px) {
    .main-navigation .nav-menu li a {
        font-size: 12px;
        padding: 8px 6px;
    }
    
    .main-navigation .nav-menu {
        gap: 8px;
    }
}

/* 语言切换器位置微调 */
.header-language {
    margin-left: 10px; /* 减少左边距 */
}

/* Contact Us 按钮调整 */
.header-contact .btn {
    padding: 8px 16px;
    font-size: 14px;
}

/* 移动端菜单按钮位置调整 */
.mobile-menu-toggle {
    margin-left: 10px;
}

/* Logo 区域微调 */
.site-logo {
    flex-shrink: 0;
    margin-right: 15px; /* 减少右边距 */
}

/* 确保菜单不会换行 */
.main-navigation {
    overflow: visible;
    white-space: nowrap;
}

/* 子菜单样式调整（如果有的话） */
.main-navigation .nav-menu .sub-menu li a {
    font-size: 13px;
    padding: 6px 12px;
}

/* Hover 效果保持 */
.main-navigation .nav-menu li a:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
html body *{}
.main-navigation ul > li > a{
    padding: 10px 10px;
    letter-spacing: 0.3px;
}