.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:120;background:rgba(177,156,217,.18)}.reading-progress-bar{height:100%;width:0;background:linear-gradient(90deg,#b19cd9,#6c8dff);transition:width .12s linear}.post-layout-container{display:flex;max-width:1200px;margin:2.5rem auto 0;padding:2rem;gap:3rem;background:var(--bg-primary);border-radius:16px;box-shadow:0 4px 20px var(--shadow-light)}.post-single{flex:1;max-width:800px;min-width:0;background:var(--bg-primary);padding:2rem;border-radius:12px;box-shadow:0 2px 12px var(--shadow-light)}.post-actions{margin-top:.9rem}.focus-mode-toggle{border:1px solid var(--border);background:var(--theme);color:var(--primary);border-radius:999px;padding:.45rem .9rem;font-size:.85rem;cursor:pointer}.focus-mode-toggle:hover{border-color:#b19cd9;color:#b19cd9}.reading-time{font-size:.86rem;color:var(--secondary);margin-left:.5rem}.toc-sidebar{flex:0 0 280px;position:sticky;top:100px;align-self:flex-start;max-height:calc(100vh - 100px);overflow-y:auto;scroll-behavior:smooth}.toc-sidebar .toc{background:var(--theme);border:1px solid var(--border);border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px rgba(0,0,0,8%);transition:all .3s ease}.toc-sidebar .toc:hover{box-shadow:0 8px 30px rgba(0,0,0,.12)}.toc-sidebar .toc details{position:relative}.toc-sidebar .toc summary{cursor:pointer;padding:.75rem 0;font-weight:600;color:var(--primary);border-bottom:2px solid var(--border);margin-bottom:1rem;font-size:1.1rem;transition:color .3s ease}.toc-sidebar .toc summary:hover{color:#b19cd9}.toc-sidebar .toc .inner{padding-top:0}.toc-sidebar .toc ul{list-style:none;padding-left:0;margin:0}.toc-sidebar .toc li{margin:.5rem 0}.toc-sidebar .toc a{display:block;padding:.5rem .75rem;color:var(--secondary);text-decoration:none;border-radius:6px;transition:all .2s ease;font-size:.9rem;line-height:1.4;position:relative;overflow:hidden}.toc-sidebar .toc a:hover{background:rgba(177,156,217,.1);color:#b19cd9;transform:translateX(4px)}.toc-sidebar .toc a.active{background:linear-gradient(135deg,#b19cd9,#9a7bc8);color:#fff;font-weight:600;transform:translateX(8px);box-shadow:0 2px 10px rgba(177,156,217,.3)}.toc-sidebar .toc a.active::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:rgba(255,255,255,.8)}.toc-sidebar .toc ul ul a{padding-left:1.5rem;font-size:.85rem}.toc-sidebar .toc ul ul ul a{padding-left:2.25rem;font-size:.8rem}.toc-sidebar .toc ul ul ul ul a{padding-left:3rem;font-size:.75rem}.toc-sidebar::-webkit-scrollbar{width:6px}.toc-sidebar::-webkit-scrollbar-track{background:0 0}.toc-sidebar::-webkit-scrollbar-thumb{background:rgba(177,156,217,.3);border-radius:3px}.toc-sidebar::-webkit-scrollbar-thumb:hover{background:rgba(177,156,217,.5)}[data-theme=dark] .toc-sidebar .toc{background:var(--entry);border-color:var(--border);box-shadow:0 4px 20px rgba(0,0,0,.3)}[data-theme=dark] .toc-sidebar .toc:hover{box-shadow:0 8px 30px rgba(0,0,0,.4)}[data-theme=dark] .toc-sidebar .toc summary{color:var(--primary);border-color:var(--border)}[data-theme=dark] .toc-sidebar .toc a{color:var(--secondary)}[data-theme=dark] .toc-sidebar .toc a:hover{background:rgba(177,156,217,.15);color:#b19cd9}body.focus-mode .post-layout-container{max-width:min(1240px,calc(100vw - 2.2rem));gap:0;padding:1.4rem 1.1rem}body.focus-mode .toc-sidebar{display:none}body.focus-mode .post-single{max-width:980px;margin:0 auto;padding-left:2.3rem;padding-right:2.3rem}body.focus-mode .post-content{font-size:1.04rem;line-height:1.88}body.focus-mode .focus-mode-toggle{background:#b19cd9;color:#fff;border-color:#b19cd9}@media(max-width:1024px){.post-layout-container{flex-direction:column;padding:1rem;border-radius:0;box-shadow:none}.toc-sidebar{display:none}.toc-sidebar .toc{margin:0}.post-single{max-width:none;padding:1.5rem;box-shadow:none;border-radius:0}.post-actions{display:none}}@media(max-width:768px){.post-layout-container{padding:0;gap:0;margin-top:0}.post-single{padding:1rem 1rem 1.4rem;box-shadow:none;border-radius:0}.post-single .post-title{font-size:clamp(1.6rem,5.6vw,2rem);line-height:1.3;letter-spacing:-.01em;margin-bottom:.7rem}.post-single .post-description{font-size:1rem;line-height:1.72}.post-single .post-meta{display:flex;flex-wrap:wrap;gap:.35rem .55rem;font-size:.92rem;line-height:1.5}.post-single .post-content{font-size:1.06rem;line-height:1.82;word-break:keep-all;overflow-wrap:break-word}.post-single .post-content p,.post-single .post-content li,.post-single .post-content blockquote{font-size:inherit;line-height:inherit}.post-single .post-content h2{font-size:1.35rem;line-height:1.45;margin-top:1.8rem;margin-bottom:.8rem}.post-single .post-content h3{font-size:1.2rem;line-height:1.45;margin-top:1.5rem;margin-bottom:.65rem}.post-single .post-content pre{font-size:.87rem;line-height:1.55;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px}.post-single .post-content code{font-size:.92em;word-break:break-word}.post-single .post-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.focus-mode-toggle{min-height:38px;padding:.46rem .92rem}.toc-sidebar .toc{padding:1rem}.toc-sidebar .toc summary{font-size:1rem}.toc-sidebar .toc a{font-size:.85rem;padding:.4rem .6rem}}@media(prefers-reduced-motion:reduce){.toc-sidebar .toc,.toc-sidebar .toc a{transition:none;transform:none}}@media(prefers-contrast:high){.toc-sidebar .toc{border-width:2px}.toc-sidebar .toc a.active{background:var(--primary);color:var(--theme)}}