@charset "utf-8";

html {
-webkit-text-size-adjust: none;
}
*{
	margin: 0;
	padding: 0;
}
ol, ul {
	list-style: none;
}
img {
	border: 0;
	height: auto;
	width: 100%;
		display:block;
		margin: 0 auto;
}

body {
	font-family: "Microsoft Yahei", "冬青黑体简体中文 w3";
	font-size: 17px;
	letter-spacing: 0.8px;
	letter-spacing:1px;

	}
        
.content-text-tags {
    margin-top: 30px;
}

.article-tags a {
    display: inline-block;
    padding: 4px 7px 3px;
    margin: 0 4px 4px 0;
    color: #fff;
    font-size: 15px;
    background-color: #ec6149;
    opacity: 0.85;
    border-radius: 4px;
    text-decoration: none;
}
        
/* table */

table {  
  
     border-collapse: collapse;     
  width: -webkit-fill-available;
  margin-top: 28px;
  text-align: center;
}  

ol, ul {
    margin-bottom: 30px;
}

caption {  
  
     font-size: larger;  
  
     margin: 1em auto;  
  
}  
  
th,td {  
  
     padding: .65em;  
  
}  
  
th {  
  
   border: 1px solid #777;  
  
   color: #a70404;  
  
}  
  
td {  
  
     border: 1px solid#777;  
  
}  

tbody tr:nth-child(odd) {  
  
     background: #f5f5f5;  
  
}  

.content-typesetting table {
    margin: 40px 0;
    border-collapse: collapse;
    width: 100%;
    text-align: center;
}

.content-typesetting th {
color: #000;
    background: #ffdaa0;
    font-weight: 700;
    width: 50%;
    white-space: nowrap;
    text-align: center;
}

/* table end */


#wpdcom .wpd-comment-text p{
    margin-top: 0px;
}
        
