@charset "utf-8";
/* ==========================================================================
   wlh_typo.css —— 内页文字排版与字体显示优化（中英共用）
   目标：让新闻/产品详情、公司介绍、联系等内页的正文阅读更舒适、精致。
   作用域：① 全局基础排版（字体栈 / 行高 / 抗锯齿）；
          ② 修正被立讯全局重置（p{color:#fff}、a{display:block}、img{width:100%}）
             拖累的正文段落 .mod_word 与富文本正文 .dwlb_editor / .yxedr_active；
          ③ 详情页标题与导语增强。
   不改动 main.css 的原有组件，仅在其之后做精细覆盖，作用域尽量收敛。
   ========================================================================== */

/* ==========================================================================
   一、全局基础排版：字体栈 / 行高 / 字体渲染
   立讯原版 body 仅设 font-family，行高交给浏览器默认值（偏挤），
   且 Latin 优先度低。这里统一：Latin 用无衬线、CJK 用系统优先字体，
   并开启抗锯齿与舒适性行高。
   ========================================================================== */
body {
    line-height: 1.7;
    font-family: "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei",
        "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans CJK SC",
        "WenQuanYi Micro Hei", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern" 1;
    word-break: break-word;
    overflow-wrap: break-word;
}

/* 富文本与正文容器继承更舒展的行高（避免被局部 1.4 等压扁） */
.detail_wrap_le_btm,
.dwlb_editor,
.develo_creat_tit,
.about_struct,
.about_milest,
.wlh_ssec_intro,
.about_addres {
    line-height: 1.9;
}

/* 关键修复：立讯 main.css 有一句全局 `p { color:#fff }`，
   导致 .mod_main 内未单独设色的正文 <p>（如 .mod_tit18z/.mod_tit20z/
   .mod_tit24 描述、公司介绍长文、联系页说明等）在白底上变白不可见。
   这里把内容区默认文字色收敛到深灰，段落继承即可；
   横幅/页脚/CTA 等深色区自带显式白色规则（特异性更高）不受影响。 */
.mod_main {
    color: #383d47;
}

/* ==========================================================================
   二、正文段落 .mod_word：原 #999 灰度过浅、行高 1.75，整段发灰发空。
   统一为可读的深灰、舒展行高；长段落更耐看。
   注意：.mod_word 既可能作用于 <div> 也可能作用于 <p> 自身，
   故对 .mod_word 及其内部 <p> 同时设色，确保被子元素继承前即生效。
   ========================================================================== */
.mod_word,
.mod_word p {
    color: #555;
    line-height: 1.95;
    font-size: 16px;
}

/* 公司介绍等长文：首段之后的段落略作段距，避免挤成一团 */
.develo_creat_tit.mod_word p + p {
    margin-top: 1.1em;
}

/* ==========================================================================
   三、富文本正文 .dwlb_editor / .yxedr_active（新闻详情、产品详情 $content）
   立讯原样只给了 p 的基础色与 12/30px 间距，标题/列表/链接/引用/表格/图片
   全部未定义，且被全局 a{display:block}、img{width:100%} 拖累。
   这里补全一套克制、现代的阅读排版。
   注：覆盖 main.css 中 .dwlb_editor p(#333/30px) 与 .yxedr_active p(#666/12px)，
   本文件在 main.css 之后加载，同特异性下以本处为准。
   ========================================================================== */
.dwlb_editor {
    color: #383d47;
    font-size: 16px;
    line-height: 1.95;
    letter-spacing: .01em;
    word-break: break-word;
    overflow-wrap: break-word;
}

/* 重置立讯全局 a{display:block}，正文内链接恢复行内并可识别 */
.dwlb_editor a,
.yxedr_active a {
    display: inline;
    color: var(--wlh-blue, #0066F5);
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 102, 245, .35);
    transition: border-color .25s ease, color .25s ease;
    word-break: break-word;
}

.dwlb_editor a:hover,
.dwlb_editor a:focus-visible,
.yxedr_active a:hover,
.yxedr_active a:focus-visible {
    color: #0C43A8;
    border-bottom-color: #0C43A8;
    outline: none;
}

/* 段落：统一段距，去掉被全局与立讯规则带来的过大/过小间距 */
.dwlb_editor p,
.yxedr_active p {
    margin: 0 0 1.4em;
    color: #383d47;
    font-size: 16px;
    line-height: 1.95;
}

.dwlb_editor p:last-child,
.yxedr_active p:last-child {
    margin-bottom: 0;
}

/* 标题层级：富文本里手敲的 h2/h3/h4 统一成品牌墨色、加粗、留白 */
.dwlb_editor h2,
.dwlb_editor h3,
.dwlb_editor h4,
.yxedr_active h2,
.yxedr_active h3,
.yxedr_active h4 {
    color: #1f2a3d;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .01em;
    margin: 1.8em 0 .8em;
}

