* { box-sizing: border-box; }
    body { font-family: Arial, Helvetica, sans-serif; line-height: 1.6; color: #333; margin: 0; background: #f4f4f4; }
    #wrap { max-width: 1000px; margin: 0 auto; background: #fff; padding: 0 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
    #header { padding: 30px 0; border-bottom: 3px solid #005eac; }
    #title a { font-size: 38px; color: #000; text-decoration: none; font-weight: bold; }
    #nav { background: #005eac; color: #fff; padding: 10px 0; }
    #nav ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
    #nav li { padding: 5px 15px; }
    #nav a { color: #fff; text-decoration: none; font-size: 14px; }
    
    .entry-title { font-size: 24px; margin-bottom: 10px; }
    .entry-title a { color: #005eac; text-decoration: none; }
    .post-info { font-size: 12px; color: #777; margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 10px; }
    
    .thumb-placeholder { width: 150px; height: 150px; background: #ddd; display: flex; align-items: center; justify-content: center; float: left; margin-right: 20px; border-radius: 10px; color: #888; font-size: 10px; text-align: center; }
    
    .entry-content { overflow: hidden; margin-bottom: 40px; }
    .post-comments a { background: #005eac; color: #fff; padding: 2px 8px; border-radius: 3px; text-decoration: none; font-size: 11px; }

    footer { text-align: center; padding: 40px; border-top: 2px solid #ddd; font-size: 14px; margin-top: 20px; }

    @media (max-width: 768px) {
        .thumb-placeholder { display: none; }
    }