.reading-progress-bar{background:linear-gradient(90deg, var(--accent,#2563eb), var(--primary-soft,#3b82f6));z-index:1001;height:4px;transition:width .1s ease-out;position:fixed;top:0;left:0}.bp-breadcrumbs{color:var(--text-muted,#64748b);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;font-size:13.5px;font-weight:500;display:flex}.breadcrumb-item{color:inherit;align-items:center;gap:5px;text-decoration:none;transition:color .2s;display:inline-flex}.breadcrumb-item:hover{color:var(--accent)}.breadcrumb-item .icon{font-size:14px}.bp-breadcrumbs .sep{color:var(--border,#0000001a);font-size:12px}.current-post{color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-weight:600;overflow:hidden}.bp-container{background:var(--bg);width:100%;max-width:100%;color:var(--text);box-sizing:border-box;padding:48px clamp(24px,5vw,64px) 80px;font-family:Inter,system-ui,sans-serif}.bp-layout-grid{box-sizing:border-box;flex-direction:column-reverse;gap:32px;width:100%;margin-top:32px;display:flex}.bp-main-content{flex:1;width:100%;min-width:0}.bp-sidebar-toc{width:100%}@media (min-width:1024px){.bp-layout-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:64px;display:grid}.bp-sidebar-toc{max-height:calc(100vh - 150px);padding-right:8px;position:sticky;top:110px;overflow-y:auto}.bp-sidebar-toc::-webkit-scrollbar{width:4px}.bp-sidebar-toc::-webkit-scrollbar-thumb{background:#2563eb26;border-radius:4px}.bp-toc{margin:0!important}}.bp-header{border-bottom:1px solid #2563eb1f;margin-bottom:32px;padding-bottom:24px}.bp-title{color:var(--text-strong);letter-spacing:-.025em;margin-bottom:12px;font-size:clamp(26px,3.5vw,38px);font-weight:850;line-height:1.2}.bp-desc{color:var(--muted);max-width:740px;font-size:16.5px;line-height:1.6}.bp-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;font-size:13px;font-weight:500;display:flex}.bp-meta>span{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.bp-meta .icon{color:var(--text-muted);opacity:.8;font-size:14.5px}.bp-toc{background:radial-gradient(circle at 10% 10%, #2563eb0a, transparent 60%), var(--surface);border:1px solid #2563eb1f;border-radius:20px;margin:32px 0 40px;padding:24px;box-shadow:0 10px 30px #2563eb08}.bp-toc-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-strong);margin-bottom:14px;font-size:12px;font-weight:800}.bp-toc ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bp-toc li{margin:0}.bp-toc a{color:var(--text-muted);border-left:2px solid #0000;align-items:center;gap:8px;padding:4px 0;font-size:14px;font-weight:550;text-decoration:none;transition:all .25s;display:inline-flex}.bp-toc a:hover{color:var(--accent);padding-left:6px}.bp-toc a.active{border-left:2px solid var(--accent);padding-left:10px;font-weight:700;color:var(--accent)!important}.bp-toc .toc-icon{opacity:.6;flex-shrink:0;font-size:13.5px}.bp-toc a.active .toc-icon{opacity:1}.bp-content{overflow-wrap:break-word;font-size:16px;line-height:1.8}.bp-content *{max-width:100%}.bp-content h2{color:var(--text-strong);margin:48px 0 16px;scroll-margin-top:110px;font-size:24px;font-weight:800;position:relative}.bp-content h2:before{content:"";background:linear-gradient(180deg, var(--accent), transparent);border-radius:4px;width:4px;height:60%;position:absolute;top:7px;left:-14px}.bp-content h3{color:var(--text-strong);margin:32px 0 12px;font-size:19px;font-weight:700}.bp-content p{color:var(--text);margin-bottom:20px}.bp-content ul,.bp-content ol{margin:16px 0 24px 24px}.bp-content li{margin-bottom:10px;line-height:1.7}.bp-content a{color:var(--accent);text-underline-offset:3px;font-weight:600;text-decoration:underline;transition:opacity .2s}.bp-content a:hover{opacity:.85}.bp-content img{object-fit:contain;background:var(--surface);border-radius:12px;max-width:100%;height:auto;max-height:480px;margin:36px auto;display:block;box-shadow:0 10px 30px #0000000d}.bp-content img+em{text-align:center;color:var(--text-muted);margin-top:-24px;margin-bottom:28px;font-size:13px;font-style:italic;display:block}.bp-cta{text-align:center;background:radial-gradient(circle at 10% 10%, #2563eb14, transparent 60%), linear-gradient(135deg, #2563eb0f, #3b82f605), var(--surface);border:1px solid #2563eb29;border-radius:24px;margin-top:64px;padding:36px 28px;box-shadow:0 12px 36px #2563eb0a}.bp-cta h3{color:var(--text-strong);letter-spacing:-.02em;margin-bottom:12px;font-size:22px;font-weight:850}.bp-cta p{color:var(--text-muted);max-width:500px;margin:0 auto 20px;font-size:15px;line-height:1.6}.bp-cta-btn{background:linear-gradient(135deg, var(--accent), #3b82f6);border-radius:999px;justify-content:center;align-items:center;padding:12px 28px;font-size:14.5px;font-weight:800;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 8px 22px #2563eb4d;color:#fff!important}.bp-cta-btn:hover{transform:translateY(-1.5px);box-shadow:0 12px 28px #2563eb73}.bp-footer{border-top:1px solid #0000000f;margin-top:56px;padding-top:24px}.bp-back-link{color:var(--accent);align-items:center;gap:6px;font-size:14px;font-weight:650;text-decoration:none;transition:gap .2s;display:inline-flex}.bp-back-link .icon{font-size:15px}.bp-back-link:hover{gap:10px;text-decoration:underline}.bp-not-found{text-align:center;padding:80px 24px}.bp-not-found h2{margin-bottom:16px;font-size:24px;font-weight:800}.bp-loading{text-align:center;color:var(--text-muted);padding:60px 0;font-size:15px;font-weight:500}html[data-theme=dark] .bp-toc,html[data-theme=dark] .bp-cta{background:radial-gradient(circle at 10% 10%,#3b82f61a,#0000 60%),#020617;border-color:#ffffff0f;box-shadow:0 16px 40px #00000073}html[data-theme=dark] .bp-footer{border-top-color:#ffffff0f}@media (max-width:640px){.bp-container{padding:24px 16px 64px}.bp-breadcrumbs{gap:4px}.current-post{max-width:140px}.bp-title{font-size:22px}.bp-desc{font-size:15px}.bp-toc{margin:24px 0 32px;padding:16px 18px}.bp-toc a{font-size:13.5px}.bp-content{font-size:15px;line-height:1.7}.bp-content h2{margin:36px 0 12px;font-size:19px}.bp-content h2:before{width:3px;left:-10px}.bp-cta h3{font-size:19px}.bp-cta p{font-size:13.5px}}
