.blog-detail-page{--bd-brand:#07998d;--bd-dark:#057a72;--bd-soft:#eafbf7;--bd-brand-line:#bde9df;--bd-ink:#10223d;--bd-text:#2e405a;--bd-muted:#77869a;--bd-line:#e4eaf1;--bd-surface:#fff;--bd-surface-2:#f6f9fc;--bd-shadow:0 18px 55px rgba(21,45,76,.08);width:min(1180px,100%);margin:0 auto;padding:8px 0 52px;color:var(--bd-text)}
[data-theme=dark] .blog-detail-page{--bd-brand:#39d7c5;--bd-dark:#20b7a8;--bd-soft:rgba(34,197,177,.11);--bd-brand-line:rgba(57,215,197,.24);--bd-ink:#f1f7fb;--bd-text:#c8d4df;--bd-muted:#8fa1b3;--bd-line:#243648;--bd-surface:#111e2c;--bd-surface-2:#0d1824;--bd-shadow:0 20px 55px rgba(0,0,0,.24)}
.blog-reading-progress{position:fixed;z-index:1055;top:0;right:0;left:0;height:3px;pointer-events:none}.blog-reading-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--bd-dark),#55d5a6);transition:width .08s linear}
.blog-breadcrumb{display:flex;align-items:center;gap:9px;margin:0 0 24px;color:var(--bd-muted);font-size:.76rem}.blog-breadcrumb a{color:var(--bd-muted);font-weight:750;text-decoration:none}.blog-breadcrumb a:hover{color:var(--bd-brand)}.blog-breadcrumb i{font-size:.58rem}.blog-breadcrumb span{overflow:hidden;color:var(--bd-ink);font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.blog-article-header{width:min(960px,100%);margin:0 auto 28px;text-align:center}.blog-category{display:inline-flex;align-items:center;gap:8px;margin-bottom:15px;padding:8px 13px;border:1px solid var(--bd-brand-line);border-radius:999px;background:var(--bd-soft);color:var(--bd-brand);font-size:.72rem;font-weight:850}.blog-article-title{max-width:930px;margin:0 auto;color:var(--bd-ink);font-size:clamp(2.15rem,4vw,3.35rem);font-weight:900;letter-spacing:-.045em;line-height:1.08}
.blog-article-toolbar{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:24px}.blog-author{display:flex;align-items:center;gap:11px;min-width:0;text-align:left}.blog-author-avatar{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--bd-dark),var(--bd-brand));color:#fff;font-size:.72rem;font-weight:900}.blog-author-copy{display:grid;gap:3px}.blog-author-copy strong{color:var(--bd-ink);font-size:.78rem}.blog-author-copy span{color:var(--bd-muted);font-size:.67rem}
.blog-toolbar-actions{display:flex;align-items:center;gap:7px;padding-left:20px;border-left:1px solid var(--bd-line)}.blog-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 11px;border:1px solid var(--bd-line);border-radius:11px;background:var(--bd-surface);color:var(--bd-muted);font-size:.68rem;font-weight:800;cursor:pointer;transition:.18s ease}.blog-action:hover,.blog-action.is-active{border-color:var(--bd-brand-line);background:var(--bd-soft);color:var(--bd-brand);transform:translateY(-1px)}
.blog-cover{position:relative;display:grid;width:min(1120px,100%);aspect-ratio:1200/628;max-height:520px;margin:0 auto 32px;place-items:center;overflow:hidden;border:1px solid var(--bd-line);border-radius:27px;background:linear-gradient(135deg,#023e3c,#07998d 58%,#53d2ae);box-shadow:var(--bd-shadow)}.blog-cover img{width:100%;height:100%;object-fit:cover}.blog-cover-placeholder{color:rgba(255,255,255,.88);font-size:clamp(4rem,11vw,8rem)}
.blog-mobile-toc{display:none}.blog-article-grid{display:grid;width:min(1120px,100%);grid-template-columns:minmax(0,1fr) 292px;align-items:start;gap:28px;margin:0 auto}.blog-article-main{min-width:0}.blog-content-card{padding:40px 43px;border:1px solid var(--bd-line);border-radius:22px;background:var(--bd-surface);box-shadow:var(--bd-shadow)}
.blog-article-body{color:var(--bd-text);font-size:1rem;line-height:1.82}.blog-article-body>:first-child{margin-top:0}.blog-article-body h1,.blog-article-body h2,.blog-article-body h3,.blog-article-body h4{scroll-margin-top:95px;color:var(--bd-dark);font-weight:900}[data-theme=dark] .blog-article-body h1,[data-theme=dark] .blog-article-body h2,[data-theme=dark] .blog-article-body h3,[data-theme=dark] .blog-article-body h4{color:var(--bd-brand)}.blog-article-body h2{margin:2.2rem 0 1rem;font-size:1.55rem}.blog-article-body h3{margin:1.7rem 0 .8rem;font-size:1.22rem}.blog-heading-number{color:var(--bd-brand)}.blog-article-body p,.blog-article-body li{color:var(--bd-text)}.blog-article-body a{color:var(--bd-dark);font-weight:750}[data-theme=dark] .blog-article-body a{color:var(--bd-brand)}.blog-article-body img{max-width:100%;height:auto;border-radius:14px}.blog-article-body blockquote{margin:1.5rem 0;padding:18px 20px;border-left:4px solid var(--bd-brand);border-radius:0 13px 13px 0;background:var(--bd-soft);color:var(--bd-ink)}
.blog-article-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:34px;padding-top:22px;border-top:1px solid var(--bd-line)}.blog-helpful-copy{display:grid;gap:3px}.blog-helpful-copy strong{color:var(--bd-ink);font-size:.78rem}.blog-helpful-copy span{color:var(--bd-muted);font-size:.66rem}.blog-helpful-actions{display:flex;gap:7px}.blog-helpful-actions button{min-width:42px;height:36px;border:1px solid var(--bd-line);border-radius:10px;background:var(--bd-surface-2);color:var(--bd-muted);cursor:pointer}.blog-helpful-actions button:hover,.blog-helpful-actions button.is-active{border-color:var(--bd-brand-line);background:var(--bd-soft);color:var(--bd-brand)}
.blog-article-aside{align-self:stretch}.blog-aside-sticky{position:sticky;top:90px;display:grid;gap:16px}.blog-trending-card,.blog-support-card{overflow:hidden;border:1px solid var(--bd-line);border-radius:20px;background:var(--bd-surface);box-shadow:var(--bd-shadow)}.blog-trending-head{padding:19px 18px 16px;border-bottom:1px solid var(--bd-line);background:radial-gradient(circle at 100% 0,rgba(7,153,141,.16),transparent 9rem),var(--bd-surface)}.blog-trending-kicker{display:block;margin-bottom:5px;color:var(--bd-brand);font-size:.62rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.blog-trending-head h2{margin:0;color:var(--bd-ink);font-size:1.22rem;font-weight:900;letter-spacing:-.025em}.blog-trending-head h2 b{color:var(--bd-brand)}.blog-trending-head p{margin:5px 0 0;color:var(--bd-muted);font-size:.67rem}
.blog-trending-list{display:grid}.blog-trending-item{display:grid;grid-template-columns:55px minmax(0,1fr);align-items:center;gap:11px;min-height:82px;padding:12px 16px 12px 12px;border-bottom:1px solid var(--bd-line);transition:background .18s ease}.blog-trending-item:last-child{border-bottom:0}.blog-trending-item:hover{background:var(--bd-soft)}.blog-trending-rank{color:color-mix(in srgb,var(--bd-muted) 70%,transparent);font-size:1.92rem;font-weight:900;letter-spacing:-.09em;line-height:1;transition:.18s ease}.blog-trending-item:hover .blog-trending-rank{color:var(--bd-brand);transform:translateX(2px)}.blog-trending-copy{display:grid;gap:7px;min-width:0}.blog-trending-copy a{color:var(--bd-ink);font-size:.72rem;font-weight:850;line-height:1.45;text-decoration:none}.blog-trending-copy a:hover{color:var(--bd-brand)}.blog-trending-copy span{color:var(--bd-muted);font-size:.61rem}.blog-trending-copy i{margin-right:4px}
.blog-support-card{display:grid;justify-items:start;padding:19px;background:radial-gradient(circle at 95% 5%,rgba(7,153,141,.16),transparent 8rem),var(--bd-surface)}.blog-support-icon{display:grid;width:42px;height:42px;place-items:center;margin-bottom:13px;border-radius:13px;background:linear-gradient(145deg,var(--bd-dark),var(--bd-brand));color:#fff}.blog-support-card strong{color:var(--bd-ink);font-size:.8rem}.blog-support-card p{margin:7px 0 14px;color:var(--bd-muted);font-size:.68rem;line-height:1.6}.blog-support-card a{display:inline-flex;align-items:center;gap:7px;color:var(--bd-brand);font-size:.7rem;font-weight:850;text-decoration:none}
.blog-related{width:min(1120px,100%);margin:42px auto 0;padding-top:29px;border-top:1px solid var(--bd-line)}.blog-related-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.blog-related-kicker{display:block;margin-bottom:5px;color:var(--bd-brand);font-size:.66rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.blog-related-head h2{margin:0;color:var(--bd-ink);font-size:1.35rem;font-weight:900}.blog-related-head>a{color:var(--bd-brand);font-size:.72rem;font-weight:850;text-decoration:none}.blog-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.blog-related-card{overflow:hidden;border:1px solid var(--bd-line);border-radius:18px;background:var(--bd-surface);box-shadow:var(--bd-shadow)}.blog-related-thumb{display:block;aspect-ratio:16/8.7;overflow:hidden;background:linear-gradient(145deg,#075e58,#16ad9f)}.blog-related-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.blog-related-card:hover .blog-related-thumb img{transform:scale(1.035)}.blog-related-body{padding:15px}.blog-related-body h3{margin:0 0 8px;font-size:.84rem;line-height:1.48}.blog-related-body h3 a{color:var(--bd-ink);font-weight:850;text-decoration:none}.blog-related-body p{display:-webkit-box;margin:0;overflow:hidden;color:var(--bd-muted);font-size:.67rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.blog-toast{position:fixed;z-index:1060;right:22px;bottom:25px;display:flex;align-items:center;gap:9px;padding:12px 15px;border:1px solid var(--bd-brand-line);border-radius:13px;background:var(--bd-surface);box-shadow:var(--bd-shadow);color:var(--bd-ink);font-size:.72rem;font-weight:800;opacity:0;pointer-events:none;transform:translateY(12px);transition:.2s ease}.blog-toast.is-visible{opacity:1;transform:translateY(0)}.blog-toast i{color:var(--bd-brand)}
@media(max-width:1199.98px){.blog-article-grid{grid-template-columns:minmax(0,1fr) 270px;gap:20px}.blog-content-card{padding:34px}}
@media(max-width:991.98px){.blog-detail-page{width:min(100%,800px)}.blog-mobile-toc{display:block;margin:0 auto 18px;overflow:hidden;border:1px solid var(--bd-line);border-radius:16px;background:var(--bd-surface);box-shadow:var(--bd-shadow)}.blog-mobile-toc summary{display:flex;align-items:center;gap:9px;padding:15px 17px;color:var(--bd-ink);font-size:.78rem;font-weight:850;cursor:pointer;list-style:none}.blog-mobile-toc summary::-webkit-details-marker{display:none}.blog-mobile-toc summary:after{content:"\f107";margin-left:auto;font-family:"Font Awesome 5 Free";font-weight:900;transition:transform .18s ease}.blog-mobile-toc[open] summary:after{transform:rotate(180deg)}.blog-mobile-toc-list{display:grid;gap:4px;margin:0;padding:0 12px 13px;list-style:none}.blog-mobile-toc-list a{display:grid;grid-template-columns:30px 1fr;gap:8px;padding:9px 10px;border-radius:10px;color:var(--bd-muted);font-size:.7rem;font-weight:750;text-decoration:none}.blog-mobile-toc-list a:hover{background:var(--bd-soft);color:var(--bd-brand)}.blog-mobile-toc-number{color:var(--bd-brand);font-weight:900}.blog-article-grid{display:block}.blog-article-aside{display:none}}
@media(max-width:767.98px){.blog-detail-page{padding:4px 0 30px}.blog-breadcrumb{margin-bottom:18px}.blog-article-header{margin-bottom:22px;text-align:left}.blog-category{margin-bottom:12px;padding:7px 11px;font-size:.66rem}.blog-article-title{font-size:clamp(1.85rem,8.5vw,2.45rem);line-height:1.12}.blog-article-toolbar{align-items:stretch;justify-content:space-between;gap:13px;margin-top:19px}.blog-author-avatar{width:38px;height:38px;flex-basis:38px}.blog-author-copy span{max-width:180px;line-height:1.4}.blog-toolbar-actions{gap:5px;padding-left:0;border-left:0}.blog-action{width:36px;min-height:36px;padding:0}.blog-action span{display:none}.blog-cover{max-height:none;margin-bottom:18px;border-radius:19px}.blog-content-card{padding:24px 20px;border-radius:18px}.blog-article-body{font-size:.93rem;line-height:1.78}.blog-article-body h2{font-size:1.3rem}.blog-article-body h3{font-size:1.08rem}.blog-article-footer{align-items:flex-start}.blog-related{margin-top:30px;padding-top:23px}.blog-related-grid{grid-template-columns:1fr}.blog-related-head{align-items:center}.blog-toast{right:12px;bottom:88px;left:12px;justify-content:center}}
@media(max-width:389.98px){.blog-author-copy span{max-width:145px}.blog-action[data-blog-action=share]{display:none}}

body.blog-detail-view #content-wrapper{overflow-x:clip!important;overflow-y:visible!important}

#content .blog-detail-page .blog-article-title{font-size:clamp(2.15rem,4.1vw,3.3rem)!important;line-height:1.08!important}
.blog-article-lead{margin:0 0 28px!important;padding:0 0 28px;border-bottom:1px solid var(--bd-line);color:var(--bd-ink)!important;font-size:1.08rem!important;font-weight:700;line-height:1.75}
.blog-article-lead strong{color:inherit;font-weight:800}
.blog-inline-toc{position:relative;margin:0 0 30px;overflow:hidden;border:1px solid var(--bd-brand-line);border-radius:16px;background:linear-gradient(135deg,var(--bd-surface-2),var(--bd-surface) 62%,var(--bd-soft));box-shadow:0 14px 35px rgba(6,154,142,.07)}
.blog-inline-toc:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--bd-dark),#55d5a6)}
.blog-inline-toc-head{display:flex;align-items:center;gap:11px;padding:18px 20px 15px;border-bottom:1px solid var(--bd-line)}
.blog-inline-toc-head>span{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:11px;background:var(--bd-soft);color:var(--bd-brand)}
.blog-inline-toc-head>div{display:grid;gap:2px}.blog-inline-toc-head strong{color:var(--bd-ink);font-size:.82rem}.blog-inline-toc-head small{color:var(--bd-muted);font-size:.65rem}
.blog-inline-toc-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:14px;list-style:none}
.blog-inline-toc-list li{min-width:0}.blog-inline-toc-list a{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:9px;height:100%;padding:11px 12px;border:1px solid transparent;border-radius:11px;background:color-mix(in srgb,var(--bd-surface) 74%,transparent);color:var(--bd-text);font-size:.72rem;font-weight:800;line-height:1.45;text-decoration:none;transition:.18s ease}
.blog-inline-toc-list a:hover{border-color:var(--bd-brand-line);background:var(--bd-surface);color:var(--bd-brand);transform:translateY(-1px)}
.blog-inline-toc-number{display:inline-flex;min-width:30px;height:27px;align-items:center;justify-content:center;border-radius:8px;background:var(--bd-brand);color:#fff;font-size:.63rem;font-weight:900}
.blog-article-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:36px;padding:25px 27px;border-radius:19px;background:radial-gradient(circle at 88% 10%,rgba(255,255,255,.17),transparent 11rem),linear-gradient(135deg,#056f68,#07998d 58%,#21bba7);color:#fff}
.blog-article-cta>div{display:grid;gap:3px}.blog-cta-kicker{color:#bffdf1;font-size:.66rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
#content .blog-article-cta h2{display:block;max-width:490px;margin:2px 0 0;color:#fff!important;font-size:1.28rem!important;font-weight:900;line-height:1.35}.blog-article-cta p{margin:4px 0 0!important;color:rgba(235,255,252,.78)!important;font-size:.75rem!important}
.blog-article-cta a{display:inline-flex;min-height:43px;flex:0 0 auto;align-items:center;gap:9px;padding:0 15px;border-radius:12px;background:#fff;color:#057a72;font-size:.72rem;font-weight:900;text-decoration:none;box-shadow:0 10px 24px rgba(0,50,46,.18);transition:.18s ease}.blog-article-cta a:hover{color:#057a72;text-decoration:none;transform:translateY(-2px)}
@media(max-width:767.98px){#content .blog-detail-page .blog-article-title{font-size:clamp(1.85rem,8.6vw,2.45rem)!important;line-height:1.12!important}.blog-article-lead{margin-bottom:22px!important;padding-bottom:22px;font-size:1rem!important}.blog-inline-toc{margin-bottom:24px}.blog-inline-toc-head{padding:16px 15px 13px}.blog-inline-toc-list{grid-template-columns:1fr;padding:10px}.blog-article-cta{display:grid;gap:18px;margin-top:29px;padding:21px}.blog-article-cta a{justify-self:end}}
@media(max-width:767.98px){.blog-breadcrumb{display:flex;flex-wrap:nowrap;gap:6px;min-width:0;overflow:hidden;white-space:nowrap}.blog-breadcrumb>a,.blog-breadcrumb>i{flex:0 0 auto}.blog-breadcrumb>span{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

#content .blog-article-body h2{margin:1.45rem 0 .72rem!important}
#content .blog-article-body h3{margin:1.15rem 0 .58rem!important}
#content .blog-article-body h4{margin:1rem 0 .5rem!important}
#content .blog-article-body h5,#content .blog-article-body h6{margin:.9rem 0 .45rem!important}
@media(max-width:767.98px){#content .blog-article-body h2{margin:1.25rem 0 .65rem!important}#content .blog-article-body h3{margin:1rem 0 .52rem!important}#content .blog-article-body h4,#content .blog-article-body h5,#content .blog-article-body h6{margin:.85rem 0 .45rem!important}}