.breadcrumbs-bar{border-bottom:1px solid var(--color-border-default);background:var(--color-background-paper);justify-content:flex-start;align-items:center;padding:16px clamp(24px,5vw,50px);display:flex}.breadcrumbs-bar__list{flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs-bar__item{align-items:center;gap:8px;min-width:0;font-size:14px;line-height:1.4;display:inline-flex}.breadcrumbs-bar__item:not(:last-child):after{content:"/";color:var(--color-text-disabled);flex-shrink:0}.breadcrumbs-bar__link{color:var(--color-text-secondary);text-decoration:none;transition:color .15s}.breadcrumbs-bar__link:hover{color:var(--color-primary)}.breadcrumbs-bar__current{color:var(--color-text-primary);overflow-wrap:anywhere}@media (max-width:768px){.breadcrumbs-bar{padding:14px 24px}.breadcrumbs-bar__item{font-size:13px}}
.post-list-page__panel{background:var(--color-background-paper);padding:80px 0}.post-list-page__grid{background:var(--color-border-default);border-top:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.post-list-page__card{background:var(--color-background-paper);min-width:0}@media (max-width:1300px){.post-list-page__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1100px){.post-list-page__panel{padding:60px 0}}@media (max-width:900px){.post-list-page__grid{grid-template-columns:repeat(2,1fr)}}.post-list-page__card-link{height:100%;color:inherit;flex-direction:column;text-decoration:none;transition:background .15s;display:flex}.post-list-page__card-link:hover{background:var(--color-grey-200)}.post-list-page__card-cover{aspect-ratio:4/3;border-bottom:1px solid var(--color-border-default);background:var(--color-grey-200);overflow:hidden}.post-list-page__card-cover img{object-fit:cover;width:100%;height:100%}.post-list-page__card-body{flex-direction:column;flex:1;gap:12px;padding:24px;display:flex}.post-list-page__card-meta{color:var(--color-text-muted);flex-wrap:wrap;gap:8px;font-size:14px;display:flex}.post-list-page__card-title{color:var(--color-text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:clamp(18px,1.6vw,22px);font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.post-list-page__card-description{color:var(--color-text-secondary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:16px;line-height:1.55;display:-webkit-box;overflow:hidden}.post-list-page__card-tags{flex-wrap:wrap;gap:8px;margin:auto 0 0;padding:0;list-style:none;display:flex}.post-list-page__card-tags li{border:1px solid var(--color-border-default);color:var(--color-text-secondary);border-radius:999px;padding:4px 12px;font-size:12px}.post-list-page__empty{text-align:center;padding:clamp(50px,6vw,80px) clamp(24px,5vw,50px)}.post-list-page__empty p{color:var(--color-text-secondary);margin:0;font-size:18px}@media (max-width:768px){.post-list-page__panel{padding:32px 0}.post-list-page__card-body{padding:14px 12px}.post-list-page__card-description{font-size:14px}}@media (max-width:500px){.post-list-page__grid{grid-template-columns:1fr}}
pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}
.blog-markdown{color:var(--color-text-secondary);flex-direction:column;gap:20px;display:flex}.blog-markdown>*{margin:0}.blog-markdown h2,.blog-markdown h3,.blog-markdown h4{color:var(--color-text-primary);font-weight:500;line-height:1.35}.blog-markdown h2:not(:first-child){margin-top:28px}.blog-markdown h3:not(:first-child){margin-top:16px}.blog-markdown h4:not(:first-child){margin-top:12px}.blog-markdown h2{font-size:clamp(22px,2.2vw,28px)}.blog-markdown h3{font-size:clamp(18px,1.8vw,22px)}.blog-markdown h4{font-size:18px}.blog-markdown p,.blog-markdown li{font-size:18px;line-height:1.6}.blog-markdown ul,.blog-markdown ol{flex-direction:column;gap:10px;margin:0;padding-left:1.25rem;display:flex}.blog-markdown a{color:var(--color-primary);text-decoration:none;transition:color .15s}.blog-markdown a:hover{color:var(--color-primary-dark)}.blog-markdown strong{color:var(--color-text-primary);font-weight:500}.blog-markdown img{object-fit:cover;border-radius:12px;width:100%}.blog-markdown blockquote{border-left:3px solid var(--color-primary);background:var(--color-grey-200);color:var(--color-text-primary);margin:0;padding:16px 20px}.blog-markdown pre{background:var(--color-grey-900);border-radius:8px;margin:0;padding:16px;overflow-x:auto}.blog-markdown code{font-size:.92em}.blog-markdown__table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.blog-markdown table{border-collapse:collapse;border:1px solid var(--color-border-default);width:100%;min-width:480px;font-size:16px;line-height:1.5}.blog-markdown th,.blog-markdown td{border:1px solid var(--color-border-default);text-align:left;vertical-align:top;padding:12px 16px}.blog-markdown th{color:var(--color-text-primary);background:var(--color-grey-200);font-weight:500}.blog-markdown tbody tr:nth-of-type(odd){background:var(--color-background-neutral)}.blog-markdown tbody tr:nth-of-type(2n){background:var(--color-background-paper)}.blog-markdown__faq-list{flex-direction:column;gap:10px;width:100%;display:flex}.blog-markdown__faq{border:1px solid var(--color-border-default);background:var(--color-background-paper);border-radius:8px;transition:background-color .15s;overflow:hidden}.blog-markdown__faq[open]{background:var(--color-grey-200)}.blog-markdown__faq summary{color:var(--color-text-primary);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;font-size:18px;font-weight:500;line-height:1.4;list-style:none;display:flex}.blog-markdown__faq summary::-webkit-details-marker{display:none}.blog-markdown__faq summary::marker{content:""}.blog-markdown__faq summary:after{content:"";border-right:2px solid var(--color-text-secondary);border-bottom:2px solid var(--color-text-secondary);flex-shrink:0;width:8px;height:8px;transition:transform .2s;transform:rotate(45deg)}.blog-markdown__faq[open] summary{color:var(--color-primary)}.blog-markdown__faq[open] summary:after{border-color:var(--color-primary);margin-top:4px;transform:rotate(-135deg)}.blog-markdown__faq>p{color:var(--color-text-secondary);margin:0;padding:0 20px 16px;font-size:18px;line-height:1.6}@media (max-width:1440px){.blog-markdown p,.blog-markdown li,.blog-markdown table,.blog-markdown__faq summary,.blog-markdown__faq>p{font-size:16px}}@media (max-width:768px){.blog-markdown p,.blog-markdown li,.blog-markdown table,.blog-markdown__faq summary,.blog-markdown__faq>p{font-size:14px}.blog-markdown__faq summary{padding:14px 16px}.blog-markdown__faq>p{padding:0 16px 14px}.blog-markdown th,.blog-markdown td{padding:10px 12px}.blog-markdown h2{font-size:20px}.blog-markdown h2:not(:first-child){margin-top:20px}.blog-markdown h3:not(:first-child){margin-top:12px}.blog-markdown h4:not(:first-child){margin-top:8px}.blog-markdown h3{font-size:16px}}
.post-details-page__panel{background:var(--color-background-paper)}.post-details-page__content{flex-direction:column;gap:32px;max-width:820px;margin:0 auto;padding:clamp(40px,6vw,80px) clamp(24px,5vw,50px);display:flex}.post-details-page__author{border-bottom:1px dashed var(--color-border-default);justify-content:space-between;align-items:center;gap:16px;padding-bottom:32px;display:flex}.post-details-page__author-main{align-items:center;gap:16px;min-width:0;display:flex}.post-details-page__author-avatar{border:1px solid var(--color-border-default);background:var(--color-grey-200);border-radius:50%;flex-shrink:0;width:56px;height:56px;overflow:hidden}.post-details-page__author-avatar img{object-fit:cover;width:100%;height:100%}.post-details-page__author-meta{flex-direction:column;min-width:0;display:flex}.post-details-page__author-name{color:var(--color-text-primary);font-size:16px;font-weight:500;line-height:1.4}.post-details-page__published{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.post-details-page__published-label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);font-size:12px;font-weight:500;line-height:1.3}.post-details-page__published-date{color:var(--color-text-primary);font-size:14px;line-height:1.4}.post-details-page__tags{border-top:1px dashed var(--color-border-default);flex-wrap:wrap;gap:10px;margin:0;padding:24px 0 0;list-style:none;display:flex}.post-details-page__tags li{border:1px solid var(--color-border-default);color:var(--color-text-secondary);border-radius:999px;padding:6px 14px;font-size:13px}@media (max-width:768px){.post-details-page__hero.container{padding:0}.post-details-page__hero .hero{border:0}.post-details-page__panel{border-left:none;border-right:none}.post-details-page__content{gap:24px;padding:24px 0}.post-details-page__author{align-items:flex-start;gap:12px;padding-bottom:24px}.post-details-page__author-main{gap:12px}.post-details-page__author-avatar{width:48px;height:48px}.post-details-page__author-name{font-size:14px}.post-details-page__published-label{font-size:11px}.post-details-page__published-date{font-size:13px}}