body { background-color: #121212; color: #e0e0e0; font-family: sans-serif; margin: 0; padding: 0; line-height: 1.4; }
    .container { max-width: 600px; margin: 0 auto; padding: 15px; }
    
    .brand-color { color: #7599F2; text-decoration: none; }
    
    header { border-bottom: 1px solid #333; padding-bottom: 15px; margin-bottom: 20px; }
    h1 { font-size: 1.4em; margin: 0; }
    .nav-links { font-size: 0.8em; margin-top: 8px; }

    .post { background-color: #1e1e1e; border: 1px solid #333; border-radius: 6px; padding: 12px; margin-bottom: 15px; }
    .post-header { font-size: 0.8em; color: #aaa; margin-bottom: 8px; border-bottom: 1px solid #2a2a2a; padding-bottom: 5px; }
    .post-header span { margin-right: 10px; display: inline-block; }
    .topic { color: #7599F2; font-weight: bold; }
    .post-body { font-size: 0.95em; color: #fff; white-space: pre-wrap; word-wrap: break-word; }
    .post-footer { text-align: right; margin-top: 8px; color: #ff6b6b; font-size: 0.9em; }

    footer { text-align: center; font-size: 0.75em; color: #888; margin-top: 40px; padding-bottom: 30px; border-top: 1px solid #333; pt: 20px; }
    .footer-links { margin-bottom: 10px; padding-top: 15px; }
    .footer-links a { color: #7599F2; text-decoration: none; margin: 0 8px; }
    .copyright { margin-top: 10px; }