.post-page{min-height:60vh}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding:var(--space-xl);text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-icon{font-size:3rem;margin-bottom:var(--space-md)}.error-content h2{margin-bottom:var(--space-sm)}.error-content p{color:var(--color-text-muted);margin-bottom:var(--space-lg)}.post-header{background:var(--gradient-hero);color:#fff;padding:var(--space-xl) var(--space-md)}.breadcrumb{font-size:.875rem;margin-bottom:var(--space-md);opacity:.8}.breadcrumb a{color:#fff}.breadcrumb span{margin:0 var(--space-xs)}.post-header h1{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-md);line-height:1.3}@media (min-width: 768px){.post-header h1{font-size:2rem}}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-lg);font-size:.875rem;opacity:.9}.author-info{display:flex;align-items:center;gap:var(--space-sm)}.author-avatar{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;border-radius:50%!important;border:2px solid rgba(255,255,255,.3);object-fit:cover;display:block}.author-details{display:flex;flex-direction:column}.author-name{font-weight:600}.author-level{font-size:.75rem;opacity:.8}.stat-separator{opacity:.5}.post-body{padding:var(--space-xl) var(--space-md);background:var(--color-bg)}.post-content-wrapper{display:grid;gap:var(--space-xl)}@media (min-width: 1024px){.post-content-wrapper{grid-template-columns:1fr 300px}}.post-content-text{font-size:1rem;line-height:1.8;color:var(--color-text)}.post-content-text img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-md) 0}.post-content-text code{background:var(--color-bg-alt);padding:.125rem .375rem;border-radius:var(--radius-sm);font-size:.875em}.post-actions{display:flex;gap:var(--space-sm);padding:var(--space-lg) 0;border-top:1px solid var(--color-border);margin-top:var(--space-lg)}.action-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;font-size:.875rem;color:var(--color-text-secondary)}.action-btn:hover{background:var(--color-info-bg);border-color:var(--color-accent);color:var(--color-accent)}.replies-section{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.replies-section h2{font-size:1.25rem;margin-bottom:var(--space-lg)}.reply-form-container{margin-bottom:var(--space-xl)}.reply-form textarea{width:100%;padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.9375rem;resize:vertical;font-family:inherit}.reply-form textarea:focus{outline:none;border-color:var(--color-accent)}.reply-form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-sm)}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:.875rem}.replies-list{display:flex;flex-direction:column;gap:var(--space-md)}.reply-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-lg)}.reply-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.reply-avatar{width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;border-radius:50%!important;object-fit:cover;display:block}.reply-author-info{display:flex;align-items:center;gap:var(--space-sm);flex:1}.reply-author{font-weight:600;font-size:.875rem}.reply-level{font-size:.6875rem;padding:1px 6px;border-radius:var(--radius-full);color:#fff}.reply-date{font-size:.75rem;color:var(--color-text-muted);margin-left:auto}.reply-floor{font-size:.75rem;color:var(--color-text-muted);background-color:var(--color-bg-secondary);padding:2px 8px;border-radius:var(--radius-sm);font-weight:600}.reply-content{font-size:.9375rem;line-height:1.6;color:var(--color-text)}.reply-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-sm) 0}.reply-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--color-border-light)}.action-btn-sm{background:none;border:none;color:var(--color-text-muted);font-size:.8125rem;cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.action-btn-sm:hover{background:var(--color-bg-alt);color:var(--color-text)}.post-sidebar{display:flex;flex-direction:column;gap:var(--space-lg)}.sidebar-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-lg)}.sidebar-card h3{font-size:.9375rem;margin-bottom:var(--space-md);color:var(--color-text)}.author-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-sm)}.author-card img,.sidebar-avatar{width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important;border-radius:50%!important;object-fit:cover;display:block}.level-badge{font-size:.75rem;padding:2px 8px;border-radius:var(--radius-full);color:#fff;background:var(--color-primary)}.related-posts{display:flex;flex-direction:column;gap:var(--space-sm)}.related-post-item{display:flex;flex-direction:column;gap:2px;padding:var(--space-sm);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text);transition:background var(--transition-fast)}.related-post-item:hover{background:var(--color-bg-alt)}.related-post-title{font-size:.8rem;font-weight:500;line-height:1.3}.related-post-meta{font-size:.7rem;color:var(--color-text-muted)}.empty-state{text-align:center;color:var(--color-text-muted);font-size:.875rem;padding:var(--space-lg)}.char-count{font-size:.75rem;color:var(--color-text-muted)}