@charset "utf-8";
/* CSS Document 
 2025年7月8日 更新img内容，全站图片大小控制，限制大图片超出浏览器显示
 2026年1月23日 更新导航及内容部分的显示样式
*/

body,html {
	background: #fff;
	color: #333;
	margin-top: 0;
}
table {
	table-layout: fixed;
}
tr:nth-child(even) {
	background: #f4f4f4;
}
th,td {
	padding: 0.1em 0.5em;
}
th {
	text-align: left;
	font-weight: bold;
	background: #F1F1F1;
	border-bottom: 1px solid #aaa;
}

/* 针对背景图片的控制 */
.image-background {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    max-width: 70vw;
    max-height: 80vh;
}
.menu {
	height: 55px;
	font-weight: bold;
	font-size: 22px;
}
.DHTop {
	height:65px;
	text-align: center;
	font-size: 24px;
}
.DHTitle {
	display: flex;
	width: 80%;
	#justify-content: center; /* 设置为居中显示 */
	#align-items: center;
	margin: 0 auto;
	max-width: 1440px;
	#line-height: 300%;
	text-align: center;
	font-size: 48px;
	font-weight: bold;
	#background-color: #fdf3f3;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}
.DHTitleImg {
	height: 60px;
	vertical-align: middle; 
	align-self: center;
}
.DHMenu {
	text-align: center;
	font-size: 26px;
}
.DHImg {
	height: 30px;
	vertical-align: middle; 
}
#DHlist {
	border: 1px solid #aaa;
	width: 80%;
	max-width: 1440px;
	margin: 0 auto; /* 水平居中 */
}
#list {
	border: 1px solid #aaa;
	width: 100%;
}
.link {
	height: 45px;
	text-overflow: '>';
	overflow: hidden;
	font-weight: bold;
	font-size: 22px;
}
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #00F;
	text-decoration: underline;
}
a:active {
	color: #F00;
	text-decoration: underline;
}
a, img {
	border: none;
}
h1 {
	margin: 0;
}
.button {
	background-color: #C0C0C0;
	border-bottom: #7f9db9 1px solid;
	border-left: #7f9db9 1px solid;
	border-right: #7f9db9 1px solid;
	border-top: #7f9db9 1px solid;
}
.textfieldStyle {
	text-align: center;
	height: 28px;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
.tabTitle {
	padding-left: 12px;
}
.docTitle {
	font-weight: bold;
	font-size: 24px;
}
.docContent {
	#line-height: 150%;
	line-height: 32px;
	padding-right: 12px;
	padding-left: 12px;
	word-wrap:break-word;
	word-break:break-all;
	#font-size: 1.2rem;
}
.navigationList {
	line-height: 200%;
	font-size: 20px;
}
.redwords {
	color: #F00;
}
.redkeyword {
	font-weight: bold;
	color: #F00;
}
.bluekeyword {
	font-weight: bold;
	color: #00F;
}

select{
	height: 30px;
	background: transparent;
	border: 1px solid #0f2d2d;
	border-radius: 6px;
}

.textareaCSS {
	font-size: 20px;
	background: transparent;
	border: 1px solid #0f2d2d;
	border-radius: 6px;
}

.inputCSS {
	font-size: 20px;
	background: transparent;
	border: 1px solid #0f2d2d;
	border-radius: 6px;
}

input[type="text"]
{
	height: 36px;
	font-size: 20px;
	background: transparent;
	border: 1px solid #0f2d2d;
	border-radius: 6px;
	text-align: center;
}

input[type="datetime-local"]
{
	height: 36px;
	font-size: 20px;
	width: 300px;
	background: transparent;
	border: 1px solid #0f2d2d;
	border-radius: 6px;
	text-align: center;
}

input[type="password"]
{
	height: 36px;
	font-size: 20px;
	background: transparent;
	border: 1px solid #0f2d2d;
	border-radius: 6px;
	text-align: center;
}

input[type="number"]
{
	height: 36px;
	font-size: 20px;
	background: transparent;
	border: 1px solid #0f2d2d;
	border-radius: 6px;
	text-align: center;
}

input[type="submit"]
{
	height: 36px;
	font-size: 20px;
	background: transparent;
	border: 1px solid #0f2d2d;
	border-radius: 6px;
	background: #f4f4f4;
}

input[type="reset"]
{
	height: 36px;
	font-size: 20px;
	background: transparent;
	border: 1px solid #0f2d2d;
	border-radius: 6px;
	background: #f4f4f4;
}

input[type="button"]
{
	height: 36px;
	font-size: 20px;
	background: transparent;
	border: 1px solid #0f2d2d;
	border-radius: 6px;
	background: #f4f4f4;
}

.article-card {
	border-radius: 10px;
	padding-top: 0.1rem;
	padding-right: 1.5rem;
	padding-bottom: 0.2rem;
	padding-left: 1.5rem;
	margin-top: 0.8rem;
	margin-bottom: 0.8rem;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease;
	border-left: 5px solid #3498db;
}
.article-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}
.article-title {
	font-size: 1.5rem;
	color: #2c3e50;
	margin-top: 0.8rem;
	margin-bottom: 0.8rem;
}
.article-meta {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1.2rem;
	color: #7f8c8d;
	font-size: 0.9rem;
}
.article-summary {
    color: #555;
    line-height: 1.7;
    font-size: 1.05rem;
}
.meta-item {
	margin-right: 1.5rem;
	display: flex;
	align-items: center;
}
.meta-item i {
	margin-right: 0.5rem;
}
/* 分页样式 */
.pagination {
    display: flex;
    justify-content: center;
    margin: 1.2rem 0;
    flex-wrap: wrap;
}
.pagination a, .pagination span {
    display: inline-block;
    padding: 0.6rem 1rem;
    margin: 0.2rem;
    background: white;
    color: #3498db;
    text-decoration: none;
    border-radius: 5px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
    border: 1px solid #eaeaea;
}
.pagination a:hover {
    background: #3498db;
    color: white;
    transform: translateY(-2px);
}
.pagination .current {
    background: #3498db;
    color: white;
    font-weight: 600;
}
.pagination .disabled {
    color: #bdc3c7;
    cursor: not-allowed;
}
.pagination .disabled:hover {
    background: white;
    color: #bdc3c7;
    transform: none;
}


