﻿/* ==================== CSS完全整合版 ==================== */
/* 创建时间：2024年 */
/* 结构：1.变量定义 2.基础样式 3.布局组件 4.响应式系统 */

/* ==================== 1. 统一调节参数 ==================== */
:root {
    /* 顶部按钮位置调节 */
    --button-offset-y: -3px; /* 负值向上移动，正值向下移动 */
    --button-offset-x: -2px; /* 负值向左移动，正值向右移动 */
    --button-center-margin: 9px; /* 正值向中间靠拢，负值向两边扩散 */
    --button-center-margin-desktop: 20px; /* 电脑上可以设置更大的值 */
    
    /* 顶部蓝色背景高度 */
    --header-height: auto; /* 默认自动，可以设置固定值如：60px、70px等 */
    
    /* 菜单栏调节 */
    --nav-margin-top: -1px; /* 菜单栏上边距 */
    --nav-margin-bottom: 7px; /* 菜单栏下边距 */
    --nav-offset-x: -1.5px; /* 负值向左移动，正值向右移动 */
    --nav-center-margin: 8px; /* 正值向中间靠拢，负值向两边扩散 */
    
    /* 搜索栏调节 */
    --search-width: 100%;  /* 搜索栏宽度百分比，默认95% */
    --search-offset-x: 0px; /* 负值向左移动，正值向右移动 */
    --search-input-padding: 1px; /* 正值增加内边距，负值减少内边距 */
    
    /* 平板设备调节参数 */
    --button-offset-y-tablet: -2px; /* 正值向下移动按钮，可以根据需要调整 */ 
}

/* ==================== 2. 基础样式重置 ==================== */
body, div, dl, dt, dd, ul, li, form, input, button, h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
}

html {
    overflow-x: hidden;
    -webkit-text-size-adjust: none;
}

ul, li, dl, dt, dd {
    display: block;
    list-style: none;
}

img {
    border: 0;
    max-width: 100%;
}

.clear {
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* 链接样式 */
a {
    text-decoration: none;
    outline: none;
}

/* 浮动类 */
.fl {
    float: left;
}

.fr {
    float: right;
}

/* ==================== 3. 页面基础布局 ==================== */
/* 页面背景 */
.ui-bar-a {
    border: 0;
}

.ui-content {
    padding: 0;
}

.ui-page {
    background: url(../images/bg1.jpg) repeat;
}

/* ==================== 4. 头部区域 ==================== */
/* 固定头部 */
header {
    position: fixed;
}

header.ui-bar-a {
    border-bottom: 1px solid #1283c5;
    min-height: var(--header-height);
}

/* 顶部区域布局 */
#top {
    padding-left: var(--button-center-margin) !important;
    padding-right: var(--button-center-margin) !important;
    box-sizing: border-box !important;
}

/* Logo样式 */
#logo {
    margin-top: 1em;
    margin-bottom: 0;
    margin-left: 2.18%;
    float: left;
    width: 44%;
    /* 只保留这一行，使用calc()计算总偏移 */
    transform: translate(
        calc(var(--button-offset-x, -2px) + var(--logo-offset-x, 0px)), 
        calc(var(--button-offset-y, -3px) + var(--logo-offset-y, 0px))
    );
}

/* 顶部按钮 */
#t_home, #t_back {
    float: right;
    margin-top: 1.1em;
    margin-right: 2.18%;
    margin-bottom: 0;
    margin-left: 0;
    transform: translate(var(--button-offset-x), var(--button-offset-y));
}

#t_home {
    width: 10%;
}

#t_back {
    width: 16%;
}

/* 按钮按压效果 */
#top a img {
    transition: all 0.08s ease-out !important;
}

#top a.btn-pressed img {
    opacity: 0.9 !important;
    transform: scale(0.95) !important;
}

/* ==================== 5. 搜索区域 ==================== */
#search {
    width: var(--search-width);
    margin-left: auto;
    margin-right: auto;
    transform: translateX(var(--search-offset-x));
    padding-left: var(--button-center-margin) !important;
    padding-right: var(--button-center-margin) !important;
    box-sizing: border-box;
}

#search .ui-input-search {
    margin-top: 6px;
    background: #fafeff;
    padding-left: calc(8px + var(--search-input-padding)) !important;
    padding-right: calc(8px + var(--search-input-padding)) !important;
}

#search .ui-input-search input.ui-body-a {
    color: #4c8d9f;
    padding-left: calc(30px + var(--search-input-padding)) !important;
    padding-right: calc(8px + var(--search-input-padding)) !important;
}

.ui-input-search:after {
    left: calc(8px + var(--search-input-padding)) !important;
}

/* ==================== 6. 菜单栏 ==================== */
#nav {
    background: none;
    margin-top: var(--nav-margin-top);
    margin-bottom: var(--nav-margin-bottom);
    transform: translateX(var(--nav-offset-x));
    padding-left: var(--nav-center-margin) !important;
    padding-right: var(--nav-center-margin) !important;
    box-sizing: border-box;
}

#nav .ui-btn {
    border: none;
    background: none;
}

#nav .ui-btn-inner {
    border: none;
    font-size: 1.2em;
    font-weight: normal;
    color: #FFF;
    padding-left: calc(5px - var(--nav-center-margin) / 2) !important;
    padding-right: calc(5px - var(--nav-center-margin) / 2) !important;
}

/* 优化菜单栏均匀分布 */
#nav ul.ui-grid-b {
    display: flex !important;
    justify-content: space-between !important;
    width: 100% !important;
    list-style: none !important;
}

#nav ul.ui-grid-b li {
    flex: 1 !important;
    text-align: center !important;
    margin: 0 0.5px !important;
    padding: 0 !important;
    min-width: 0 !important;
}

#nav ul.ui-grid-b li:last-child .ui-btn.ui-btn-inline {
    margin: 0 4px 0 0 !important;
}

#nav .ui-btn-inner {
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ==================== 7. 内容区域 ==================== */
/* 列表标题 */
#biaoti {
    overflow: hidden;
    padding: 0.3em 0;
    border-top: 1px solid #4a97cd;
    border-bottom: 1px solid #858c92;
    text-align: center;
    color: #0d70a5;
    font-size: 1.1em;
    font-weight: normal;
    background: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#eee));
    background-image: -webkit-linear-gradient(#ccc, #eee);
    background-image: -moz-linear-gradient(#ccc, #eee);
    background-image: -ms-linear-gradient(#ccc, #eee);
    background-image: -o-linear-gradient(#ccc, #eee);
    background-image: linear-gradient(#ccc, #eee);
}

#fla {
    overflow: hidden;
    font-size: 0;
}

/* ==================== 8. 文章详情页 - 完全统一间距系统 ==================== */

/* 8.1 文章段落全局样式 */
.pNC p, .pAC p {
    color: #000000 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: justify !important;
    text-justify: inter-ideograph !important;
    word-break: break-word !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.8 !important;
}

/* 8.2 统一间距：所有段落之间相同的间距 */
.pNC p + p,
.pAC p + p {
    margin-top: 12px !important;  /* 所有段落之间都是12px */
}

/* 8.3 红色小标题 - 只取消缩进，不设特殊间距 */
.pNC p:has(> span[style*="color:#cc0000"]),
.pAC p:has(> span[style*="color:#cc0000"]) {
    text-indent: 0 !important;
}

/* 8.4 图片段落 - 同样使用12px间距 */
.pNC p:has(img),
.pAC p:has(img) {
    text-align: center !important;
}

/* 8.5 文章第一段（或标题）上边距 */
.pNC > :first-child,
.pAC > :first-child {
    margin-top: 22px !important;
}

/* 8.6 标题样式（包括行高和下边距） */
.pNC > h1:first-child,
.pNC > .ptitle:first-child {
    line-height: 1.8 !important;  /* 统一行高 */
    margin-bottom: 8px;  /* 标题下方的间距 */
    text-align: center !important;
}

/* 8.7 标题后第一个元素的间距 */
.pNC > h1 + p,
.pNC > .ptitle + p,
.pNC > h2 + p,
.pNC > h3 + p {
    margin-top: 12px !important;  /* 标题和下方内容之间的间距 */
}

/* 8.8 红色小标题的特殊处理 */
.pNC > h1 + p:has(> span[style*="color:#cc0000"]),
.pNC > .ptitle + p:has(> span[style*="color:#cc0000"]) {
    margin-top: 14px !important;   /* 红色小标题可以紧凑一些 */
    margin-bottom: 4px !important; /* 红色小标题和正文之间 */
}

/* ==================== 8.9 文章底部留白 ==================== */
/* 统一为所有文章内容容器添加底部内边距 */
.pNC, .pAC {
    padding-bottom: 20px !important;
}

/* 确保最后一张图片有额外空间 */
.pNC > p:has(img):last-child,
.pAC > p:has(img):last-child {
    margin-bottom: -3px !important;  /* 在容器内边距基础上再加一点 */
}

/* 作者信息 */
.pNC span[style*="color: rgb(204, 0, 0)"],
.pAC span[style*="color: rgb(204, 0, 0)"] {
    font-size: 1.1em !important;
    display: block !important;
    margin: 1.0em 0 -0.3em 0 !important;/* 上下间距调整*/
    color: rgb(204, 0, 0) !important;
    line-height: 1.6 !important;
}

/* 8.6 段落对齐方式 */
.pNC p:not(:has(> span[style*="color:#cc0000"])):not(:has(img)),
.pAC p:not(:has(> span[style*="color:#cc0000"])):not(:has(img)) {
    text-align: justify !important;
    text-justify: inter-ideograph !important;
}

.pNC p:has(> span[style*="color:#cc0000"]),
.pAC p:has(> span[style*="color:#cc0000"]) {
    text-align: left !important;
    text-indent: 0 !important;
}

.pNC p:has(img),
.pAC p:has(img),
.pNC p[style*="text-align: center"],
.pAC p[style*="text-align: center"] {
    text-align: center !important;
}

.pNC p:has(img) + p:not(:has(> span[style*="color:#cc0000"])),
.pAC p:has(img) + p:not(:has(> span[style*="color:#cc0000"])) {
    text-align: center !important;
}

/* 强力修复：图片描述文字居中问题 */
.pNC p[style*="text-align: center"],
.pAC p[style*="text-align: center"] {
    text-align: center !important;
    text-justify: auto !important;
}

.pNC .pdate {
    text-align: right;
    padding: 0 2em 0.8em 0;
}

.pNC .pic {
    margin: 0 auto;
    text-align: center;
    padding: 0 0 0.8em;
    width: 80%;
}

.pNC .pic img {
    border: 5px solid #d8dee6;
    max-width: 90%;
}

/* ==================== 9. 首页样式 ==================== */
/* 标题栏 */
.i_tl {
    padding: 0.3em 0;
    border-bottom: 2px solid #878d93;
    background: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#eee));
    background-image: -webkit-linear-gradient(#ccc, #eee);
    background-image: -moz-linear-gradient(#ccc, #eee);
    background-image: -ms-linear-gradient(#ccc, #eee);
    background-image: -o-linear-gradient(#ccc, #eee);
    background-image: linear-gradient(#ccc, #eee);
}

.i_tl_a {
    font-size: 1.1em;
    color: #0d70a5;
    margin-left: 3.6%;
}

.i_tl_b {
    font-size: 0.8em;
    margin-right: 3.28%;
    font-weight: bold;
    padding-top: 0.2em;
}

.i_tl_b .ui-link {
    color: #605f5f;
}

/* 产品内容 */
#i_pro_con {
    padding: 1em 0;
}

#i_pro_con li img {
    border: 0px solid #d8dee6;
    max-width: 90%;
}

#i_pro_con dt {
    font-size: 0;
    text-align: center;
}

#i_pro_con dd {
    font-size: 0.9em;
    line-height: 2em;
    margin-top: 2px;
    text-align: center;
}

#i_pro_con dd .ui-link {
    color: #4a4a4a;
    font-weight: normal;
}

/* 新闻列表 */
#i_news .ui-listview {
    margin: 0;
    padding: 1em 0.5em 0.5em;
}

#i_news_con li {
    margin-bottom: 0.5em;
}

/* 案例内容 */
#i_case_con {
    padding: 1em 0;
}

