@media (max-width: 768px) {
            .sidebar { display: none; }
            .main { margin-right: 0; }
        }
        @media (min-width: 769px) {
            .sidebar { display: block; } 
            .main { margin-right: 238px; }
        }
        body {
            max-width: 1200px; margin: 0 auto; padding: 20px; 
            font-family: 
                system-ui, -apple-system, BlinkMacSystemFont, 
                "Segoe UI", Roboto, 
                "Helvetica Neue", Arial, 
                "Noto Sans", "Microsoft YaHei", 
                sans-serif;
            line-height: 2rem;
        }
        a:link { text-decoration: none; color: #333; }
        a:visited { color: #333; }
        a:hover { color:rgb(35, 160, 180); }
        a.active { color:rgb(35, 160, 180); }
        h1,h2,h3,h4,h5,h6 { margin: 0; font-size: 1.2em; font-weight: 100px;}
        input { padding: 0.5rem; border: 1px solid #ddd; border-radius: 4px; width: 150px;}
        .header { display: flex; justify-content: space-between; align-items: center; padding: 1rem 0;}
        .nav { margin-bottom: 10px; }
        .nav a { margin-right: 10px; display: inline-block;  padding: 4px; background-color:rgb(248, 248, 248); border-radius: 4px; }
        .sidebar { float: right; width: 218px; }
        .post { margin-bottom: 10px; padding-bottom: 10px; background: linear-gradient(90deg, #666 50%, transparent 0) 0 100% / 6px 2px repeat-x;}
        .post-title { margin-bottom: 10px; }
        .post-meta { color: #666; font-size: 0.9em; }
        .post-content { margin-top: 10px; border-top:#666 1px dotted; padding-top: 20px;}
        .search { margin-bottom: 10px; }
        .editor { width: 100%; min-height: 300px; }
        .preview { border: 1px solid #ccc; padding: 10px; margin-top: 10px; }
        .user-status { margin-bottom: 0px; }
        .pagination a {display: inline-block;  padding: 4px; background-color:rgb(248, 248, 248); border-radius: 4px;  }
        .pagination .current { display: inline-block;  padding: 4px;  color:rgb(35, 160, 180); }