[data-v-d4da7eec]:root{--header-height:48px;--header-height-mobile:60px;--sticky-top-ad-height:50px}@media screen and (max-width:1200px){[data-v-d4da7eec]:root{--header-height:60px;--sticky-top-ad-height:63px}}.blog-item[data-v-d4da7eec]{background:#f5f5f5;border-radius:16px;color:#666;cursor:pointer;position:relative}.blog-item .blog-cover[data-v-d4da7eec]{border-radius:16px;overflow:hidden;width:100%}.blog-item .blog-cover .cover-bg[data-v-d4da7eec]{background-position:50%;background-repeat:no-repeat;background-size:cover;height:0;padding-top:54.1666%;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}@media (any-hover:hover){.blog-item .blog-cover .cover-bg[data-v-d4da7eec]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}}.blog-item .blog-info[data-v-d4da7eec]{padding:32px 24px 20px}.blog-item .blog-info .title[data-v-d4da7eec]{color:#333;display:-webkit-box;font-family:"Inter-SemiBold";font-size:18px;height:72px;line-height:24px;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;word-break:break-word}.blog-item .blog-info .date[data-v-d4da7eec]{color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;line-height:21px;margin:23px 0 0}@media screen and (max-width:767px){.blog-item[data-v-d4da7eec]{border-radius:.16rem}.blog-item .blog-cover[data-v-d4da7eec]{border-radius:.16rem .16rem 0 0}.blog-item .blog-cover .cover-bg[data-v-d4da7eec]{padding-top:56.716%}.blog-item .blog-info[data-v-d4da7eec]{padding:.4rem .48rem}.blog-item .blog-info .title[data-v-d4da7eec]{display:-webkit-box;font-size:.36rem;height:auto;line-height:.48rem;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis}.blog-item .blog-info .date[data-v-d4da7eec]{font-size:.28rem;line-height:.42rem;margin-top:.4rem}}
[data-v-131666ac]:root{--header-height:48px;--header-height-mobile:60px;--sticky-top-ad-height:50px}@media screen and (max-width:1200px){[data-v-131666ac]:root{--header-height:60px;--sticky-top-ad-height:63px}}.blog[data-v-131666ac]{color:#333;margin:0 auto 64px;max-width:1240px;padding:0 20px}.blog-list[data-v-131666ac]{display:grid;grid-template-columns:repeat(3,1fr);-ms-flex-line-pack:stretch;align-content:stretch;grid-column-gap:24px;grid-row-gap:64px}.blog .featured-post .sub-title[data-v-131666ac]{font-family:Inter-Bold;font-size:28px;line-height:1.2;margin-bottom:24px}.blog .search-blog[data-v-131666ac]{margin-top:112px}.blog .search-blog .search[data-v-131666ac]{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-bottom:16px}.blog .search-blog .search[data-v-131666ac] .el-input{width:270px}.blog .search-blog .search .category[data-v-131666ac] .el-select__caret{background:url(https://e-static.franklinwh.us/website/office/dist_V_1753754597236/assets/images/select-arrow.svg) no-repeat 50%;margin-right:5px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.blog .search-blog .search .category[data-v-131666ac] .el-select__caret.is-reverse{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.blog .search-blog .search .category[data-v-131666ac] .el-select__caret:before{content:""}.blog .search-blog .search .keywords[data-v-131666ac] .el-input__inner{padding-right:50px}.blog .search-blog .search .keywords[data-v-131666ac] .el-input__suffix{right:16px}.blog .search-blog .search .keywords .search-icon[data-v-131666ac]{cursor:pointer;font-size:20px}.blog .total-post[data-v-131666ac]{color:#999;font-size:14px;line-height:1.2;margin:0 0 24px 16px}@media screen and (max-width:1023px){.blog-list[data-v-131666ac]{grid-template-columns:repeat(2,1fr);grid-column-gap:25px;grid-row-gap:40px}}@media screen and (max-width:767px){.blog[data-v-131666ac]{margin:0 auto 1.6rem;padding:0 .4rem}.blog-list[data-v-131666ac]{grid-template-columns:repeat(1,1fr);grid-row-gap:.48rem}.blog .featured-post .sub-title[data-v-131666ac]{font-size:.32rem;margin-bottom:.24rem}.blog .search-blog[data-v-131666ac]{margin-top:1.28rem}.blog .search-blog .search[data-v-131666ac]{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;margin-bottom:.35rem}.blog .search-blog .search[data-v-131666ac] .el-input{width:100%}.blog .search-blog .search .keywords[data-v-131666ac] .el-input__inner{background:#fff;border:.02rem solid hsla(0,0%,59%,.2);border-radius:.32rem;-webkit-box-shadow:.2rem .2rem .4rem 0 rgba(0,0,0,.06);box-shadow:.2rem .2rem .4rem 0 rgba(0,0,0,.06);color:#333;font-family:Inter-Medium;font-size:.28rem;height:1.33rem;padding-right:1.2rem}.blog .search-blog .search .keywords .search-icon[data-v-131666ac]{color:#333;font-size:.4rem;font-weight:bolder;margin-top:3px}.blog .search-blog .search .keywords[data-v-131666ac] .el-input__suffix{right:.48rem}.blog .search-blog .search .category[data-v-131666ac]{margin-top:.48rem;width:100%}.blog .search-blog .search .category[data-v-131666ac] .el-input__inner{border:.02rem solid #d4d4d4;border-radius:.08rem;height:.8rem}.blog .total-post[data-v-131666ac]{color:#999;font-size:.28rem;margin:0 0 .75rem .32rem}}