#i_case_con li img {
    border: 0px solid #d8dee6;
    max-width: 90%;
}

#i_case_con dt {
    font-size: 0;
    text-align: center;
}

#i_case_con dd {
    font-size: 0.9em;
    line-height: 2em;
    margin-top: 2px;
    text-align: center;
}

#i_case_con dd .ui-link {
    color: #4a4a4a;
    font-weight: normal;
}

/* ==================== 10. 列表页样式 ==================== */
#p_news.ui-listview {
    margin: 0;
    padding: 1em 0.5em 0.5em;
}

#p_news li {
    margin-bottom: 0.5em;
}

#p_pic {
    padding: 1em 0;
}

#p_pic li {
    margin-bottom: 0.5em;
}

#p_pic li img {
    border: 5px solid #d8dee6;
    max-width: 90%;
}

#p_pic dt {
    font-size: 0;
    text-align: center;
}

#p_pic dd {
    font-size: 0.9em;
    line-height: 2em;
    margin-top: 2px;
    text-align: center;
}

#p_pic dd .ui-link {
    color: #4a4a4a;
    font-weight: normal;
}

/* 列表页字体调整 */
.ui-btn-text,
.ui-btn-text .ui-link-inherit,
#p_news .ui-listview li a,
#i_news .ui-listview li a {
    font-size: 1.01em !important;
}

/* ==================== 11. 分页样式 ==================== */
.pages {
    height: 30px;
    margin: 20px auto;
    width: 120px;
    clear: both;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pages span {
    color: #fff;
    display: block;
    font: 500 16px/30px -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    height: 30px;
    text-align: center;
    padding: 0 10px;
}

.left {
    width: 26px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/left.jpg) no-repeat left center;
    font: 700 20px/28px -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    height: 28px;
    text-align: center;
}

.right {
    width: 26px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/right.jpg) no-repeat left center;
    font: 700 20px/28px -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    height: 28px;
    text-align: center;
}

/* ==================== 12. 页脚样式 ==================== */
footer.ui-bar-a {
    border-top: 1px solid #1283c5;
}

footer {
    position: fixed;
}

#bottom .ui-btn {
    border: none;
    text-align: left;
}

#bottom .ui-btn-inner {
    border: none;
    text-shadow: none;
    font-size: 1.4em;
    color: #4682b5;
    font-weight: normal;
    padding: 0.2em 0;
}

#bottom .ui-btn-text {
    top: 24%;
    left: 52%;
}

#b_tel {
    background: url(../images/icon3.png) 36.07% 51.02% no-repeat;
    background-size: 33px 24px;
}

#b_mail {
    background: url(../images/icon4.png) 35.14% 55.26% no-repeat;
    background-size: 28px 18px;
}

#b_back {
    background: url(../images/icon5.png) 36.55% 64% no-repeat;
    background-size: 16px 31px;
}

/* ==================== 13. 彻底隐藏jQuery Mobile加载指示器 ==================== */
.ui-loader,
.ui-loader-default,
.ui-loader-verbose,
.ui-loader-textonly,
.ui-loading .ui-loader,
.ui-loading .ui-loader-default,
.ui-loader .ui-icon-loading,
.ui-loader h1,
.ui-loader .ui-corner-all,
.ui-loader .ui-body-a,
.ui-loader .ui-body-a .ui-corner-all {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

body.ui-loading,
div.ui-loading,
.ui-mobile-viewport.ui-loading,
.ui-page.ui-loading,
.ui-mobile-viewport .ui-loading,
.ui-page .ui-loading {
    position: static !important;
    overflow: visible !important;
    pointer-events: auto !important;
}

.ui-loader-background,
.ui-loader-container,
.ui-loader-content,
.ui-loader-header,
.ui-loader-footer {
    display: none !important;
}

.ui-mobile-viewport {
    position: relative !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.ui-content {
    position: static !important;
}

/* ==================== 响应式系统（完整详细注释版） ==================== */
/* 
设计理念：移动优先，渐进增强
断点系统（无重叠）：
  1. 0-639px: 小手机（竖屏）
  2. 640-767px: 大手机横屏/小平板竖屏
  3. 768-1024px: 平板设备
  4. 1025-1280px: 大平板/小电脑
  5. 1281-1439px: 标准电脑
  6. 1440-1919px: 大屏幕电脑
  7. 1920-2559px: 2K屏幕
  8. 2560px以上: 4K/超宽屏
*/

/* ==================== 1. 小手机设备 (0-639px) - 移动优先基础设计 ==================== */
@media all and (max-width: 639px) {

    /* 1.1 布局宽度设置 - 确保全屏显示 */
    #top, #bottom, #main, #search, #nav {
        width: 100% !important;           /* 宽度100%填充屏幕 */
        max-width: 100% !important;       /* 最大宽度限制为100% */
    }

:root {
     /* 顶部按钮位置调节 - 手机专用 */
        --button-offset-y: -3px; /* 负值向上移动，正值向下移动 */
        --button-offset-x: -2px; /* 负值向左移动，正值向右移动 */
        
        /* Logo位置独立调节 - 手机专用 */
        --logo-offset-y: 0px; /* 负值向上移动，正值向下移动 */
        --logo-offset-x: 0px; /* 负值向左移动，正值向右移动 */
	}
	
    /* 1.2 文章内容区域内边距 - 手机端适当留白 */
    .pNC, .pAC {
        padding-left: 18px !important;    /* 左内边距18px */
        padding-right: 18px !important;   /* 右内边距18px */
        box-sizing: border-box !important; /* 包含内边距计算宽度 */
    }
    
    /* 1.3 菜单栏上下外边距调节 - 使用CSS变量控制 */
    #nav {
        margin-top: var(--nav-margin-top) !important;      /* 上外边距 */
        margin-bottom: var(--nav-margin-bottom) !important; /* 下外边距 */
    }
    
    /* 1.4 菜单栏字体大小调节 - 手机端适当缩小 */
    #nav .ui-btn-inner { 
        font-size: 0.88em !important;     /* 字体大小为原88% */
    }
    
    /* 1.5 顶部蓝色标题栏高度调节 */
    header.ui-bar-a {
        min-height: var(--header-height) !important;  /* 最小高度 */
    }
    
    /* 1.7 文章段落字体和行高设置 */
    .pNC p, .pAC p {
        font-size: 1.1em !important;      /* 字体放大10% */
        line-height: 2.0 !important;      /* 行高2倍，保证阅读舒适 */
    }
    
    /* 1.8 文章小标题样式设置 */
    .pNC .ptitle, .pAC .ptitle {
        font-size: 1.2em !important;      /* 字体放大20% */
    }
    
    /* 1.9 作者信息（红色文字）样式 */
    .pNC span[style*="color: rgb(204, 0, 0)"],
    .pAC span[style*="color: rgb(204, 0, 0)"] {
        font-size: 1.1em !important;      /* 字体放大10% */
    }
    
    /* 1.10 列表页面标题样式 */
    #biaoti {
        font-size: 1.1em !important;      /* 字体放大10% */
        padding: 0.3em 0 !important;      /* 上下内边距0.3em */
        line-height: 1.5 !important;      /* 1.5倍行高 */
    }
    
    /* 1.11 列表页面链接字体大小 */
    .ui-btn-text, 
    .ui-btn-text .ui-link-inherit,
    #p_news .ui-listview li a,
    #i_news .ui-listview li a {
        font-size: 1.01em !important;     /* 轻微放大1% */
    }
    
    /* 1.12 首页模块标题大小 */
    .i_tl_a {
        font-size: 1.1em !important;      /* 字体放大10% */
    }
    
    /* 1.13 首页"更多"按钮大小 */
    .i_tl_b.fr {
        font-size: 0.85em !important;     /* 字体缩小15% */
    }
    
    /* 1.14 超小手机额外调整（针对≤480px的设备） */
    @media all and (max-width: 480px) {
        /* 底部按钮文字位置调整 */
        #bottom .ui-btn-text {
            left: 100% !important;        /* 完全靠右 */
        }
        
        /* 底部图标居中显示（覆盖原有精确定位） */
        #b_mail {
            background: url(../images/icon4.png) center center no-repeat !important;
        }
        
        #b_tel {
            background: url(../images/icon3.png) center center no-repeat !important;
        }
        
        #b_back {
            background: url(../images/icon5.png) center center no-repeat !important;
        }
    }
    
    /* 1.15 手机分页组件优化调整 */
    .pages {
        width: 140px !important;          /* 分页容器总宽度140px */
        margin: 20px auto !important;     /* 上下20px外边距，水平居中 */
        padding: 0 5px !important;        /* 容器左右内边距5px */
    }
    
    .pages span {
        font-size: 16px !important;       /* 页码数字字体16px */
        line-height: 30px !important;     /* 行高30px（垂直居中关键） */
        height: 30px !important;          /* 高度30px */
        padding: 0 10px !important;        /* 数字左右内边距8px（控制间距） */
    }
    
    .left, .right {
        height: 28px !important;          /* 箭头高度28px */
        line-height: 28px !important;     /* 箭头行高28px（垂直居中） */
        margin: 0 2px !important;         /* 箭头左右外边距2px */
    }
	
	#b_tel {
        background-size: 33px 22px !important;
    }
	
    #b_mail {
        background-size: 30px 20px !important;
    }
    
    #b_back {
        background-size: 18px 25px !important;
    }
}

