/* * 文件名: english-fix.css
 * 用途: Destoon B2B 系统英文版专用排版修复补丁
 * * 使用方法:
 * 1. 将此文件上传到您的皮肤目录 (例如: /skin/default/)
 * 2. 在 header.htm 模板中，在 style.css 之后引入此文件:
 * <link rel="stylesheet" type="text/css" href="{DT_SKIN}english-fix.css"/>
 */

/* =========================================
   1. 全局字体与重置 (Base Typography)
   ========================================= */
body, form, input, select, textarea, td, th {
    /* 强制使用英文优先的字体栈，解决中文字体显示英文发虚的问题 */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    
    /* 提升字号：Destoon默认12px对英文太小，提升至14px */
    font-size: 14px !important; 
    
    /* 增加行高：中文1.2-1.4即可，英文需要1.5-1.6才易读 */
    line-height: 1.6 !important;
}

/* =========================================
   2. 强制左对齐 (Alignment)
   ========================================= */
/* 核心修复：Destoon 喜欢居中或两端对齐，英文左对齐阅读体验最好 */
body, div, p, table, ul, li, h1, h2, h3, h4, .introduce, .content {
    text-align: left; 
}

/* 修正：保持原本必须居中的元素 */
.t_c, 
.pages, 
.menu, 
.foot, 
.tool, 
.ui-toast,
.usercard-stats li { 
    text-align: center !important; 
}

/* =========================================
   3. 断行与溢出修复 (Word Wrapping)
   ========================================= */
/* 核心修复：防止长单词（如International）撑破表格或被暴力切断 */
* {
    word-break: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

/* =========================================
   4. 详情页内容区域 (Content Area)
   ========================================= */
.content {
    font-size: 16px !important;    /* 正文内容字号加大 */
    line-height: 1.8 !important;   /* 正文行高加大 */
    color: #333;
    padding: 20px !important;      /* 增加内边距，防止文字贴边 */
}

/* 关键：取消 Destoon 默认的中文首行缩进 (text-indent: 2em) */
.content p {
    text-indent: 0 !important; 
    margin-bottom: 20px !important; /* 英文段落之间习惯空一行 */
}

/* 公司简介/摘要区域优化 */
.introduce {
    line-height: 1.6 !important;
    text-indent: 0 !important;
    padding: 20px !important;
    background-color: #f9fafb !important; /* 浅灰色背景，增加层次感 */
    border: 1px solid #eee !important;
    border-radius: 4px;
    margin: 15px auto !important;
}

/* =========================================
   5. 导航与菜单 (Navigation)
   ========================================= */
/* 修复：英文单词较长，容易导致菜单换行错位 */
.menu li a {
    font-size: 15px !important; 
    padding: 0 12px !important; /* 减小左右间距 */
    letter-spacing: 0.5px !important;
}

/* =========================================
   6. 分页条 (Pagination)
   ========================================= */
/* 修复：Destoon 分页通常是固定宽度的小方块，放不下 "Next" */
.pages a, .pages strong {
    width: auto !important;
    padding: 6px 15px !important;
    min-width: 32px;
    height: auto !important;
    line-height: 20px !important;
}
.pages_inp { 
    width: 40px !important; 
}

/* =========================================
   7. 列表项优化 (Lists)
   ========================================= */
/* 修复：文章列表行高过小，英文挤在一起 */
.box_body li, .list li, .catlist li {
    line-height: 2.4 !important; /* 大幅增加列表行高 */
    padding-left: 10px !important;
}

/* 侧边栏标题去宋体 */
.head-txt strong, .head-sub strong {
    font-family: inherit !important;
    font-weight: 600 !important;
}

/* =========================================
   8. 针对性工具类 (Utility)
   ========================================= */
/* 如果某个特定区块乱了，给它加上这个 class */
.en-fix-box {
    text-align: left !important;
    word-break: normal !important;
    line-height: 1.6 !important;
}