.blog-page{background:var(--bg);min-height:100vh;color:var(--text)}.blog-page__main{padding:12px 0 72px}.blog-page footer{position:relative}.blog-page footer:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff12 18% 82%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.blog-section{position:relative;overflow-x:clip}.blog-section--detail{overflow:visible}body:has(.blog-section--detail){overflow-x:visible}.blog-section__mesh{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 55% at 50% 0,#000 15%,#0000 72%);mask-image:radial-gradient(80% 55% at 50% 0,#000 15%,#0000 72%)}.blog-section__orb{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.blog-section__orb--a{background:radial-gradient(circle,#ff3d2e2e,#0000 68%);width:min(420px,50vw);height:min(420px,50vw);top:-60px;right:-10%}.blog-section__orb--b{background:radial-gradient(circle,#ff6a3d1a,#0000 70%);width:min(320px,42vw);height:min(320px,42vw);top:320px;left:-14%}.blog-shell{z-index:1;min-width:0;position:relative}.blog-breadcrumb{margin-bottom:clamp(18px,2.5vw,24px)}.blog-breadcrumb__list{flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}.blog-breadcrumb__item{align-items:center;display:inline-flex}.blog-breadcrumb__sep{color:var(--text-muted);margin:0 8px;font-size:12px;font-weight:600;line-height:1}.blog-breadcrumb__link,.blog-breadcrumb__current{letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:600;line-height:1.4}.blog-breadcrumb__link{color:var(--text-dim);text-decoration:none;transition:color .15s}.blog-breadcrumb__link:hover{color:var(--accent)}.blog-breadcrumb__current{color:var(--text)}.blog-layout{grid-template-columns:min(240px,100%) minmax(0,1fr);align-items:start;gap:clamp(28px,4vw,48px);min-width:0;display:grid}.blog-layout__main{min-width:0;overflow:hidden}.blog-category-sidebar{top:calc(var(--site-navbar-height) + 16px);max-height:calc(100vh - var(--site-navbar-height) - 32px);scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;background:0 0;padding:0 4px 0 0;position:sticky;overflow:auto}.blog-category-tree__list{margin:0;padding:0;list-style:none}.blog-category-tree__list--nested{margin-top:2px}.blog-category-tree__item{margin:0}.blog-category-tree__row{--tree-depth:0;padding-left:calc(var(--tree-depth)*14px);border-radius:8px;align-items:stretch;margin:1px 0;transition:background .18s,color .18s;display:flex;position:relative}.blog-category-tree__row:hover:not(.blog-category-tree__row--exact){background:#ffffff0a}.blog-category-tree__row:hover:not(.blog-category-tree__row--exact) .blog-category-tree__link,.blog-category-tree__row:hover:not(.blog-category-tree__row--exact) .blog-category-tree__link i{color:var(--text)}.blog-category-tree__row--exact{background:var(--accent-soft)}.blog-category-tree__row--exact:before{content:"";left:calc(var(--tree-depth)*14px);background:linear-gradient(180deg,var(--accent)0%,var(--accent-2)100%);border-radius:0 2px 2px 0;width:2px;height:16px;position:absolute;top:50%;transform:translateY(-50%)}.blog-category-tree__row--exact:hover{background:#ff3d2e29}.blog-category-tree__link{--tree-depth:0;appearance:none;width:100%;min-width:0;color:var(--text-dim);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;align-items:center;gap:8px;padding:8px 10px 8px 12px;font-size:15px;font-weight:500;line-height:1.4;transition:color .18s;display:flex}.blog-category-tree__link--exact{color:var(--text);font-weight:600}.blog-category-tree__link i{color:var(--text-muted);flex-shrink:0;margin-left:auto;font-size:18px;line-height:1;transition:color .18s}.blog-category-tree__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.blog-block-title{color:var(--accent);letter-spacing:2px;text-transform:uppercase;margin:0 0 20px;font-size:12px;font-weight:600}.blog-breaking{min-width:0;margin-bottom:clamp(28px,4vw,40px)}.blog-breaking-slider{width:100%;min-width:0;max-width:100%;position:relative}.blog-breaking-slider__viewport{width:100%;overflow:hidden}.blog-breaking-slider__track{will-change:transform;width:100%;display:flex}.blog-breaking-slider__slide{box-sizing:border-box;flex:0 0 100%;width:100%;min-width:0;max-width:100%}.blog-breaking-slider__dots{justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.blog-breaking-slider__dot{appearance:none;cursor:pointer;background:#ffffff2e;border:none;border-radius:999px;width:8px;height:8px;padding:0;transition:width .2s,background .2s}.blog-breaking-slider__dot:hover{background:#ffffff59}.blog-breaking-slider__dot--active{background:linear-gradient(90deg,var(--accent),var(--accent-2));width:22px}.blog-card{height:100%;color:inherit;background:0 0;border:none;border-radius:0;flex-direction:column;text-decoration:none;transition:color .18s;display:flex;overflow:visible}.blog-card:hover .blog-card__title{color:var(--accent-2)}.blog-card__media{aspect-ratio:16/9;background:var(--bg-card);border-radius:12px;position:relative;overflow:hidden}.blog-card__media img{object-fit:cover;width:100%;height:100%;display:block}.blog-card__media--placeholder{background:linear-gradient(135deg,#ff3d2e24,#ff6a3d0f);place-items:center;display:grid}.blog-card__media--placeholder i{color:#ffffff59;font-size:28px}.blog-card__body{flex-direction:column;flex:1;gap:10px;padding:14px 0 0;display:flex}.blog-card__meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.blog-card__category{color:var(--accent-2);font-size:12px;font-weight:600;text-decoration:none;transition:color .15s}a.blog-card__category:hover{color:var(--accent)}.blog-card__title{letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:18px;font-weight:700;line-height:1.35}.blog-card--featured .blog-card__title{font-size:clamp(20px,2.4vw,26px)}.blog-card--compact .blog-card__media{aspect-ratio:16/10}.blog-card--compact .blog-card__body{padding:12px 0 0}.blog-card--compact .blog-card__title{font-size:15px}.blog-card--slider{flex-direction:row;align-items:stretch;width:100%;min-width:0}.blog-card--slider .blog-card__media{aspect-ratio:16/10;border-radius:10px;flex:0 0 32%;width:32%;max-width:240px;min-height:0}.blog-card--slider .blog-card__body{flex:1;justify-content:flex-start;gap:8px;min-width:0;padding:0 0 0 16px}.blog-card--slider .blog-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;display:-webkit-box;overflow:hidden}.blog-card--slider .blog-card__summary{-webkit-line-clamp:2;font-size:13px}.blog-card--slider:hover .blog-card__title{color:var(--accent-2)}.blog-card__summary{color:var(--text-dim);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card--compact .blog-card__summary{-webkit-line-clamp:2;font-size:13px}.blog-prominent__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0;display:grid}.blog-empty{border:1px dashed var(--border);text-align:center;color:var(--text-dim);border-radius:16px;padding:48px 24px}.blog-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:32px;display:flex}.blog-pagination__btn{appearance:none;border:1px solid var(--border);min-width:40px;height:40px;color:var(--text-dim);cursor:pointer;background:#ffffff08;border-radius:10px;padding:0 12px;font-size:14px;font-weight:600;transition:border-color .15s,color .15s,background .15s}.blog-pagination__btn:hover:not(:disabled){color:var(--text);border-color:#ffffff2e}.blog-pagination__btn--active{background:var(--accent-soft);color:var(--accent);border-color:#ff3d2e73}.blog-pagination__btn:disabled{opacity:.45;cursor:not-allowed}.blog-loading{min-height:240px;color:var(--text-dim);place-items:center;font-size:14px;display:grid}.blog-detail{padding-bottom:24px}.blog-detail__back{color:var(--text-dim);align-items:center;gap:8px;margin-bottom:24px;font-size:14px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.blog-detail__back:hover{color:var(--text)}.blog-detail__banner{border:1px solid var(--border);background:var(--bg-card);border-radius:18px;width:100%;margin-bottom:28px;overflow:hidden}.blog-detail__banner img{object-fit:cover;width:100%;height:100%;display:block}.blog-detail__header{max-width:820px;margin-bottom:28px}.blog-post-meta{flex-wrap:wrap;align-items:center;font-size:14px;font-weight:400;line-height:1.5;display:flex}.blog-post-meta--detail{border-bottom:1px solid var(--border);margin:0 0 20px;padding-bottom:18px}.blog-post-meta--card{margin-top:auto;padding-top:8px;font-size:13px}.blog-post-meta__date{color:var(--text-dim);align-items:center;gap:8px;font-style:normal;display:inline-flex}.blog-post-meta__date i{color:var(--accent-2);font-size:15px;line-height:1}.blog-post-meta--card .blog-post-meta__date i{font-size:14px}.blog-post-meta__sep{color:var(--text-muted);margin:0 .45em}.blog-post-meta__author-name{color:var(--text-dim);font-weight:400}.blog-detail__title{letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(28px,4.5vw,42px);font-weight:800;line-height:1.12}.blog-detail__summary{color:var(--text-dim);margin:0;font-size:17px;line-height:1.65}.blog-detail__body{grid-template-columns:minmax(0,1fr) min(260px,30%);align-items:stretch;gap:clamp(32px,4vw,56px);display:grid}.blog-detail__content{grid-area:1/1;min-width:0}.blog-detail__content .tiptap,.blog-detail__content .ProseMirror{outline:none}.blog-detail-toc-anchor{grid-area:1/2;align-self:stretch;min-width:0;position:relative}.blog-detail__body--no-toc{display:block}.blog-detail__body--no-toc .blog-detail__content{max-width:820px}.blog-detail-toc{z-index:2;max-height:calc(100vh - var(--site-navbar-height) - 48px);background:var(--bg);scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;padding-left:8px;overflow:auto}.blog-detail-toc__list{margin:0;padding:0;list-style:none}.blog-detail-toc__list .blog-detail-toc__list{margin-top:8px;padding-left:16px}.blog-detail-toc__item{margin:0 0 10px}.blog-detail-toc__item--level-1>.blog-detail-toc__link{font-weight:600}.blog-detail-toc__item--level-2>.blog-detail-toc__link{font-weight:500}.blog-detail-toc__item--level-3>.blog-detail-toc__link,.blog-detail-toc__item--level-4>.blog-detail-toc__link,.blog-detail-toc__item--level-5>.blog-detail-toc__link,.blog-detail-toc__item--level-6>.blog-detail-toc__link{font-size:13px;font-weight:400}.blog-detail-toc__link{appearance:none;width:100%;color:var(--text-dim);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:500;line-height:1.45;transition:color .15s;display:block}.blog-detail-toc__link-index{color:inherit;font-weight:inherit;margin-right:.35em}.blog-detail-toc__link:hover{color:var(--text)}.blog-detail-toc__link--active{color:var(--accent-2)}.blog-detail-toc__link--scrolled{color:var(--text-dim)}.blog-detail__content{min-width:0;color:var(--text-dim);font-size:16px;line-height:1.75}.blog-detail__content .ProseMirror{color:inherit;font-size:inherit;line-height:inherit}.blog-detail__content .ProseMirror>*+*{margin-top:0}.blog-detail__content :is(h1,h2,h3,h4,h5,h6){color:var(--text);letter-spacing:-.01em;scroll-margin-top:calc(var(--site-navbar-height) + 24px);margin:1.75em 0 .65em;line-height:1.3}.blog-detail__content :is(h1,h2,h3,h4,h5,h6):first-child{margin-top:0}.blog-detail__content :is(h1,h2,h3,h4,h5,h6):before{content:attr(data-outline-index)". ";color:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.blog-detail__content :is(h1,h2,h3,h4,h5,h6):not([data-outline-index]):before{content:none}.blog-detail__content h1,.blog-detail__content h2{font-size:clamp(1.35rem,1.2rem + .6vw,1.5rem);font-weight:700}.blog-detail__content h3{font-size:clamp(1.2rem,1.1rem + .35vw,1.3rem);font-weight:600}.blog-detail__content h4{font-size:1.125rem;font-weight:600}.blog-detail__content h5{font-size:1rem;font-weight:600}.blog-detail__content h6{opacity:.92;font-size:.9375rem;font-weight:600}.blog-detail__content :is(h1,h2,h3,h4,h5,h6) strong,.blog-detail__content :is(h1,h2,h3,h4,h5,h6) b{font-weight:700}.blog-detail__content :is(h1,h2,h3,h4,h5,h6) em,.blog-detail__content :is(h1,h2,h3,h4,h5,h6) i{font-style:italic}.blog-detail__content :is(h1,h2,h3,h4,h5,h6) u{text-underline-offset:3px;text-decoration:underline}.blog-detail__content :is(h1,h2,h3,h4,h5,h6) s,.blog-detail__content :is(h1,h2,h3,h4,h5,h6) del{text-decoration:line-through}.blog-detail__content p{margin:0 0 1em}.blog-detail__content a{color:var(--accent);text-underline-offset:3px;-webkit-text-decoration:underline #ff3d2e59;text-decoration:underline #ff3d2e59}.blog-detail__content a:hover{color:var(--accent-2)}.blog-detail__content ul,.blog-detail__content ol{margin:0 0 1em;padding-left:1.5em}.blog-detail__content ul{list-style-type:disc}.blog-detail__content ol{list-style-type:decimal}.blog-detail__content li{margin:.35em 0;padding-left:.15em;line-height:1.7}.blog-detail__content li>p{margin:0}.blog-detail__content :is(ul,ol) :is(ul,ol){margin:.35em 0}.blog-detail__content .tableWrapper,.blog-rich-text .tableWrapper{width:100%;max-width:100%;margin:1.25em 0;overflow:visible}.blog-detail__content .tableWrapper.hp-rich-text-table-wrapper--align-left,.blog-rich-text .tableWrapper.hp-rich-text-table-wrapper--align-left{justify-content:flex-start;display:flex}.blog-detail__content .tableWrapper:has(table[data-table-align=left]){justify-content:flex-start;display:flex}.blog-rich-text .tableWrapper:has(table[data-table-align=left]){justify-content:flex-start;display:flex}.blog-detail__content .tableWrapper.hp-rich-text-table-wrapper--align-center,.blog-rich-text .tableWrapper.hp-rich-text-table-wrapper--align-center{justify-content:center;display:flex}.blog-detail__content .tableWrapper:has(table[data-table-align=center]){justify-content:center;display:flex}.blog-rich-text .tableWrapper:has(table[data-table-align=center]){justify-content:center;display:flex}.blog-detail__content .tableWrapper.hp-rich-text-table-wrapper--align-right,.blog-rich-text .tableWrapper.hp-rich-text-table-wrapper--align-right{justify-content:flex-end;display:flex}.blog-detail__content .tableWrapper:has(table[data-table-align=right]){justify-content:flex-end;display:flex}.blog-rich-text .tableWrapper:has(table[data-table-align=right]){justify-content:flex-end;display:flex}.blog-detail__content table,.blog-rich-text table{border-collapse:collapse;table-layout:fixed;width:auto;max-width:100%;color:var(--text-dim);margin:0;font-size:15px;line-height:1.55}.blog-detail__content table.hp-rich-text-table--align-left,.blog-detail__content table[data-table-align=left],.blog-rich-text table.hp-rich-text-table--align-left,.blog-rich-text table[data-table-align=left]{margin-left:0;margin-right:auto}.blog-detail__content table.hp-rich-text-table--align-center,.blog-detail__content table[data-table-align=center],.blog-rich-text table.hp-rich-text-table--align-center,.blog-rich-text table[data-table-align=center]{margin-left:auto;margin-right:auto}.blog-detail__content table.hp-rich-text-table--align-right,.blog-detail__content table[data-table-align=right],.blog-rich-text table.hp-rich-text-table--align-right,.blog-rich-text table[data-table-align=right]{margin-left:auto;margin-right:0}.blog-detail__content colgroup col,.blog-rich-text colgroup col{min-width:0!important}.blog-detail__content th,.blog-detail__content td,.blog-rich-text th,.blog-rich-text td{vertical-align:top;word-break:break-word;overflow-wrap:anywhere;background:#ffffff05;border:1px solid #ffffff24;width:auto;min-width:0;padding:.7em .85em}.blog-detail__content th,.blog-rich-text th{color:var(--text);background:#ffffff0d;font-weight:600}.blog-detail__content th p,.blog-detail__content td p,.blog-rich-text th p,.blog-rich-text td p{margin:0}@media (max-width:720px){.blog-detail__content table,.blog-rich-text table{font-size:13px}.blog-detail__content th,.blog-detail__content td,.blog-rich-text th,.blog-rich-text td{padding:.5em .55em}}.blog-detail__content img,.blog-rich-text img{border-radius:12px;max-width:100%;height:auto;margin:1.2em 0}.blog-rich-text img.hp-rich-text-image--size-small{width:200px;max-width:200px}.blog-rich-text img.hp-rich-text-image--size-medium{width:400px;max-width:400px}.blog-rich-text img.hp-rich-text-image--size-large{width:600px;max-width:600px}.blog-rich-text img.hp-rich-text-image--display-block.hp-rich-text-image--align-left{margin-left:0;margin-right:auto;display:block}.blog-rich-text img.hp-rich-text-image--display-block.hp-rich-text-image--align-center{margin-left:auto;margin-right:auto;display:block}.blog-rich-text img.hp-rich-text-image--display-block.hp-rich-text-image--align-right{margin-left:auto;margin-right:0;display:block}.blog-rich-text img.hp-rich-text-image--display-inline.hp-rich-text-image--align-left{float:left;margin:.25em 1em .75em 0}.blog-rich-text img.hp-rich-text-image--display-inline.hp-rich-text-image--align-right{float:right;margin:.25em 0 .75em 1em}.blog-rich-text img.hp-rich-text-image--display-inline.hp-rich-text-image--align-center{margin-left:auto;margin-right:auto;display:block}.blog-detail__summary.blog-rich-text{overflow:hidden}.blog-detail__summary.blog-rich-text:after{content:"";clear:both;display:table}.blog-card__summary.blog-rich-text{display:block;overflow:hidden}.blog-card__summary.blog-rich-text img{object-fit:contain;width:auto;max-height:140px;margin:.35em 0}.blog-detail__related{border-top:1px solid var(--border);margin-top:clamp(48px,6vw,72px);padding-top:clamp(32px,4vw,48px)}.blog-detail__related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;min-width:0;display:grid}@media (max-width:960px){.blog-layout{grid-template-columns:1fr}.blog-category-sidebar{max-height:none;position:static}.blog-prominent__grid,.blog-detail__related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-detail__body{flex-direction:column;gap:0;display:flex}.blog-detail__content,.blog-detail-toc-anchor{grid-area:auto}.blog-detail-toc-anchor{order:-1}.blog-detail-toc{top:calc(var(--site-navbar-height) + 12px);border-bottom:1px solid var(--border);max-height:min(40vh,280px);margin-bottom:16px;padding:0 0 16px;position:sticky}}@media (max-width:640px){.blog-prominent__grid,.blog-detail__related-grid{grid-template-columns:1fr}.blog-card--slider{flex-direction:column}.blog-card--slider .blog-card__media{aspect-ratio:16/9;flex:none;width:100%;max-width:none}}