.article_hero{background:rgba(var(--color-background));color:rgba(var(--color-foreground));border-radius:var(--card-radius)}.article_hero.article_hero--background{display:grid;grid-template-columns:var(--content-grid)}.article_hero--background .article_hero_content{grid-column:2}.article_banner.full_width .article_hero{border-radius:0}.article_author_img.original img{border-radius:unset}.article_author_img.curve img{border-radius:var(--card-radius)}.article_author_img.circle img{border-radius:100%}.article_hero_content .bz_breadcrumb{padding:0}.article_hero_content{padding:34px 40px}.article_hero_media{position:relative}.article_hero_media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.article_hero--beside.small .article_hero_media,.article_hero--background.small{min-height:450px}.article_hero--beside.medium .article_hero_media,.article_hero--background.medium{min-height:560px}.article_hero--beside.large .article_hero_media,.article_hero--background.large{min-height:650px}.article_hero--beside.adapt .article_hero_media,.article_hero--background.adapt{min-height:0}.article_hero--background.adapt{aspect-ratio:var(--hero-ratio, auto)}.article_hero--beside.adapt .article_hero_media img{position:static;height:auto}.article_hero--background{display:flex;align-items:center}.article_hero--background .article_hero_media{position:absolute;top:0;right:0;bottom:0;left:0}.article_hero--background:has(.article_hero_media):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,rgba(var(--color-background),.96),rgba(var(--color-background),.7) 34%,rgba(var(--color-background),.42) 56%,rgba(var(--color-background),0))}.article_hero--background .article_hero_content{position:relative;z-index:2;width:min(58%,680px)}.article_hero--background:not(:has(.article_hero_media)) .article_hero_content{width:100%}.article_hero .breadcrumb{margin:0}.article_hero .article-tags .tags{background:var(--tag-link-color);color:var(--tag-text-color);padding:4px 12px;border-radius:var(--badge-radius)}.article_hero_desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-width:0}.article_author_img img{width:48px;height:48px;object-fit:cover}.article_share_label,.article_hero .article-author{font-weight:600}.article_share_link{width:42px;height:42px;border-radius:50%;background:rgba(var(--color-foreground),5.1%);border:1px solid rgba(var(--color-foreground),10.2%);transition:all var(--speed-long) ease}.article_share_link svg{width:17px;height:17px}.article_share_link:hover,.article_share_link.is-copied{background:rgba(var(--color-foreground),.2);transform:translateY(-2px)}.main-article-page .article-comment{margin-top:40px}.main-article-page .bz_author,.main-article-page .footer_social .footer_social-list,.main-article-page .footer_social{margin-top:10px}.main-article-page .article-information .desc p{margin-top:6px;font-size:calc(var(--body-scale) * 16px)}.main-article-page .article-information .desc p:first-child{margin-top:0}.main-article-page .article-title{margin-bottom:10px}.article-information .desc h2{font-size:calc(var(--heading-scale) * 22px)}.article-prev-next p{font-size:calc(var(--heading-scale) * 14px);font-weight:var(--font-heading-weight)}.article-comment .comments_detail{background-color:rgba(var(--color-foreground),.03);padding:20px;margin-bottom:10px}.main-article-page .article-information,.article-comment .article_comments{margin-bottom:40px}.main-article-page .comment-count,.main-article-page .article-information .desc p{margin-bottom:20px}.main-article-page .detail_desc>*:empty{margin:0}.main-article-page .detail_desc :is(h1,h2,h3,h4,h5,h6){color:rgba(var(--color-foreground))}.main-article-page .bz_form form{flex-direction:column}.main-article-page .bz_form .blog_comment_form{display:flex;flex-wrap:wrap;gap:15px;width:100%}.main-article-page .bz_form .blog_comment_form .field_wrap{display:flex;flex-direction:column;gap:8px}.main-article-page .bz_form .blog_comment_form>div:not(.submit,.message){flex:0 0 calc(50% - 10px)}.article_body{margin-top:40px}.main-article-page.full_width .article_body{padding-inline:15px}.article_body--side{display:grid;grid-template-columns:2fr 1fr;column-gap:28px;align-items:start}.article_side_panel{background:rgba(var(--color-foreground),.05);border-radius:var(--card-radius);padding:18px 16px 12px}.article_side_title{color:rgba(var(--color-foreground))}.article_side_tags{margin-top:12px}.article_side_row{padding:10px 0 6px;color:rgba(var(--color-foreground));font-weight:600}.article_side_row.is-active,.article_side .article_side_row:hover{color:rgba(var(--color-link))}.prev_img,.next_img{flex-shrink:0}.prev_img img,.next_img img{width:100%;height:70px;object-fit:cover;aspect-ratio:1;border-radius:calc(var(--card-radius) / 2)}.article_side_ico{width:18px;height:18px}.main-article-page .detail_desc img{border-radius:var(--card-radius)}@media screen and (min-width:992px){.article_hero--beside .article_hero_media{order:2}}@media screen and (max-width:991px){.article_hero.article_hero--beside{display:flex;flex-direction:column}.article_hero--beside .article_hero_media{order:-1}.article_body{margin-top:24px}.article_hero--beside.small .article_hero_media,.article_hero--beside.medium .article_hero_media,.article_hero--beside.large .article_hero_media{min-height:260px}.article_hero--background.small{min-height:420px}.article_hero--background.medium{min-height:460px}.article_hero--background.large{min-height:500px}.article_hero--background .article_hero_content{width:100%}.article_share_link{width:36px;height:36px}.article_hero--background:has(.article_hero_media):before{background:linear-gradient(180deg,rgba(var(--color-background),.96),rgba(var(--color-background),.7) 34%,rgba(var(--color-background),.56) 56%,rgba(var(--color-background),.9))}.article_hero_content{padding:20px 15px}.article_body--side{grid-template-columns:minmax(0,1fr)}.article_side_open{margin-bottom:16px;position:fixed;top:50%;left:0;z-index:2}.article_side_open button{border-radius:0 var(--button-radius) var(--button-radius) 0;border-left:0}.article_side{position:fixed;z-index:5;top:0;right:0;width:min(360px,88vw);height:100%;margin:0;padding:48px 16px 20px;overflow:auto;background:rgb(var(--color-background));transform:translate(100%);transition:transform var(--speed-long, .3s) ease}.article_side.drawer_active{transform:none}.article_side_close{position:absolute;top:12px;right:12px}}@media screen and (max-width:767px){.article-information .desc h2{font-size:calc(var(--heading-scale) * 16px)}.main-article-page .article-information,.article-comment .article_comments{margin-bottom:26px}.article-prev-next p{font-size:calc(var(--heading-scale) * 14px)}}@media screen and (max-width:575px){.main-article-page .article-prev-next{flex-wrap:wrap}}
/*# sourceMappingURL=/cdn/shop/t/383/assets/sec-main-article.css.map */