/* ===== 华义匀安 - 公共样式 ===== */

/* 导航栏滚动效果 */
.nav-scrolled { 
    background: rgba(255,255,255,0.95); 
    backdrop-filter: blur(10px); 
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); 
}

/* ===== 导航栏当前页面高亮 - 简洁清晰版 ===== */

/* 桌面端高亮 - 使用高优先级选择器确保覆盖 Tailwind */
nav .nav-link-active,
#navbar .nav-link-active,
.nav-fixed .nav-link-active {
    color: #0284c7 !important;
    font-weight: 600 !important;
}

/* 底部短横线指示器 */
nav .nav-link-active::after,
#navbar .nav-link-active::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 2px;
    background: #0284c7;
    border-radius: 1px;
}

/* 悬停效果 */
nav .nav-link:hover,
#navbar .nav-link:hover {
    color: #0284c7;
}

/* 移动端高亮 - 左侧主色条 */
#mobile-menu .mobile-nav-active {
    color: #0284c7 !important;
    font-weight: 600 !important;
    background-color: rgba(2, 132, 199, 0.06) !important;
    position: relative;
}

#mobile-menu .mobile-nav-active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 18px;
    background: #0284c7;
    border-radius: 0 2px 2px 0;
}

/* 客服组件动画 */
#chat-window {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: bottom right;
}
#chat-window.hidden {
    opacity: 0;
    transform: scale(0.9) translateY(10px);
    pointer-events: none;
}
#chat-window:not(.hidden) {
    opacity: 1;
    transform: scale(1) translateY(0);
}
#chat-toggle-btn {
    transition: all 0.3s ease;
}
#chat-toggle-btn:hover {
    transform: scale(1.1);
}
#chat-window ::-webkit-scrollbar {
    width: 4px;
}
#chat-window ::-webkit-scrollbar-track {
    background: transparent;
}
#chat-window ::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 2px;
}
/* ========== 英文环境排版修复 ========== */
/* 当页面语言为英文时生效 */
html[lang="en"] {
    /* 全局允许长单词换行 */
    word-break: break-word;
    overflow-wrap: break-word;
}

/* 修复导航栏链接在英文下过长折行 */
html[lang="en"] .nav-link {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 0.85rem;
    white-space: nowrap;
}
@media (max-width: 1280px) {
    html[lang="en"] .nav-link {
        font-size: 0.8rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}
@media (max-width: 1024px) {
    html[lang="en"] .nav-link {
        font-size: 0.75rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
    }
}

/* 修复按钮英文过长 */
html[lang="en"] .btn,
html[lang="en"] button,
html[lang="en"] .filter-tab,
html[lang="en"] .service-card a {
    white-space: normal !important;
    word-break: keep-all;
    line-height: 1.3;
}

/* 修复服务卡片描述区域 */
html[lang="en"] .service-card p {
    max-width: 100%;
    font-size: 0.85rem;
}

/* 修复 Hero 区域标题换行 */
html[lang="en"] .hero-text-slide h1 {
    font-size: 2.2rem;
    line-height: 1.3;
}
@media (max-width: 768px) {
    html[lang="en"] .hero-text-slide h1 {
        font-size: 1.8rem;
    }
}

/* 修复统计卡片数字和文字 */
html[lang="en"] .stat-number {
    font-size: 2rem;
}
html[lang="en"] .stat-card p {
    font-size: 0.85rem;
}

/* 修复产品卡片标题 */
html[lang="en"] .product-card h3,
html[lang="en"] .capability-card h3 {
    font-size: 1.1rem;
    line-height: 1.4;
}

/* 修复案例卡片指标标签 */
html[lang="en"] .metric-tag {
    font-size: 0.7rem;
    padding: 0.25rem 0.5rem;
}

/* 修复页脚文字 */
html[lang="en"] footer p,
html[lang="en"] footer li {
    font-size: 0.8rem;
}

/* 修复客服窗口 */
html[lang="en"] #chat-window p,
html[lang="en"] #chat-window .text-sm {
    font-size: 0.75rem;
}

/* 让所有弹性容器在英文下允许换行 */
html[lang="en"] .flex,
html[lang="en"] .inline-flex {
    flex-wrap: wrap;
}

/* 特定元素的最小宽度调整 */
html[lang="en"] .section-header h1,
html[lang="en"] .section-header ul {
    max-width: 90%;
}