*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;background:#f8f9fa;color:#333;font-size:15px;line-height:1.8}
.container{width:100%;max-width:1000px;margin:0 auto;padding:0 20px}
.site-header{background:#fff;box-shadow:0 2px 15px rgba(0,0,0,0.06);position:sticky;top:0;z-index:100;padding:18px 0}
.site-header::after{content:'';display:table;clear:both}
.site-logo{float:left}
.site-logo a{font-size:24px;font-weight:bold;color:#1a1a2e;text-decoration:none;letter-spacing:1px;background:linear-gradient(135deg,#1a1a2e,#2d3436);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.site-nav{float:right;padding-top:5px}
.site-nav a{display:inline-block;padding:6px 16px;color:#555;text-decoration:none;font-size:14px;border-radius:4px;transition:all .3s}
.site-nav a:hover{background:#f0f0f0;color:#1a1a2e}
.main-wrap{padding:35px 0;min-height:500px}
.post-list{max-width:750px;margin:0 auto}
.post-item{background:#fff;padding:25px;margin-bottom:16px;border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,0.05);transition:transform .3s,box-shadow .3s}
.post-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.1)}
.post-item h2{font-size:20px;font-weight:600;margin-bottom:8px}
.post-item h2 a{color:#1a1a2e;text-decoration:none;transition:color .3s}
.post-item h2 a:hover{color:#e74c3c}
.post-meta{color:#999;font-size:13px;margin-bottom:6px}
.post-desc{color:#666;font-size:14px;line-height:1.7}
.post-article{background:#fff;padding:35px;border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,0.05)}
.post-article h1{font-size:26px;font-weight:600;color:#1a1a2e;margin-bottom:12px;line-height:1.4}
.post-content{line-height:2;font-size:16px;color:#444;margin-top:20px}
.post-content p{margin-bottom:18px}
.post-content h2,.post-content h3{color:#1a1a2e;margin:24px 0 12px}
.site-footer{background:#1a1a2e;color:#888;text-align:center;padding:25px 0;font-size:12px;margin-top:35px}
.site-footer a{color:#aaa;text-decoration:none;transition:color .3s}
.site-footer a:hover{color:#e74c3c}
@media(max-width:700px){.site-logo,.site-nav{float:none;text-align:center}.site-nav{padding-top:10px}}