* { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: Georgia, serif; color: #333; background: #f4f6f9; } header { background: #1a1a2e; color: #fff; padding: 1.5rem 2rem; } header h1 { font-size: 1.8rem; } header p { font-size: 0.9rem; opacity: 0.8; margin-top: 0.3rem; } nav { background: #16213e; padding: 0.75rem 2rem; } nav a { color: #ddd; text-decoration: none; margin-right: 1.5rem; font-size: 0.9rem; } nav a:hover { color: #e94560; } .container { max-width: 900px; margin: 2rem auto; padding: 0 1.5rem; } .post-card { background: #fff; border-radius: 8px; padding: 1.5rem; margin-bottom: 1.5rem; box-shadow: 0 2px 8px rgba(0,0,0,0.07); } .post-card h2 { font-size: 1.4rem; margin-bottom: 0.4rem; } .post-card h2 a { color: #1a1a2e; text-decoration: none; } .post-card h2 a:hover { color: #e94560; } .post-meta { font-size: 0.82rem; color: #888; margin-bottom: 0.75rem; } .post-excerpt { line-height: 1.7; color: #555; } .read-more { display: inline-block; margin-top: 0.8rem; color: #e94560; font-size: 0.9rem; text-decoration: none; font-weight: bold; } article.full { background: #fff; border-radius: 8px; padding: 2rem; box-shadow: 0 2px 8px rgba(0,0,0,0.07); } article.full h1 { font-size: 2rem; color: #1a1a2e; margin-bottom: 0.4rem; line-height: 1.3; } article.full .meta { font-size: 0.82rem; color: #888; margin-bottom: 1.5rem; } article.full h2 { font-size: 1.25rem; color: #1a1a2e; margin: 1.75rem 0 0.5rem; } article.full p { line-height: 1.85; margin-bottom: 1rem; color: #444; } article.full ul { margin: 0.5rem 0 1.2rem 1.75rem; line-height: 1.85; color: #444; } article.full a { color: #e94560; } footer { text-align: center; padding: 2rem; background: #1a1a2e; color: #aaa; font-size: 0.85rem; margin-top: 3rem; } footer a { color: #aaa; } @media(max-width:600px){ header h1 { font-size: 1.3rem; } article.full h1 { font-size: 1.5rem; } .container { padding: 0 1rem; } }