.hxu-article{width:min(calc(100% - 40px),1320px);max-width:1320px;margin-inline:auto;align-items:stretch;gap:0!important}.hxu-article__breadcrumbs{display:flex;align-items:center;gap:8px;min-width:0;margin:0 0 28px;font-size:13px;line-height:1.4;color:rgb(var(--color-foreground-rgb) / .62)}.hxu-article__breadcrumbs a{color:inherit;text-decoration:none}.hxu-article__breadcrumbs a:hover{color:var(--color-foreground)}.hxu-article__breadcrumbs-current{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hxu-article__eyebrow{width:fit-content;margin-bottom:16px;color:rgb(var(--color-foreground-rgb) / .66);font-size:12px;font-weight:600;letter-spacing:.12em;line-height:1.3;text-decoration:none;text-transform:uppercase}.hxu-article .text-block--blog-post-title{width:min(100%,1040px)!important;max-width:1040px!important;align-items:flex-start!important;margin:0}.hxu-article .text-block--blog-post-title>*{width:100%!important;max-inline-size:100%!important;text-align:left!important}.hxu-article .text-block--blog-post-title h1{margin:0;font-size:clamp(3rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.hxu-article-excerpt{width:min(100%,840px);margin:22px 0 0;font-size:clamp(18px,1.6vw,21px);line-height:1.58;color:rgb(var(--color-foreground-rgb) / .72)}.hxu-article .blog-post-details{justify-content:flex-start!important;width:min(100%,840px);margin:18px 0 0;font-size:14px;line-height:1.5}.hxu-article .image-block--blog-post-image,.hxu-article .blog-post-featured-image{width:100%!important;max-width:1320px;margin:44px 0 0!important;overflow:hidden;border-radius:10px}.hxu-article .image-block--blog-post-image .image-block__image,.hxu-article .blog-post-featured-image__image{display:block;width:100%!important;aspect-ratio:16 / 9;height:auto!important;object-fit:cover}.hxu-article-reading-layout{display:grid;grid-template-columns:minmax(0,840px) minmax(220px,280px);justify-content:space-between;align-items:start;gap:64px;width:100%;margin-top:56px}.hxu-article .blog-post-content{font-size:18px;line-height:1.78}.hxu-article .blog-post-content>rte-formatter,.hxu-article .blog-post-content>rte-formatter>*{max-width:100%}.hxu-article .blog-post-content p{margin-block:0 22px}.hxu-article .blog-post-content :is(h2,h3){scroll-margin-top:calc(var(--header-group-height, 0px) + 28px);text-wrap:balance}.hxu-article .blog-post-content h2{margin:64px 0 20px;font-size:clamp(2rem,2.6vw,2.375rem);line-height:1.16;letter-spacing:-.025em}.hxu-article .blog-post-content h3{margin:42px 0 16px;font-size:clamp(1.5rem,2vw,1.75rem);line-height:1.24;letter-spacing:-.018em}.hxu-article .blog-post-content :is(ul,ol){margin-block:0 26px;padding-inline-start:1.35em}.hxu-article .blog-post-content li+li{margin-top:9px}.hxu-article .blog-post-content img{display:block;max-width:100%;height:auto;margin:34px auto}.hxu-article .blog-post-content blockquote{margin:34px 0;padding:20px 24px;border-inline-start:3px solid currentColor;background:rgb(var(--color-foreground-rgb) / .035)}.hxu-article .blog-post-content table{display:block;width:100%;max-width:100%;margin:30px 0;overflow-x:auto;border-collapse:collapse;-webkit-overflow-scrolling:touch}.hxu-article .blog-post-content :is(th,td){min-width:140px;padding:12px 14px;border:1px solid rgb(var(--color-foreground-rgb) / .14);text-align:start;vertical-align:top}.hxu-article .blog-post-content th{font-weight:650;background:rgb(var(--color-foreground-rgb) / .045)}.hxu-article-toc{display:block;position:sticky;top:calc(var(--header-group-height, 0px) + 28px);max-height:calc(100vh - var(--header-group-height, 0px) - 56px);overflow:auto;scrollbar-width:thin}.hxu-article-toc__title{margin:0 0 14px;font-size:14px;font-weight:650;letter-spacing:.02em}.hxu-article-toc__list{display:grid;gap:2px;margin:0;padding:0;list-style:none}.hxu-article-toc__list li{margin:0}.hxu-article-toc__list li[data-level="3"]{padding-inline-start:14px}.hxu-article-toc__list a{display:block;padding:7px 0 7px 13px;border-inline-start:1px solid rgb(var(--color-foreground-rgb) / .18);color:rgb(var(--color-foreground-rgb) / .58);font-size:13px;line-height:1.45;text-decoration:none;transition:border-color .16s ease,color .16s ease}.hxu-article-toc__list a:hover,.hxu-article-toc__list a[aria-current=true]{border-inline-start-color:currentColor;color:var(--color-foreground)}.hxu-article-toc__back{margin-top:18px;padding:0;color:rgb(var(--color-foreground-rgb) / .68);font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.hxu-article-toc__mobile{display:none}.hxu-article-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;width:min(100%,1120px);margin:72px 0 0;padding:34px 36px;border-block:1px solid rgb(var(--color-foreground-rgb) / .14)}.hxu-article-cta h2{margin:0;font-size:clamp(1.75rem,2.4vw,2.25rem);line-height:1.2}.hxu-article-cta__description{margin-top:10px;color:rgb(var(--color-foreground-rgb) / .7)}.hxu-article-cta__description>*:last-child{margin-bottom:0}.hxu-article-cta__actions{display:flex;flex-wrap:wrap;gap:10px}.hxu-related-articles{width:100%;margin-top:88px}.hxu-related-articles__header{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.hxu-related-articles__header h2{margin:0;font-size:clamp(2rem,2.6vw,2.5rem);line-height:1.15}.hxu-related-articles__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.hxu-related-card{min-width:0}.hxu-related-card__link{display:block;color:inherit;text-decoration:none}.hxu-related-card__media{aspect-ratio:16 / 10;overflow:hidden;background:rgb(var(--color-foreground-rgb) / .035)}.hxu-related-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}.hxu-related-card__link:hover .hxu-related-card__media img{transform:scale(1.02)}.hxu-related-card__body{padding-top:15px}.hxu-related-card__body time{display:block;margin-bottom:7px;color:rgb(var(--color-foreground-rgb) / .55);font-size:12px}.hxu-related-card__body h3{margin:0;font-size:19px;line-height:1.35;text-wrap:balance}.hxu-article .blog-post-comments-container{margin-top:80px}@media screen and (max-width:989px){.hxu-article{width:min(calc(100% - 32px),1320px)}.hxu-article .text-block--blog-post-title h1{font-size:clamp(2.5rem,5vw,2.875rem)}.hxu-article-reading-layout{grid-template-columns:minmax(0,1fr);gap:0;margin-top:44px}.hxu-article-toc{position:static;max-height:none;overflow:visible;order:-1;margin-bottom:30px}.hxu-article-toc__desktop{display:none}.hxu-article-toc__mobile{display:block;border-block:1px solid rgb(var(--color-foreground-rgb) / .14)}.hxu-article-toc__mobile summary{padding:16px 0;font-size:14px;font-weight:650;cursor:pointer}.hxu-article-toc__mobile .hxu-article-toc__list{padding-bottom:14px}.hxu-article-cta{grid-template-columns:1fr;align-items:start}.hxu-related-articles__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.hxu-article{width:calc(100% - 32px);padding-block-start:max(24px,var(--padding-block-start, 0px))!important;padding-block-end:max(48px,var(--padding-block-end, 0px))!important}.hxu-article__breadcrumbs{margin-bottom:20px;font-size:12px}.hxu-article__breadcrumbs-current{display:none}.hxu-article__eyebrow{margin-bottom:12px}.hxu-article .text-block--blog-post-title h1{font-size:clamp(2rem,9.2vw,2.375rem);line-height:1.1;letter-spacing:-.03em}.hxu-article-excerpt{margin-top:18px;font-size:17px;line-height:1.6}.hxu-article .blog-post-details{margin-top:14px;font-size:13px}.hxu-article .image-block--blog-post-image,.hxu-article .blog-post-featured-image{margin-top:30px!important;border-radius:7px}.hxu-article-reading-layout{margin-top:34px}.hxu-article .blog-post-content{font-size:17px;line-height:1.76}.hxu-article .blog-post-content h2{margin-top:52px;font-size:clamp(1.625rem,7vw,1.875rem)}.hxu-article .blog-post-content h3{margin-top:36px;font-size:clamp(1.375rem,6vw,1.5rem)}.hxu-article .blog-post-content table{width:calc(100vw - 32px)}.hxu-article-cta{width:100%;margin-top:58px;padding:28px 0}.hxu-article-cta__actions,.hxu-article-cta__actions .button{width:100%}.hxu-related-articles{margin-top:64px}.hxu-related-articles__grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(78%,1fr);grid-template-columns:none;gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none}.hxu-related-articles__grid::-webkit-scrollbar{display:none}.hxu-related-card{scroll-snap-align:start}}@media(prefers-reduced-motion:reduce){.hxu-related-card__media img,.hxu-article-toc__list a{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/216/assets/hexufan-article.css.map */
