:root {
            --primary-bg: #d9ead3;
            --text-color: #000;
            --accent-color: #274e13;
            --white: #fff;
        }
        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; margin: 0; color: var(--text-color); line-height: 1.6; }
        header { background: var(--white); padding: 2rem 0; text-align: center; }
        .nav-sec { background: var(--primary-bg); padding: 1rem; text-align: center; position: sticky; top: 0; z-index: 100; }
        .fix-nav { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; flex-wrap: wrap; }
        .fix-nav li { margin: 0 10px; }
        .fix-nav a { color: var(--accent-color); font-weight: bold; text-decoration: none; }
        .hero { width: 100%; height: 300px; background: linear-gradient(135deg, #d9ead3, #a2c4c9); display: flex; align-items: center; justify-content: center; color: var(--accent-color); }
        .main-container { max-width: 900px; margin: 2rem auto; padding: 0 1rem; display: flex; flex-direction: column; }
        .post-card { display: flex; border: 1px solid #eee; margin-bottom: 1.5rem; padding: 1rem; border-radius: 8px; align-items: center; gap: 1rem; }
        .thumb-placeholder { width: 120px; height: 120px; background: #eee; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 0.8rem; color: #888; text-align: center; }
        footer { text-align: center; padding: 2rem; border-top: 1px solid #ccc; margin-top: 2rem; }
        @media (max-width: 768px) { .post-card { flex-direction: column; text-align: center; } }