.post-container{min-height:calc(100vh - 200px);background-color:var(--color-bg);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;padding:60px 20px 80px}.post-header{max-width:1288px;margin:0 auto 60px;text-align:center;padding:0 20px}.post-title{font-size:40px;font-weight:700;line-height:1.25;letter-spacing:-.02em;color:var(--color-text);margin:0 0 16px}.post-meta{justify-content:center;gap:20px;color:var(--color-text-secondary);font-size:15px;font-weight:500}.post-meta,.post-meta span{display:flex;align-items:center}.post-meta span{gap:6px}.post-meta svg{color:var(--color-text-secondary)}.post-detail-card{max-width:1248px;margin:0 auto;background:var(--color-surface);border-radius:24px;box-shadow:0 4px 24px rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.02);padding:60px 80px;position:relative}.post-detail-card .bn-container,.post-detail-card .bn-editor{background-color:transparent!important;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif!important;color:var(--color-text)!important}.post-content{max-width:988px;margin:0 auto;font-size:17px;line-height:1.8;color:var(--color-text)}.post-content p{margin-bottom:1.5em;color:var(--color-text)}.post-content a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.post-content h2{font-size:24px;margin:2em 0 1em;letter-spacing:-.01em;border-bottom:1px solid var(--color-border);padding-bottom:16px}.post-content h2,.post-content h3{font-weight:600;color:var(--color-text)}.post-content h3{font-size:20px;margin:1.5em 0 .75em}.post-content blockquote{margin:2em 0;padding:20px 24px;background:var(--color-primary-soft);border-left:4px solid var(--color-primary);border-radius:0 16px 16px 0;font-style:italic;color:var(--color-text)}.post-content img{max-width:100%;height:auto;border-radius:16px;margin:2em 0;box-shadow:0 12px 32px rgba(0,0,0,.12)}.post-detail-card .bn-editor [data-content-type=codeBlock]{background:#1e1e1e!important;border-radius:12px!important;margin:2.5em 0!important;position:relative!important;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08)!important;border:1px solid rgba(255,255,255,.08)!important;padding:48px 0 0!important;overflow:hidden!important}.post-detail-card .bn-editor [data-content-type=codeBlock]:before{content:"";position:absolute;top:18px;left:20px;width:12px;height:12px;border-radius:50%;background:#ff5f56;box-shadow:20px 0 0 #ffbd2e,40px 0 0 #27c93f;z-index:10!important;opacity:.9;display:block!important;pointer-events:none}.post-detail-card .bn-editor [data-content-type=codeBlock] .bn-inline-content{padding:0 24px!important}.post-detail-card .bn-editor pre{background:transparent!important;color:#e5e5e5!important;padding:0 24px 24px!important;margin:0!important;border-radius:0!important;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace!important;font-size:15px!important;line-height:1.7!important;box-shadow:none!important;border:none!important;overflow-x:auto!important;overflow-y:hidden!important;position:static!important;min-height:60px!important}.post-detail-card .bn-editor pre:after,.post-detail-card .bn-editor pre:before{display:none!important}.post-detail-card .bn-editor pre code{padding:0!important;margin:0!important;display:block}.post-content code.bn-inline-content{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace!important;color:inherit!important;background:transparent!important;padding:0!important;border:none!important}.post-recommendations{max-width:1288px;margin:60px auto 0;padding-top:40px;border-top:1px solid var(--color-border)}.post-recommendations-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}.recommend-card{display:flex;flex-direction:column;padding:32px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:24px;transition:all .3s cubic-bezier(.16,1,.3,1);text-decoration:none}.recommend-card:hover{background:var(--color-surface);box-shadow:0 12px 32px rgba(0,0,0,.08);transform:translateY(-2px)}.recommend-card h4{font-size:18px;font-weight:600;color:var(--color-text);margin:0 0 8px;line-height:1.4}.recommend-card p{font-size:14px;color:var(--color-text-secondary);margin:0 0 16px;line-height:1.5;flex-grow:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recommend-card-link{font-size:14px;font-weight:500;color:var(--color-primary)}.post-footer{max-width:1288px;margin:40px auto 0;padding-top:32px;border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.post-tags{display:flex;gap:8px}.post-tag{padding:6px 16px;font-size:13px;font-weight:500;color:var(--color-text);background:var(--color-bg);border-radius:999px;transition:all .2s ease}.post-tag:hover{background:var(--color-bg-soft);color:var(--color-text)}.post-share{display:flex;gap:12px}.post-share-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:22px;background:var(--color-bg);border:none;color:var(--color-text-secondary);transition:all .2s ease;cursor:pointer}.post-share-btn svg{width:20px;height:20px;transition:transform .2s ease}.post-share-btn:hover{color:var(--color-text);background:var(--color-bg-soft)}.post-share-btn:hover svg{transform:scale(1.1)}@media (max-width:768px){.post-detail-card{padding:32px 20px;border-radius:24px}.post-recommendations-grid{grid-template-columns:1fr}.post-title{font-size:32px}}.toc-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:90}.toc-panel{position:fixed;top:50%;right:98px;width:260px;max-height:60vh;background:rgba(255,255,255,.85);backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);border:1px solid rgba(0,0,0,.04);border-radius:24px;box-shadow:0 16px 40px rgba(0,0,0,.08);padding:24px;display:flex;flex-direction:column;z-index:100;animation:tocFadeInCenter .3s cubic-bezier(.16,1,.3,1) forwards;transform-origin:right center}@media (max-width:1279px){.toc-wrapper{display:none!important}}@keyframes tocFadeInCenter{0%{opacity:0;transform:translateY(-50%) scale(.95);pointer-events:none}to{opacity:1;transform:translateY(-50%) scale(1);pointer-events:auto}}@keyframes tocFadeOutCenter{0%{opacity:1;transform:translateY(-50%) scale(1)}to{opacity:0;transform:translateY(-50%) scale(.95)}}.toc-panel.is-closing{animation:tocFadeOutCenter .3s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none}.toc-header{margin-bottom:12px;padding-bottom:8px;padding-left:24px}.toc-header h3{font-size:15px;font-weight:600;color:var(--color-text);margin:0}.toc-list{list-style:none;padding:0;margin:0;max-height:calc(60vh - 60px);overflow-y:auto;overscroll-behavior:contain}.toc-list::-webkit-scrollbar{width:4px}.toc-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.toc-list button{display:block;width:100%;text-align:left;background:transparent;border:none;padding:8px 12px 8px 24px;font-size:14px;line-height:1.4;color:var(--color-text-secondary);border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toc-list button:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:var(--color-border);transition:all .2s ease}.toc-list button:hover{color:var(--color-text)}.toc-list button.is-active{color:var(--color-primary);font-weight:600}.toc-list button.is-active:before{background:var(--color-primary);width:6px;height:6px;left:7px}[data-theme=dark] .toc-panel{background:rgba(28,28,30,.82);border-color:rgba(255,255,255,.08);box-shadow:0 16px 40px rgba(0,0,0,.4)}[data-theme=dark] .toc-list button:hover{background:rgba(255,255,255,.06)}[data-theme=dark] .toc-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18)}