/* 页面 */

 .article-section {
     padding: 80px 24px;
     background: #fafafa;
 }

 .article-container {
     max-width: 860px;
     margin: auto;
 }

 /* 标题 */

 .article-title {
     font-size: 34px;
     font-weight: 700;
     line-height: 1.4;
     margin-bottom: 16px;
 }


 /* 正文 */

 .article-content {
     font-size: 16px;
     line-height: 1.8;
     color: #333;
 }

 .article-content h2 {
     margin-top: 40px;
     margin-bottom: 16px;
     font-size: 24px;
 }

 .article-content p {
     margin-bottom: 18px;
 }

 .article-content ul {
     margin-bottom: 20px;
     padding-left: 22px;
 }

 .article-content li {
     margin-bottom: 8px;
 }

 /* 上下篇 */

 .article-nav {

     margin-top: 70px;
     padding-top: 30px;

     border-top: 1px solid #e8e8e8;

     display: flex;
     justify-content: space-between;
     gap: 40px;

 }

 .article-prev,
 .article-next {
     max-width: 45%;
 }

 .article-nav span {
     display: block;
     font-size: 12px;
     color: #999;
     margin-bottom: 6px;
 }

 .article-nav a {

     font-size: 12px;
     color: #333;

     text-decoration: none;

     line-height: 1.2;

 }

 .article-nav a:hover {
     color: var(--primary);
 }

 /* 右侧对齐 */

 .article-next {
     text-align: right;
 }



 /* 响应式处理 */
 @media (max-width: 768px) {
     .breadcrumb {
         font-size: 12px;
     }
 }
 /*日期*/
 .article-date {
    font-size: 0.9em;
    color: #777;
    margin-bottom: 20px;
}

.article-author {
    font-style: normal; /* 不一定要斜体 */
    font-weight: 500;
}