:root{--font-heading: "Braah One", sans-serif;--font-body: "LXGW WenKai TC", serif}.article__header{position:relative;background-image:url(/images/landing/background/post-bg.webp);background-position:bottom;background-size:cover;background-repeat:no-repeat}@media (max-width: 1024px){.article__header{background-position:top}}.article__header .header-wrap{position:relative}.article__header .header-wrap .article-info{position:absolute;top:50px;left:96px;right:96px;z-index:1}@media (max-width: 1024px){.article__header .header-wrap .article-info{top:44px;left:60px;right:60px}}@media (max-width: 768px){.article__header .header-wrap .article-info{top:32px;left:48px;right:48px}}@media (max-width: 576px){.article__header .header-wrap .article-info{top:24px;left:32px;right:32px}}.article__header h1{font-size:2.25rem;color:#fefedc;margin-bottom:4px;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 576px){.article__header h1{font-size:2rem}}@media (max-width: 480px){.article__header h1{font-size:1.125rem}}.article__header .article-description{height:64px}@media (max-width: 768px){.article__header .article-description{display:none}}.article__header .article-description p{font-size:1rem;color:#fefedc;line-height:24px;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article__header .signboard{display:flex;justify-content:center;padding:160px 0;margin:0 16px}@media (max-width: 1024px){.article__header .signboard{padding:100px 0}}@media (max-width: 768px){.article__header .signboard{padding:60px 0}}@media (max-width: 576px){.article__header .signboard{padding:30px 0}}.article__header .signboard .bg{pointer-events:none;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.landing-post-detail{background-color:#9cb040}.card{position:relative;padding:60px;background-color:#fff3c2;overflow:hidden}@media (max-width: 768px){.card{padding:24px}}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/landing/background/paper.webp);opacity:.35;background-position:top;background-size:contain;pointer-events:none}.card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;box-shadow:inset 0 0 42px #9cb040,inset 0 0 30px #9cb040,inset 0 0 4px #fff3c2;z-index:1}.container{align-items:center;max-width:1200px;height:100%;margin:0 auto}.layout{display:flex;gap:96px;position:relative}@media (max-width: 1024px){.layout{flex-direction:column}}.layout .article-content{flex:1;font-family:var(--font-body);font-size:16px}.layout .article-content .article-description{display:none}@media (max-width: 768px){.layout .article-content .article-description{display:inline;color:#5a4923;font-family:var(--font-heading)}}.layout .article-content img{display:inline}.layout .latest-articles .see-all{position:relative;margin-bottom:18px;width:300px}@media (max-width: 1024px){.layout .latest-articles .see-all{margin:0 auto 24px}}.layout .latest-articles .see-all img{pointer-events:none}.layout .latest-articles .see-all .btn-redirect{position:absolute;top:88px;right:60px}.layout .latest-articles .see-all h2{position:absolute;top:38px;left:50%;transform:translate(-50%);color:#fefedc;font-weight:400;font-size:2.25rem;white-space:nowrap}.layout .image-caption{background:#fffddd;padding:12px 16px}.related-articles{margin-top:200px;position:relative}@media (min-width: 768px){.related-articles{background-image:url(/images/landing/background/related-posts-bg.webp);background-size:cover;background-repeat:no-repeat;background-position:bottom}}@media (max-width: 1024px){.related-articles{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(4,1fr)}}@media (max-width: 768px){.related-articles{gap:8px;padding-bottom:300px}}.related-articles .signboard-title{position:absolute;width:380px;top:-120px;left:50%;transform:translate(-50%)}@media (max-width: 480px){.related-articles .signboard-title{transform:scale(.8) translate(-60%)}}.related-articles .signboard-title img{width:380px}.related-articles .signboard-title h2{font-size:2.25rem;position:absolute;top:30%;left:21px;right:21px;color:#fefedc;font-weight:400}@media (max-width: 768px){.related-articles .signboard-title h2{text-align:center}}.related-articles .related-article-list{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}@media (max-width: 768px){.related-articles .related-article-list{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(4,1fr);transform:translateY(170px)}}.related-articles .related-article-list .article-item{position:relative;width:300px;height:280px}@media (max-width: 768px){.related-articles .related-article-list .article-item.mark{display:none}}.related-articles .related-article-list .article-item>img{position:absolute;bottom:0}.related-articles .related-article-list .sign{position:absolute;bottom:32px;left:32px;z-index:1}.related-articles .related-article-list .sign+.caption{top:-45px;left:calc(50% - 5px)}@media (max-width: 768px){.related-articles .related-article-list>.article-item{margin:auto}}.related-articles .related-article-list>.article-item:nth-child(1){top:150px;left:50px}@media (max-width: 1024px){.related-articles .related-article-list>.article-item:nth-child(1){top:100px;left:-10px}}@media (max-width: 768px){.related-articles .related-article-list>.article-item:nth-child(1){top:0;left:0;transform:translate(-50px)}}.related-articles .related-article-list>.article-item:nth-child(2){top:50px;right:0}@media (max-width: 1024px){.related-articles .related-article-list>.article-item:nth-child(2){right:30px;top:30px}}@media (max-width: 768px){.related-articles .related-article-list>.article-item:nth-child(2){top:0;right:0}}.related-articles .related-article-list>.article-item:nth-child(3){top:-32px;right:130px}@media (max-width: 1024px){.related-articles .related-article-list>.article-item:nth-child(3){top:-30px;right:100px}}@media (max-width: 768px){.related-articles .related-article-list>.article-item:nth-child(3){top:0;right:0}}.related-articles .related-article-list>.article-item:nth-child(4){bottom:20px;left:220px}@media (max-width: 1024px){.related-articles .related-article-list>.article-item:nth-child(4){bottom:70px;left:60px}}@media (max-width: 768px){.related-articles .related-article-list>.article-item:nth-child(4){bottom:0;left:0}}.related-articles .related-article-list>.article-item:nth-child(5){bottom:100px;left:170px}@media (max-width: 1024px){.related-articles .related-article-list>.article-item:nth-child(5){bottom:130px;left:0}}@media (max-width: 768px){.related-articles .related-article-list>.article-item:nth-child(5){bottom:0;left:0;transform:translate(50px)}}.related-articles .related-article-list>.article-item:nth-child(6){bottom:200px;left:60px}@media (max-width: 1024px){.related-articles .related-article-list>.article-item:nth-child(6){bottom:200px;left:-60px}}@media (max-width: 768px){.related-articles .related-article-list>.article-item:nth-child(6){bottom:0;left:0;transform:translate(-50px)}}.related-articles .related-article-list>.article-item:nth-child(7){bottom:130px;left:340px}@media (max-width: 1024px){.related-articles .related-article-list>.article-item:nth-child(7){bottom:200px;left:160px}}@media (max-width: 768px){.related-articles .related-article-list>.article-item:nth-child(7){bottom:0;left:0;transform:translate(50px)}}.related-articles .related-article-list>.article-item:nth-child(8){bottom:230px;left:300px}@media (max-width: 1024px){.related-articles .related-article-list>.article-item:nth-child(8){bottom:280px;left:150px}}@media (max-width: 768px){.related-articles .related-article-list>.article-item:nth-child(8){bottom:0;left:0}}.btn-redirect{display:block;width:180px;height:34px;background-image:url(/images/landing/icons/button.svg);text-align:center;line-height:34px;color:#fffddd;cursor:pointer}.btn-redirect:hover{color:#fffddd}.sign{position:relative;width:220px;display:block}.sign h3{position:absolute;top:40px;left:20px;right:20px;font-size:1.125rem;color:#fffddd;font-weight:400;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sign:hover{transform:scale(1.1)}.sign .tags{position:absolute;bottom:95px;left:20px}.sign+.caption{display:none;position:absolute;z-index:2;top:-45px;transform:translate(-50%)}.sign:hover+.caption{display:block}.tags .tag{border-radius:10px;background-color:#fffddd;font-family:var(--font-body);font-size:.75rem;padding:2px 8px;max-width:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;box-shadow:0 0 0 .5px #5a4923}.tags .tag:not(:last-child){margin-right:12px}.article-list{display:flex;flex-direction:column;gap:56px}@media (max-width: 1024px){.article-list{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:60px}}.article-list .article-item{width:300px;height:286px;position:relative}.article-list .article-item>img{position:absolute;bottom:0;pointer-events:none}.article-list .sign{position:absolute;z-index:1}.article-list .article-item:nth-child(2n) .sign{left:21px}@media (max-width: 1024px){.article-list .article-item:nth-child(2n) .sign{left:62px}}.article-list .article-item:nth-child(2n) .sign+.caption{left:134px}@media (max-width: 1024px){.article-list .article-item:nth-child(2n) .sign+.caption{left:174px}}.article-list .article-item:nth-child(odd) .sign{left:62px}@media (max-width: 1024px){.article-list .article-item:nth-child(odd) .sign{left:21px}}.article-list .article-item:nth-child(odd) .sign+.caption{left:174px}@media (max-width: 1024px){.article-list .article-item:nth-child(odd) .sign+.caption{left:134px}}.caption{background-image:url(/images/landing/icons/union.svg);width:158px;height:43px;font-size:.75rem;text-align:center;font-family:var(--font-body);line-height:43px}