﻿/* 基本样式 */
body {
    font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
    color: #333;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

/* 容器 */
.article-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}

/* 标题 */
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    color: #222;
    margin-top: 24px;
    margin-bottom: 16px;
}

    h1, h2, h3, h4, h5, h6 center{
        text-align:center;
    }
    h1 {
        font-size: 2.25em;
    }

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.5em;
}

h4 {
    font-size: 1.25em;
}

h5 {
    font-size: 1em;
}

h6 {
    font-size: 0.875em;
}

/* 段落 */
p {
    margin-top: 16px;
    margin-bottom: 16px;
}

/* 链接 */
a {
    color: #0066cc;
    text-decoration: none;
    transition: color 0.3s ease;
}

    a:hover {
        color: #004499;
        text-decoration: underline;
    }

/* 引用 */
blockquote {
    margin: 24px 0;
    padding-left: 20px;
    border-left: 4px solid #ddd;
}

/* 列表 */
ul, ol {
    margin-top: 16px;
    margin-bottom: 16px;
    padding-left: 24px;
}

li {
    margin-bottom: 8px;
}

/* 图片 */
img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 24px auto;
}

/* 代码块 */
pre {
    background-color: #f5f5f5;
    padding: 16px;
    margin: 24px 0;
    overflow: auto;
    border-radius: 4px;
}

code {
    font-family: 'Courier New', monospace;
    background-color: #f0f0f0;
    padding: 2px 4px;
    border-radius: 2px;
}

/* 表格 */
table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 24px;
    margin-bottom: 24px;
}

th, td {
    padding: 8px;
    border: 1px solid #ddd;
    text-align: left;
}

th {
    background-color: #f5f5f5;
}

/* 响应式调整 */
@media (max-width: 600px) {
    .article-container {
        padding: 10px;
    }
}

/* 其他自定义样式 */
/* ... */



.tCenter{text-align:center}
.mTop8 {
    margin-top: 8px
}
.mTop10{margin-top:10px}
.pBot10{padding-bottom:10px}
#imageContainer img{ width:100%; padding:5px 0;}
.List .layui-card-header .layui-badge-rim {
    float: right;
    margin-top: 10px
}
.List .layui-card-header i {
    font-size: 1.2em;
    vertical-align: middle;
}
.List .layui-card-header b {
    font-size: 1em
}
.GzCon div { border-bottom:1px dashed #ddd; padding:1em}