.post-wrapper{max-width:900px;margin:0 auto;padding:20px}.post-page{background:#0b0b0bf2;border-radius:6px;border:1px solid var(--border);overflow:hidden;box-shadow:0 4px 16px #0000004d}.post-terminal-header{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;background:var(--bg-alt);border-bottom:1px solid var(--border);font-size:10px}.terminal-prompt{display:flex;align-items:center;gap:0}.prompt-user{color:var(--honey)}.prompt-at{color:var(--text-dim)}.prompt-host{color:var(--text)}.prompt-separator{color:var(--text-dim);margin:0 2px}.prompt-path{color:var(--honey)}.prompt-cursor{color:var(--text);margin-left:4px}.terminal-close{width:18px;height:18px;padding:3px;background:transparent;border:1px solid var(--border);border-radius:3px;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.terminal-close svg{width:100%;height:100%;fill:var(--text-dim);transition:fill .2s}.terminal-close:hover{border-color:var(--honey)}.terminal-close:hover svg{fill:var(--honey)}.post-body{padding:32px 40px}.post-header{margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--border)}.post-title{font-size:32px;font-weight:600;color:var(--honey);margin-bottom:16px;line-height:1.2}.post-meta{display:flex;align-items:center;gap:8px}.date-icon{width:14px;height:14px;fill:var(--text-dim);flex-shrink:0}.post-meta time{color:var(--text-dim);font-size:12px}.meta-separator{color:var(--text-dim);font-size:12px}.views-icon{width:14px;height:14px;fill:var(--text-dim);flex-shrink:0}.post-views{color:var(--text-dim);font-size:12px}.post-content{line-height:1.8}.post-content h1,.post-content h2,.post-content h3,.post-content h4{color:var(--honey);margin-top:32px;margin-bottom:16px;font-weight:600}.post-content h1{font-size:28px}.post-content h2{font-size:24px}.post-content h3{font-size:20px}.post-content p{margin-bottom:16px;color:var(--text)}.post-content code{background:var(--bg-alt);padding:2px 6px;border-radius:3px;font-size:13px;border:1px solid var(--border)}.post-content pre{background:var(--bg-alt);padding:16px;border-radius:6px;overflow-x:auto;margin:20px 0;border:1px solid var(--border)}.post-content pre code{background:none;padding:0;border:none}.post-content ul,.post-content ol{margin:16px 0;padding-left:24px}.post-content li{margin-bottom:8px;color:var(--text)}.post-content blockquote{border-left:3px solid var(--honey);padding-left:16px;margin:20px 0;color:var(--text-dim);font-style:italic}.post-content a{color:var(--honey);text-decoration:underline}.post-content a:hover{color:var(--honey-dim)}.post-content img{max-width:100%;border-radius:6px;margin:20px 0}.post-content table{width:100%;border-collapse:collapse;margin:20px 0}.post-content th,.post-content td{padding:10px 14px;border:1px solid var(--border);text-align:left}.post-content th{background:var(--bg-alt);color:var(--honey);font-weight:600}.post-content td{color:var(--text)}.post-content .btn-github{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;font-family:inherit;line-height:1.25rem;color:#fff;background-color:#000;border:none;border-radius:6px;cursor:pointer;overflow:hidden;text-decoration:none;transition:all .3s ease-out;box-shadow:0 1px 3px #0000004d}.post-content .btn-github:hover{background-color:#000000e6;box-shadow:0 0 0 2px #000,0 0 0 4px var(--honey);text-decoration:none}.post-content .btn-github-shine{position:absolute;right:0;top:-3rem;height:8rem;width:.5rem;transform:translate(3rem) rotate(12deg);background:#ffffff1a;transition:transform 1s ease-out;pointer-events:none}.post-content .btn-github:hover .btn-github-shine{transform:translate(-10rem) rotate(12deg)}.post-content .btn-github-content{display:flex;align-items:center;gap:.25rem}.post-content .btn-github-content svg{width:16px;height:16px;fill:currentColor}.post-content .btn-github-stars{display:flex;align-items:center;gap:.25rem;margin-left:.5rem;padding-left:.5rem;border-left:1px solid rgba(255,255,255,.2);font-size:.875rem;font-weight:500}.post-content .btn-github-stars svg{width:16px;height:16px;fill:#6b7280;transition:fill .3s ease-out}.post-content .btn-github:hover .btn-github-stars svg{fill:var(--honey)}.post-content .callout{position:relative;padding:16px;margin:20px 0;border-radius:6px;border:1px solid var(--border);background:var(--bg-alt)}.post-content .callout-title{font-weight:600;margin-bottom:8px;display:block}.post-content .callout p{margin:0}.post-content .callout-note{border-left:3px solid #3b82f6;background:#3b82f60d}.post-content .callout-note .callout-title{color:#3b82f6}.post-content .callout-tip{border-left:3px solid #22c55e;background:#22c55e0d}.post-content .callout-tip .callout-title{color:#22c55e}.post-content .callout-warning{border-left:3px solid var(--honey);background:#f5a6230d}.post-content .callout-warning .callout-title{color:var(--honey)}.post-content .callout-danger{border-left:3px solid #ef4444;background:#ef44440d}.post-content .callout-danger .callout-title{color:#ef4444}.post-content .callout-info{border-left:3px solid #06b6d4;background:#06b6d40d}.post-content .callout-info .callout-title{color:#06b6d4}.post-content .divider{display:flex;align-items:center;justify-content:center;margin:32px 0;color:var(--text-dim)}.post-content .divider:before,.post-content .divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.post-content .divider-icon{margin:0 16px;font-size:14px;opacity:.6}.post-content .divider-star:before,.post-content .divider-star:after{background:linear-gradient(90deg,transparent,var(--honey),transparent);opacity:.3}.post-content .divider-honey:before,.post-content .divider-honey:after{background:linear-gradient(90deg,transparent,var(--honey),transparent);opacity:.4}.post-footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--border)}.back-link{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-alt);border:1px solid var(--border);border-radius:4px;font-size:12px;transition:all .2s}.back-link:hover{border-color:var(--honey);background:#f5a6230d}@media (max-width: 768px){.post-wrapper{padding:12px}.post-body{padding:20px 16px}.post-terminal-header{padding:6px 12px;font-size:9px}.post-title{font-size:24px}.post-content h1{font-size:22px}.post-content h2{font-size:20px}.post-content pre{padding:12px;font-size:12px}}