/**
 * 布局修复和优化
 * 专门处理多语言切换后的排版问题
 */

/* ========== 导航栏优化 ========== */

/* 确保导航项不换行 */
.nav-menu {
    flex-wrap: nowrap !important;
}

.nav-link,
.language-switch-btn {
    flex-shrink: 0;
}

/* 大屏幕优化 */
@media (min-width: 1400px) {
    .nav-menu {
        gap: 1.5rem;
    }
    
    .nav-link {
        font-size: 1rem;
        padding: 0.5rem 1rem;
    }
    
    .language-switch-btn {
        padding: 8px 16px;
        font-size: 0.938rem;
    }
}

/* 中等屏幕优化 (1024-1400px) */
@media (min-width: 1024px) and (max-width: 1399px) {
    .nav-menu {
        gap: 0.75rem;
    }
    
    .nav-link {
        font-size: 0.875rem;
        padding: 0.5rem 0.75rem;
    }
    
    .btn-primary.nav-link {
        padding: 0.625rem 1.25rem;
    }
    
    .language-switch-btn {
        padding: 6px 12px;
        font-size: 0.875rem;
    }
}

/* 小屏幕优化 (768-1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
    .header-container {
        padding: 0 1rem;
    }
    
    .logo-img {
        height: 36px;
    }
    
    .nav-menu {
        gap: 0.5rem;
    }
    
    .nav-link {
        font-size: 0.813rem;
        padding: 0.5rem 0.625rem;
    }
    
    .btn-primary.nav-link {
        padding: 0.5rem 1rem;
        font-size: 0.813rem;
    }
    
    .language-switch-btn {
        padding: 6px 10px;
        font-size: 0.813rem;
    }
    
    .lang-flag {
        font-size: 1rem;
    }
}

/* ========== Hero区域优化 ========== */

/* 标题文字优化 */
.hero-title {
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: none;
}

.hero-title span {
    display: inline-block;
}

/* 副标题优化 */
.hero-subtitle span {
    display: inline;
}

/* 按钮组优化 */
.hero-cta {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--space-3xl);
}

.hero-cta .btn {
    min-width: 180px;
    justify-content: center;
}

/* 统计数据优化 */
.hero-stats {
    padding: 0 1rem;
}

.hero-stats .stat-item {
    min-width: 150px;
}

/* ========== 内容区域优化 ========== */

/* 确保section标题不换行 */
.section-title {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* 卡片内容优化 */
.feature-card p,
.application-card p,
.tech-text p {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* 按钮组统一样式 */
.btn {
    white-space: nowrap;
}

/* ========== 页脚优化 ========== */

.footer-links a {
    white-space: nowrap;
}

/* ========== 响应式断点优化 ========== */

/* 超大屏幕 (1600px+) */
@media (min-width: 1600px) {
    .container {
        max-width: 1500px;
    }
    
    .header-container {
        max-width: 1700px;
    }
}

/* 桌面 (1200-1599px) */
@media (min-width: 1200px) and (max-width: 1599px) {
    .container {
        max-width: 1200px;
    }
    
    .header-container {
        max-width: 1400px;
    }
}

/* 平板横屏 (768-1199px) */
@media (min-width: 768px) and (max-width: 1199px) {
    .container {
        max-width: 100%;
        padding: 0 2rem;
    }
}

/* 手机 (max-width: 767px) - 保持原有移动端样式 */
@media (max-width: 767px) {
    /* 移动端不需要特殊优化，使用默认响应式布局 */
}

/* ========== 文字溢出处理 ========== */

/* 防止长单词破坏布局 */
h1, h2, h3, h4, h5, h6 {
    word-break: keep-all;
    overflow-wrap: break-word;
}

p, span, a {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* ========== 过渡动画优化 ========== */

/* 确保语言切换时的平滑过渡 */
[data-i18n] {
    transition: opacity 0.2s ease;
}

/* 语言切换时的淡入效果 */
.language-switching [data-i18n] {
    opacity: 0.7;
}

/* ========== 特殊元素优化 ========== */

/* 导航按钮不应该有换行 */
.nav-menu .btn {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

@media (min-width: 1024px) {
    .nav-menu .btn {
        max-width: none;
    }
}

/* 语言按钮紧凑模式 */
@media (max-width: 1200px) {
    .language-switch-btn .lang-text {
        max-width: 40px;
        overflow: hidden;
        text-overflow: clip;
    }
}

/* ========== 打印样式优化 ========== */
@media print {
    .language-switch-btn,
    .mobile-toggle,
    .language-modal {
        display: none !important;
    }
    
    .nav-menu {
        gap: 1rem;
    }
}