/* ==================== 2. 大手机横屏/小平板 (640-767px) ==================== */
/* 针对：iPhone Pro Max横屏、大屏安卓手机横屏、小平板竖屏 */
@media all and (min-width: 640px) and (max-width: 767px) {

    /* 2.1 布局宽度 - 全屏显示 */
    #top, #bottom, #main, #search, #nav {
        width: 100% !important;
        max-width: 100% !important;
    }

:root {
     /* 顶部按钮位置调节 - 手机专用 */
        --button-offset-y: -1px; /* 负值向上移动，正值向下移动 */
        --button-offset-x: 0px; /* 负值向左移动，正值向右移动 */
        
        /* Logo位置独立调节 - 手机专用 */
        --logo-offset-y: -2px; /* 负值向上移动，正值向下移动 */
        --logo-offset-x: 6px; /* 负值向左移动，正值向右移动 */
	}
	
	/* 第一个元素的上间距 */
    .pNC > :first-child,
    .pAC > :first-child {
    margin-top: 26px !important;
    }
	
    /* 2.2 文章内边距 - 平板标准内边距 */
    .pNC, .pAC {
        padding-left: 40px !important;    /* 左内边距40px */
        padding-right: 40px !important;   /* 右内边距40px */
        box-sizing: border-box !important;
    }
    
    /* 2.3 文章段落字体 - 大幅放大 */
    .pNC p, .pAC p {
        font-size: 1.54em !important;     /* 字体放大55% */
        line-height: 2.0 !important;
    }
    
    /* 2.4 文章小标题字体 - 放大55% */
    .pNC .ptitle, .pAC .ptitle {
        font-size: 1.64em !important;
        margin-bottom: 16px !important;
    }
	
    /* 2.5 作者信息字体 - 放大35% */
    .pNC span[style*="color: rgb(204, 0, 0)"],
    .pAC span[style*="color: rgb(204, 0, 0)"] {
        font-size: 1.54em !important;
        display: block !important;
        margin: 0.9em 0 -0.2em 0 !important;
        color: rgb(204, 0, 0) !important;
    }
    
    /* 2.6 列表标题字体 - 放大50% */
    #biaoti {
        font-size: 1.5em !important;
        padding: 0.3em 0 !important;
        line-height: 1.5 !important;
    }
    
    /* 2.7 列表页字体 - 放大20% */
    .ui-btn-text, 
    .ui-btn-text .ui-link-inherit,
    #p_news .ui-listview li a,
    #i_news .ui-listview li a {
        font-size: 1.2em !important;
    }
    
	/* 5.8 首页标题大小 - 放大50% */
    .i_tl_a {
        font-size: 1.7em !important;
		line-height: 1.4 !important;
    }
    
    /* 2.9 首页更多按钮 - 放大20% */
    .i_tl_b.fr {
        font-size: 1.3em !important;
    }
    
    /* 2.10 菜单栏字体 - 放大20% */
    #nav .ui-btn-inner { 
        font-size: 1.2em !important;
    }
    
    /* 2.13 图片描述文字强制居中修复 */
    .pNC p[style*="text-align: center"],
    .pAC p[style*="text-align: center"],
    div.pNC > p[style*="text-align: center"],
    div.pAC > p[style*="text-align: center"],
    #main .pNC p[style*="text-align: center"],
    #main .pAC p[style*="text-align: center"] {
        text-align: center !important;
        text-justify: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
    }
    
    .pNC p:has(img),
    .pAC p:has(img),
    .pNC p:has(img) + p,
    .pAC p:has(img) + p {
        text-align: center !important;
        text-justify: auto !important;
    }
	
	 /* 2.13 覆盖图片的上下间距 */
    .pNC img,
    .pAC img {
        position: relative;
        top: 3px !important;  /* 所有图片向下移动4px */
    }
    
    /* 2.14 平板分页组件调整 */
    .pages {
        width: 160px !important;          /* 宽度160px */
        margin: 40px auto !important;     /* 外边距25px */
        padding: 0 7px !important;        /* 容器内边距7px */
    }
    
    .pages span {
        font-size: 22px !important;       /* 字体18px */
        line-height: 32px !important;     /* 行高32px */
        height: 32px !important;          /* 高度32px */
        padding: 0 20px !important;       /* 数字间距12px */
    }
    
    .left, .right {
        height: 30px !important;          /* 箭头高度30px */
        line-height: 30px !important;     /* 行高30px */
        margin: 0 4px !important;         /* 箭头间距4px */
    }

	#b_tel {
        background-size: 46px 30px !important;
    }
	
    #b_mail {
        background-size: 40px 30px !important;
    }
    
    #b_back {
        background-size: 23px 35px !important;
    }
	
}

/* ==================== 3. 平板设备 (768px) ==================== */
/* 针对：iPad mini、标准iPad、7-10寸平板 */
@media all and (min-width: 768px) {

    /* 3.1 布局宽度 - 全屏显示 */
    #top, #bottom, #main, #search, #nav {
        width: 100% !important;
        max-width: 100% !important;
    }

:root {
     /* 顶部按钮位置调节 - 手机专用 */
        --button-offset-y: -1px; /* 负值向上移动，正值向下移动 */
        --button-offset-x: 0px; /* 负值向左移动，正值向右移动 */
        
        /* Logo位置独立调节 - 手机专用 */
        --logo-offset-y: -1px; /* 负值向上移动，正值向下移动 */
        --logo-offset-x: 6px; /* 负值向左移动，正值向右移动 */
	}
	
	/* 第一个元素的上间距 */
    .pNC > :first-child,
    .pAC > :first-child {
    margin-top: 26px !important;
    }
	
    /* 3.2 文章内边距 - 平板标准内边距 */
    .pNC, .pAC {
        padding-left: 40px !important;    /* 左内边距40px */
        padding-right: 40px !important;   /* 右内边距40px */
        box-sizing: border-box !important;
    }
    
    /* 3.3 文章段落字体 - 大幅放大 */
    .pNC p, .pAC p {
        font-size: 1.54em !important;     /* 字体放大55% */
        line-height: 2.0 !important;
    }
    
    /* 3.4 文章小标题字体 - 放大55% */
    .pNC .ptitle, .pAC .ptitle {
        font-size: 1.64em !important;
        margin-bottom: 16px !important;
    }
	
    /* 3.5 作者信息字体 - 放大35% */
    .pNC span[style*="color: rgb(204, 0, 0)"],
    .pAC span[style*="color: rgb(204, 0, 0)"] {
        font-size: 1.54em !important;
        display: block !important;
        margin: 0.9em 0 -0.2em 0 !important;
        color: rgb(204, 0, 0) !important;
    }
    
    /* 3.6 列表标题字体 - 放大50% */
    #biaoti {
        font-size: 1.5em !important;
        padding: 0.3em 0 !important;
        line-height: 1.5 !important;
    }
    
    /* 3.7 列表页字体 - 放大20% */
    .ui-btn-text, 
    .ui-btn-text .ui-link-inherit,
    #p_news .ui-listview li a,
    #i_news .ui-listview li a {
        font-size: 1.2em !important;
    }
    
	/* 5.8 首页标题大小 - 放大50% */
    .i_tl_a {
        font-size: 1.7em !important;
		line-height: 1.4 !important;
    }
    
    /* 3.9 首页更多按钮 - 放大20% */
    .i_tl_b.fr {
        font-size: 1.3em !important;
    }
    
    /* 3.10 菜单栏字体 - 放大20% */
    #nav .ui-btn-inner { 
        font-size: 1.2em !important;
    }
    
    /* 3.13 图片描述文字强制居中修复 */
    .pNC p[style*="text-align: center"],
    .pAC p[style*="text-align: center"],
    div.pNC > p[style*="text-align: center"],
    div.pAC > p[style*="text-align: center"],
    #main .pNC p[style*="text-align: center"],
    #main .pAC p[style*="text-align: center"] {
        text-align: center !important;
        text-justify: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
    }
    
    .pNC p:has(img),
    .pAC p:has(img),
    .pNC p:has(img) + p,
    .pAC p:has(img) + p {
        text-align: center !important;
        text-justify: auto !important;
    }
	
	 /* 3.13 覆盖图片的上下间距 */
    .pNC img,
    .pAC img {
        position: relative;
        top: 3px !important;  /* 所有图片向下移动4px */
    }
    
    /* 3.14 平板分页组件调整 */
    .pages {
        width: 160px !important;          /* 宽度160px */
        margin: 40px auto !important;     /* 外边距25px */
        padding: 0 7px !important;        /* 容器内边距7px */
    }
    
    .pages span {
        font-size: 22px !important;       /* 字体18px */
        line-height: 32px !important;     /* 行高32px */
        height: 32px !important;          /* 高度32px */
        padding: 0 20px !important;       /* 数字间距12px */
    }
    
    .left, .right {
        height: 30px !important;          /* 箭头高度30px */
        line-height: 30px !important;     /* 行高30px */
        margin: 0 4px !important;         /* 箭头间距4px */
    }

	#b_tel {
        background-size: 46px 30px !important;
    }
	
    #b_mail {
        background-size: 40px 30px !important;
    }
    
    #b_back {
        background-size: 23px 35px !important;
    }
	
}

