.blog-toc{position:fixed;top:50%;left:24px;transform:translateY(-50%);width:280px;max-height:70vh;overflow-y:auto;background:rgba(0,0,0,.8);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:20px;z-index:100;transition:all .3s ease;box-shadow:0 8px 32px rgba(0,0,0,.4)}.blog-toc::-webkit-scrollbar{width:6px}.blog-toc::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}.blog-toc::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.blog-toc::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.blog-toc.hidden{transform:translate(-260px,-50%)}.blog-toc-toggle{position:fixed;top:50%;left:24px;transform:translateY(-50%);width:48px;height:48px;background:rgba(0,0,0,.8);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);border-radius:12px;display:flex;align-items:center;justify-content:center;z-index:101;cursor:pointer;transition:all .3s ease;color:rgba(255,255,255,.7)}.blog-toc-toggle:hover{background:rgba(255,255,255,.1);color:rgba(255,255,255,.9)}.blog-toc-toggle.with-toc{left:328px}.blog-toc-toggle.with-toc.hidden{left:88px}.blog-toc h3{color:rgba(255,255,255,.9);font-size:1.125rem;font-weight:500;margin:0 0 16px;display:flex;align-items:center;gap:8px}.blog-toc-icon{width:18px;height:18px;opacity:.7}.blog-toc ul{list-style:none}.blog-toc li,.blog-toc ul{margin:0;padding:0}.blog-toc a{display:block;color:rgba(255,255,255,.7);text-decoration:none;padding:6px 0;font-size:.875rem;line-height:1.4;border-radius:6px;transition:all .2s ease}.blog-toc a:hover{color:rgba(255,255,255,.9);background:rgba(255,255,255,.05);padding-left:8px}.blog-toc .toc-level-1{font-weight:500;margin-top:12px}.blog-toc .toc-level-1:first-child{margin-top:0}.blog-toc .toc-level-2{padding-left:16px;font-size:.8125rem}.blog-toc .toc-level-3{padding-left:32px;font-size:.75rem;opacity:.8}.blog-toc .toc-level-4{padding-left:48px;font-size:.7rem;opacity:.7}.audio-player-container{margin:32px 0;text-align:center}@media (min-width:640px){.audio-player-container{margin:2rem 0}}.custom-audio-player{width:100%;max-width:500px;margin:0 auto;display:block;filter:invert(1) hue-rotate(180deg)}.audio-caption{margin:24px auto 0!important;text-align:center!important;font-size:.875rem;color:rgba(255,255,255,.7);font-style:italic;max-width:500px;display:block}@media (min-width:640px){.audio-caption{font-size:1rem}}.blog-article{line-height:1.7;font-size:1.0625rem}.blog-article h1{font-size:2.5rem;font-weight:300;color:rgba(255,255,255,.95);margin:48px 0 24px;line-height:1.2;scroll-margin-top:140px}.blog-article h2{font-size:2rem;font-weight:400;color:rgba(255,255,255,.9);margin:40px 0 20px;line-height:1.3;scroll-margin-top:140px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.blog-article h3{font-size:1.5rem;color:rgba(255,255,255,.85);margin:32px 0 16px}.blog-article h3,.blog-article h4{font-weight:500;line-height:1.4;scroll-margin-top:140px}.blog-article h4{font-size:1.25rem;color:rgba(255,255,255,.8);margin:24px 0 12px}.blog-article h5{font-size:1.125rem;font-weight:500;color:rgba(255,255,255,.75);margin:20px 0 10px;line-height:1.4;scroll-margin-top:140px}.blog-article p{margin:0 0 20px;color:rgba(255,255,255,.85);line-height:1.7}.blog-article p:last-child{margin-bottom:0}.blog-article em{color:rgba(255,255,255,.9);font-style:italic}.blog-article strong{color:rgba(255,255,255,.95);font-weight:600}.blog-article blockquote{border-left:3px solid rgba(255,255,255,.3);margin:24px 0;font-style:italic;color:rgba(255,255,255,.8);background:rgba(255,255,255,.02);padding:16px 20px;border-radius:8px}.blog-article ol,.blog-article ul{margin:16px 0;padding-left:24px;color:rgba(255,255,255,.85)}.blog-article li{margin:8px 0;line-height:1.6}.blog-article li::marker{color:rgba(255,255,255,.6)}.blog-article a{color:rgba(255,255,255,.9);text-decoration:underline;text-decoration-color:rgba(255,255,255,.3);text-underline-offset:2px;transition:all .2s ease}.blog-article a:hover{color:rgba(255,255,255,1);text-decoration-color:rgba(255,255,255,.6)}.blog-article code{background:rgba(255,255,255,.1);padding:2px 6px;border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.9em;color:rgba(255,255,255,.9)}.blog-article pre{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;margin:20px 0;overflow-x:auto;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.blog-article pre,.blog-article pre code{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.blog-article pre code{background:none;padding:0;border-radius:0;font-size:.875rem}.blog-article img{max-width:100%;height:auto;border-radius:8px;margin:24px 0;box-shadow:0 4px 20px rgba(0,0,0,.3)}.blog-progress{position:fixed;top:0;left:0;width:100%;height:6px;background:rgba(255,255,255,.1);z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.2)}.blog-progress-bar{height:100%;background:linear-gradient(90deg,rgba(255,255,255,.9),rgba(255,255,255,.7));width:0;transition:width .15s ease;box-shadow:0 0 12px rgba(255,255,255,.3)}.blog-section-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);margin:48px 0}.blog-meta{gap:16px;color:rgba(255,255,255,.6);font-size:.875rem;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.blog-meta,.blog-meta span{display:flex;align-items:center}.blog-meta span{gap:4px}html{scroll-behavior:smooth}@media (max-width:1200px){.blog-toc{position:relative;top:auto;left:auto;transform:none;width:100%;max-height:none;margin:24px 0;padding:16px;position:static}.blog-toc.hidden{transform:none;display:none}.blog-toc-toggle{position:relative;top:auto;left:auto;transform:none;margin:16px 0;width:100%;height:40px}.blog-toc-toggle.with-toc,.blog-toc-toggle.with-toc.hidden{left:auto}}@media (max-width:768px){.blog-article h1{font-size:2rem;margin:32px 0 20px}.blog-article h2{font-size:1.5rem;margin:28px 0 16px}.blog-article h3{font-size:1.25rem;margin:24px 0 12px}.blog-article{font-size:1rem}.blog-article ol,.blog-article ul{padding-left:20px}.custom-audio-player{max-width:100%}}@media print{.blog-toc{position:static;background:none;border:1px solid #ccc;backdrop-filter:none}.blog-progress{display:none}.blog-article a{color:#000;text-decoration:underline}.audio-player-container{display:none}}.blog-article a:focus,.blog-toc a:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.blog-article ::selection{background:rgba(255,255,255,.2);color:rgba(255,255,255,.95)}