@charset "UTF-8";.blog-detail-page .article-shell{padding:150px 0 80px}.blog-detail-page .article-label a{background:rgba(91,108,255,.1);border-radius:var(--copi-radius-pill);color:var(--brand-accent);display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:.06em;margin-bottom:14px;padding:5px 14px;text-transform:uppercase}.blog-detail-page .article-main h1{color:var(--brand-primary-dark);font-size:max(1.8rem, min(4vw, 2.6rem));line-height:1.2;margin-bottom:12px}.blog-detail-page .article-meta{color:var(--brand-text-secondary);font-size:.88rem;margin-bottom:28px}.blog-detail-page .article-meta a{color:var(--brand-primary);font-weight:600}.blog-detail-page .article-body{color:var(--brand-text);font-size:1.04rem;line-height:1.8}.blog-detail-page .article-body h2,.blog-detail-page .article-body h3{color:var(--brand-primary-dark);margin:32px 0 12px;scroll-margin-top:110px}.blog-detail-page .article-body h2{font-size:1.4rem}.blog-detail-page .article-body h3{font-size:1.15rem}.blog-detail-page .article-body p{margin-bottom:18px}.blog-detail-page .article-body img{border-radius:var(--copi-radius);margin:18px 0}.blog-detail-page .article-body ol,.blog-detail-page .article-body ul{margin:0 0 18px 1.2rem}.blog-detail-page .article-body a{color:var(--brand-primary);-webkit-text-decoration:underline;text-decoration:underline}.blog-detail-page .article-body blockquote{border-left:4px solid var(--brand-secondary);color:var(--brand-text-secondary);font-style:italic;margin:22px 0;padding:6px 0 6px 20px}.blog-detail-page .article-share{align-items:center;border-top:1px solid var(--brand-border);border-bottom:1px solid var(--brand-border);color:var(--brand-text-secondary);display:flex;gap:16px;font-size:.88rem;margin:36px 0;padding:16px 0}.blog-detail-page .article-share span{font-weight:600}.blog-detail-page .article-share a{color:var(--brand-primary);font-weight:600}.blog-detail-page .author-box{align-items:flex-start;background:var(--brand-bg-alt);border-radius:var(--copi-radius);display:flex;gap:18px;margin-bottom:40px;padding:22px}.blog-detail-page .author-box img{border-radius:var(--copi-radius-pill);flex:0 0 64px;height:64px;-o-object-fit:cover;object-fit:cover;width:64px}.blog-detail-page .author-box h2{color:var(--brand-primary-dark);font-size:1.05rem;margin-bottom:6px}.blog-detail-page .author-box p{color:var(--brand-text-secondary);font-size:.9rem;margin:0}.blog-detail-page .pre-next{margin-bottom:44px}.blog-detail-page .pn-card{border:1px solid var(--brand-border);border-radius:var(--copi-radius);display:block;height:100%;padding:16px 18px;transition:border-color .2s,box-shadow .2s}.blog-detail-page .pn-card:hover{border-color:var(--brand-primary);box-shadow:0 6px 18px rgba(25,78,72,.1)}.blog-detail-page .pn-card span{color:var(--brand-text-secondary);display:block;font-size:.74rem;font-weight:700;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.blog-detail-page .pn-card b{color:var(--brand-primary-dark);font-size:.98rem}.blog-detail-page .blog-reply h2{color:var(--brand-primary-dark);font-size:1.3rem;margin-bottom:18px}.blog-detail-page .article-side .recent-box,.blog-detail-page .article-side .toc-box{background:var(--brand-bg-alt);border-radius:var(--copi-radius);margin-bottom:24px;padding:22px}.blog-detail-page .article-side h2{color:var(--brand-primary-dark);font-size:.92rem;font-weight:700;letter-spacing:.06em;margin-bottom:14px;text-transform:uppercase}.blog-detail-page .toc-list{display:flex;flex-direction:column;gap:8px}.blog-detail-page .toc-list a{color:var(--brand-text-secondary);font-size:.88rem;line-height:1.4}.blog-detail-page .toc-list a:hover{color:var(--brand-primary)}.blog-detail-page .toc-list a.toc-sub{padding-left:14px;font-size:.83rem}.blog-detail-page .recent-box ul{list-style:none;margin:0;padding:0}.blog-detail-page .recent-box li{border-bottom:1px solid var(--brand-border);padding:10px 0}.blog-detail-page .recent-box li:last-child{border-bottom:0}.blog-detail-page .recent-box a{color:var(--brand-primary-dark);display:block;font-size:.9rem;font-weight:600;line-height:1.35}.blog-detail-page .recent-box a:hover{color:var(--brand-primary)}.blog-detail-page .recent-box span{color:var(--brand-text-secondary);font-size:.78rem}@media (max-width:991px){.blog-detail-page .article-shell{padding:120px 0 56px}.blog-detail-page .article-side{margin-top:16px}}