/* ==================== 3. 平板设备 (1024px) ==================== */
/* 针对：iPad mini、标准iPad、7-10寸平板 */
@media all and (min-width: 800px) and (max-width: 1176px) {

    /* 3.1 布局宽度 - 全屏显示 */
    #top, #bottom, #main, #search, #nav {
        width: 100% !important;
        max-width: 100% !important;
    }

:root {
     /* 顶部按钮位置调节 - 手机专用 */
        --button-offset-y: -1px; /* 负值向上移动，正值向下移动 */
        --button-offset-x: 13px; /* 负值向左移动，正值向右移动 */
        
        /* Logo位置独立调节 - 手机专用 */
        --logo-offset-y: -1px; /* 负值向上移动，正值向下移动 */
        --logo-offset-x: 6px; /* 负值向左移动，正值向右移动 */
	}
	
    /* 3.2 文章内边距 - 平板标准内边距 */
    .pNC, .pAC {
        padding-left: 40px !important;    /* 左内边距40px */
        padding-right: 40px !important;   /* 右内边距40px */
        box-sizing: border-box !important;
    }
    
    /* 3.3 文章段落字体 - 大幅放大 */
    .pNC p, .pAC p {
        font-size: 1.5em !important;     /* 字体放大55% */
        line-height: 2.0 !important;
    }
    
    /* 3.4 文章小标题字体 - 放大55% */
    .pNC .ptitle, .pAC .ptitle {
        font-size: 1.6em !important;
    }
    
    /* 3.5 作者信息字体 - 放大35% */
    .pNC span[style*="color: rgb(204, 0, 0)"],
    .pAC span[style*="color: rgb(204, 0, 0)"] {
        font-size: 1.5em !important;
		display: block !important;
        margin: 0.9em 0 -0.2em 0 !important;
        color: rgb(204, 0, 0) !important;
    }
    
    /* 3.6 列表标题字体 - 放大50% */
    #biaoti {
        font-size: 1.5em !important;
        padding: 0.3em 0 !important;
        line-height: 1.5 !important;
    }
    
    /* 3.7 列表页字体 - 放大20% */
    .ui-btn-text, 
    .ui-btn-text .ui-link-inherit,
    #p_news .ui-listview li a,
    #i_news .ui-listview li a {
        font-size: 1.2em !important;
    }
    
	/* 5.8 首页标题大小 - 放大50% */
    .i_tl_a {
        font-size: 1.7em !important;
		line-height: 1.4 !important;
    }
    
    /* 3.9 首页更多按钮 - 放大20% */
    .i_tl_b.fr {
        font-size: 1.3em !important;
    }
    /* 3.13 覆盖图片的上下间距 */
    .pNC img,
    .pAC img {
        position: relative;
        top: 3px !important;  /* 所有图片向下移动4px */
    }
	
    /* 3.10 菜单栏字体 - 放大20% */
    #nav .ui-btn-inner { 
        font-size: 1.2em !important;
    }
     
    /* 3.13 图片描述文字强制居中修复 */
    .pNC p[style*="text-align: center"],
    .pAC p[style*="text-align: center"],
    div.pNC > p[style*="text-align: center"],
    div.pAC > p[style*="text-align: center"],
    #main .pNC p[style*="text-align: center"],
    #main .pAC p[style*="text-align: center"] {
        text-align: center !important;
        text-justify: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
    }
    
    .pNC p:has(img),
    .pAC p:has(img),
    .pNC p:has(img) + p,
    .pAC p:has(img) + p {
        text-align: center !important;
        text-justify: auto !important;
    }
    
    /* 3.14 平板分页组件调整 */
    .pages {
        width: 160px !important;          /* 宽度160px */
        margin: 40px auto !important;     /* 外边距25px */
        padding: 0 7px !important;        /* 容器内边距7px */
    }
    
    .pages span {
        font-size: 22px !important;       /* 字体18px */
        line-height: 32px !important;     /* 行高32px */
        height: 32px !important;          /* 高度32px */
        padding: 0 20px !important;       /* 数字间距12px */
    }
    
    .left, .right {
        height: 30px !important;          /* 箭头高度30px */
        line-height: 30px !important;     /* 行高30px */
        margin: 0 4px !important;         /* 箭头间距4px */
    }

	#b_tel {
        background-size: 46px 30px !important;
    }
	
    #b_mail {
        background-size: 40px 30px !important;
    }
    
    #b_back {
        background-size: 23px 35px !important;
    }
}

/* ==================== 4. 大平板/小电脑 (edge:1152) ==================== */
/* 针对：iPad Pro横屏、Surface Go、小尺寸笔记本 */
@media all and (min-width: 1025px) and (max-width: 1151px) {

    /* 5.1 布局宽度 - 有限宽度居中显示 */
    #top, #bottom, #main, #search, #nav {
        width: 80% !important;            /* 宽度85% */
        max-width: 1400px !important;     /* 最大宽度1400px */
        margin: 0 auto !important;        /* 水平居中 */
    }

:root {
     /* 顶部按钮位置调节 - 手机专用 */
        --button-offset-y: -3px; /* 负值向上移动，正值向下移动 */
        --button-offset-x: 6px; /* 负值向左移动，正值向右移动 */
        
     /* Logo位置独立调节 - 手机专用 */
        --logo-offset-y: 0px; /* 负值向上移动，正值向下移动 */
        --logo-offset-x: 10px; /* 负值向左移动，正值向右移动 */
	}
	
	/* 第一个元素的上间距 */
    .pNC > :first-child,
    .pAC > :first-child {
    margin-top: 26px !important;
    }
	
		/* 菜单栏下边距调节 */
	 [data-role="page"] #nav {
        margin-bottom: 10px !important;
        margin-top: 0px !important;
    }
		
    /* 4.2 文章内边距 - 增加到50px */
    .pNC, .pAC {
        padding-left: 40px !important;    /* 左内边距50px */
        padding-right: 40px !important;   /* 右内边距50px */
    }
    
    /* 4.3 文章段落字体 - 比平板稍小 */
    .pNC p, .pAC p {
        font-size: 1.3em !important;      /* 字体放大40% */
        line-height: 2.0 !important;
    }
    
    /* 4.4 文章小标题字体 - 放大45% */
    .pNC .ptitle, .pAC .ptitle {
        font-size: 1.4em !important;
		margin-bottom: 19px !important;
    }
    
    /* 4.5 作者信息字体 - 放大35% */
    .pNC span[style*="color: rgb(204, 0, 0)"],
    .pAC span[style*="color: rgb(204, 0, 0)"] {
        font-size: 1.3em !important;
		display: block !important;
        margin: 1.1em 0 0em 0 !important;
        color: rgb(204, 0, 0) !important;
    }
    
    /* 4.6 列表标题字体 - 放大50% */
    #biaoti {
        font-size: 1.5em !important;
        padding: 0.3em 0 !important;
        line-height: 1.5 !important;
    }
    
    /* 4.7 列表页字体 - 放大20% */
    .ui-btn-text, 
    .ui-btn-text .ui-link-inherit,
    #p_news .ui-listview li a,
    #i_news .ui-listview li a {
        font-size: 1.1em !important;
    }
    
	/* 5.8 首页标题大小 - 放大50% */
    .i_tl_a {
        font-size: 1.5em !important;
		line-height: 1.4 !important;
    }
    
    /* 4.9 首页更多按钮 - 放大20% */
    .i_tl_b.fr {
        font-size: 1.2em !important;
    }
    
    /* 4.10 菜单栏字体 - 放大20% */
    #nav .ui-btn-inner { 
        font-size: 1.2em !important;
    }
	
	/* 3.13 覆盖图片的上下间距 */
    .pNC img,
    .pAC img {
        position: relative;
        top: 2px !important;  /* 所有图片向下移动4px */
    }
    
    /* 4.12 大平板分页组件调整 */
    .pages {
        width: 180px !important;          /* 宽度180px */
        margin: 30px auto !important;     /* 外边距30px */
        padding: 0 8px !important;        /* 容器内边距8px */
    }
    
    .pages span {
        font-size: 20px !important;       /* 字体20px */
        line-height: 34px !important;     /* 行高34px */
        height: 34px !important;          /* 高度34px */
        padding: 0 14px !important;       /* 数字间距14px */
    }
    
    .left, .right {
        height: 32px !important;          /* 箭头高度32px */
        line-height: 32px !important;     /* 行高32px */
        width: 28px !important;           /* 箭头宽度28px */
        margin: 0 5px !important;         /* 箭头间距5px */
    }
	
	#b_tel {
        background-size: 38px 23px !important;
    }
	
    #b_mail {
        background-size: 33px 23px !important;
    }
    
    #b_back {
        background-size: 18px 30px !important;
    }
}

