/* 独立的CSS类 */
        .article-container {
            width: 100%;
            max-width: 1420px;
            margin: 0 auto;
            padding: 20px;
			padding-top: 165px;
        }

        /* 文章标题 */
        .article-title {
            text-align: center;
            font-size: 1.8em;
            margin: 20px 0;
        }

        /* 文章作者和时间 */
        .article-meta {
            display: flex;
            justify-content: center;
            font-size: 1.2em;
            color: #888;
            margin-bottom: 20px;
        }

        .article-meta span {
            margin: 0 15px;
        }

        /* 内容部分 */
        .contents {
            line-height: 1.6;
            font-size: 1.1em;
            margin-bottom: 40px;
        }

        .contents img, .contents video {
            display: block;
            margin: 20px auto;
            max-width: 98%;
            height: auto;
        }

        /* 更多内容标题 */
        .more-content-title {
            font-size: 1.3em;
            margin-bottom: 20px;
        }

        /* 更多内容的内容区 */
        .more-content {
            display: flex;
            flex-wrap: wrap; /* 允许换行 */
            gap: 20px; /* 设置间距 */
            justify-content: space-between;
        }

        .more-item {
            width: 48%; /* 每个item占宽度的48%，确保每行两个 */
            background-color: #fff;
            border-radius: 8px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 15px;
            transition: transform 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            text-decoration: none; /* 去除链接的下划线 */
            max-height: 150px;
            box-sizing: border-box;
        }

        .more-item:hover {
            transform: scale(1.05);
        }

        /* 文字区域 */
        .item-text {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .item-title {
            font-size: 1em;
            margin-bottom: 10px;
        }

        .item-time {
            font-size: 0.88em;
            color: #888;
        }

        /* 超链接 */
        .contents a, .more-content a{
            color: inherit; /* 确保链接文字颜色与父元素一致 */
            text-decoration: none; /* 去除超链接的下划线 */
            width: 100%;
            display: flex;
            flex-direction: column;
        }

        .contents a:hover,.more-content a:hover {
            text-decoration: none; /* 保证鼠标悬停时无下划线 */
        }

        /* 响应式设计：小屏设备优化 */
        @media (max-width: 768px) {
            .more-content {
                justify-content: center; /* 居中显示 */
            }

            .more-item {
                width: 100%; /* 在小屏设备上，每个版块占满整个宽度 */
                margin-bottom: 20px; /* 设置版块之间的垂直间距 */
            }
			.article-container {
            width: auto;
			max-width: 100vw;
            }
		    .article-meta {
            display: block;
			overflow: hidden;
			}
			.article-meta span {
            display: block;
			overflow: hidden;
			}
        }