:root{--font-pri:'SVN-Gilroy';--font-sec:'TeXGyreTermes';--font-third:'SFU Futura';--w-logo:8.9rem;--hd-up:4.1rem;--hd-bot:14.6rem;--size-hd:14.6rem;--ss-pd:8rem;--it-pd:1.6rem;--ctn:124.2rem}@media screen and (max-width:1620px){:root{--ctn:110rem}}@media screen and (max-width:1380px){:root{--ctn:105rem}}@media (max-width:1199px){:root{--w-logo:5.5rem;--hd-up:3rem;--hd-bot:8rem;--size-hd:8rem;--ss-pd:4rem;--it-pd:0.8rem}}@media (max-width:575px){:root{--it-pd:.4rem}}.blog-detail-sec{--w:calc(10/12*100%);padding-bottom:12rem}@media screen and (max-width:1200px){.blog-detail-sec{padding-bottom:var(--ss-pd)}}@media screen and (max-width:767px){.blog-detail-sec{--w:100%}}.blog-detail-sec .blog-detail-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:2.4rem}.blog-detail-heading{width:var(--w);margin:0 auto}.blog-detail-heading .blog-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.4rem;margin-top:1.6rem}.blog-detail-heading .author{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.6rem}.blog-detail-heading .author .ava{--size:4.8rem;width:var(--size);height:var(--size);overflow:hidden;border-radius:50%}@media screen and (max-width:1200px){.blog-detail-heading .author .ava{--size:3.6rem}}.blog-detail-heading .author .ava>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-detail-heading .author .info-author{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.blog-detail-heading .author .info-author .name{color:#1e1719;font-weight:500}.blog-detail-heading .author .info-author .time{color:#64748b}.blog-detail-main .blog-banner{position:relative;padding-top:calc(549/1216*100%);margin-bottom:2.4rem}.blog-detail-main .blog-banner>img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-detail-main .mona-content{width:var(--w);margin:0 auto;padding-bottom:4rem;border-bottom:1px solid rgba(30,23,25,.3)}@media screen and (max-width:1200px){.blog-detail-main .mona-content{padding-bottom:2rem}}.blog-detail-main .mona-content .img-block{display:-webkit-box;display:-ms-flexbox;display:flex;gap:calc(var(--it-pd)*2)}.blog-detail-main .mona-content .img-block .img{width:50%}.blog-detail-main .blog-share{width:var(--w);margin:1.6rem auto 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.4rem}.blog-detail-main .blog-share .link-share{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;color:#0f172a;font-weight:500}.blog-detail-main .blog-share .blog-cate{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.2rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.blog-detail-main .blog-share .blog-cate-label{cursor:pointer}.blog-detail-main .blog-share .blog-cate-label:hover .blog-cate-item{background:#b68855}.blog-detail-main .blog-share .blog-cate-label:hover .blog-cate-item .txt{color:#fff}.blog-detail-main .blog-share .blog-cate-label input:checked~.blog-cate-item{background:#b68855;border-color:transparent}.blog-detail-main .blog-share .blog-cate-label input:checked~.blog-cate-item .txt{color:#fff}.blog-detail-main .blog-share .blog-cate-label .blog-cate-item{padding:.6rem 1.2rem;border-radius:10rem;border:1px solid rgba(30,23,25,.2);-webkit-transition:all .3s ease;transition:all .3s ease}.blog-detail-main .blog-share .blog-cate-label .blog-cate-item .txt{color:#15191e;-webkit-transition:all .3s ease;transition:all .3s ease}@media screen and (max-width:575px){.blog-detail-main .blog-share .blog-cate-label .blog-cate-item .txt{font-size:1.4rem}}