body{margin:0;background:#f5f6f7;font-family:system-ui}
.center{display:flex;align-items:center;justify-content:center;height:100vh}
.login-card{background:#fff;border-radius:16px;padding:24px;width:280px;text-align:center}
.login-card input{width:100%;padding:10px;margin:10px 0;border-radius:10px;border:1px solid #ddd}
.btn{display:block;background:#4da3ff;color:#fff;padding:10px;border-radius:10px;text-decoration:none}
.wrap{max-width:720px;margin:auto;padding:20px}
.card{display:flex;background:#fff;border-radius:16px;padding:14px;margin-bottom:14px}
.thumb{width:90px;height:90px;border-radius:12px;object-fit:cover;margin-right:12px}
.meta{color:#666;font-size:14px;margin-bottom:6px}
.excerpt{color:#000;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}
.back{text-decoration:none;font-size:20px}
.detail{width:100%;border-radius:14px;margin:10px 0}
.post-content {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}