.blog-layout{max-width:1100px;margin:0 auto;padding:40px 24px;display:flex;gap:48px;position:relative}.blog-layout:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 60% 50% at 80% 20%,rgba(8,145,178,.06) 0%,transparent 70%),radial-gradient(ellipse 40% 60% at 10% 80%,rgba(8,145,178,.04) 0%,transparent 70%);pointer-events:none;z-index:0}.sidebar,.content{position:relative;z-index:1}.sidebar{width:232px;flex-shrink:0;position:sticky;top:80px;align-self:flex-start;background:#ffffff8c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.75);border-radius:16px;padding:20px 16px;box-shadow:0 6px 28px #0891b212}.sidebar-label{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.2em;color:#d1d5db;margin-bottom:10px}.sidebar-divider{height:1px;background:#f3f4f6;margin:20px 0}.cat-list{display:flex;flex-direction:column;gap:2px}.cat-link{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:6px;font-size:14px;color:#9ca3af;text-decoration:none;transition:all .15s}.cat-link:hover{background:#f9fafb;color:#374151}.cat-link.active{background:#0891b20f;color:#0891b2;font-weight:500}.cat-icon{font-size:12px;opacity:.6;width:16px;text-align:center}.tag-cloud{display:flex;flex-wrap:wrap;gap:5px}.tag-item{padding:2px 8px;font-size:11px;border-radius:4px;background:#f3f4f6;color:#6b7280;text-decoration:none;transition:all .15s}.tag-item:hover{background:#0891b214;color:#0891b2}.tag-item.active{background:#0891b2;color:#fff}.write-btn{width:100%;padding:8px;border:none;border-radius:6px;background:#0891b2;color:#fff;font-family:DM Mono,monospace;font-size:12px;letter-spacing:.1em;cursor:pointer;transition:box-shadow .2s}.write-btn:hover{box-shadow:0 2px 12px #0891b24d}.content{flex:1;min-width:0}.content-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.header-label{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.25em;color:#d1d5db;margin-bottom:6px}.header-title{font-size:30px;font-weight:800;letter-spacing:-.01em;color:#111827}.title-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#0891b2;margin-left:8px;vertical-align:middle;margin-bottom:2px}.post-count{font-family:DM Mono,monospace;font-size:12px;color:#d1d5db}.editor{background:#fffc;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(8,145,178,.2);border-radius:14px;padding:20px;margin-bottom:24px}.editor.hidden{display:none}.editor-row{display:flex;gap:12px;margin-bottom:12px}.editor-field{display:flex;flex-direction:column;gap:4px}.editor-field label{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.15em;color:#d1d5db}.editor-field input,.editor-field select,.editor-field textarea{padding:8px 10px;border:1px solid #e5e7eb;border-radius:6px;background:#fafafa;color:#374151;font-size:13px;outline:none;transition:border-color .15s}.editor-field input:focus,.editor-field textarea:focus{border-color:#0891b266}.editor-field textarea{font-family:DM Mono,monospace;line-height:1.8;resize:vertical}.editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.btn-cancel{padding:6px 16px;font-size:12px;border-radius:6px;border:1px solid #e5e7eb;background:none;color:#9ca3af;font-family:DM Mono,monospace;cursor:pointer}.btn-publish{padding:6px 20px;font-size:12px;border-radius:6px;border:none;background:#0891b2;color:#fff;font-family:DM Mono,monospace;cursor:pointer}.post-list{display:flex;flex-direction:column;gap:12px}.post-card{position:relative;overflow:hidden;display:block;padding:22px 26px;background:#ffffffb8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);border-radius:12px;text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,border-color .25s ease}.post-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#22d3ee,#0891b2);transform:scaleY(0);transform-origin:top;transition:transform .28s cubic-bezier(.16,1,.3,1)}.post-card:hover{border-color:#0891b240;box-shadow:0 12px 32px #0891b217;transform:translateY(-3px)}.post-card:hover:before{transform:scaleY(1)}.post-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.post-actions{display:flex;gap:2px}.del-post-btn,.edit-post-btn{background:none;border:none;color:#d1d5db;font-size:13px;cursor:pointer;padding:2px 7px;border-radius:5px;opacity:0;transition:all .15s}.post-card:hover .del-post-btn,.post-card:hover .edit-post-btn{opacity:1}.edit-post-btn:hover{color:#0891b2;background:#0891b214}.del-post-btn:hover{color:#ef4444;background:#ef44440f}.post-link{text-decoration:none;display:block}.post-tags{display:flex;gap:5px}.post-tag{padding:2px 8px;font-size:10px;font-family:DM Mono,monospace;letter-spacing:.05em;border-radius:4px;background:#0891b20f;border:1px solid rgba(8,145,178,.12);color:#0891b2;text-transform:uppercase}.post-title{font-size:17px;font-weight:600;color:#111827;margin-bottom:8px;line-height:1.45;transition:color .2s ease}.post-card:hover .post-title{color:#0891b2}.post-excerpt{font-size:13px;color:#9ca3af;line-height:1.7;margin-bottom:14px}.post-meta{display:flex;justify-content:space-between;font-family:DM Mono,monospace;font-size:11px;color:#d1d5db}.empty{text-align:center;padding:60px 0;color:#d1d5db;font-family:DM Mono,monospace;font-size:13px}.post-skeleton{height:116px;border-radius:10px;border:1px solid #f3f4f6;background:linear-gradient(100deg,#f3f4f6 30%,#fafafa,#f3f4f6 70%);background-size:200% 100%;animation:postShimmer 1.3s ease-in-out infinite}@keyframes postShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}