.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,rgba(0,0,0,.1));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 max(24px,min(5vw,64px)) 80px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,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:1fr 340px;align-items:start;gap:64px;display:grid}.bp-sidebar-toc{max-height:calc(100vh - 150px);padding-right:8px;position:-webkit-sticky;position:sticky;top:110px;overflow-y:auto}.bp-sidebar-toc::-webkit-scrollbar{width:4px}.bp-sidebar-toc::-webkit-scrollbar-thumb{background:rgba(37,99,235,.15);border-radius:4px}.bp-toc{margin:0!important}}.bp-header{border-bottom:1px solid rgba(37,99,235,.12);margin-bottom:32px;padding-bottom:24px}.bp-title{color:var(--text-strong);letter-spacing:-.025em;margin-bottom:12px;font-size:max(26px,min(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%,rgba(37,99,235,.04),transparent 60%),var(--surface);border:1px solid rgba(37,99,235,.12);border-radius:20px;margin:32px 0 40px;padding:24px;box-shadow:0 10px 30px rgba(37,99,235,.03)}.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 transparent;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 rgba(0,0,0,.05)}.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%,rgba(37,99,235,.08),transparent 60%),linear-gradient(135deg,rgba(37,99,235,.06),rgba(59,130,246,.02)),var(--surface);border:1px solid rgba(37,99,235,.16);border-radius:24px;margin-top:64px;padding:36px 28px;box-shadow:0 12px 36px rgba(37,99,235,.04)}.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 rgba(37,99,235,.3);color:#fff!important}.bp-cta-btn:hover{transform:translateY(-1.5px);box-shadow:0 12px 28px rgba(37,99,235,.45)}.bp-footer{border-top:1px solid rgba(0,0,0,.06);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%,rgba(59,130,246,.1),transparent 60%),#020617;border-color:rgba(255,255,255,.06);box-shadow:0 16px 40px rgba(0,0,0,.45)}html[data-theme=dark] .bp-footer{border-top-color:rgba(255,255,255,.06)}@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}}