.article-hero{position:relative;min-height:420px;padding-top:var(--header-height, 55px);display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:#0a0a0a}.article-hero__image{position:absolute;inset:0;width:100%;height:100%;opacity:.8}.article-hero__image:after{content:"";position:absolute;inset:0;box-shadow:0 0 105px 99px var(--article-hero-image-shadow-color, #0a0a0a) inset}.article-hero__image img{width:100%;height:100%;object-fit:contain;filter:blur(10px);opacity:.8}.article-hero__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--article-hero-image-shadow-color, #0a0a0a) 15%,transparent),color-mix(in srgb,var(--article-hero-image-shadow-color, #0a0a0a) 70%,#000));pointer-events:none}.article-hero__content{position:relative;z-index:1;color:var(--article-hero-content-text-color, #fff)}.article-hero__inner{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.article-hero__row1{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.article-hero__category{display:inline-flex;padding:5px 16px;background:#ffffff2e;color:inherit;font-size:13px;font-weight:600;border-radius:6px;letter-spacing:.3px;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.12)}.article-hero__category:hover{color:#0a0a0a;background:#fff}.article-hero__tag{font-size:14px;color:inherit;opacity:.85;border-radius:12px;padding:5px .5rem;text-decoration:none;transition:opacity .2s}.tags-punctuation:before{content:"#";opacity:.4;color:inherit;padding-right:3px}.article-hero__tag:hover{opacity:1;background:#ffffff26}.article-hero__title{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:var(--font-weight-bold);color:inherit;line-height:1.25;margin-bottom:18px}.article-hero__excerpt{font-size:16px;color:inherit;opacity:.88;line-height:1.65;margin-bottom:24px;max-width:760px}.article-hero__stats{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.article-hero__stat{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:inherit;opacity:.78}.article-hero__stat svg{width:17px;height:17px;flex-shrink:0;opacity:.9}.article-layout{background:var(--color-bg-primary);padding:64px 0 96px}.article-layout__inner{display:grid;grid-template-columns:1fr 320px;gap:64px;align-items:start}.article-sidebar{align-self:stretch}.article-main{max-width:100%;overflow-x:hidden}.breadcrumb{background:var(--color-bg-primary);padding:16px 0;border-bottom:1px solid var(--color-border)}.breadcrumb__list{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.breadcrumb__item{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.breadcrumb__item a{color:var(--color-text-secondary);transition:color .2s}.breadcrumb__item a:hover{color:var(--color-primary)}.breadcrumb__item.is-active{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.breadcrumb__separator{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.article-body{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.85}.article-body h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 20px;line-height:1.3;padding-top:8px}.article-body h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:32px 0 16px}.article-body p{margin-bottom:20px;line-height:1.85}.article-body strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.article-body hr{border:none;border-top:1px solid var(--color-border);margin:40px 0}.article-body ul,.article-body ol{margin:0 0 20px 24px;padding:0}.article-body li{margin-bottom:6px}.article-body .article-body__table-wrap,.article-body table{width:100%;border-collapse:collapse;margin:24px 0;font-size:var(--font-size-sm);border:1px solid rgba(0,0,0,.06);border-radius:8px;overflow:hidden}.article-body thead{background:#f3f4f6}.article-body th{padding:12px 16px;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:#1a1d26;text-align:left;border-bottom:1px solid rgba(0,0,0,.06);white-space:nowrap}.article-body td{padding:10px 16px;color:#374151;border-bottom:1px solid rgba(0,0,0,.04);line-height:1.6}.article-body tbody tr:nth-child(2n){background:#fafbfc}.article-body tbody tr:last-child td{border-bottom:none}.article-body tbody tr:hover{background:#2563eb08}.article-body ul{list-style:none;padding-left:24px;margin:0 0 20px}.article-body ul>li{position:relative;padding-left:16px;margin-bottom:6px}.article-body ul>li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:#2563eb}.article-body ul ul>li:before{width:7px;height:7px;border-radius:50%;background:transparent;border:1.5px solid #2563EB}.article-body ul ul ul>li:before{width:5px;height:5px;border-radius:2px;background:#2563eb}.article-body ul ul{margin-top:6px;margin-bottom:6px}.article-body ol{padding-left:24px;margin:0 0 20px;list-style:none;counter-reset:article-ol}.article-body ol>li{position:relative;padding-left:20px;margin-bottom:6px;counter-increment:article-ol}.article-body ol>li:before{content:counter(article-ol) ".";position:absolute;left:-4px;top:0;font-weight:var(--font-weight-semibold);color:#2563eb;font-size:var(--font-size-sm)}.article-body ol ol{counter-reset:article-ol-inner;margin-top:6px;margin-bottom:6px}.article-body ol ol>li{counter-increment:article-ol-inner}.article-body ol ol>li:before{content:counter(article-ol-inner,lower-alpha) "."}.article-body ol ol ol>li:before{content:counter(article-ol-inner,lower-roman) "."}.article-body blockquote{margin:24px 0;padding:16px 20px;border-left:3px solid #2563EB;background:#2563eb0a;border-radius:0 8px 8px 0;color:#6b7280;font-style:italic}.article-body blockquote p:last-child{margin-bottom:0}.article-body blockquote strong{font-style:normal}.article-body img{max-width:100%;height:auto;border-radius:8px;margin:24px auto;display:block;box-shadow:0 2px 8px #0000000f}.article-body p>img{margin:0 auto 24px}.article-body code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.875em;background:#f3f4f6;color:#dc2626;padding:2px 6px;border-radius:4px}.article-body pre{margin:24px 0;padding:20px 24px;background:#1a1d26;color:#e5e7eb;border-radius:8px;overflow-x:auto;font-family:JetBrains Mono,Fira Code,monospace;font-size:14px;line-height:1.6}.article-body pre code{background:none;color:inherit;padding:0;font-size:inherit;border-radius:0}.article-body ul:has(>li>input[type=checkbox]){list-style:none;padding-left:8px}.article-body li:has(>input[type=checkbox]){padding-left:0}.article-body li:has(>input[type=checkbox]):before{display:none}.article-body input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #D1D5DB;border-radius:4px;vertical-align:middle;margin-right:8px;position:relative;cursor:default}.article-body input[type=checkbox]:checked{background:#2563eb;border-color:#2563eb}.article-body input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;left:5px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.article-body a{color:#2563eb;text-decoration:underline;text-underline-offset:2px;text-decoration-color:#2563eb4d;transition:color .2s,text-decoration-color .2s}.article-body a:hover{color:#1d4ed8;text-decoration-color:#1d4ed8}.article-body del{color:#9ca3af;opacity:.7}.article-tags-row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:48px 0;padding-top:32px;border-top:1px solid var(--color-border)}.article-tags{display:flex;flex-wrap:wrap;gap:8px}.article-tag{padding:6px 14px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:100px;font-size:13px;color:var(--color-text-secondary)}.article-disclaimer{position:relative;display:inline-block;flex-shrink:0}.article-disclaimer__trigger{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:100px;font-size:13px;color:var(--color-text-secondary);cursor:default;white-space:nowrap;transition:border-color .2s,color .2s}.article-disclaimer:hover .article-disclaimer__trigger{border-color:var(--color-primary);color:var(--color-primary)}.article-disclaimer__icon{width:14px;height:14px}.tooltip-container{position:relative;display:inline-block;width:auto}.tooltip-text{position:absolute;bottom:calc(100% + 10px);left:0;background-color:#1e293b;color:#f1f5f9;text-align:left;padding:14px 16px;border-radius:10px;font-size:13px;line-height:1.75;white-space:normal;box-shadow:0 8px 24px #0000002e;z-index:1000;pointer-events:none;width:340px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s,transform .25s ease}.tooltip-text:after{content:"";position:absolute;top:100%;bottom:auto;left:20px;border-width:7px;border-style:solid;border-color:#1e293b transparent transparent transparent}.tooltip-container:hover .tooltip-text{opacity:1;visibility:visible;transform:translateY(0)}.tooltip-bottom .tooltip-text{bottom:auto;top:calc(100% + 10px);transform:translateY(6px)}.tooltip-bottom .tooltip-text:after{top:auto;bottom:100%;border-color:transparent transparent #1e293b transparent}.tooltip-bottom:hover .tooltip-text{transform:translateY(0)}.tooltip-bottom-right .tooltip-text{right:0;left:auto}.tooltip-bottom-right .tooltip-text:after{left:auto;right:20px}.tooltip-right .tooltip-text{bottom:auto;top:50%;left:calc(100% + 12px);transform:translateY(-50%) translate(-6px)}.tooltip-right .tooltip-text:after{inset:50% 100% auto auto;transform:translateY(-50%);border-color:transparent #1e293b transparent transparent}.tooltip-right:hover .tooltip-text{transform:translateY(-50%) translate(0)}.tooltip-left .tooltip-text{bottom:auto;top:50%;left:auto;right:calc(100% + 12px);transform:translateY(-50%) translate(6px)}.tooltip-left .tooltip-text:after{inset:50% auto auto 100%;transform:translateY(-50%);border-color:transparent transparent transparent #1e293b}.tooltip-left:hover .tooltip-text{transform:translateY(-50%) translate(0)}.tooltip-top .tooltip-text{bottom:calc(100% + 10px);top:auto;transform:translateY(6px)}.tooltip-top .tooltip-text:after{top:100%;bottom:auto;left:20px;border-color:#1e293b transparent transparent transparent}.tooltip-top:hover .tooltip-text{transform:translateY(0)}@media(max-width:440px){.tooltip-text{width:calc(100vw - 80px)!important}}.article-share{display:flex;align-items:center;gap:16px;margin-bottom:48px;padding:24px;background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.article-share__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);flex-shrink:0}.article-share__buttons{display:flex;gap:12px}.article-share__btn{position:relative;width:36px;height:36px;border-radius:50%;background:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.article-share__btn svg{width:16px;height:16px}.article-share__btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-2px)}.article-share__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1e293b;color:#f1f5f9;font-size:12px;padding:5px 10px;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;pointer-events:none;z-index:100}.article-share__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1e293b}.article-share__btn:hover .article-share__tooltip{opacity:1;visibility:visible}.article-share__copy-tip{font-size:13px;color:var(--color-primary);font-weight:600;opacity:0;transform:translate(-4px);transition:opacity .3s,transform .3s}.article-share__copy-tip.is-visible{opacity:1;transform:translate(0)}.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid var(--color-border)}.article-nav__link{display:flex;align-items:center;gap:16px;padding:20px 0 0;border-radius:var(--radius-lg);text-decoration:none;transition:all .3s}.article-nav__link--next{justify-content:flex-end;text-align:right}.article-nav__link.is-disabled{cursor:not-allowed;pointer-events:none}.article-nav__link.is-disabled .article-nav__title{color:var(--color-text-tertiary)}.article-nav__arrow{font-size:20px;color:var(--color-primary);flex-shrink:0}.article-nav__text{display:flex;flex-direction:column;gap:4px;min-width:0}.article-nav__label{font-size:12px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:1px}.article-nav__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-sidebar__sticky{position:sticky;top:calc(var(--header-height) + 24px);display:flex;flex-direction:column;gap:32px}.article-toc{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.article-toc__title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.article-toc__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.article-toc__link{display:block;padding:6px 8px;font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:var(--radius-base);text-decoration:none;transition:all .2s;line-height:1.5}.article-toc__link:hover{color:var(--color-primary);background:#2563eb0d}.article-related{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.article-related__title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.article-related__list{display:flex;flex-direction:column;gap:16px}.article-related__item{display:flex;gap:12px;text-decoration:none;padding:12px;border-radius:var(--radius-base);transition:background .2s}.article-related__item:hover{background:#2563eb0a}.article-related__thumb{width:72px;height:54px;border-radius:var(--radius-base);overflow:hidden;flex-shrink:0;background:#f3f4f6}.article-related__thumb img{width:100%;height:100%;object-fit:cover}.article-related__info{display:flex;flex-direction:column;gap:4px;min-width:0}.article-related__category{font-size:11px;color:var(--color-primary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.article-related__name{font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-related__readtime{font-size:11px;color:var(--color-text-tertiary)}.cta{padding:96px 0;position:relative;overflow:hidden;background:#fff}.cta__bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.cta__bg-shape{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.06) 0%,transparent 70%);transition:transform .15s ease-out}.cta__bg-shape--1{width:600px;height:600px;top:-300px;right:-200px;box-shadow:0 0 120px #2563eb14}.cta__bg-shape--2{width:400px;height:400px;bottom:-200px;left:-150px;box-shadow:0 0 100px #2563eb0f}.cta__bg-shape--3{width:250px;height:250px;top:30%;left:35%;background:radial-gradient(circle,rgba(37,99,235,.04) 0%,transparent 70%);box-shadow:0 0 80px #2563eb0d}.cta__header{text-align:center;margin-bottom:48px;position:relative;z-index:1}.cta__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:16px}.cta__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:800px;margin:0 auto;line-height:1.75}.cta__form-wrapper{text-align:center;margin-bottom:48px;position:relative;z-index:1}.cta__cards{display:flex;justify-content:center;gap:40px;position:relative;z-index:1}.cta__card{display:flex;align-items:center;gap:8px;padding:8px;text-decoration:none;color:inherit;transition:all .2s}.cta__card:hover .cta__card-icon svg{transform:scale(1.1)}.cta__card-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.cta__card-icon svg{width:20px;height:20px;color:var(--color-text-secondary);transition:all .2s}.cta__card-value{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.cta__form{display:flex;flex-direction:column;gap:12px;max-width:480px;margin:0 auto}.cta__form-input{width:100%;padding:14px 16px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-base);font-size:var(--font-size-base);color:var(--color-text-primary);transition:border-color .3s,box-shadow .3s;flex:1}.cta__form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.cta__form-input::placeholder{color:var(--color-text-tertiary)}.cta__form-btn{width:100%;padding:14px 24px;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-base);border:none;cursor:pointer;background:var(--color-primary);color:#fff;transition:background .3s,transform .2s,box-shadow .3s;flex-shrink:0;white-space:nowrap}.cta__form-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 16px #2563eb40}.cta__form-btn:active{transform:translateY(0)}@media(max-width:1024px){.article-layout__inner{grid-template-columns:1fr}.article-sidebar{display:none}.article-hero{height:360px}}@media(max-width:768px){.article-layout{padding:40px 0 64px}.article-layout__inner{grid-template-columns:1fr;gap:40px}.article-hero{min-height:340px}.article-hero__row1{gap:8px;margin-bottom:16px}.article-hero__category{padding:4px 12px;font-size:12px}.article-hero__tag{font-size:13px}.article-hero__title{font-size:1.45rem;margin-bottom:14px}.article-hero__excerpt{font-size:14.5px;margin-bottom:18px}.article-hero__stats{gap:16px}.article-hero__stat{font-size:13px}.article-hero__stat svg{width:15px;height:15px}.article-nav{grid-template-columns:1fr;gap:0}.article-nav__link--next{text-align:left;justify-content:flex-start}.cta{padding:64px 0}.cta__title{font-size:var(--font-size-2xl)}.cta__subtitle{font-size:var(--font-size-base)}.cta__cards{flex-direction:column;align-items:center;gap:16px}.cta__form{max-width:100%}.article-share{flex-direction:column;align-items:flex-start}.article-tags-row{gap:16px}.article-body table{font-size:13px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.article-body th,.article-body td{padding:8px 12px;white-space:nowrap}.article-body blockquote{padding:12px 16px}.article-body pre{font-size:13px;padding:16px}}@media(min-width:768px){.cta__form{flex-direction:row;flex-wrap:wrap;max-width:600px}.cta__form-input{width:calc(100% - 140px)}.cta__form-btn{width:120px}}@media(prefers-reduced-motion:reduce){.article__card:hover{transform:none}}