*{box-sizing:border-box}body{background-color:#f8f9fa;color:#212529;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;margin:0;transition:background-color .2s ease,color .2s ease}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit;outline:none}input::placeholder,textarea::placeholder{color:#adb5bd}a{color:inherit;cursor:pointer;text-decoration:none}main{width:100%}@media (max-width:640px){body{font-size:15px}main{padding:16px!important}h1{font-size:22px}h2{font-size:18px}}.header{background:#fff;border-bottom:1px solid #f1f3f5;height:64px;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header,.header-container{align-items:center;display:flex;justify-content:space-between}.header-container{margin:0 auto;max-width:1024px;width:100%}.logo{color:#343a40;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.auth-buttons{align-items:center;display:flex;gap:12px}.btn-primary{background:#212529;border:none;border-radius:18px;color:#fff;font-size:14px;font-weight:600;padding:8px 16px;transition:background .2s}.btn-primary:hover{background:#343a40}.btn-secondary{background:#fff;border:1px solid #dee2e6;border-radius:18px;color:#495057;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-secondary:hover{background:#f8f9fa;border-color:#ced4da}.user-profile{align-items:center;display:flex;gap:12px}.user-avatar{background:#e9ecef;border-radius:50%;height:36px;object-fit:cover;width:36px}.post-card{background:#fff;border:1px solid #f1f3f5;border-radius:8px;box-shadow:0 1px 3px #0000000a;cursor:pointer;margin-bottom:24px;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.post-card:hover{box-shadow:0 12px 20px #0000000f;transform:translateY(-4px)}.post-title{color:#212529;font-size:24px;font-weight:700;line-height:1.3;margin:0 0 12px}.post-preview{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#495057;display:-webkit-box;font-size:16px;line-height:1.6;margin:0 0 24px;overflow:hidden}.post-meta{color:#868e96;font-size:13px;gap:8px;margin-bottom:16px}.post-footer,.post-meta{align-items:center;display:flex}.post-footer{border-top:1px solid #f1f3f5;justify-content:space-between;margin-top:16px;padding-top:16px}.author-info{align-items:center;color:#343a40;display:flex;font-size:14px;font-weight:500;gap:8px}.author-avatar-small{background:#e9ecef;border-radius:50%;height:24px;width:24px}.post-actions{color:#868e96;font-size:14px;gap:16px}.action-item{align-items:center;cursor:pointer;display:flex;gap:6px;transition:color .2s}.action-item:hover{color:#212529}@media (max-width:640px){.header{padding:0 16px}.logo{font-size:20px}.btn-primary,.btn-secondary{font-size:13px;padding:6px 12px}}.post-detail-container{margin:32px auto;max-width:768px;padding:0 16px}.btn-back{align-items:center;background:none;border:none;color:#868e96;cursor:pointer;display:flex;font-size:16px;margin-bottom:32px;padding:0;transition:color .2s}.btn-back:hover{color:#212529}.detail-title{color:#212529;font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:32px;word-break:keep-all}.detail-meta{align-items:center;border-bottom:1px solid #f1f3f5;color:#495057;display:flex;font-size:16px;gap:12px;margin-bottom:64px;padding-bottom:32px}.detail-content{color:#212529;font-size:1.125rem;line-height:1.7;word-break:keep-all}.detail-content p{margin-bottom:24px}.detail-content h3{font-size:1.5rem;margin:48px 0 24px}.write-container{display:flex;flex-direction:column;height:calc(100vh - 100px);margin:32px auto;max-width:1024px;padding:0 16px}.write-title{background:#0000;border:none;border-bottom:2px solid #e9ecef;color:#212529;font-size:2.5rem;font-weight:700;margin-bottom:32px;padding:16px 0;transition:border-color .2s;width:100%}.write-title:focus{border-color:#495057}.write-title::placeholder{color:#adb5bd}.write-content{background:#0000;border:none;color:#212529;flex:1 1;font-size:1.125rem;line-height:1.8;margin-bottom:24px;resize:none}.write-content:focus{outline:none}.write-footer{align-items:center;border-top:1px solid #f1f3f5;display:flex;justify-content:space-between;padding-top:24px}.write-footer .btn-primary{border-radius:4px;font-size:16px;padding:12px 24px}.write-footer .btn-back{margin:0}.post-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;margin-top:16px;padding-top:12px}.post-actions button{background:none;border:none;color:#4b5563;cursor:pointer;font-size:14px;padding:4px 8px}.post-actions button:hover{background:#f3f4f6;border-radius:6px}@media (max-width:640px){.post-actions{gap:8px}.post-actions button{font-size:13px}}
/*# sourceMappingURL=main.cf3ea47b.css.map*/