body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.8;background:#f7f7f7;color:#222}
a{color:#1659a8;text-decoration:none}.site-header,.site-footer{background:#fff;border-bottom:1px solid #ddd;padding:14px 20px}
.site-header a{font-size:20px;font-weight:700;color:#222}.site-footer{border-top:1px solid #ddd;border-bottom:0;margin-top:40px;color:#666}
.container{max-width:920px;margin:24px auto;background:#fff;padding:24px;border-radius:12px}
h1{font-size:28px;line-height:1.35}h2{border-left:6px solid #333;padding-left:10px;margin-top:32px}
.post-list{padding-left:1.2em}.post-list li{margin:.35em 0}
.balloon{display:flex;gap:14px;margin:22px 0;align-items:flex-start}.balloon--right{flex-direction:row-reverse}
.balloon__avatar{width:92px;text-align:center;font-size:12px;color:#555;flex:0 0 92px}.balloon__avatar img{width:64px;height:64px;border-radius:50%;object-fit:cover;background:#eee}
.balloon__body{background:#f1f5f9;border:1px solid #d8e0e8;border-radius:14px;padding:14px 16px;max-width:680px}
@media(max-width:640px){.container{margin:0;border-radius:0;padding:16px}.balloon__avatar{width:72px;flex-basis:72px}.balloon__body{font-size:14px}}

.su-box{border:1px solid #d8e0e8;background:#f8fafc;border-radius:12px;overflow:hidden;margin:24px 0}
.su-box__title{padding:12px 16px;background:#eef4ff;border-bottom:1px solid #d8e0e8;font-weight:700}
.su-box__body{padding:16px}
.su-box__body>:first-child{margin-top:0}
.su-box__body>:last-child{margin-bottom:0}