@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{margin:0;background-color:#f1f1f1;font-family:"Noto Serif SC",serif;color:#000}.pages{max-width:1200px;padding:32px 20px;margin:0 auto}@media (max-width: 768px){.pages{padding:20px 16px}}.post-list{background:#fff;border-radius:12px;margin:0 auto 24px;padding:0;position:relative;max-width:800px;overflow:hidden;border:1px solid #e5e7eb}@media (max-width: 768px){.post-list{border-radius:8px;margin-bottom:16px}}.post-list-item{display:block;padding:24px;text-decoration:none;color:inherit;border-bottom:1px solid #e5e7eb;transition:background-color .2s}.post-list-item:last-child{border-bottom:none}.post-list-item:hover{background-color:#f9fafb}.post-list-item h4{font-size:1.35rem;margin:0 0 12px;font-weight:600;color:#111827;line-height:1.4}.post-list-item p{margin:0 0 8px;font-size:.9rem;color:#6b7280;line-height:1.6}.post-list-item p:last-child{font-size:.85rem;color:#9ca3af;margin-bottom:0}@media (max-width: 768px){.post-list-item{padding:20px}.post-list-item h4{font-size:1.15rem}.post-list-item p{font-size:.85rem}}.post-detail-container{max-width:800px;font-family:"Noto Serif SC",serif;color:#000;line-height:1.6;background-color:#fff;margin:0 auto;padding:10px;align-items:center}.post-detail-container h4{font-size:1.2em}.post-detail-date{text-align:right}.post-detail-buttons{display:flex;justify-content:flex-end;gap:10px}.post-detail-container button{padding:5px 10px;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-family:"Noto Serif SC",serif;background-color:#000;color:#fff;margin:10px 0}header{background-color:#fff;margin:0;padding:0;width:100%;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.navbar{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;max-width:1200px;margin:0 auto}.navbar a{text-decoration:none}.navbar h1{font-weight:700;color:#000;margin-left:20px}.navbar ul{list-style:none;display:flex;gap:10px}.navbar ul li{color:#000}form.login{max-width:400px;margin:40px auto;padding:20px;background:#fff;border-radius:4px}label,input{display:block}input{padding:10px;margin-top:10px;margin-bottom:20px;width:100%;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}form button{background:#000;border:0;color:#fff;padding:10px;border-radius:4px;cursor:pointer}div.error{padding:10px;background:#ffefef;border:1px solid #e7195a;color:#e7195a;border-radius:4px;margin:20px 0}input.error{border:1px solid #e7195a}form{border-radius:5px;padding:20px;max-width:800px;margin:20px auto;font-family:"Noto Serif SC",serif;color:#000}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-group input[type=text],.form-group textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1rem;font-family:"Noto Serif SC",serif}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.form-actions button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-family:"Noto Serif SC",serif;background-color:#000;color:#fff}.create-post-container h2{text-align:center}