/* 内容主体 - 双栏布局 无空白填充 */
 .main {
   padding: 60px 0;
   display: grid;
   grid-template-columns: 7fr 3fr;
   gap: 40px;
 }

 .card {
   background: #fff;
   border-radius: 8px;
   box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
   padding: 30px;
   margin-bottom: 30px;
   transition: all 0.3s ease;
 }

 .card:hover {
   transform: translateY(-5px);
   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
 }

 .section-title {
   font-size: 22px;
   color: #1a1a1a;
   border-left: 4px solid #d4af37;
   padding-left: 15px;
   margin-bottom: 25px;
   font-weight: 700;
 }

 /* 文章列表区 */
 .article-item {
   border-bottom: 1px solid #f0f0f0;
   padding: 20px 0;
 }

 .article-item:last-child {
   border: none;
 }

 .article-title {
   font-size: 20px;
   color: #1a1a1a;
   margin-bottom: 10px;
 }

 .article-title a:hover {
   color: #d4af37;
 }

 .article-meta {
   color: #999;
   font-size: 14px;
   margin-bottom: 12px;
   display: flex;
   gap: 20px;
 }

 .article-desc {
   color: #666;
   font-size: 16px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }

 .read-more {
   display: inline-block;
   margin-top: 15px;
   color: #d4af37;
   font-size: 14px;
   font-weight: 500;
 }

 .read-more:hover {
   color: #b8860b;
 }

 /* 博主介绍侧边栏 */
 .author-card {
   text-align: center;
 }

 .author-avatar {
   width: 120px;
   height: 120px;
   border-radius: 50%;
   object-fit: cover;
   border: 3px solid #f0f0f0;
   margin-bottom: 20px;
 }

 .author-name {
   font-size: 20px;
   color: #1a1a1a;
   font-weight: 700;
   margin-bottom: 10px;
 }

 .author-desc {
   color: #666;
   margin-bottom: 20px;
   font-size: 15px;
 }

 .category-list li {
   padding: 8px 0;
   border-bottom: 1px solid #f0f0f0;
 }

 .category-list li a:hover {
   color: #d4af37;
   padding-left: 5px;
 }

 /* 友情链接 */
 .link-list {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
 }

 .link-list a {
   padding: 6px 12px;
   background: #f5f5f5;
   border-radius: 4px;
   font-size: 14px;
 }

 .link-list a:hover {
   background: #d4af37;
   color: #fff;
 }