:root {
    --rotate-icon-filter-light: none;
    --rotate-icon-filter-dark: invert(1) brightness(2);
}
/* 图标深浅色自适应 */
.column-icon {
    width: 30px;
    filter: var(--rotate-icon-filter, var(--rotate-icon-filter-light));
    transition: filter 0.3s ease;
	vertical-align: middle;
}
.article-icon {
    width: 20px;
    filter: var(--rotate-icon-filter, var(--rotate-icon-filter-light));
    transition: filter 0.3s ease;
	vertical-align: middle;
}
.radio-icon {
    width: 25px;
    filter: var(--rotate-icon-filter, var(--rotate-icon-filter-light));
    transition: filter 0.3s ease;
	vertical-align: middle;
}
/*针对特定ID的样式设置*/

/* 监听操作系统主题深色模式 */
@media (prefers-color-scheme: dark) {
	body,html {
		background: #0F0F0F;
		color: #F1F1F1;
	}
    :root {
        --rotate-icon-filter: var(--rotate-icon-filter-dark);
    }
	tr:nth-child(even) {
		background: #272727;
	}
	th {
		text-align: left;
		font-weight: bold;
		background: #272727;
		border-bottom: 1px solid #aaa;
	}
	#h1 {
		background: #555555;
		width: 80%;
		max-width: 1440px;
		margin: 0 auto;
	}
	.DHTitle {
		background-color: #555555;
	}
	a:link {
		color: #F1F1F1;
		text-decoration: none;
	}
	a:visited {
		color: #F1F1F1;
		text-decoration: none;
	}
	a:hover {
		color: #d2d2d2;
		text-decoration: underline;
	}
	a:active {
		color: #00F;
		text-decoration: underline;
	}
	a, img {
		border: none;
	}
	.textareaCSS {
		color: #FFF;
		border: 1px solid #0f2d2d;
		border-radius: 6px;
		border-color: #FFF;
	}
	input[type="text"]
	{
		border: 1px solid #0f2d2d;
		border-radius: 6px;
		border-color: #FFF;
		color: #FFF;
		background: transparent;
	}

	input[type="datetime-local"]
	{
		border: 1px solid #0f2d2d;
		border-radius: 6px;
		border-color: #FFF;
		color: #FFF;
		background: #333;
	}

	input[type="password"]
	{
		border: 1px solid #0f2d2d;
		border-radius: 6px;
		border-color: #FFF;
		color: #FFF;
		background: transparent;
	}
	input[type="number"]
	{
		border: 1px solid #0f2d2d;
		border-radius: 6px;
		border-color: #FFF;
		color: #FFF;
		background: transparent;
	}
	input[type="submit"]
	{
		border: 1px solid #0f2d2d;
		border-radius: 6px;
		border-color: #FFF;
		background: #444;
		color: #FFF;
	}
	input[type="reset"]
	{
		border: 1px solid #0f2d2d;
		border-radius: 6px;
		border-color: #FFF;
		background: #444;
		color: #FFF;
	}
	input[type="button"]
	{
		border: 1px solid #0f2d2d;
		border-radius: 6px;
		border-color: #FFF;
		background: #444;
		color: #FFF;
	}
	select{
		background: #444;
		color: #FFF;
		border-color: #FFF;
	}
	.article-card {
		border-left: 5px solid #fafafa;
	}
	.article-summary {
		color: #e0efed;
	}
	.meta-item {
		color: #e0efed;
	}
	.pagination a, .pagination span{
		background: #0f0f0f;
		border: 1px solid #e0efed;
		color: #ffffff;
	}
}

