main[data-template=blog]{--color-background: #F5F5F7}main:is([data-template=blog],[data-template=article]) .section{--page-margin: var(--k4u-gutter, 20px);--page-width: calc(var(--k4u-wrap, 1120px) + 2 * var(--k4u-gutter, 20px))}main[data-template=blog] .blog-posts{padding-block:clamp(56px,9vw,112px) clamp(64px,9vw,120px);--columns-gap: 24px;--rows-gap: 24px}main[data-template=blog] .blog-posts>.text-block{--width: 100%;width:100%;margin:0 auto clamp(28px,4vw,48px);text-align:center}main[data-template=blog] .blog-posts>.text-block h1{max-width:14em;margin-inline:auto;text-align:center;font-size:clamp(40px,6.4vw,72px);line-height:1.05;font-weight:600;letter-spacing:-.035em}.blog-post-item,.blog-post-item:has(.blog-post-card__image-container){overflow:hidden;border:0;border-radius:var(--k4u-card-r);background:#fff}.blog-post-card__image{height:auto;aspect-ratio:16 / 10;border-radius:0}.blog-post-card--horizontal>.blog-post-card__image-container{flex-basis:58%}.blog-post-card--horizontal{align-items:stretch}.blog-post-card--horizontal>.blog-post-card__image-container{position:relative;min-height:400px}.blog-post-card--horizontal .blog-post-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto}.blog-post-card--horizontal .blog-post-card__content{flex-basis:42%;justify-content:center}.blog-post-card__content{padding:28px 28px 32px;gap:0}.blog-post-card__content a{padding-block-start:0}.blog-post-card__content .text-block{padding:0}.blog-post-card__title-link .text-block,.blog-post-card__title-link .text-block *{color:var(--k4u-ink);font-size:24px;line-height:1.17;font-weight:600;letter-spacing:-.02em;text-wrap:balance}.blog-post-card--horizontal .blog-post-card__title-link .text-block,.blog-post-card--horizontal .blog-post-card__title-link .text-block *{font-size:clamp(26px,3vw,32px);line-height:1.125}.blog-post-details{padding:10px 0 0;color:var(--k4u-muted);font-size:14px;font-weight:400;letter-spacing:-.01em}.blog-post-card__content-text,.blog-post-card__content-text *{padding:0;color:var(--k4u-muted);font-size:17px;line-height:1.47;letter-spacing:-.022em}.blog-post-card__content-text{margin-top:14px}.blog-post-card__content-text a{display:inline-flex;align-items:center;gap:4px;min-height:44px;margin-top:4px;color:var(--k4u-water-deep);font-size:0;text-decoration:none}.blog-post-card__content-text a:before{content:"Read";font-size:17px;line-height:1.3}.blog-post-card__content-text a:after{content:"\203a";font-size:21px;line-height:1;transition:transform .25s var(--k4u-ease)}html:lang(zh-CN) .blog-post-card__content-text a:before{content:"\9605\8bfb"}html:lang(ms) .blog-post-card__content-text a:before{content:"Baca"}@media(hover:hover){.blog-post-card__content a:hover{color:inherit}.blog-post-card__content-text a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.blog-post-card__content-text a:hover:after{transform:translate(2px)}.blog-post-card__image{transition:transform .5s var(--k4u-ease)}.blog-post-card:hover .blog-post-card__image{transform:scale(1.03)}}.blog-post-card__image-container{overflow:hidden}@media(max-width:749px){.blog-post-card--horizontal>.blog-post-card__image-container{min-height:0;aspect-ratio:16 / 10}.blog-post-card__content{padding:22px 22px 18px}.blog-post-card__title-link .text-block,.blog-post-card__title-link .text-block *,.blog-post-card--horizontal .blog-post-card__title-link .text-block,.blog-post-card--horizontal .blog-post-card__title-link .text-block *{font-size:24px}}main[data-template=article]{--color-background: #fff}main[data-template=article] .section-content-wrapper{align-items:center;padding-block:clamp(48px,8vw,104px) clamp(64px,9vw,120px);gap:clamp(20px,3vw,32px)}main[data-template=article] .section-content-wrapper>.text-block{max-width:880px}main[data-template=article] .text-block h1{font-size:clamp(34px,5.2vw,56px);line-height:1.07;font-weight:600;letter-spacing:-.03em;text-wrap:balance}main[data-template=article] .blog-post-details{justify-content:center;padding:0;color:var(--k4u-muted);font-size:14px;font-weight:400}main[data-template=article] .image-block{width:100%;max-width:1120px;margin-inline:auto}main[data-template=article] .image-block__image{border-radius:var(--k4u-card-r)}main[data-template=article] .blog-post-content{max-width:680px;font-size:19px;line-height:1.53;letter-spacing:-.02em;color:var(--k4u-ink)}main[data-template=article] .blog-post-content :is(h2,h3){margin:2em 0 .5em;font-weight:600;letter-spacing:-.02em;text-wrap:balance}main[data-template=article] .blog-post-content h2{font-size:32px;line-height:1.125}main[data-template=article] .blog-post-content h3{font-size:var(--k4u-t-title, 24px);line-height:1.17}main[data-template=article] .blog-post-content a{color:var(--k4u-water-deep);text-decoration:none}@media(hover:hover){main[data-template=article] .blog-post-content a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}}main[data-template=article] .blog-post-content img{border-radius:var(--k4u-card-r-sm)}main[data-template=article] .blog-post-content :is(table){width:100%;border-collapse:collapse;font-size:16px;line-height:1.4;letter-spacing:-.01em}main[data-template=article] .blog-post-content :is(thead,tr:not(:has(td))){background:none;text-transform:none;font-weight:600}main[data-template=article] .blog-post-content tr:has(td){border:0}main[data-template=article] .blog-post-content :is(th,td){padding:14px 18px 14px 0;border:0;border-bottom:1px solid var(--k4u-line);text-align:start;vertical-align:top}main[data-template=article] .blog-post-content th{padding-block:0 10px;border-bottom-color:var(--k4u-faint);font-size:13px;color:var(--k4u-muted)}main[data-template=article] .blog-post-content td:first-child{font-weight:600}main[data-template=article] .blog-post-content .k4u-table-wrap,main[data-template=article] .blog-post-content .rte-table-wrapper{margin:24px 0;overflow-x:auto}@media(max-width:560px){main[data-template=article] .blog-post-content table{min-width:460px}main[data-template=article] .blog-post-content{font-size:17px}}html:lang(zh-CN) main[data-template=article] .blog-post-content{line-height:1.8}
/*# sourceMappingURL=/cdn/shop/t/3/assets/k4u-a-catalog-blog.css.map */