/* 线报精简主题 —— 单栏纯文字列表 */
*{margin:0;padding:0;box-sizing:border-box}
body{
  font:15px/1.7 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  color:#333;background:#fff;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
a:hover{color:#d6045f}
#wrap{max-width:920px;margin:0 auto;padding:0 16px}

/* 头部 */
#hdr{padding:28px 0 18px;text-align:center;border-bottom:1px solid #f0f0f0}
#site-title{font-size:24px;font-weight:600;letter-spacing:1px}
#site-title a{color:#222}
#site-sub{font-size:13px;color:#999;margin-top:6px}
#nav{margin-top:14px}
#nav ul{list-style:none;display:flex;justify-content:center;gap:22px;flex-wrap:wrap}
#nav li a{font-size:14px;color:#666}
#nav li a:hover{color:#d6045f}

/* 筛选栏 */
#filter{
  display:flex;align-items:center;gap:14px;
  padding:14px 0;border-bottom:1px solid #f0f0f0;flex-wrap:wrap;
}
#filter a{
  font-size:14px;color:#666;padding:4px 12px;border-radius:14px;background:#f5f5f5;
}
#filter a.on{background:#222;color:#fff}
#filter a:hover{background:#d6045f;color:#fff}
.refresh-tip{margin-left:auto;font-size:12px;color:#bbb}

/* 列表 */
#list{list-style:none;padding:6px 0}
#list .item{
  display:flex;align-items:baseline;gap:12px;
  padding:9px 0;border-bottom:1px dashed #f2f2f2;
}
#list .item:hover{background:#fcfcfc}
#list .a{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
#list .a em{
  font-style:normal;font-size:12px;color:#fff;background:#d6045f;
  padding:1px 6px;border-radius:3px;flex:none;
}
#list .main{
  font-size:15px;color:#333;word-break:break-all;line-height:1.55;
}
#list .main:hover{color:#d6045f;text-decoration:underline}
#list .tags{display:inline-flex;gap:5px;flex-wrap:wrap}
#list .tags .tag{
  font-size:11px;color:#fff;background:#bbb;
  padding:1px 6px;border-radius:3px;white-space:nowrap;
}
#list .tags .tag:hover{opacity:.8;color:#fff}
#list .i{flex:none;width:88px;text-align:right}
#list .time{font-size:12px;color:#aaa;font-variant-numeric:tabular-nums}

/* 标签配色 —— 按标签名自动上色 */
#list .tags .tag:nth-child(1){background:#e0533d}
#list .tags .tag:nth-child(2){background:#2f9e44}
#list .tags .tag:nth-child(3){background:#1971c2}
#list .tags .tag:nth-child(4){background:#9c36b5}
#list .tags .tag:nth-child(5){background:#f08c00}

/* 分页 */
.pagebar{text-align:center;padding:26px 0;font-size:14px}
.pagebar a,.pagebar span{
  display:inline-block;min-width:30px;padding:4px 9px;margin:0 2px;
  border:1px solid #eee;border-radius:4px;color:#666;
}
.pagebar span.now{background:#222;color:#fff;border-color:#222}
.pagebar a:hover{border-color:#d6045f;color:#d6045f}

/* 页脚 */
#footer{text-align:center;padding:26px 0 40px;font-size:12px;color:#bbb;border-top:1px solid #f0f0f0;margin-top:20px}
#footer a{color:#aaa}

/* 文章详情页 */
.single .post-title{font-size:20px;line-height:1.5;margin:18px 0 8px}
.single .post-meta{font-size:12px;color:#aaa;margin-bottom:18px}
.single .post-body{font-size:16px;line-height:1.9;word-break:break-word}
.single .post-body a{color:#1971c2;word-break:break-all}
.single .post-body img{max-width:100%;height:auto;display:block;margin:12px 0}

/* 移动端 */
@media (max-width:640px){
  #wrap{padding:0 12px}
  #site-title{font-size:20px}
  #list .item{flex-direction:column;gap:4px;padding:10px 0}
  #list .i{width:auto;text-align:left}
  #list .main{font-size:15px}
  .refresh-tip{display:none}
  #nav ul{gap:16px}
}

/* ===== 文章详情页 ===== */
#art{padding:22px 0 30px}
#art .post-title{
  font-size:22px;line-height:1.5;font-weight:600;color:#222;
  margin-bottom:12px;word-break:break-word;
}
#art .post-meta{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding-bottom:14px;margin-bottom:20px;border-bottom:1px solid #f0f0f0;
  font-size:13px;color:#aaa;
}
#art .post-meta .time{font-variant-numeric:tabular-nums}
#art .post-meta .cate{color:#666}
#art .post-meta .tag{
  font-size:11px;color:#fff;background:#bbb;padding:2px 7px;border-radius:3px;
}
#art .post-meta .tag:nth-of-type(1){background:#e0533d}
#art .post-meta .tag:nth-of-type(2){background:#2f9e44}
#art .post-meta .tag:nth-of-type(3){background:#1971c2}
#art .post-meta .tag:nth-of-type(4){background:#9c36b5}
#art .post-meta .tag:nth-of-type(5){background:#f08c00}

#art .post-body{font-size:16px;line-height:1.9;color:#333;word-break:break-word}
#art .post-body p{margin:0 0 14px}
#art .post-body a{
  color:#1971c2;word-break:break-all;
  border-bottom:1px dashed #c8dcf0;padding-bottom:1px;
}
#art .post-body a:hover{color:#d6045f;border-bottom-color:#d6045f}
#art .post-body img{max-width:100%;height:auto;display:block;margin:14px 0;border-radius:4px}
#art .post-body br{line-height:2.2}

#art .art-foot{
  margin-top:34px;padding-top:18px;border-top:1px solid #f0f0f0;text-align:center;
}
#art .art-foot .back{
  display:inline-block;font-size:14px;color:#666;
  padding:7px 22px;border:1px solid #e5e5e5;border-radius:20px;transition:.15s;
}
#art .art-foot .back:hover{background:#222;color:#fff;border-color:#222}

/* 评论区 */
#comments{padding:26px 0;border-top:1px solid #f0f0f0;margin-top:10px}
#comments h3{font-size:15px;color:#333;margin-bottom:14px}
#comments .comment{font-size:14px;padding:10px 0;border-bottom:1px dashed #f2f2f2}

@media (max-width:640px){
  #art .post-title{font-size:18px}
  #art .post-body{font-size:15px;line-height:1.85}
}