/* ==================== 4. 大平板/小电脑 (edge:1152) ==================== */
/* 针对：iPad Pro横屏、Surface Go、小尺寸笔记本 */
@media all and (min-width: 1152px) {

    /* 5.1 布局宽度 - 有限宽度居中显示 */
    #top, #bottom, #main, #search, #nav {
        width: 80% !important;            /* 宽度85% */
        max-width: 1400px !important;     /* 最大宽度1400px */
        margin: 0 auto !important;        /* 水平居中 */
    }

:root {
     /* 顶部按钮位置调节 - 手机专用 */
        --button-offset-y: -3px; /* 负值向上移动，正值向下移动 */
        --button-offset-x: 6px; /* 负值向左移动，正值向右移动 */
        
     /* Logo位置独立调节 - 手机专用 */
        --logo-offset-y: 0px; /* 负值向上移动，正值向下移动 */
        --logo-offset-x: 10px; /* 负值向左移动，正值向右移动 */
	}
	
	/* 第一个元素的上间距 */
    .pNC > :first-child,
    .pAC > :first-child {
    margin-top: 26px !important;
    }
	
		/* 菜单栏下边距调节 */
	 [data-role="page"] #nav {
        margin-bottom: 10px !important;
        margin-top: 0px !important;
    }
		
    /* 4.2 文章内边距 - 增加到50px */
    .pNC, .pAC {
        padding-left: 40px !important;    /* 左内边距50px */
        padding-right: 40px !important;   /* 右内边距50px */
    }
    
    /* 4.3 文章段落字体 - 比平板稍小 */
    .pNC p, .pAC p {
        font-size: 1.3em !important;      /* 字体放大40% */
        line-height: 2.0 !important;
    }
    
    /* 4.4 文章小标题字体 - 放大45% */
    .pNC .ptitle, .pAC .ptitle {
        font-size: 1.4em !important;
		margin-bottom: 19px !important;
    }
    
    /* 4.5 作者信息字体 - 放大35% */
    .pNC span[style*="color: rgb(204, 0, 0)"],
    .pAC span[style*="color: rgb(204, 0, 0)"] {
        font-size: 1.3em !important;
		display: block !important;
        margin: 1.1em 0 0em 0 !important;
        color: rgb(204, 0, 0) !important;
    }
    
    /* 4.6 列表标题字体 - 放大50% */
    #biaoti {
        font-size: 1.5em !important;
        padding: 0.3em 0 !important;
        line-height: 1.5 !important;
    }
    
    /* 4.7 列表页字体 - 放大20% */
    .ui-btn-text, 
    .ui-btn-text .ui-link-inherit,
    #p_news .ui-listview li a,
    #i_news .ui-listview li a {
        font-size: 1.1em !important;
    }
    
	/* 5.8 首页标题大小 - 放大50% */
    .i_tl_a {
        font-size: 1.5em !important;
		line-height: 1.4 !important;
    }
    
    /* 4.9 首页更多按钮 - 放大20% */
    .i_tl_b.fr {
        font-size: 1.2em !important;
    }
    
    /* 4.10 菜单栏字体 - 放大20% */
    #nav .ui-btn-inner { 
        font-size: 1.2em !important;
    }
	
	/* 3.13 覆盖图片的上下间距 */
    .pNC img,
    .pAC img {
        position: relative;
        top: 2px !important;  /* 所有图片向下移动4px */
    }
    
    /* 4.12 大平板分页组件调整 */
    .pages {
        width: 180px !important;          /* 宽度180px */
        margin: 30px auto !important;     /* 外边距30px */
        padding: 0 8px !important;        /* 容器内边距8px */
    }
    
    .pages span {
        font-size: 20px !important;       /* 字体20px */
        line-height: 34px !important;     /* 行高34px */
        height: 34px !important;          /* 高度34px */
        padding: 0 14px !important;       /* 数字间距14px */
    }
    
    .left, .right {
        height: 32px !important;          /* 箭头高度32px */
        line-height: 32px !important;     /* 行高32px */
        width: 28px !important;           /* 箭头宽度28px */
        margin: 0 5px !important;         /* 箭头间距5px */
    }
	
	#b_tel {
        background-size: 38px 23px !important;
    }
	
    #b_mail {
        background-size: 33px 23px !important;
    }
    
    #b_back {
        background-size: 18px 30px !important;
    }
}

/* ==================== 4. 大平板/小电脑 (edge:1280) ==================== */
/* 针对：iPad Pro横屏、Surface Go、小尺寸笔记本 */
@media all and (min-width: 1153px) and (max-width: 1280px) {

    /* 5.1 布局宽度 - 有限宽度居中显示 */
    #top, #bottom, #main, #search, #nav {
        width: 75% !important;            /* 宽度85% */
        max-width: 1400px !important;     /* 最大宽度1400px */
        margin: 0 auto !important;        /* 水平居中 */
    }

:root {
     /* 顶部按钮位置调节 - 手机专用 */
        --button-offset-y: -3px; /* 负值向上移动，正值向下移动 */
        --button-offset-x: 10px; /* 负值向左移动，正值向右移动 */
        
        /* Logo位置独立调节 - 手机专用 */
        --logo-offset-y: 0px; /* 负值向上移动，正值向下移动 */
        --logo-offset-x: 10px; /* 负值向左移动，正值向右移动 */
	}
	
	/* 第一个元素的上间距 */
    .pNC > :first-child,
    .pAC > :first-child {
    margin-top: 26px !important;
    }
	
		/* 菜单栏下边距调节 */
	 [data-role="page"] #nav {
        margin-bottom: 10px !important;
        margin-top: 0px !important;
    }
		
    /* 4.2 文章内边距 - 增加到50px */
    .pNC, .pAC {
        padding-left: 60px !important;    /* 左内边距50px */
        padding-right: 60px !important;   /* 右内边距50px */
    }
    
    /* 4.3 文章段落字体 - 比平板稍小 */
    .pNC p, .pAC p {
        font-size: 1.3em !important;      /* 字体放大40% */
        line-height: 2.0 !important;
    }
    
    /* 4.4 文章小标题字体 - 放大45% */
    .pNC .ptitle, .pAC .ptitle {
        font-size: 1.4em !important;
		margin-bottom: 19px !important;
    }
    
    /* 4.5 作者信息字体 - 放大35% */
    .pNC span[style*="color: rgb(204, 0, 0)"],
    .pAC span[style*="color: rgb(204, 0, 0)"] {
        font-size: 1.3em !important;
		display: block !important;
        margin: 1.1em 0 0em 0 !important;
        color: rgb(204, 0, 0) !important;
    }
    
    /* 4.6 列表标题字体 - 放大50% */
    #biaoti {
        font-size: 1.5em !important;
        padding: 0.3em 0 !important;
        line-height: 1.5 !important;
    }
    
    /* 4.7 列表页字体 - 放大20% */
    .ui-btn-text, 
    .ui-btn-text .ui-link-inherit,
    #p_news .ui-listview li a,
    #i_news .ui-listview li a {
        font-size: 1.1em !important;
    }
    
	/* 5.8 首页标题大小 - 放大50% */
    .i_tl_a {
        font-size: 1.5em !important;
		line-height: 1.4 !important;
    }
    
    /* 4.9 首页更多按钮 - 放大20% */
    .i_tl_b.fr {
        font-size: 1.15em !important;
    }
    
    /* 4.10 菜单栏字体 - 放大20% */
    #nav .ui-btn-inner { 
        font-size: 1.2em !important;
    }
	
	/* 3.13 覆盖图片的上下间距 */
    .pNC img,
    .pAC img {
        position: relative;
        top: 2px !important;  /* 所有图片向下移动4px */
    }
    
    /* 4.12 大平板分页组件调整 */
    .pages {
        width: 180px !important;          /* 宽度180px */
        margin: 30px auto !important;     /* 外边距30px */
        padding: 0 8px !important;        /* 容器内边距8px */
    }
    
    .pages span {
        font-size: 20px !important;       /* 字体20px */
        line-height: 34px !important;     /* 行高34px */
        height: 34px !important;          /* 高度34px */
        padding: 0 14px !important;       /* 数字间距14px */
    }
    
    .left, .right {
        height: 32px !important;          /* 箭头高度32px */
        line-height: 32px !important;     /* 行高32px */
        width: 28px !important;           /* 箭头宽度28px */
        margin: 0 5px !important;         /* 箭头间距5px */
    }
	
	#b_tel {
        background-size: 38px 23px !important;
    }
	
    #b_mail {
        background-size: 33px 23px !important;
    }
    
    #b_back {
        background-size: 18px 30px !important;
    }
}

/* ==================== 5. 标准电脑 (edge:1366) ==================== */
/* 针对：13-15寸笔记本电脑、标准桌面显示器 */
@media all and (min-width: 1281px) and (max-width: 1366px) {

    /* 5.1 布局宽度 - 有限宽度居中显示 */
    #top, #bottom, #main, #search, #nav {
        width: 70% !important;            /* 宽度85% */
        max-width: 1400px !important;     /* 最大宽度1400px */
        margin: 0 auto !important;        /* 水平居中 */
    }

