*{margin:0;padding:0;box-sizing:border-box;}
body{background:#f5f5f5;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#333;line-height:1.7;}
.container{max-width:1000px;margin:0 auto;padding:15px;}
.site-header{text-align:center;padding:20px 0;margin-bottom:20px;border-bottom:1px solid #eee;}
.site-header h1{font-size:28px;color:#222;font-weight:600;}
.main-content{display:grid;grid-template-columns:70% 28%;gap:2%;}
.article-list{background:#fff;padding:20px;border-radius:6px;}
.article-list .item{padding:12px 0;border-bottom:1px dashed #eee;}
.article-list .item:last-child{border-bottom:none;}
.article-list .item a{font-size:15px;color:#333;text-decoration:none;display:block;margin-bottom:4px;}
.article-list .item a:hover{color:#0066cc;}
.date{font-size:12px;color:#999;}
.sidebar{}
.widget{background:#fff;padding:18px;border-radius:6px;margin-bottom:20px;}
.widget h3{font-size:16px;margin-bottom:12px;padding-left:10px;border-left:3px solid #0066cc;}
.widget ul,.widget ol{padding-left:20px;}
.widget li{margin:8px 0;}
.widget a{color:#444;text-decoration:none;font-size:14px;}
.widget a:hover{color:#0066cc;}
@media (max-width:768px){
.main-content{grid-template-columns:1fr;}
}