/* 
 * 全站文字与排版优化CSS文件
 * 根据要求文件实现：字体统一、排版层级、布局留白、交互反馈、响应式适配
 */

/* ==================== 1. 字体统一性 ==================== */

/* 引入现代无衬线字体 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* 全站字体统一 */
* {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* ==================== 2. 字体层级清晰 ==================== */

/* 大标题（页面主标题） - 只优化文字本身 */
.page-main-title,
.products-banner h1,
.news-banner h1,
.solutions-banner h1,
.contact-banner h1,
.about-banner h1,
h1.banner-title {
    font-size: clamp(28px, 4vw, 40px) !important; /* 桌面端32-40px，手机端28-32px */
    font-weight: 700 !important;
    line-height: 1.2 !important;
    /* 不调整任何位置、对齐、边距等布局属性 */
}

/* 中标题（区块标题） - 只优化文字本身，排除底部留言板模块 */
.section-title h2,
.section-title,
h2:not(.footer-contact-title),
.filter-title,
.content-title {
    font-size: clamp(22px, 3vw, 28px) !important; /* 桌面端24-28px，手机端22-24px */
    font-weight: 600 !important;
    line-height: 1.3 !important;
    /* 不调整任何位置、对齐、边距等布局属性 */
}

/* 正文 - 只优化文字本身，排除底部留言板和产品分类模块 */
p:not(.footer-contact-title):not(.footer-contact-subtitle):not(.footer-success-content p):not(.p_c_title1):not(.e_text-1):not(.e_text-2):not(.e_text-3),
.content-text,
.description,
.news-excerpt,
.product-description,
li:not(.p_c_item),
.form-text {
    font-size: 16px !important; /* 固定16px */
    font-weight: 400 !important;
    line-height: 1.6 !important;
    /* 不调整任何位置、对齐、边距等布局属性 */
}

/* 辅助文字（说明、备注） - 只优化文字本身 */
.helper-text,
.note-text,
.breadcrumb,
.news-date,
.product-meta,
small,
.small-text {
    font-size: 14px !important; /* 固定14px */
    font-weight: 400 !important;
    line-height: 1.5 !important;
    /* 不调整任何位置、对齐、边距等布局属性 */
}

/* ==================== 3. 只保留文字优化，不调整布局 ==================== */

/* 移除所有间距、对齐、位置等布局相关设置 */
/* 只保留纯粹的文字优化（字体、字号、字重、行高） */

/* ==================== 4. 移除所有布局与留白设置 ==================== */

/* 不调整任何布局相关属性，保持页面原有的排版结构 */

/* ==================== 5. 只保留必要的文字交互效果 ==================== */

/* 可点击元素鼠标指针，排除底部留言板和产品分类按钮 */
a,
.btn:not(.footer-contact-submit-btn):not(.footer-close-success-btn):not(.p_c_mbtn),
.button:not(.footer-contact-submit-btn):not(.footer-close-success-btn):not(.p_c_mbtn),
.filter-btn,
.submit-btn:not(.footer-contact-submit-btn),
.clickable:not(.js_editor_click) {
    cursor: pointer !important;
}

/* 文字链接hover效果 - 保留原本颜色，移除下划线 */
a:not(.btn):not(.button) {
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

a:not(.btn):not(.button):hover {
    text-decoration: none !important;
}

/* 当前页面导航状态 - 只保留字重优化 */
.nav-center a.active,
.nav-center a[aria-current="page"] {
    font-weight: 600 !important;
}

/* ==================== 6. 只保留文字大小的响应式适配 ==================== */

/* 手机端文字大小调整 (< 768px) */
@media (max-width: 767px) {
    p,
    .content-text,
    .description,
    .news-excerpt,
    .product-description,
    li,
    .form-text {
        font-size: 14px !important; /* 手机端不小于14px */
    }
}

/* 不调整任何布局、边距、宽度等属性 */

/* ==================== 7. 只保留文字相关的基础效果 ==================== */

/* 英文长单词自动折行 */
p, div, span {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

/* 表单元素文字统一样式，排除底部留言板表单 */
input:not(.footer-contact-input),
textarea:not(.footer-contact-textarea),
select {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 16px !important;
    /* 不调整边框、内边距等布局属性 */
}