/* 大桌面 */
@media (min-width: 1440px) { 
	/* 针对2K/3K屏优化 */
	.docContent {
		font-size: 1.25rem;
	}
}

/* 超大屏 */
@media (min-width: 1920px) {
	/* 针对4K屏优化 */

}

/*定义竖屏 css*/
@media screen and (orientation:portrait){
	input[type="text"]
	{
		width: 100%;
	}
	#DHlist {
		width: 98%;
	}
	.DHTitle {
		width: 98%;
		font-size: 26px;
		padding-top: 1.0em;
		padding-bottom: 0.8em;
	}
	.DHTitleImg {
		height: 30px;
	}
	.DHImg {
		height: 22px;
	}
	.DHMenu {
		font-size: 18px;
	}
	#h1 {
		width: 98%;
		font-size: 24px;
		line-height: 260%;
	}
	.link {
		height: 40px;
		text-overflow: '>';
		overflow: hidden;
		font-weight: bold;
		font-size: 18px;
	}
	.navigationList {
		line-height: 120%;
		font-size: 18px;
	}
	.article-card {
		padding-right: 1.0rem;
		padding-left: 1.0rem;
	}
	.article-title {
		font-size: 1.2rem;
	}
	.article-summary {
		line-height: 1.5;
		font-size: 0.8rem;
	}
	.article-meta {
		margin-bottom: 0.8rem;
	}
	.column-icon {
		width: 24px;
	}
}

/*定义横屏 css*/
@media screen and (orientation:landscape){
	
}

/*定义竖屏 手机 css*/
@media screen and (orientation:portrait) and (max-device-width:400px) and (max-device-height:800px){
	input[type="text"]
	{
		width: 100%;
	}
}

/*定义横屏 PC css*/
@media screen and (orientation:landscape) and (max-device-width:800px) and (max-device-height:600px) {

}