:root {
     /* 顶部按钮位置调节 - 电脑专用 */
        --button-offset-y: -3px; /* 负值向上移动，正值向下移动 */
        --button-offset-x: 10px; /* 负值向左移动，正值向右移动 */
        
     /* Logo位置独立调节 - 手机专用 */
        --logo-offset-y: 0px; /* 负值向上移动，正值向下移动 */
        --logo-offset-x: 0px; /* 负值向左移动，正值向右移动 */
	}
	
	 /* 第一个元素的上间距 */
    .pNC > :first-child,
    .pAC > :first-child {
    margin-top: 26px !important;
    }
	
	 /* 菜单栏下边距调节 */
	 [data-role="page"] #nav {
        margin-bottom: 10px !important;
        margin-top: 0px !important;
    }
	    
    /* 5.2 文章内边距和最大宽度限制 */
    .pNC, .pAC {
        padding-left: 60px !important;    /* 左内边距60px */
        padding-right: 60px !important;   /* 右内边距60px */
        max-width: 1000px !important;     /* 最大内容宽度1000px */
        margin: 0 auto !important;        /* 内容居中 */
    }
    
    /* 5.3 文章段落字体 - 电脑优化尺寸 */
    .pNC p, .pAC p {
        font-size: 1.3em !important;     /* 字体放大45% */
        line-height: 2.0 !important;
    }
    
    /* 5.4 文章小标题字体 - 放大60% */
    .pNC .ptitle, .pAC .ptitle {
        font-size: 1.4em !important;
		margin-bottom: 19px !important;
    }
    
    /* 5.5 作者信息字体 - 放大50% */
    .pNC span[style*="color: rgb(204, 0, 0)"],
    .pAC span[style*="color: rgb(204, 0, 0)"] {
        font-size: 1.3em !important;
		display: block !important;
        margin: 1.1em 0 0em 0 !important;
        color: rgb(204, 0, 0) !important;
    }
    
    /* 5.6 列表标题字体 - 放大45% */
    #biaoti {
        font-size: 1.45em !important;
        padding: 0.3em 0 !important;
        line-height: 1.5 !important;
    }
    
    /* 5.7 列表页字体 - 放大15% */
    .ui-btn-text, 
    .ui-btn-text .ui-link-inherit,
    #p_news .ui-listview li a,
    #i_news .ui-listview li a {
        font-size: 1.15em !important;
    }
    
	/* 5.8 首页标题大小 - 放大50% */
    .i_tl_a {
        font-size: 1.7em !important;
		line-height: 1.5 !important;
    }
    
    /* 5.9 首页更多按钮 - 放大5% */
    .i_tl_b.fr {
        font-size: 1.35em !important;
    }
    
    /* 5.10 菜单栏字体 - 放大20% */
    #nav .ui-btn-inner { 
        font-size: 1.2em !important;
    }
    
    /* 5.12 电脑顶部按钮向中间靠拢 */
    #top {
        padding-left: var(--button-center-margin-desktop) !important;
        padding-right: var(--button-center-margin-desktop) !important;
    }
    
    #search {
        padding-left: var(--button-center-margin-desktop) !important;
        padding-right: var(--button-center-margin-desktop) !important;
    }
	
	/* 3.13 覆盖图片的上下间距 */
    .pNC img,
    .pAC img {
        position: relative;
        top: 2px !important;  /* 所有图片向下移动4px */
    }
    
    /* 5.13 电脑分页组件优化 */
    .pages {
        width: 200px !important;          /* 宽度200px */
        margin: 35px auto !important;     /* 外边距35px */
        padding: 0 10px !important;       /* 容器内边距10px */
    }
    
    .pages span {
        font-size: 22px !important;       /* 字体22px */
        line-height: 36px !important;     /* 行高36px */
        height: 36px !important;          /* 高度36px */
        padding: 0 16px !important;       /* 数字间距16px */
    }
    
    .left, .right {
        height: 34px !important;          /* 箭头高度34px */
        line-height: 34px !important;     /* 行高34px */
        width: 30px !important;           /* 箭头宽度30px */
        margin: 0 6px !important;         /* 箭头间距6px */
    }
	
	#b_tel {
        background-size: 40px 25px !important;
    }
	
    #b_mail {
        background-size: 35px 25px !important;
    }
    
    #b_back {
        background-size: 20px 30px !important;
    }
}

/* ==================== 6. 大屏幕电脑 (edge:1440) ==================== */
/* 针对：15-24寸大显示器、iMac */
@media all and (min-width: 1367px) and (max-width: 1439px) {

    /* 6.1 布局宽度 - 适当缩小比例 */
    #top, #bottom, #main, #search, #nav {
        width: 70% !important;            /* 宽度80% */
        max-width: 1000px !important;     /* 最大宽度1600px */
        margin: 0 auto !important;
    }

:root {
     /* 顶部按钮位置调节 - 电脑专用 */
        --button-offset-y: -3px; /* 负值向上移动，正值向下移动 */
        --button-offset-x: 19px; /* 负值向左移动，正值向右移动 */
        
     /* Logo位置独立调节 - 手机专用 */
        --logo-offset-y: 0px; /* 负值向上移动，正值向下移动 */
        --logo-offset-x: 0px; /* 负值向左移动，正值向右移动 */
	}
	
	/* 第一个元素的上间距 */
    .pNC > :first-child,
    .pAC > :first-child {
    margin-top: 32px !important;
    }
	
		/* 菜单栏下边距调节 */
	 [data-role="page"] #nav {
        margin-bottom: 10px !important;
        margin-top: 0px !important;
    }

    /* 6.2 文章内边距和宽度限制 */
    .pNC, .pAC {
        padding-left: 50px !important;    /* 左内边距70px */
        padding-right: 50px !important;   /* 右内边距70px */
        max-width: 1100px !important;     /* 最大内容宽度1100px */
        margin: 0 auto !important;
    }
    
    /* 6.3 文章段落字体 - 继续放大 */
    .pNC p, .pAC p {
        font-size: 1.4em !important;      /* 字体放大50% */
        line-height: 2.0 !important;      /* 行高增加到2.1 */
    }
    
    /* 5.4 文章小标题字体 - 放大60% */
    .pNC .ptitle, .pAC .ptitle {
        font-size: 1.5em !important;
		margin-bottom: 23px !important;
    }
	
    /* 6.41 作者信息字体 - 放大50% */
    .pNC span[style*="color: rgb(204, 0, 0)"],
    .pAC span[style*="color: rgb(204, 0, 0)"] {
        font-size: 1.4em !important;
		display: block !important;
        margin: 1.3em 0 0.2em 0 !important;
        color: rgb(204, 0, 0) !important;
    }
    
    /* 6.5 列表标题字体 - 放大55% */
    #biaoti {
        font-size: 1.5em !important;
        padding: 0.3em 0 !important;     /* 内边距增加 */
    }
	
	/* 6.51 列表页字体 - 放大15% */
    .ui-btn-text, 
    .ui-btn-text .ui-link-inherit,
    #p_news .ui-listview li a,
    #i_news .ui-listview li a {
        font-size: 1.15em !important;
    }
	
    /* 6.6 菜单栏字体 - 放大25% */
    #nav .ui-btn-inner {
        font-size: 1.25em !important;
    }
	
	/* 5.8 首页标题大小 - 放大50% */
    .i_tl_a {
        font-size: 1.6em !important;
		line-height: 1.5 !important;
    }
    
    /* 5.9 首页更多按钮 - 放大5% */
    .i_tl_b.fr {
        font-size: 1.3em !important;
    }
	
	/* 3.13 覆盖图片的上下间距 */
    .pNC img,
    .pAC img {
        position: relative;
        top: 3px !important;  /* 所有图片向下移动4px */
    }
    
    /* 6.7 大屏幕分页组件优化 */
    .pages {
        width: 210px !important;          /* 宽度210px */
        margin: 11px auto !important;     /* 外边距38px */
        padding: 0 12px !important;       /* 容器内边距12px */
    }
    
    .pages span {
        font-size: 23px !important;       /* 字体23px */
        line-height: 37px !important;     /* 行高37px */
        height: 37px !important;          /* 高度37px */
        padding: 0 18px !important;       /* 数字间距18px */
    }
    
    .left, .right {
        height: 35px !important;          /* 箭头高度35px */
        line-height: 35px !important;     /* 行高35px */
        width: 31px !important;           /* 箭头宽度31px */
        margin: 0 7px !important;         /* 箭头间距7px */
    }
	
	#b_tel {
        background-size: 40px 24px !important;
    }
	
    #b_mail {
        background-size: 36px 22px !important;
    }
    
    #b_back {
        background-size: 22px 30px !important;
    }
}

/* ==================== 6. 大屏幕电脑 (360:1440) ==================== */
/* 针对：15-24寸大显示器、iMac */
@media all and (min-width: 1440px) and (max-width: 1498px) {

    /* 6.1 布局宽度 - 适当缩小比例 */
    #top, #bottom, #main, #search, #nav {
        width: 70% !important;            /* 宽度80% */
        max-width: 1000px !important;     /* 最大宽度1600px */
        margin: 0 auto !important;
    }

