/* 侧边栏 */
.layout { display: flex; gap: 30px; }
.articles { flex: 3; }
.sidebar { flex: 1; margin-top:20px; }

/* 侧边栏（与列表页保持一致） */
.sidebar-card { 
    background: white; 
    padding: 18px; 
    border-radius: 4px; 
    margin-bottom: 20px; 
    box-shadow: 0 1px 3px rgba(0,0,0,0.1); 
}
.sidebar-title { 
    font-size: 18px; 
    margin-bottom: 15px; 
    padding-bottom: 8px; 
    border-bottom: 2px solid #2c6ecb; 
    color: #2d3748;
}
.tag-list { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
.tag { 
    font-size: 13px; 
    padding: 3px 8px; 
    background: #edf2f7; 
    color: #4a5568; 
    transition: all 0.3s;
}
.tag:hover { 
    background: #2c6ecb; 
    color: white; 
    text-decoration: none;
}

/* 侧边栏文章样式 */
.sidebar-article { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #eee; }
.sidebar-article:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.sidebar-article-title { font-size: 14px; line-height: 1.5; }
.sidebar-article-title a { color: #4a5568; }
.sidebar-article-title a:hover { color: #2c6ecb; }
.sidebar-article-meta { font-size: 12px; color: #666; margin-top: 5px; }

/* 作者信息 */
.author-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.author-avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 15px;
    border: 3px solid #edf2f7;
}
.author-name {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #2d3748;
}
.author-desc {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
    line-height: 1.6;
}
   
/* 广告位样式 */
.ad-box { 
    background: linear-gradient(135deg, #f6f9fc 0%, #eef2f7 100%);
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 15px;
    text-align: center;
}
.ad-title { font-size: 16px; font-weight: bold; margin-bottom: 10px; color: #2d3748; }
.ad-desc { font-size: 13px; color: #666; margin-bottom: 12px; }
.ad-img { width: 100%; height: auto; border-radius: 4px; margin-bottom: 10px; }

 /* 工具链接样式 */
.tool-link { 
    display: block; 
    font-size: 14px; 
    margin-bottom: 10px; 
    padding-left: 5px; 
    border-left: 2px solid transparent; 
    transition: all 0.3s;
}
.tool-link:hover { border-left: 2px solid #2c6ecb; padding-left: 5px; }