@media only screen and (min-width: 1200px) {
body{background:#d8d8d8 url(../../static/images/bga.png) no-repeat;background-size:100% auto;background-position:0 0;}

}
a {
	color: #222222;
	font-size: 17px;
	text-decoration: none;

}
.content-text a {
	color: blue;
	font-size: 17px;
	text-decoration: none;

}
a:hover {
	color: #2b8aff;
}
::selection{background:#f37800;color:#fff;}

/* 顶部电话 CTA：默认隐藏（移动端） */
.top-call-cta{display:none}

/* 确保1200px以下完全使用移动端视觉样式 */
@media only screen and (max-width: 1199px) {
    /* 移除桌面端背景图，使用纯色背景 */
    body {
        background: #ffffff !important;
        background-image: none !important;
    }
    
    /* Footer使用移动端浅色背景 */
    #dibu-main {
        background: #f8f8f8 !important;
        border-top: 1px solid #dcdbdb !important;
        padding: 9px 0px !important;
    }
    
    /* 主容器使用移动端样式 */
    #middle {
        background: #fff !important;
        border-top: none !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }
    
    /* 确保所有背景图片在移动端不显示 */
    .gallery img {
        background: none !important;
    }
    
    /* 404页面背景色 */
    .c404 {
        background: #23456b !important;
    }
    
    /* 搜索框在移动端隐藏 */
    .search {
        display: none !important;
    }
    
    /* 搜索按钮样式 */
    .btd {
        background: #f37800 !important;
    }
    
    /* 导航栏确保正确的背景色 */
    #header-nav {
        background: #23456b !important;
    }
    
    /* 确保内容区域背景正确 */
    .inte {
        background: #fff !important;
    }
    
    /* 重新设计专题区域 - 黑白灰简洁风格 */
    .necw {
        background: #ffffff !important;
        padding: 30px 0 !important;
        margin: 30px 0 !important;
        border-top: 2px solid #000000 !important;
        border-bottom: 1px solid #e0e0e0 !important;
    }
    
    .necw h2 {
        background: #000000 !important;
        color: #ffffff !important;
        width: auto !important;
        max-width: 200px !important;
        margin: 0 auto 25px auto !important;
        padding: 12px 24px !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        text-align: center !important;
        border: none !important;
        border-radius: 0 !important;
        letter-spacing: 1px !important;
    }
    
    .liaa {
        width: 90% !important;
        margin: 0 auto 20px auto !important;
        padding: 20px 0 !important;
        border: none !important;
        border-bottom: 1px solid #e0e0e0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 15px !important;
        overflow: visible !important;
    }
    
    .liaa:last-child {
        border-bottom: none !important;
    }
    
    .liaimg {
        flex: 0 0 100px !important;
        width: 100px !important;
        height: 100px !important;
        float: none !important;
        border: 2px solid #000000 !important;
        background: #f8f8f8 !important;
        overflow: hidden !important;
    }
    
    .liaimg img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 0 !important;
        filter: grayscale(20%) !important;
        transition: filter 0.3s ease !important;
    }
    
    .liaimg:hover img {
        filter: grayscale(0%) !important;
    }
    
    .liale {
        flex: 1 !important;
        width: auto !important;
        float: none !important;
        line-height: 1.4 !important;
    }
    
    .liale a {
        color: #333333 !important;
        font-weight: 600 !important;
        font-size: 16px !important;
        line-height: 1.4 !important;
        text-decoration: none !important;
        display: block !important;
        transition: color 0.3s ease !important;
    }
    
    .liale a:hover {
        color: #000000 !important;
    }
    
    /* 优化图片列表区域 - 添加图片边框与文字区分 */
    .we img {
        border: 2px solid #000000 !important;
        border-radius: 0 !important;
        margin-bottom: 15px !important;
        background: #f8f8f8 !important;
        padding: 2px !important;
        box-sizing: border-box !important;
    }
    
    .we .fwe {
        margin-top: 0 !important;
        color: #333333 !important;
        font-weight: 600 !important;
        font-size: 18px !important;
        line-height: 1.3 !important;
        margin-bottom: 8px !important;
    }
    
    .we .fwe:hover {
        color: #000000 !important;
    }
    
    .we p {
        color: #666666 !important;
        font-size: 14px !important;
        line-height: 1.4 !important;
        margin-top: 0 !important;
    }
    
    .we {
        border-bottom: 1px solid #e0e0e0 !important;
        padding: 20px 0 !important;
        margin-bottom: 0 !important;
    }
    
    .we:last-child {
        border-bottom: none !important;
    }
    
    /* 确保代码块背景正确 */
    pre code, code {
        background: #282b2f !important;
    }
    
    /* 确保按钮背景正确 */
    .wp-block-button {
        background: #0073aa !important;
    }
    
    /* 确保CTA样式正确 */
    .top-call-cta {
        background: #fff7cc !important;
        border: 1px solid #ffd666 !important;
    }
    
    /* 移动端隐藏子菜单和nav-container，恢复原始主菜单样式 */
    #header-sub-nav {
        display: none !important;
    }
    
    .nav-container {
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        overflow: visible !important;
        margin-top: 0 !important;
    }
    
    #header-nav {
        background: #23456b !important;
        border-radius: 3px !important;
        margin-top: 25px !important;
    }
}

.copyright {
    margin: 10px auto;
    margin-bottom: 15px;
    padding: 45px 60px 45px 60px;
    overflow: hidden;
    text-align: center;
}

.yarpp ol li{
    white-space: nowrap;
    overflow: hidden;
}

/* YARPP 列表：紧凑 li 间距 */
.yarpp.yarpp-related.yarpp-related-website.yarpp-template-list ol,
.yarpp.yarpp-related.yarpp-related-website.yarpp-template-list ul{
	margin: 10px 0;
}
.yarpp.yarpp-related.yarpp-related-website.yarpp-template-list li{
	margin: 4px 0;
	padding: 0;
	line-height: 1.5;
}

/* gallery background image path fix */
.gallery img {
    background:url(../../static/images/bg.gif) no-repeat;
    background-size: 100% auto;
}

/* bottom read icon path fix */
.bdf .yue{
    background: url(../../static/images/see.png) no-repeat;
    background-size: 22px auto;
}