@charset "utf-8";
  * {
             margin: 0;
             padding: 0;
             box-sizing: border-box;
             font-family: "Microsoft YaHei", Arial, sans-serif;
         }
         
         body {
             background-color: #f5f5f5;
             color: #333;
             line-height: 1.6;
         }
         
         .container {
             max-width: 1200px;
             margin: 0 auto;
             padding: 0 15px;
         }
		
         
         /* 头部通栏图片 */
         .header-image {
             width: 100%;
             height: auto;
             display: block;
            
             object-fit: fill;
         }   
         
         /* 内容区域 */
         .content {
             display: flex;
             flex-wrap: wrap;
             margin-bottom: 30px;
			 margin-top: 30px;
         }
         
         /* 文章列表 */
         .article-list {
             flex: 1;
             min-width: 300px;
             background-color: #fff;
             padding: 20px;
             border-radius: 5px;
             box-shadow: 0 1px 3px rgba(0,0,0,0.1);
         }
		 .article-list h2 {
		     border-bottom: 2px solid #eee;
		 }
		 .article-list h2 span{
			     display: inline;
			     padding-right: 10px;
			     color: red;
		 }
		  .article-list h2 a {
		     list-style: none;
		     text-decoration: none;
		     color: #085db9;
		 }
		  .article-list h2 a:hover{
			  color: #dc0000;
		  }
         
         .section-title {
             font-size: 22px;
             padding-bottom: 10px;
             margin-bottom: 20px;
             border-bottom: 2px solid #007bff;
             color: #333;
         }
         
         .article-item {
             display: flex;
             padding: 15px 0;
             border-bottom: 1px dashed #eee;
             align-items: center;
         }
         
         .article-item:last-child {
             border-bottom: none;
         }
         
         .article-image {
             width: 265px;
             height: 158px;
             object-fit: fill;
             margin-right: 15px;
             border-radius: 4px;
		 
			 
         }
         
         .article-content {
             flex: 1;
         }
         
         .article-title {
             font-size: 30px;
             color: #333;
             text-decoration: none;
             transition: color 0.3s;
             display: block;
             margin-bottom: 5px;
			 line-height: 45px;
         }
         
         .article-title:hover {
             color: #007bff;
         }
         
         .article-meta {
             font-size: 12px;
             color: #999;
         }
         
         /* 响应式调整 */
         @media (max-width: 768px) {
             .nav-item {
                 padding: 12px 15px;
                 font-size: 14px;
             }
             
             .section-title {
                 font-size: 20px;
             }
             
             .article-item {
                 padding: 12px 0;
             }
         }
         
         @media (max-width: 480px) {
             .nav-item {
                 padding: 10px 12px;
                 font-size: 13px;
             }
             
             .article-list {
                 padding: 15px;
             }
             
             .article-image {
                 width: 60px;
                 height: 45px;
                 margin-right: 10px;
             }
             
             .article-title {
                 font-size: 15px;
             }
         }