:root {
     /* 顶部按钮位置调节 - 电脑专用 */
        --button-offset-y: -3px; /* 负值向上移动，正值向下移动 */
        --button-offset-x: 19px; /* 负值向左移动，正值向右移动 */
        
     /* Logo位置独立调节 - 手机专用 */
        --logo-offset-y: 0px; /* 负值向上移动，正值向下移动 */
        --logo-offset-x: 0px; /* 负值向左移动，正值向右移动 */
	}
	
	/* 第一个元素的上间距 */
    .pNC > :first-child,
    .pAC > :first-child {
    margin-top: 32px !important;
    }
	
		/* 菜单栏下边距调节 */
	 [data-role="page"] #nav {
        margin-bottom: 10px !important;
        margin-top: 0px !important;
    }

    /* 6.2 文章内边距和宽度限制 */
    .pNC, .pAC {
        padding-left: 55px !important;    /* 左内边距70px */
        padding-right: 55px !important;   /* 右内边距70px */
        max-width: 1100px !important;     /* 最大内容宽度1100px */
        margin: 0 auto !important;
    }
    
    /* 6.3 文章段落字体 - 继续放大 */
    .pNC p, .pAC p {
        font-size: 1.4em !important;      /* 字体放大50% */
        line-height: 2.0 !important;      /* 行高增加到2.1 */
    }
    
    /* 5.4 文章小标题字体 - 放大60% */
    .pNC .ptitle, .pAC .ptitle {
        font-size: 1.5em !important;
		margin-bottom: 23px !important;
    }
	
    /* 6.41 作者信息字体 - 放大50% */
    .pNC span[style*="color: rgb(204, 0, 0)"],
    .pAC span[style*="color: rgb(204, 0, 0)"] {
        font-size: 1.4em !important;
		display: block !important;
        margin: 1.3em 0 0.2em 0 !important;
        color: rgb(204, 0, 0) !important;
    }
    
    /* 6.5 列表标题字体 - 放大55% */
    #biaoti {
        font-size: 1.5em !important;
        padding: 0.3em 0 !important;     /* 内边距增加 */
    }
	
	/* 6.51 列表页字体 - 放大15% */
    .ui-btn-text, 
    .ui-btn-text .ui-link-inherit,
    #p_news .ui-listview li a,
    #i_news .ui-listview li a {
        font-size: 1.15em !important;
    }
	
    /* 6.6 菜单栏字体 - 放大25% */
    #nav .ui-btn-inner {
        font-size: 1.25em !important;
    }
	
	/* 5.8 首页标题大小 - 放大50% */
    .i_tl_a {
        font-size: 1.6em !important;
		line-height: 1.5 !important;
    }
    
    /* 5.9 首页更多按钮 - 放大5% */
    .i_tl_b.fr {
        font-size: 1.3em !important;
    }
	
	/* 3.13 覆盖图片的上下间距 */
    .pNC img,
    .pAC img {
        position: relative;
        top: 3px !important;  /* 所有图片向下移动4px */
    }
    
    /* 6.7 大屏幕分页组件优化 */
    .pages {
        width: 210px !important;          /* 宽度210px */
        margin: 11px auto !important;     /* 外边距38px */
        padding: 0 12px !important;       /* 容器内边距12px */
    }
    
    .pages span {
        font-size: 23px !important;       /* 字体23px */
        line-height: 37px !important;     /* 行高37px */
        height: 37px !important;          /* 高度37px */
        padding: 0 18px !important;       /* 数字间距18px */
    }
    
    .left, .right {
        height: 35px !important;          /* 箭头高度35px */
        line-height: 35px !important;     /* 行高35px */
        width: 31px !important;           /* 箭头宽度31px */
        margin: 0 7px !important;         /* 箭头间距7px */
    }
	
	#b_tel {
        background-size: 40px 24px !important;
    }
	
    #b_mail {
        background-size: 36px 22px !important;
    }
    
    #b_back {
        background-size: 22px 30px !important;
    }
}

/* ==================== 6. 大屏幕电脑 (edge:1680) ==================== */
/* 针对：15-24寸大显示器、iMac */
@media all and (min-width: 1500px) and (max-width: 1679px) {

    /* 6.1 布局宽度 - 适当缩小比例 */
    #top, #bottom, #main, #search, #nav {
        width: 70% !important;            /* 宽度80% */
        max-width: 1600px !important;     /* 最大宽度1600px */
        margin: 0 auto !important;
    }
	
	/* 第一个元素的上间距 */
    .pNC > :first-child,
    .pAC > :first-child {
    margin-top: 35px !important;
    }

:root {
     /* 顶部按钮位置调节 - 电脑专用 */
        --button-offset-y: -3px; /* 负值向上移动，正值向下移动 */
        --button-offset-x: 24px; /* 负值向左移动，正值向右移动 */
        
        /* Logo位置独立调节 - 手机专用 */
        --logo-offset-y: 0px; /* 负值向上移动，正值向下移动 */
        --logo-offset-x: 0px; /* 负值向左移动，正值向右移动 */
	}
	
		/* 菜单栏下边距调节 */
	 [data-role="page"] #nav {
        margin-bottom: 10px !important;
        margin-top: 0px !important;
    }

    /* 6.2 文章内边距和宽度限制 */
    .pNC, .pAC {
        padding-left: 50px !important;    /* 左内边距70px */
        padding-right: 50px !important;   /* 右内边距70px */
        max-width: 1100px !important;     /* 最大内容宽度1100px */
        margin: 0 auto !important;
    }
    
    /* 6.3 文章段落字体 - 继续放大 */
    .pNC p, .pAC p {
        font-size: 1.58em !important;      /* 字体放大50% */
        line-height: 2.0 !important;      /* 行高增加到2.1 */
    }
    
    /* 5.4 文章小标题字体 - 放大60% */
    .pNC .ptitle, .pAC .ptitle {
        font-size: 1.68em !important;
		margin-bottom: 23px !important;
    }
	
    /* 6.41 作者信息字体 - 放大50% */
    .pNC span[style*="color: rgb(204, 0, 0)"],
    .pAC span[style*="color: rgb(204, 0, 0)"] {
        font-size: 1.58em !important;
		display: block !important;
        margin: 1.2em 0 0.3em 0 !important;
        color: rgb(204, 0, 0) !important;
    }
    
    /* 6.5 列表标题字体 - 放大55% */
    #biaoti {
        font-size: 1.5em !important;
        padding: 0.35em 0 !important;     /* 内边距增加 */
    }
	
	/* 6.51 列表页字体 - 放大15% */
    .ui-btn-text, 
    .ui-btn-text .ui-link-inherit,
    #p_news .ui-listview li a,
    #i_news .ui-listview li a {
        font-size: 1.15em !important;
    }
	
    /* 6.6 菜单栏字体 - 放大25% */
    #nav .ui-btn-inner {
        font-size: 1.25em !important;
    }
	
	/* 5.8 首页标题大小 - 放大50% */
    .i_tl_a {
        font-size: 1.6em !important;
		line-height: 1.5 !important;
    }
    
    /* 5.9 首页更多按钮 - 放大5% */
    .i_tl_b.fr {
        font-size: 1.3em !important;
    }
	
	/* 3.13 覆盖图片的上下间距 */
    .pNC img,
    .pAC img {
        position: relative;
        top: 4.5px !important;  /* 所有图片向下移动4px */
    }
	    
    /* 6.7 大屏幕分页组件优化 */
    .pages {
        width: 210px !important;          /* 宽度210px */
        margin: 11px auto !important;     /* 外边距38px */
        padding: 0 12px !important;       /* 容器内边距12px */
    }
    
    .pages span {
        font-size: 23px !important;       /* 字体23px */
        line-height: 37px !important;     /* 行高37px */
        height: 37px !important;          /* 高度37px */
        padding: 0 18px !important;       /* 数字间距18px */
    }
    
    .left, .right {
        height: 35px !important;          /* 箭头高度35px */
        line-height: 35px !important;     /* 行高35px */
        width: 31px !important;           /* 箭头宽度31px */
        margin: 0 7px !important;         /* 箭头间距7px */
    }
	
	#b_tel {
        background-size: 40px 24px !important;
    }
	
    #b_mail {
        background-size: 36px 22px !important;
    }
    
    #b_back {
        background-size: 22px 30px !important;
    }
}
/* ==================== 6. 大屏幕电脑 (edge:1920) ==================== */
/* 针对：15-24寸大显示器、iMac */
@media all and (min-width: 1680px) and (max-width: 1919px) {

    /* 6.1 布局宽度 - 适当缩小比例 */
    #top, #bottom, #main, #search, #nav {
        width: 66% !important;            /* 宽度80% */
        max-width: 1600px !important;     /* 最大宽度1600px */
        margin: 0 auto !important;
    }

:root {
     /* 顶部按钮位置调节 - 电脑专用 */
        --button-offset-y: -3px; /* 负值向上移动，正值向下移动 */
        --button-offset-x: 30px; /* 负值向左移动，正值向右移动 */
        
        /* Logo位置独立调节 - 手机专用 */
        --logo-offset-y: 0px; /* 负值向上移动，正值向下移动 */
        --logo-offset-x: 0px; /* 负值向左移动，正值向右移动 */
	}
	
	/* 第一个元素的上间距 */
    .pNC > :first-child,
    .pAC > :first-child {
    margin-top: 35px !important;
    }
	
	/* 菜单栏下边距调节 */
	 [data-role="page"] #nav {
        margin-bottom: 10px !important;
        margin-top: 0px !important;
    }
	
    /* 6.2 文章内边距和宽度限制 */
    .pNC, .pAC {
        padding-left: 10px !important;    /* 左内边距70px */
        padding-right: 10px !important;   /* 右内边距70px */
        max-width: 1100px !important;     /* 最大内容宽度1100px */
        margin: 0 auto !important;
    }
    
    /* 6.3 文章段落字体 - 继续放大 */
    .pNC p, .pAC p {
        font-size: 1.7em !important;      /* 字体放大50% */
        line-height: 2.0!important;      /* 行高增加到2.1 */
    }
    
    /* 5.4 文章小标题字体 - 放大60% */
    .pNC .ptitle, .pAC .ptitle {
        font-size: 1.8em !important;
		margin-bottom: 23px !important;
    }
	
    /* 6.41 作者信息字体 - 放大50% */
    .pNC span[style*="color: rgb(204, 0, 0)"],
    .pAC span[style*="color: rgb(204, 0, 0)"] {
        font-size: 1.7em !important;
        display: block !important;
        margin: 1.0em 0 0.2em 0 !important;
        color: rgb(204, 0, 0) !important;
    }
    
    /* 6.5 列表标题字体 - 放大55% */
    #biaoti {
        font-size: 1.55em !important;
        padding: 0.35em 0 !important;     /* 内边距增加 */
    }
	
	/* 6.51 列表页字体 - 放大15% */
    .ui-btn-text, 
    .ui-btn-text .ui-link-inherit,
    #p_news .ui-listview li a,
    #i_news .ui-listview li a {
        font-size: 1.25em !important;
    }
	
    /* 6.6 菜单栏字体 - 放大25% */
    #nav .ui-btn-inner {
        font-size: 1.25em !important;
    }
	
	/* 5.8 首页标题大小 - 放大50% */
    .i_tl_a {
        font-size: 1.8em !important;
		line-height: 1.5 !important;
    }
	
    
    /* 5.9 首页更多按钮 - 放大5% */
    .i_tl_b.fr {
        font-size: 1.45em !important;
    }
	    
	/* 3.13 覆盖图片的上下间距 */
    .pNC img,
    .pAC img {
        position: relative;
        top: 4px !important;  /* 所有图片向下移动4px */
    }
	
    /* 6.7 大屏幕分页组件优化 */
    .pages {
        width: 210px !important;          /* 宽度210px */
        margin: 38px auto !important;     /* 外边距38px */
        padding: 0 12px !important;       /* 容器内边距12px */
    }
    
    .pages span {
        font-size: 23px !important;       /* 字体23px */
        line-height: 37px !important;     /* 行高37px */
        height: 37px !important;          /* 高度37px */
        padding: 0 18px !important;       /* 数字间距18px */
    }
    
    .left, .right {
        height: 35px !important;          /* 箭头高度35px */
        line-height: 35px !important;     /* 行高35px */
        width: 31px !important;           /* 箭头宽度31px */
        margin: 0 7px !important;         /* 箭头间距7px */
    }
	
	#b_tel {
        background-size: 46px 28px !important;
    }
	
    #b_mail {
        background-size: 40px 26px !important;
    }
    
    #b_back {
        background-size: 26px 33px !important;
    }
}

