* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:"Microsoft YaHei",PingFangSC,Arial,sans-serif; color:#333; background:#f5f4f2; }
a { color:#333; text-decoration:none; }
a:hover { color:#b25438; }
.wrap { width:1100px; max-width:96%; margin:0 auto; }
.topbar { background:#2b2b2b; color:#bbb; font-size:12px; padding:6px 0; }
.topbar .wrap { display:flex; justify-content:space-between; }
.header { background:#fff; padding:18px 0 14px; }
.header .wrap { display:flex; align-items:baseline; gap:16px; }
.logo { font-size:28px; font-weight:bold; color:#b25438; letter-spacing:2px; }
.slogan { color:#999; font-size:13px; }
.nav { background:#b25438; }
.nav .wrap { display:flex; flex-wrap:wrap; }
.nav a { color:#fff; padding:12px 22px; font-size:16px; display:block; }
.nav a:hover, .nav a.on { background:#8f3f26; color:#fff; }
.main { display:flex; gap:20px; margin:20px auto; align-items:flex-start; }
.content { flex:1; min-width:0; }
.side { width:300px; flex-shrink:0; }
.box { background:#fff; border:1px solid #e8e5e1; margin-bottom:20px; }
.box-h { border-bottom:2px solid #b25438; padding:10px 16px; display:flex; justify-content:space-between; align-items:center; }
.box-h b { font-size:18px; color:#b25438; }
.box-h a { font-size:13px; color:#999; }
.box-b { padding:12px 16px 16px; }
.headline { padding:16px; }
.headline h1 { font-size:22px; margin-bottom:10px; }
.headline h1 a { color:#b25438; }
.headline p { color:#777; font-size:14px; line-height:1.7; }
.tlist li { list-style:none; padding:7px 0; border-bottom:1px dashed #eee; font-size:15px;
  display:flex; justify-content:space-between; gap:10px; overflow:hidden; }
.tlist li a { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; flex:1; }
.tlist li span { color:#aaa; font-size:12px; flex-shrink:0; }
.tlist li:before { content:"·"; color:#b25438; margin-right:6px; }
.side .tlist li { font-size:14px; padding:8px 0; }
.catgrid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; }
.catgrid .box { min-width:0; margin-bottom:0; }
.alist .item { padding:16px; border-bottom:1px solid #eee; }
.alist .item h3 { font-size:18px; margin-bottom:8px; }
.alist .item p { color:#888; font-size:14px; line-height:1.7; }
.alist .meta { color:#b0a9a2; font-size:12px; margin-top:8px; }
.pager { text-align:center; padding:18px; }
.pager a, .pager b { display:inline-block; padding:6px 12px; border:1px solid #ddd; margin:0 3px;
  background:#fff; font-size:14px; }
.pager b { background:#b25438; color:#fff; border-color:#b25438; }
.crumb { font-size:13px; color:#999; margin-bottom:12px; }
.adbox { margin-bottom:20px; text-align:center; overflow:hidden; }
.article .adbox { margin:16px 0; }
.article { background:#fff; border:1px solid #e8e5e1; padding:26px 30px; overflow:hidden; }
.baidu-ad-article-top { max-width:100% !important; }
.article h1 { font-size:26px; line-height:1.4; margin-bottom:12px; }
.article .meta { color:#aaa; font-size:13px; border-bottom:1px solid #eee; padding-bottom:14px; margin-bottom:18px; }
.article .meta span { margin-right:18px; }
.article h2 { font-size:19px; margin:22px 0 10px; color:#b25438; }
.article p { font-size:16px; line-height:1.9; margin-bottom:14px; color:#444; }
.pn { display:flex; justify-content:space-between; margin-top:22px; padding-top:14px;
  border-top:1px solid #eee; font-size:14px; gap:20px; }
.footer { background:#2b2b2b; color:#999; margin-top:30px; padding:24px 0; font-size:13px; text-align:center; line-height:2; }
.footer a { color:#999; }
.footer a:hover { color:#fff; }
@media (max-width:900px){ .main{flex-direction:column;} .side{width:100%;} .catgrid{grid-template-columns:1fr;} }