body { font-family: sans-serif; background: #f4f4f4; margin: 0; padding: 0; }
.app-container { max-width: 500px; margin: auto; background: white; min-height: 100vh; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
header { background: #2196F3; color: white; padding: 15px; text-align: center; position: sticky; top: 0; z-index: 100; }
.search-box { margin-top: 10px; display: flex; }
.search-box input { flex: 1; padding: 8px; border: none; border-radius: 4px 0 0 4px; }
.search-box button { padding: 8px; border: none; background: #0D47A1; color: white; border-radius: 0 4px 4px 0; cursor: pointer; }
.post-list { padding: 10px; }
.post-card { display: flex; margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px; text-decoration: none; color: #333; }
.post-card img { width: 100px; height: 100px; object-fit: cover; border-radius: 8px; margin-right: 15px; }
.post-info h2 { font-size: 16px; margin: 0; color: #222; }
.post-info p { font-size: 13px; color: #666; margin: 5px 0; }
.read-btn { display: inline-block; background: #2196F3; color: white; padding: 5px 10px; border-radius: 4px; text-decoration: none; font-size: 12px; }
.post-detail { padding: 15px; }
.featured-img { width: 100%; border-radius: 8px; }
.back-btn { color: white; text-decoration: none; float: left; font-size: 18px; }
.content img { max-width: 100%; height: auto; }