body{color:#222;background-color:#efefef;margin:0;padding:0;font-family:verdana,arial,sans-serif}.container{background-color:#fff;border:1px solid #b9b9b9;border-radius:4px;width:900px;margin:20px auto;padding:20px;box-shadow:0 1px 4px #0000001a}.header{border-bottom:2px solid #3b5998;justify-content:space-between;align-items:flex-end;margin-bottom:20px;padding-bottom:10px;display:flex}.header h1{color:#3b5998;margin:0;font-size:24px}.nav-links{align-items:center;display:flex}.nav-links a{color:#00c;margin-left:15px;font-size:14px;text-decoration:none}.nav-links a:hover{text-decoration:underline}.blog-table{border-collapse:collapse;width:100%;margin-bottom:20px}.blog-table th,.blog-table td{text-align:left;border:1px solid #e1e1e1;padding:8px}.blog-table th{color:#555;background-color:#f1f1f1;font-size:14px}.blog-table td{font-size:13px}.blog-table a{color:#00c;text-decoration:none}.blog-table a:hover{text-decoration:underline}.action-btn{color:#333;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:3px;margin-right:5px;padding:3px 8px;font-size:12px}.action-btn:hover{background:#eee}.delete-btn:hover{background:#fcc;border-color:#f99}.form-group{margin-bottom:15px}.form-group label{color:#444;margin-bottom:5px;font-size:13px;font-weight:700;display:block}.form-group input,.form-group textarea{box-sizing:border-box;border:1px solid #ccc;border-radius:3px;width:100%;padding:6px;font-family:inherit}.form-group textarea{height:150px}.submit-btn{color:#fff;cursor:pointer;background:#3b5998;border:none;border-radius:3px;padding:8px 15px;font-weight:700}.submit-btn:hover{background:#2d4373}.blog-view h2{color:#333;margin-top:0}.blog-view .content{white-space:pre-wrap;background-color:#f9f9f9;border:1px solid #e1e1e1;margin-bottom:20px;padding:10px;font-size:14px;line-height:1.6}.meta{color:#888;margin-bottom:15px;font-size:12px}