/* ==================== 7. 2K屏幕 (360的1920-2559px) ==================== */
/* 针对：1920×1080全高清、2K分辨率显示器 */
@media all and (min-width: 1920px) and (max-width: 2559px) {

    /* 7.1 布局宽度 - 进一步缩小比例 */
    #top, #bottom, #main, #search, #nav {
        width: 66% !important;            /* 宽度75% */
        max-width: 1800px !important;     /* 最大宽度1800px */
        margin: 0 auto !important;
    }

:root {
     /* 顶部按钮位置调节 - 电脑专用 */
        --button-offset-y: -3px; /* 负值向上移动，正值向下移动 */
        --button-offset-x: 30px; /* 负值向左移动，正值向右移动 */
        
        /* Logo位置独立调节 - 手机专用 */
        --logo-offset-y: 0px; /* 负值向上移动，正值向下移动 */
        --logo-offset-x: 0px; /* 负值向左移动，正值向右移动 */
		
		/* 菜单栏调节 */
        --nav-margin-top: 0px;
        --nav-margin-bottom: 20px;
    }
	
     /* 菜单栏下边距调节 */
    [data-role="page"] #nav {
        margin-bottom: 10px !important;
        margin-top: 0px !important;
    }
    
    /* 7.2 文章内边距和宽度限制 */
    .pNC, .pAC {
        padding-left: 45px !important;    /* 左内边距80px */
        padding-right: 45px !important;   /* 右内边距80px */
        max-width: 1200px !important;     /* 最大内容宽度1200px */
        margin: 0 auto !important;
    }
    
    /* 7.3 文章段落字体和行高优化 */
    .pNC p, .pAC p {
        font-size: 1.75em !important;     /* 字体放大55% */
        line-height: 2.0 !important;
    }
    
    /* 5.4 文章小标题字体 - 放大60% */
    .pNC .ptitle, .pAC .ptitle {
        font-size: 1.9em !important;
    }
	
	/* 7.41 作者信息字体 - 放大50% */
    .pNC span[style*="color: rgb(204, 0, 0)"],
    .pAC span[style*="color: rgb(204, 0, 0)"] {
        font-size: 1.8em !important;
    }
    
    /* 7.5 列表标题字体 - 放大60% */
    #biaoti {
        font-size: 1.7em !important;
        padding: 0.4em 0 !important;      /* 内边距增加 */
    }
	
    /* 7.51 列表页字体 - 放大15% */
    .ui-btn-text, 
    .ui-btn-text .ui-link-inherit,
    #p_news .ui-listview li a,
    #i_news .ui-listview li a {
        font-size: 1.3em !important;
    }
		
    /* 7.6 菜单栏字体 - 放大30% */
    #nav .ui-btn-inner {
        font-size: 1.3em !important;
    }
    
	/* 5.8 首页标题大小 - 放大50% */
    .i_tl_a {
        font-size: 1.9em !important;
		line-height: 1.5 !important;
    }
    
    /* 5.9 首页更多按钮 - 放大5% */
    .i_tl_b.fr {
        font-size: 1.6em !important;
    }
	
	/* 3.13 覆盖图片的上下间距 */
    .pNC img,
    .pAC img {
        position: relative;
        top: 4px !important;  /* 所有图片向下移动4px */
    }
	
	    /* 6.7 大屏幕分页组件优化 */
    .pages {
        width: 210px !important;          /* 宽度210px */
        margin: 11px auto !important;     /* 外边距38px */
        padding: 0 12px !important;       /* 容器内边距12px */
    }
    
    .pages span {
        font-size: 23px !important;       /* 字体23px */
        line-height: 37px !important;     /* 行高37px */
        height: 37px !important;          /* 高度37px */
        padding: 0 18px !important;       /* 数字间距18px */
    }
    
    .left, .right {
        height: 35px !important;          /* 箭头高度35px */
        line-height: 35px !important;     /* 行高35px */
        width: 31px !important;           /* 箭头宽度31px */
        margin: 0 7px !important;         /* 箭头间距7px */
    }
	
	#b_tel {
        background-size: 46px 32px !important;
    }
	
    #b_mail {
        background-size: 40px 30px !important;
    }
    
    #b_back {
        background-size: 26px 36px !important;
    }
}

/* ==================== 8. 4K/超宽屏 (2560px以上) ==================== */
/* 针对：4K显示器、5K iMac、超宽屏 */
@media all and (min-width: 2560px) and (max-width: 3840px) {


    /* 7.1 布局宽度 - 进一步缩小比例 */
    #top, #bottom, #main, #search, #nav {
        width: 66% !important;            /* 宽度75% */
        max-width: 1800px !important;     /* 最大宽度1800px */
        margin: 0 auto !important;
    }

:root {
     /* 顶部按钮位置调节 - 电脑专用 */
        --button-offset-y: -3px; /* 负值向上移动，正值向下移动 */
        --button-offset-x: 30px; /* 负值向左移动，正值向右移动 */
        
        /* Logo位置独立调节 - 手机专用 */
        --logo-offset-y: -1px; /* 负值向上移动，正值向下移动 */
        --logo-offset-x: 0px; /* 负值向左移动，正值向右移动 */
		
		/* 菜单栏调节 */
        --nav-margin-top: 0px;
        --nav-margin-bottom: 20px;
    }
	
     /* 菜单栏下边距调节 */
    [data-role="page"] #nav {
        margin-bottom: 10px !important;
        margin-top: 0px !important;
    }
    
    /* 7.2 文章内边距和宽度限制 */
    .pNC, .pAC {
        padding-left: 45px !important;    /* 左内边距80px */
        padding-right: 45px !important;   /* 右内边距80px */
        max-width: 1200px !important;     /* 最大内容宽度1200px */
        margin: 0 auto !important;
    }
    
    /* 7.3 文章段落字体和行高优化 */
    .pNC p, .pAC p {
        font-size: 1.75em !important;     /* 字体放大55% */
        line-height: 2.0 !important;
    }
    
    /* 5.4 文章小标题字体 - 放大60% */
    .pNC .ptitle, .pAC .ptitle {
        font-size: 1.9em !important;
    }
	
	/* 7.41 作者信息字体 - 放大50% */
    .pNC span[style*="color: rgb(204, 0, 0)"],
    .pAC span[style*="color: rgb(204, 0, 0)"] {
        font-size: 1.8em !important;
    }
    
    /* 7.5 列表标题字体 - 放大60% */
    #biaoti {
        font-size: 1.7em !important;
        padding: 0.4em 0 !important;      /* 内边距增加 */
    }
	
    /* 7.51 列表页字体 - 放大15% */
    .ui-btn-text, 
    .ui-btn-text .ui-link-inherit,
    #p_news .ui-listview li a,
    #i_news .ui-listview li a {
        font-size: 1.3em !important;
    }
		
    /* 7.6 菜单栏字体 - 放大30% */
    #nav .ui-btn-inner {
        font-size: 1.3em !important;
    }
    
	/* 5.8 首页标题大小 - 放大50% */
    .i_tl_a {
        font-size: 1.9em !important;
		line-height: 1.5 !important;
    }
    
    /* 5.9 首页更多按钮 - 放大5% */
    .i_tl_b.fr {
        font-size: 1.6em !important;
    }
	
	/* 3.13 覆盖图片的上下间距 */
    .pNC img,
    .pAC img {
        position: relative;
        top: 4px !important;  /* 所有图片向下移动4px */
    }
	
	    /* 6.7 大屏幕分页组件优化 */
    .pages {
        width: 210px !important;          /* 宽度210px */
        margin: 11px auto !important;     /* 外边距38px */
        padding: 0 12px !important;       /* 容器内边距12px */
    }
    
    .pages span {
        font-size: 23px !important;       /* 字体23px */
        line-height: 37px !important;     /* 行高37px */
        height: 37px !important;          /* 高度37px */
        padding: 0 18px !important;       /* 数字间距18px */
    }
    
    .left, .right {
        height: 35px !important;          /* 箭头高度35px */
        line-height: 35px !important;     /* 行高35px */
        width: 31px !important;           /* 箭头宽度31px */
        margin: 0 7px !important;         /* 箭头间距7px */
    }
	
	#b_tel {
        background-size: 46px 32px !important;
    }
	
    #b_mail {
        background-size: 40px 30px !important;
    }
    
    #b_back {
        background-size: 26px 36px !important;
    }
}

/* ==================== 9. 字体保护设置 ==================== */
/* 防止jQuery Mobile等框架覆盖文章区域的字体设置 */
@media all and (min-width: 768px) {
    .pNC *, .pAC * {
        font-family: inherit !important;  /* 强制继承父元素字体设置 */
    }
}

