* {margin:0;padding:0;box-sizing:border-box}
body {font-family:"Microsoft YaHei",sans-serif;background:#f5f5f5;color:#333;line-height:1.8}
img {max-width:100%;height:auto;display:block}
a {text-decoration:none;color:#333}
a:hover {color:#ffcc00}
.container {max-width:1140px;margin:0 auto;padding:0 15px;display:flex;flex-wrap:wrap;gap:20px}
.main {flex:1;min-width:680px}
.sidebar {width:300px}
@media(max-width:992px){.main,.sidebar{width:100%;min-width:100%}} .header {background:#fff;padding:25px 0;text-align:center;margin-bottom:20px}
.site-title {font-size:26px}
.desc {color:#666;margin-top:5px} .nav {background:#111;width:100%}
.nav-inner {max-width:1140px;margin:0 auto;padding:0 15px}
.nav ul {list-style:none;display:flex;flex-wrap:wrap}
.nav li a {color:#fff;padding:12px 18px;display:block}
.nav li a:hover {background:#222;color:#ffcc00} .post-card {background:#fff;border-radius:6px;overflow:hidden;margin-bottom:20px}
.post-thumb {width:100%;height:220px;object-fit:cover}
.post-body {padding:20px}
.post-title {font-size:18px;margin-bottom:10px}
.post-excerpt {color:#555} .widget {background:#fff;padding:20px;border-radius:6px;margin-bottom:20px}
.widget h3 {font-size:16px;border-left:3px solid #ffcc00;padding-left:10px;margin-bottom:15px}
.widget ul {list-style:none}
.widget li {padding:6px 0;border-bottom:1px dashed #eee} .article {background:#fff;padding:30px;border-radius:6px}
.article h1 {font-size:22px;margin-bottom:15px}
.article-content {margin-top:20px;font-size:16px;line-height:1.9} .related {background:#fff;padding:20px;border-radius:6px;margin-top:20px}
.related-list {display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
@media(max-width:768px){.related-list{grid-template-columns:repeat(2,1fr)}}
.related-item img {height:120px;object-fit:cover;border-radius:4px}
.related-item p {font-size:13px;margin-top:5px} .footer {background:#111;color:#999;text-align:center;padding:25px 0;margin-top:30px} .simple-pagination {
width: 100%;
margin: 30px 0;
display: flex;
justify-content: center;
gap: 8px;
flex-wrap: wrap;
}
.simple-pagination a,
.simple-pagination span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 36px;
height: 36px;
padding: 0 10px;
border: 1px solid #eee;
border-radius: 4px;
font-size: 15px;
color: #333;
text-decoration: none;
transition: all 0.2s;
}
.simple-pagination a:hover {
border-color: #007bff;
color: #007bff;
background: #f5f9ff;
}
.simple-pagination span.current {
background: #007bff;
border-color: #007bff;
color: #fff;
font-weight: 500;
}