.blog-sidebar .article_nav_box{width:100%;position:relative}.blog-sidebar .article_nav_box li{box-sizing:border-box;width:100%;padding-left:20px;font-size:14px;line-height:24px}.blog-sidebar .article_nav_box li:before{content:"";border-radius:2px;width:4px;height:100%;display:inline-block;position:absolute;top:0;left:0}.blog-sidebar .article_nav_box li:last-child{margin-bottom:0}.blog-sidebar .article_nav_box li.activeText{position:relative}.blog-sidebar .article_nav_box li.activeText:after{content:"";z-index:1;border-radius:2px;width:4px;height:100%;display:inline-block;position:absolute;top:0;left:0}.blog-sidebar .sidebar{flex-direction:column;gap:24px;display:flex}.blog-sidebar .toc{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f9fb;border:1px solid #e3e7ec;border-radius:12px;padding:12px}.blog-sidebar .toc ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.blog-sidebar .toc ul:before{content:"";background:#e9e9e9;border-radius:2px;width:3px;height:92%;position:absolute;top:50%;left:-1px;transform:translateY(-50%)}.blog-sidebar .toc ul li{padding-left:16px;position:relative}.blog-sidebar .toc ul li:before{content:"";background:#19b5ff;border-radius:2px;width:3px;height:0;transition:height .3s;position:absolute;top:50%;left:-1px;transform:translateY(-50%)}.blog-sidebar .toc ul li.active:before{height:100%}.blog-sidebar .toc ul li.active a{color:#19b5ff;font-weight:600}.blog-sidebar .toc ul li a{color:#273266;padding:8px 0;font-size:15px;line-height:1.2;text-decoration:none;transition:color .2s;display:block}.blog-sidebar .toc ul li a:hover{color:#19b5ff}.blog-sidebar .cta-card{color:#273266;background:url(/blog_card_bg.png) 0 0/100% 100% no-repeat;border-radius:12px;padding:32px}.blog-sidebar .cta-card h3{margin:0 0 12px;font-size:22px;font-weight:700;line-height:1.3}.blog-sidebar .cta-card p{opacity:.95;margin:0 0 24px;font-size:15px;line-height:1.6}.blog-sidebar .cta-card .cta-button{color:#fff;text-align:center;background:linear-gradient(-90deg,#0dccff,#4760ff);border-radius:8px;margin:0 auto;padding:8px 28px;font-size:16px;font-weight:400;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:-1px 6px 10px #496afa1a}.blog-sidebar .cta-card .cta-button:hover{transform:translateY(-2px)}
.slug-tag{color:#fff;background:linear-gradient(-90deg,#0dccff,#4760ff);border-radius:8px;padding:6px 14px;font-size:16px;font-weight:600;box-shadow:-1px 6px 10px #496afa1a}.slug .back-link{color:#19b5ff;margin-bottom:24px;font-size:14px;text-decoration:none;transition:opacity .2s;display:inline-block}.slug .back-link:hover{opacity:.8}.slug #detail-html-content{color:#273266}.slug #detail-html-content h2{color:#273266;padding-top:24px;padding-bottom:16px;font-size:24px;font-weight:700;line-height:28px}.slug #detail-html-content h2 a{color:#273266}.slug #detail-html-content h1,.slug #detail-html-content h3,.slug #detail-html-content h4,.slug #detail-html-content h5,.slug #detail-html-content h6{padding-top:12px;padding-bottom:6px;font-weight:700;line-height:28px}.slug #detail-html-content h1 a,.slug #detail-html-content h3 a,.slug #detail-html-content h4 a,.slug #detail-html-content h5 a,.slug #detail-html-content h6 a{color:#273266}.slug #detail-html-content p{color:#273266;line-height:28px}.slug #detail-html-content ul,.slug #detail-html-content ul li{line-height:28px}