:root{--item-font-size: 16px;--container-padding: clamp(1.25rem, -0.0704rem + 5.6338vw, 5rem);--main-color: #333;--gray-color: #666;--swiper-navigation-size: 40px;--swiper-navigation-color: #222}.article-page-container{min-height:70vh;margin:auto}.btn-back .back-link{width:calc(var(--BtnWidth) + 1vw)}.article-rel-wrap{clear:both;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;margin-top:100px;margin-bottom:50px;border-top:1px solid;padding-top:30px}.article-rel-wrap .article-rel-item{width:50%;max-width:50%;text-align:right}.article-rel-wrap .article-rel-item.item-prev{border-right:1px solid;margin-right:1px}.article-rel-wrap .article-rel-item.item-prev .article-rel-link{text-align:left;padding-left:50px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.article-rel-wrap .article-rel-item.item-next .article-rel-link{text-align:right;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-right:50px}.article-rel-wrap .article-rel-item.item-next .article-rel-link .btn-title{margin-left:auto}.article-rel-wrap .article-rel-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;position:relative}.article-rel-wrap .article-rel-link .btn-info-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.article-rel-wrap .article-rel-link .btn-subtitle{font-size:.8rem;display:block}.article-rel-wrap .article-rel-link .btn-title{display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:bold;font-size:1rem;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 20px)}@media(max-width: 600px){.article-rel-wrap .article-rel-link .btn-title{-webkit-line-clamp:2;max-width:calc(100% - 10px);font-size:.85rem}}.article-rel-wrap .article-rel-link .btn-icon{width:60px;height:60px;-ms-flex-negative:0;flex-shrink:0;position:absolute}.article-rel-wrap .article-rel-link .btn-icon.right{-webkit-transform:rotate(180deg);transform:rotate(180deg);margin-left:10px;margin-right:-18px;right:0}.article-rel-wrap .article-rel-link .btn-icon.left{margin-right:10px;margin-left:-18px;left:0}.btn-back .back-link{margin-left:auto;margin-right:0}.article-title{font-size:clamp(1.25rem,1.0299rem + .939vw,1.875rem);font-weight:bold;margin:0;padding:0;color:var(--main-color)}.article-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:0 .75rem}.article-recommend-wrap{position:relative;width:100%;padding:2rem var(--container-padding)}.article-recommend-title{font-size:24px;font-weight:bold;margin:2em 0;text-align:center}.article-swiper{padding-left:clamp(.5rem,.2857rem + 1.0714vw,1.25rem);padding-right:clamp(.5rem,.2857rem + 1.0714vw,1.25rem);height:85%}.article-swiper .article-item{padding:0 clamp(.5rem,.2857rem + 1.0714vw,1.25rem);height:100%}.article-swiper .article-item>span{display:block}.article-swiper .article-item-body>span{display:block}.article-swiper .article-item-cate{font-size:15px}.article-swiper .article-item-title{font-size:clamp(1.125rem,1.0181rem + .2231vw,1.375rem);display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;line-height:1.5em;max-height:3em;color:var(--main-color)}.article-swiper .article-item-summary{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;line-height:1.5em;max-height:3em;color:var(--gray-color);margin-top:.75rem}.article-swiper .article-item-go{margin-top:1rem}.article-swiper .article-item-link{border:1px solid var(--gray-color);padding:.5em 1.5em;font-size:.875rem;color:var(--gray-color);border-radius:5px;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto}.article-swiper .swiper-slide{height:auto}.article-swiper .swiper-button-prev,.article-swiper .swiper-button-next{width:var(--swiper-navigation-size);background-color:hsla(0,0%,100%,.8);border-radius:50%;border:1px solid #ddd}.article-swiper .swiper-button-prev.swiper-button-disabled,.article-swiper .swiper-button-next.swiper-button-disabled{opacity:0}.article-swiper .swiper-button-prev:after,.article-swiper .swiper-button-next:after{font-size:calc(var(--swiper-navigation-size)*.4)}.article-swiper .swiper-button-prev:after{-webkit-transform:translateX(-20%);transform:translateX(-20%)}.article-swiper .swiper-button-next:after{-webkit-transform:translateX(20%);transform:translateX(20%)}@media(max-width: 320px){.article-swiper .article-swiper{padding-left:0;padding-right:0}}.article-share{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:1em 0}.article-share-btn,.article-share__title{margin-right:10px}.article3 .article-footer{display:none}.fn-id-article:not(.article1,.article2,.article3,.article4) .article-page-container{width:1600px;max-width:calc(95% - 15px);margin-inline:auto}.fn-id-article:not(.article1,.article2,.article3,.article4) .page-content-body{width:unset;max-width:unset}.fn-id-article:not(.article1,.article2,.article3,.article4) .article-content-editor{z-index:1;position:relative}.fn-id-article:not(.article1,.article2,.article3,.article4) .article-content-editor::before{content:"";width:70%;aspect-ratio:2/1;background:url(../../common/images/bg-deco.webp) no-repeat;top:0;right:-30%;background-size:contain;position:absolute;opacity:.4;pointer-events:none;z-index:-1}.fn-id-article:not(.article1,.article2,.article3,.article4) .article-content-editor h2{font-size:calc(var(--FontSizePrimary)*.6);letter-spacing:0;font-weight:bold;margin-top:0rem;margin-bottom:0;color:var(--TextColorPrimary);line-height:1.3}.fn-id-article:not(.article1,.article2,.article3,.article4) .article-content-editor h3{font-size:var(--FontSizeSecondary);letter-spacing:.5px;font-weight:600;line-height:1.5;color:var(--TextColorPrimary)}.fn-id-article:not(.article1,.article2,.article3,.article4) .article-content-editor a{text-decoration:underline;font-weight:bold}.fn-id-article:not(.article1,.article2,.article3,.article4) .article-content-editor ul,.fn-id-article:not(.article1,.article2,.article3,.article4) .article-content-editor ol{padding-left:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px}.fn-id-article:not(.article1,.article2,.article3,.article4) .article-content-editor ul{list-style:disc}.fn-id-article:not(.article1,.article2,.article3,.article4) .article-content-editor ol{list-style:auto}.fn-id-article:not(.article1,.article2,.article3,.article4) .article-content-editor blockquote{font-size:var(--FontSizeHint);border-left:5px solid var(--ColorPrimary)}.fn-id-article:not(.article1,.article2,.article3,.article4) .article-content-editor code{padding:var(--Space1);font-size:var(--FontSizeBody);color:var(--ColorPrimary);background-color:var(--BgColorPrimary);border-radius:4px}.fn-id-article:not(.article1,.article2,.article3,.article4) .article-content-editor hr{margin-block:var(--Space3)}.fn-id-article:not(.article1,.article2,.article3,.article4) .article-content-editor P+P,.fn-id-article:not(.article1,.article2,.article3,.article4) .article-content-editor h2+h3{margin-top:var(--Space1)}.fn-id-article:not(.article1,.article2,.article3,.article4) .article-content-editor p+.image,.fn-id-article:not(.article1,.article2,.article3,.article4) .article-content-editor h3+p{margin-top:var(--Space2)}.fn-id-article:not(.article1,.article2,.article3,.article4) .article-content-editor img{-o-object-fit:contain;object-fit:contain;width:100%}.fn-id-article:not(.article1,.article2,.article3,.article4) .article-content-editor img.cover{-o-object-fit:cover;object-fit:cover}@media(max-width: 1199px){.article-page-container{min-height:unset}}@media(max-width: 1800px){.fn-id-article:not(.article1,.article2,.article3,.article4) .article-page-container{width:calc(var(--ContainerDefaultWidth) - 5%)}}