.dwlb_editor h2,
.yxedr_active h2 { font-size: 26px; }
.dwlb_editor h3,
.yxedr_active h3 { font-size: 22px; }
.dwlb_editor h4,
.yxedr_active h4 { font-size: 18px; }

.dwlb_editor h2:first-child,
.dwlb_editor h3:first-child,
.dwlb_editor h4:first-child,
.yxedr_active h2:first-child,
.yxedr_active h3:first-child,
.yxedr_active h4:first-child {
    margin-top: 0;
}

/* 强调 */
.dwlb_editor strong,
.dwlb_editor b,
.yxedr_active strong,
.yxedr_active b {
    color: #1f2a3d;
    font-weight: 700;
}

/* 列表 */
.dwlb_editor ul,
.dwlb_editor ol,
.yxedr_active ul,
.yxedr_active ol {
    margin: 0 0 1.4em;
    padding-left: 1.5em;
}

.dwlb_editor li,
.yxedr_active li {
    margin-bottom: .55em;
    line-height: 1.9;
}

.dwlb_editor ul li,
.yxedr_active ul li {
    list-style: disc outside;
}

.dwlb_editor ol li,
.yxedr_active ol li {
    list-style: decimal outside;
}

.dwlb_editor li::marker,
.yxedr_active li::marker {
    color: var(--wlh-blue, #0066F5);
}

/* 图片：去掉立讯全局 width:100% 的强制铺满，保留自然比例且永不溢出，
   居中、圆角、轻微留白；如本身为装饰大图（产品详情顶部已内联 width:100%）仍生效。 */
.dwlb_editor img,
.yxedr_active img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 26px auto;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(20, 40, 80, .08);
}

/* 引用 */
.dwlb_editor blockquote,
.yxedr_active blockquote {
    margin: 1.6em 0;
    padding: 14px 22px;
    border-left: 4px solid var(--wlh-blue, #0066F5);
    background: rgba(0, 102, 245, .05);
    border-radius: 0 10px 10px 0;
    color: #4a5160;
}

.dwlb_editor blockquote p,
.yxedr_active blockquote p {
    margin: 0;
    color: #4a5160;
}

/* 分割线 */
.dwlb_editor hr,
.yxedr_active hr {
    border: none;
    border-top: 1px solid #e5e9f0;
    margin: 2em 0;
}

/* 表格 */
.dwlb_editor table,
.yxedr_active table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5em 0;
    font-size: 14px;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 16px rgba(20, 40, 80, .06);
}

.dwlb_editor th,
.dwlb_editor td,
.yxedr_active th,
.yxedr_active td {
    border: 1px solid #e5e9f0;
    padding: 11px 15px;
    line-height: 1.7;
    text-align: left;
    color: #383d47;
}

.dwlb_editor th,
.yxedr_active th {
    background: #f3f7ff;
    color: #1f2a3d;
    font-weight: 700;
}

.dwlb_editor tr:nth-child(even) td,
.yxedr_active tr:nth-child(even) td {
    background: #fafbfe;
}

/* ==========================================================================
   四、详情页标题与导语增强
   .mod_tit36 原 weight:400 / #333，标题偏弱；详情 H1 与栏目小标题加粗提墨色。
   ========================================================================== */
.detail_wrap_le .dwlt_tit .mod_tit36 {
    color: #1f2a3d;
    font-weight: 700;
    letter-spacing: .5px;
}

/* 文章导语（摘要）：比正文略大、略淡，形成层级 */
.detail_wrap_le_top .nrru_li_time.mod_word,
.detail_wrap_le_top .nrru_li_time.mod_word p {
    color: #4a5160;
    font-size: 17px;
    line-height: 1.95;
}

/* 同款栏目小标题（公司介绍等页面内的 mod_tit36 段标题）统一加粗提墨 */
.develo_creat_tit .mod_tit36,
.about_addres_le_tit .mod_tit36,
.wlh_ssec .wlh_ssec_tit h2 {
    color: #1f2a3d;
    font-weight: 700;
    letter-spacing: .5px;
}

/* ==========================================================================
   四·二、能力/创新板块卡片描述行高统一提至舒适区间
   （关键能力 .ivbu/.innov 系列原值 1.6~1.75，中文长句观感偏挤）
   ========================================================================== */
.ivbu_wrap_info p,
.innov_earch_top_info p,
.innov_help_info p {
    line-height: 1.85;
}

/* ==========================================================================
   五、可达性：减少动态时不做特殊处理（排版类规则无动画）；
   尊重用户字号偏好：用相对单位已满足。
   ========================================================================== */