/* 文章子站样式，保持与主站一致的视觉风格 */
:root{
  --primary:#c40f21; /* 顶部主色 */
  --accent:#fdc806;  /* 按钮主色 */
  --text:#202020;
  --muted:#666;
  --bg:#ffffff;
  --card:#fafafa;
  --border:#eaeaea;
}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'PingFang SC','Microsoft YaHei', sans-serif;}
.top-header{color:#fff;height:66px;display:flex;align-items:center;padding:0 16px;}
.top-header img{height:23px;margin-right:12px;}
.top-header .site-name{font-weight:600;letter-spacing:0.5px;color: #202020;font-size: 12px;}
.container{max-width:1200px;margin:0 auto;padding:16px;}
.layout{display:flex;gap:16px;}
.sidebar{width:280px;}
.content{flex:1;}
.section{background:#fff;border:1px solid var(--border);border-radius:8px;padding:16px;}
.section-title{font-size:18px;font-weight:600;margin-bottom:12px;}
/* 分类与搜索 */
.categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;}
.category-chip{padding:6px 10px;border-radius:16px;border:1px solid var(--border);background:var(--card);cursor:pointer;font-size:13px;color:var(--muted);}
.category-chip.active{background:var(--primary);color:#fff;border-color:var(--primary);} 
.search-bar{display:flex;gap:8px;margin-top:8px;}
.search-input{flex:1;border:1px solid var(--border);border-radius:8px;padding:10px;font-size:14px;}
.search-btn{background:var(--accent);color:#202020;border:none;border-radius:8px;padding:10px 14px;cursor:pointer;font-weight:600;}
/* 列表卡片 */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.card{background:#fff;border:1px solid var(--border);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;}
.card-img{height:140px;background:#f3f3f3;display:flex;align-items:center;justify-content:center;}
.card-img img{max-height:100%;max-width:100%;object-fit:contain;}
.card-body{padding:12px;}
.card-title{font-size:16px;font-weight:600;margin:4px 0;}
.card-excerpt{color:var(--muted);font-size:13px;line-height:1.6;}
.badges{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;}
.badge{font-size:12px;padding:4px 8px;border-radius:12px;background:#f6f6f6;color:#555;border:1px solid var(--border);} 
.card-footer{padding:12px;display:flex;justify-content:space-between;align-items:center;color:#888;font-size:12px;border-top:1px solid var(--border);} 
.card-footer a{color:var(--primary);text-decoration:none;font-weight:600;}
/* 热门排行 */
.rank-list{list-style:none;margin:0;padding:0;}
.rank-item{display:flex;gap:10px;padding:8px;border-bottom:1px dashed var(--border);} 
.rank-index{min-width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;}
.rank-title{font-size:13px;line-height:1.4;}
/* 详情页 */
.article-header{margin-bottom:12px;border-bottom:1px solid var(--border);padding-bottom:12px;}
.article-title{font-size:24px;font-weight:700;margin:0;}
.article-meta{color:#888;font-size:13px;margin-top:6px;}
.article-content{font-size:15px;line-height:1.9;color:#222;}
.article-content p{margin:12px 0;}
.code-block{background:#f5f5f5;border:1px solid var(--border);border-radius:8px;padding:12px;overflow:auto;font-family:SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;font-size:13px;} 
.related{margin-top:20px;}
.related-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.related-item{padding:10px;border:1px solid var(--border);border-radius:8px;background:#fff;}
.related-item a{color:var(--primary);text-decoration:none;font-weight:600;}
/* 响应式 */
@media (max-width: 1100px){ .cards{grid-template-columns:repeat(2,1fr);} }
@media (max-width: 760px){ .layout{flex-direction:column;} .sidebar{width:auto;} .cards{grid-template-columns:1fr;} .top-header{height:auto;padding:10px;}}