/* =========================================================
   英文外贸站阅读优化：字体 / 字号 / 行距 / 字距 / 版式
   加载顺序：style.css -> keheng.css -> custom.css -> typography.css -> responsive.css
   ========================================================= */

/* ---------- 1. 字体栈 ---------- */
/* Inter（Google Fonts，异步加载）+ 系统字体兜底；系统字体无网络依赖，首屏不会闪白 */
:root {
    --font-en: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
    --font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    --ink: #2f3437;
    --ink-strong: #1b2023;
    --ink-soft: #5a5560;
    --brand: #ef5000;
}

body,
input,
textarea,
select,
button {
    font-family: var(--font-en);
}

body {
    font-size: 16px;
    line-height: 1.75;
    color: var(--ink);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* ---------- 2. 标题 ---------- */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-display);
    font-weight: 600;
    line-height: 1.32;
    letter-spacing: -0.011em;
    color: var(--ink-strong);
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 19px;
}

h5 {
    font-size: 17px;
}

h6 {
    font-size: 16px;
}

/* 大号区块标题：英文大字需要收紧字距，避免松散 */
.give_title,
.str_title,
.sime_title,
.fl_content h3 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    line-height: 1.15;
}

/* ---------- 3. 正文排版 ---------- */
/* 正文段落之间留出行距，英文长文更好读 */
.pinfo p,
.single_imgb p,
.button_box p,
.cat_desc p,
.itembody_in p,
.l_content p {
    margin: 0 0 1.05em;
}

.pinfo>p:last-child,
.single_imgb>p:last-child,
.button_box>p:last-child,
.cat_desc>p:last-child,
.itembody_in>p:last-child {
    margin-bottom: 0;
}

/* 英文不要用两端对齐：没有断词会产生难看的字间"河流" */
.content-left .l_content {
    text-align: left;
}

/* 限制正文"行宽"（每行约 70-80 个字符是英文最舒适的阅读区）
   只作用于段落，表格与图片仍然占满宽度 */
.pinfo>p,
.single_imgb>p {
    max-width: 76ch;
}

/* 正文恢复项目符号（原模板全局清除了 list-style） */
.pinfo ul,
.single_imgb ul,
.button_box ul,
.cat_desc ul {
    list-style: disc;
    margin: 0 0 1.05em;
    padding-left: 1.35em;
}

.pinfo ul li,
.single_imgb ul li,
.button_box ul li,
.cat_desc ul li {
    list-style: disc;
    margin-bottom: .35em;
    line-height: 1.7;
}

.pinfo ol,
.single_imgb ol,
.button_box ol {
    list-style: decimal;
    margin: 0 0 1.05em;
    padding-left: 1.5em;
}

.pinfo ol li,
.single_imgb ol li,
.button_box ol li {
    list-style: decimal;
    margin-bottom: .35em;
    line-height: 1.7;
}

/* 正文链接加下划线，便于识别 */
.pinfo a,
.single_imgb a,
.button_box a,
.cat_desc a {
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* ---------- 4. 正文表格（产品参数表） ---------- */
.pinfo table,
.button_box table,
.single_imgb table {
    border-collapse: collapse;
    margin: 0 0 1.2em;
    font-size: 15px;
}

.pinfo td,
.pinfo th,
.button_box td,
.button_box th,
.single_imgb td,
.single_imgb th {
    padding: 9px 12px;
    border: 1px solid #e3e3e3;
    line-height: 1.65;
    text-align: left;
}

.pinfo th,
.button_box th,
.single_imgb th {
    background: #f7f7f9;
    font-weight: 600;
}

/* ---------- 5. 卡片标题：允许显示两行，不再被截断成 "…" ---------- */
/* 原模板是 nowrap + ellipsis，英文标题较长时会被截掉一半 */
.pro_bottom h3,
.pro_bottom h6 {
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: -0.005em;
    min-height: 2.9em;
    padding: 4px 0 6px;
}

.pro_bottom h3 a,
.pro_bottom h6 a {
    color: #23182C;
}

.pro_bottom h3 a:hover,
.pro_bottom h6 a:hover {
    color: var(--brand);
    text-decoration: none;
}

/* 卡片摘要 */
.pro_bottom p {
    font-size: 15px;
    line-height: 1.65;
    color: var(--ink-soft);
}

/* ---------- 6. 导航 ---------- */
.nav>li>a {
    font-size: 15px;
    font-weight: 500;
    padding: 0 15px;
    white-space: nowrap;
    letter-spacing: .005em;
}

.nav .submenu li a {
    font-size: 15px;
    width: 260px;
}

/* ---------- 7. 表单：16px 可避免 iOS Safari 自动放大页面 ---------- */
.inquiry_form .inq_text,
.inquiry_form .inq_area,
.inquiry_form .inq_label,
.site_search_big .sk2 {
    font-size: 16px;
}

.inquiry_form .inq_label {
    font-weight: 500;
    color: var(--ink-strong);
}

.inquiry_form .inq_area {
    line-height: 1.7;
}

.inq_alert {
    font-size: 15px;
}

/* ---------- 8. 辅助信息 ---------- */
.bPosition,
.bPosition a {
    font-size: 13px;
    line-height: 1.6;
}

.copy_right {
    font-size: 14px;
    line-height: 1.7;
}

/* 侧栏菜单 */
.pro_left .sf-menu a {
    line-height: 1.5;
    padding-top: 11px;
    padding-bottom: 11px;
}

/* ---------- 9. 图片与标题间距 ---------- */
.pro_bottom {
    padding: 18px 18px 20px;
}

.news_ul .pro_bottom {
    padding: 16px;
}