@font-face{font-family:GreycliffCF;src:url(/blog/_next/static/media/GreycliffCF-Light.1fb138b6.eot);src:url(/blog/_next/static/media/GreycliffCF-Light.d461f964.woff) format("woff");font-weight:200}@font-face{font-family:GreycliffCF;src:url(/blog/_next/static/media/GreycliffCF-Regular.e31a81df.eot);src:url(/blog/_next/static/media/GreycliffCF-Regular.a2ac3316.woff) format("woff");font-weight:400}@font-face{font-family:GreycliffCF;src:url(/blog/_next/static/media/GreycliffCF-Medium.7bc1ac91.eot);src:url(/blog/_next/static/media/GreycliffCF-Medium.60ecefa9.woff) format("woff");font-weight:500}@font-face{font-family:GreycliffCF;src:url(/blog/_next/static/media/GreycliffCF-DemiBold.2e789244.eot);src:url(/blog/_next/static/media/GreycliffCF-DemiBold.e27ad682.woff) format("woff");font-weight:600}@font-face{font-family:GreycliffCF;src:url(/blog/_next/static/media/GreycliffCF-Bold.d87e6931.eot);src:url(/blog/_next/static/media/GreycliffCF-Bold.cc56cf63.woff) format("woff");font-weight:700}@font-face{font-family:GreycliffCF;src:url(/blog/_next/static/media/GreycliffCF-ExtraBold.0dd885dd.eot);src:url(/blog/_next/static/media/GreycliffCF-ExtraBold.031342eb.woff) format("woff");font-weight:800}@font-face{font-family:GreycliffCF;src:url(/blog/_next/static/media/GreycliffCF-Heavy.543e6613.eot);src:url(/blog/_next/static/media/GreycliffCF-Heavy.3fbabd83.woff) format("woff");font-weight:900}.suit-blog-logo{-webkit-user-select:none;-moz-user-select:none;user-select:none}.suit-blog-logo span{font-size:27px;color:#0a3254;padding-left:2px;font-weight:600}.narrow-wrapper{max-width:1200px;width:100%;margin:0 auto}@media screen and (max-width:1220px)and (min-width:941px){.narrow-wrapper{padding-right:20px!important;padding-left:20px!important}}.full-wrapper{width:100%}header{position:-webkit-sticky;position:sticky;top:0;background:#fff;z-index:9999}header .header-line{width:100%;height:2px;background:#c7c9d4;border-bottom:1px solid #f5f6f7}header .header-container{padding:15px 0}header .header-top{display:flex;justify-content:space-between;align-items:center;padding:5px 0;height:60px}header .header-top a{font-size:15px;color:#696d80}header .header-top a:hover{text-decoration:underline}header .header-top-left a{margin-right:25px}header .header-top-right a{margin-left:25px}header .header-bottom{display:flex;justify-content:space-between;align-items:center;padding:13px 0 3px}header .header-bottom-right{display:flex;flex-direction:row;align-items:center}header .header-bottom-right a{font-size:17px;color:#2d303d;margin-left:32px;font-weight:600;position:relative}header .header-bottom-right a.active:after{content:" ";height:2px;background:#2d97de;position:absolute;bottom:-10px;left:0;right:0}header .header-bottom-right a:hover{color:#0a3254}header .header-bottom-right .search-button{display:inline-block;width:44px;padding:13px;margin-top:2px;text-align:center;margin-left:18px;border-radius:6px;cursor:pointer;transition:background .3s linear}header .header-bottom-right .search-button.active,header .header-bottom-right .search-button:hover{background:#f5f6f7}header .header-search{height:0;overflow:hidden;transition:height .5s ease-in-out;will-change:height;transform:translateZ(0)}header .header-search.active{height:50px;transform:translateZ(0)}header .header-search-container{display:flex;justify-content:space-between;align-items:center}header .header-search-left{display:flex;gap:16px}header .header-search-left strong{font-size:17px;font-weight:600;color:#2d303d}header .header-search-left a{text-decoration:underline;color:#2d303d;font-size:17px}header .header-search-right{width:calc(50% - 16px)}header .header-search .search-input-wrapper{position:relative;width:100%}header .header-search .search-input-wrapper .search-close-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px}header .header-search .search-input-wrapper .search-close-icon:hover{opacity:.8}footer{background:red}footer .footer-top{background:#0d0e12}footer .footer-top-up .footer-link-acc{padding:15px 24px;position:relative}footer .footer-top-up .footer-link-acc h3{display:flex;flex-direction:row;justify-content:space-between;align-items:center;cursor:pointer;height:30px;margin:0}footer .footer-top-up .footer-link-acc ul{padding:24px 0 0 16px}footer .footer-top-up .footer-link-acc ul li{margin-bottom:24px}footer .footer-top-up .footer-link-acc .line{position:absolute;bottom:0;left:0;right:0;height:1px;background:#2d303d}footer .footer-top-up h3{margin-bottom:25px}footer .footer-top-up a:hover{text-decoration:underline}footer .footer-top-up ul{list-style-type:none;padding:0;margin:0}footer .footer-top-up ul li{margin-bottom:13px;overflow:hidden;text-overflow:ellipsis;text-wrap:none;white-space:nowrap}main{min-height:calc(100vh - 145px)}.page-header{padding:30px 0}@media screen and (max-width:940px){.page-header{padding:24px 20px}}.page-header .title{display:flex;align-items:center;gap:16px;margin-bottom:14px}@media screen and (max-width:940px){.page-header .title{margin-bottom:10px;gap:10px}}.page-header .title img{height:64px}@media screen and (max-width:940px){.page-header .title img{height:32px}}.page-header .title h1{font-size:40px;font-weight:600;color:#191b24}@media screen and (max-width:940px){.page-header .title h1{font-size:21px}}.page-header .text{font-size:16px;line-height:1.88;color:#4c5061;font-weight:400}@media screen and (max-width:940px){.page-header .text{font-size:14px}}.mobile-header{padding:21px 24px;display:flex;justify-content:space-between;align-items:center}.mobile-header .links{display:flex;gap:10px;align-items:center}.mobile-header .links span{cursor:pointer;padding:5px}.hidden-menu{position:fixed;top:0;left:0;bottom:0;right:0;z-index:3;background:#fff;display:flex;flex-direction:column}.hidden-menu-header{height:80px;width:100%;display:flex;justify-content:space-between;border-bottom:1px solid #f5f6f7;align-items:center;padding:7px 24px 0}.hidden-menu-header .close-button{padding:5px 2px 2px;cursor:pointer}.hidden-menu-header a{font-size:17px;color:#696d80}.hidden-menu-header a:hover{text-decoration:underline}.hidden-menu-content{padding:24px 16px;display:flex;flex-direction:column;height:100%;background:#f5f6f7}.hidden-menu-content.menu{justify-content:space-between;background:#fff}.hidden-menu-content nav{padding:36px 44px}.hidden-menu-content nav span{display:block;margin-bottom:32px}.hidden-menu-content nav a{font-size:17px;color:#2d303d;margin-left:32px;font-weight:600;position:relative}.hidden-menu-content nav a.active:after{content:" ";height:2px;background:#2d97de;position:absolute;bottom:-10px;left:0;right:0}.hidden-menu-content nav a:hover{color:#0a3254}.hidden-menu-content .bottom-links{text-align:right;padding-right:20px}.hidden-menu-content .bottom-links div{margin-bottom:24px}.hidden-menu-content .bottom-links div a{font-size:15px;color:#696d80}.hidden-menu-content .bottom-links div a:hover{text-decoration:underline}.hidden-menu-content .search-input-container{margin-bottom:32px}.hidden-menu-content .search-input-container .search-input-wrapper{position:relative;width:100%}.hidden-menu-content .search-input-container .search-input-wrapper .search-close-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px}.hidden-menu-content .search-input-container .search-input-wrapper .search-close-icon:hover{opacity:.8}.hidden-menu-content .search-list{padding-left:44px;display:flex;flex-direction:column;gap:16px}.hidden-menu-content .search-list strong{font-size:17px;font-weight:600;color:#2d303d}.hidden-menu-content .search-list a{text-decoration:underline;color:#2d303d;font-size:17px;margin-bottom:8px}footer{background:#191b24;color:#aeb2c2}footer b,footer h3,footer strong{color:#f5f6f7}footer .footer-top{background:#191b24;padding:90px 0 60px}@media screen and (max-width:940px){footer .footer-top{padding:10px 0 30px}}footer .footer-top-up{border-bottom:1px solid #4c5061;padding-bottom:60px;display:flex;flex-direction:row;justify-content:space-between;gap:20px;line-height:22px}@media screen and (max-width:940px){footer .footer-top-up{flex-direction:column;gap:0;padding-bottom:0;border-bottom:none}}footer .footer-top .footer-link-list h3{margin-bottom:25px}footer .footer-top .footer-link-list a:hover{text-decoration:underline}footer .footer-top .footer-link-list ul{list-style-type:none;padding:0;margin:0}footer .footer-top .footer-link-list ul li{margin-bottom:13px;overflow:hidden;text-overflow:ellipsis;text-wrap:none;white-space:nowrap}footer .footer-top .footer-link-acc{padding:15px 24px;position:relative}footer .footer-top .footer-link-acc h3{display:flex;flex-direction:row;justify-content:space-between;align-items:center;cursor:pointer;height:30px;margin:0}footer .footer-top .footer-link-acc ul{padding:24px 0 0 16px}footer .footer-top .footer-link-acc ul li{margin-bottom:24px}footer .footer-top .footer-link-acc .line{position:absolute;bottom:0;left:0;right:0;height:1px;background:#2d303d}footer .footer-top-down{padding-top:30px;display:flex;justify-content:right;align-items:center}footer .footer-top-down a{margin-left:20px}@media screen and (max-width:940px){footer .footer-top-down{justify-content:space-between;padding:30px 24px 0}}footer .footer-bottom{padding:18px 0 12px}@media screen and (max-width:940px){footer .footer-bottom{padding:30px 24px}}footer .footer-bottom .footer-bottom-content{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width:940px){footer .footer-bottom .footer-bottom-content{flex-direction:column;justify-content:flex-start;align-items:flex-start}footer .footer-bottom-right{display:flex;flex-direction:column;align-items:flex-end;width:100%;gap:24px;padding-top:24px}}footer .footer-bottom-right a{margin-left:45px;color:#aeb2c2}footer .footer-bottom-right a:hover{text-decoration:underline}footer .footer-bottom-right span{margin-left:45px;color:#696d80}.responsive-image{height:100%;aspect-ratio:16/9}.card,.responsive-image{position:relative;width:100%}.card{border-radius:6px;overflow:hidden;transition:box-shadow .3s ease}.card:hover .title{text-decoration:none;font-weight:700}.card .category-tag{display:inline-block;padding:5px;border-radius:2px;background-color:#fff}.showBorder{border-bottom:5px solid transparent}.showBorder:hover{border-bottom:5px solid #ffc400}.image-background-card{display:block}.image-background-card.big .content .text-container{left:60px;padding-bottom:60px}.image-background-card.big .content .text-container .title{font-size:40px}@media screen and (max-width:940px){.image-background-card.big .content .text-container{left:20px;padding-bottom:20px;padding-right:10%}.image-background-card.big .content .text-container .title{font-size:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.image-background-card .content{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;color:#f5f6f7;background-image:linear-gradient(180deg,rgba(45,48,61,0) 47%,#2d303d)}.image-background-card .category-tag{position:absolute;top:20px;left:20px}.image-background-card .category-tag img{height:24px}@media screen and (max-width:940px){.image-background-card .category-tag img{height:14px}}.image-background-card .text-container{position:absolute;top:50%;left:20px;right:20px;padding-right:30%;padding-bottom:24px}.image-background-card .text-container .info{font-size:14px;display:flex;align-items:center;margin-bottom:15px}.image-background-card .text-container .info .category-tag{position:relative;top:auto;left:auto;display:inline-block;height:auto;margin-right:15px}@media screen and (max-width:940px){.image-background-card .text-container .info .category-tag{margin-right:10px}}.image-background-card .text-container .title{font-weight:600;font-size:24px;line-height:1.3;color:#fff}@media screen and (max-width:940px){.image-background-card .text-container .title{font-size:16px}}.horizontal-card{background:#f5f6f7;padding:15px;display:flex;align-items:center;gap:15px}@media screen and (max-width:940px){.horizontal-card{align-items:normal}}.horizontal-card.white{background:#fff}.horizontal-card .image{position:relative;width:50%;aspect-ratio:170/128}.horizontal-card .image .thumb{border-radius:4px}.horizontal-card .image .category-tag{position:absolute;top:8px;left:8px}.horizontal-card .image .category-tag img{height:24px}@media screen and (max-width:940px){.horizontal-card .image .category-tag img{height:14px}}.horizontal-card .content{width:50%}.horizontal-card .content .info{color:#8b8fa1;font-size:12px;margin-bottom:10px;line-height:2.5}.horizontal-card .content .title{line-height:1.38;font-weight:600;font-size:16px;color:#191b24}@media screen and (max-width:940px){.horizontal-card .content .title{font-size:14px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}}.horizontal-card .content .text{padding-top:10px;line-height:1.4;font-weight:300;font-size:14px;color:#2d303d}.horizontal-card.big{padding:0}.horizontal-card.big .image{width:37%}@media screen and (max-width:940px){.horizontal-card.big .image{width:53%}}.horizontal-card.big .image .thumb{border-radius:0}.horizontal-card.big .image .category-tag{top:10px;left:10px}.horizontal-card.big .image .category-tag img{height:24px}@media screen and (max-width:940px){.horizontal-card.big .image .category-tag img{height:14px}}.horizontal-card.big .content{height:100%;width:63%;padding:20px 20px 20px 5px}@media screen and (max-width:940px){.horizontal-card.big .content{padding:10px 10px 10px 5px}.horizontal-card.big .content .info{margin-bottom:4px!important}.horizontal-card.big .content .title{display:-webkit-box;-webkit-line-clamp:3!important;-webkit-box-orient:vertical;overflow:hidden;font-size:14px!important}.horizontal-card.big .content .text{display:none!important}}.vertical-card{background:#fff}.vertical-card.grey{background:#f5f6f7}.vertical-card .image{position:relative;width:100%}.vertical-card .image .category-tag{position:absolute;top:16px;left:16px}.vertical-card .image .category-tag img{height:24px}@media screen and (max-width:940px){.vertical-card .image .category-tag img{height:14px}}.vertical-card .content{padding:24px 24px 40px;position:relative;height:230px}@media screen and (max-width:940px){.vertical-card .content{padding:16px}}.vertical-card .content .title{line-height:1.33;font-weight:600;font-size:21px;color:#191b24;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}@media screen and (max-width:940px){.vertical-card .content .title{font-size:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}.vertical-card .content .text{line-height:1.44;font-weight:200;font-size:18px;color:#2d303d;margin-bottom:17px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media screen and (max-width:940px){.vertical-card .content .text{font-size:14px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}}.vertical-card .content .info{position:absolute;color:#8b8fa1;font-size:16px;line-height:1.88;bottom:18px;left:24px;right:24px}@media screen and (max-width:940px){.vertical-card .content .info{font-size:14px;bottom:16px;left:16px;right:16px}}.button{display:inline-block;background:#0d0e12;padding:16px 36px 19px;color:#f5f6f7;border-radius:28px;font-size:15px;font-weight:700;position:relative}.button:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:28px;box-shadow:2px 4px 0 0 #2d97de;opacity:0;transition:opacity .4s linear}.button:hover:after{opacity:1}.input-container{background:#f3f5f7;padding:14px 20px;border-radius:10px;display:flex;align-items:center;justify-content:flex-start}.input-container .prefix{margin-right:16px;height:18px}.input-container input{font-size:14px;border:none;outline:none;width:100%}.input-container input::placeholder{color:#696d80;background:#f3f5f7}.mouse-tracker{position:fixed;top:2px;left:2px;z-index:2;pointer-events:none;background-color:#fff;padding:4px 10px;border-radius:4px;border:1px solid #2d97de;font-size:12px;color:#2d303d;font-weight:600;line-height:1.67;white-space:nowrap;visibility:hidden}.side-list{background:#f5f6f7;border-radius:6px;overflow:hidden;padding:16px 20px 20px}.side-list h2{font-size:21px;font-weight:600;line-height:1.05;color:#191b24;margin-bottom:10px}.side-list-content{display:flex;flex-direction:column;gap:5px}.side-list-content .horizontal-card{height:91px}@media screen and (max-width:940px){.side-list-content .horizontal-card{height:auto}}.side-list-content .horizontal-card .image .category-tag img{height:17px}.side-list-content .horizontal-card .content{padding:0 10px 0 5px}@media screen and (max-width:940px){.side-list-content .horizontal-card .content{padding:10px 10px 10px 0}}.side-list-content .horizontal-card .content .info{margin:0}.side-list-content .horizontal-card .content .title{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}@media screen and (max-width:940px){.side-list-content .horizontal-card .content .title{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}}.pagination{gap:2px}.pagination,.pagination a{display:flex;justify-content:center;align-items:center}.pagination a{width:40px;height:40px;border-radius:2px;color:#2d303d}.pagination .arrow.disabled{opacity:.3;pointer-events:none}.pagination .arrow.prev{rotate:180deg}.pagination .pagi{background:#f5f6f7;font-size:18px}.pagination .pagi:hover{text-decoration:underline}.pagination .pagi.active{background:#2d97de;color:#fff;font-weight:700;border-radius:4px;pointer-events:none}.prev-next-article{position:relative;width:100%;height:50px}@media screen and (max-width:940px){.prev-next-article{height:25px}}.prev-next-article .article-btn{font-size:16px;font-weight:700;line-height:1.25;color:#2d97de;display:inline-block;position:absolute;top:0}.prev-next-article .article-btn .text{display:flex;gap:10px;align-items:center;margin-bottom:10px}.prev-next-article .article-btn .title{font-size:16px;font-weight:400;line-height:1.25;color:#191b24}@media screen and (max-width:940px){.prev-next-article .article-btn .title{display:none}}.prev-next-article .article-btn .title:before{content:"“"}.prev-next-article .article-btn .title:after{content:"”"}.prev-next-article .article-btn.prev{left:0;width:50%}.prev-next-article .article-btn.prev .text img{rotate:180deg}.prev-next-article .article-btn.next{right:0;width:50%;text-align:right}.prev-next-article .article-btn.next .text{flex-direction:row-reverse}.prev-next-article .article-btn:hover .text{text-decoration:underline}.homepage{padding-top:20px}@media screen and (max-width:940px){.homepage{padding-top:0}}.homepage h1{font-size:32px;font-weight:600;color:#191b24;margin-bottom:30px}@media screen and (max-width:940px){.homepage h1{font-size:21px;margin-bottom:20px}}.homepage-hero{margin-bottom:60px}.homepage-hero .main{margin-bottom:30px}@media screen and (max-width:940px){.homepage-hero .main{margin-bottom:20px}.homepage-hero .main .card{border-radius:0}}.homepage-hero .others{display:flex;gap:20px;justify-content:space-between}@media screen and (max-width:940px){.homepage-hero .others{flex-direction:column;padding:0 20px;gap:6px}}.homepage-recents{background:#f5f6f7;padding-top:20px}@media screen and (max-width:940px){.homepage-recents{padding:32px 20px}}.homepage-recents-content{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;padding-bottom:35px}.homepage-recents-content .image-background-card{width:calc(70% - 22px);min-width:calc(70% - 22px);margin-bottom:10px;max-height:446px}.homepage-recents-content .vertical-card{width:30%;min-width:30%;margin-bottom:10px;max-height:446px;min-height:446px}@media screen and (max-width:940px){.homepage-recents-content{flex-direction:column;flex-wrap:nowrap;gap:10px;padding-bottom:6px}.homepage-recents-content .card{width:100%;max-height:none}}.homepage-recents .more{text-align:center;padding-bottom:60px}@media screen and (max-width:940px){.homepage-recents .more{padding:0}.homepage-recents .more .button{width:100%}}.homepage-populars{padding:60px 0 90px}@media screen and (max-width:940px){.homepage-populars{padding:24px 20px}}.homepage-populars-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.homepage-populars-content .card{width:calc(50% - 10px)}@media screen and (max-width:940px){.homepage-populars-content .card{width:100%}}.category-page-content{padding:60px 0 90px}@media screen and (max-width:940px){.category-page-content{padding:32px 20px}}.category-page-content .list{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:35px}@media screen and (max-width:940px){.category-page-content .list{gap:0;margin-bottom:14px}}.category-page-content .list>*{width:calc(33% - 10px);margin-bottom:10px}@media screen and (max-width:940px){.category-page-content .list>*{width:100%}}.search-result-content{padding:60px 0 90px}@media screen and (max-width:940px){.search-result-content{padding:32px 0}}.search-result-content .list{display:flex;flex-direction:column;gap:34px;width:75%;margin-bottom:35px}@media screen and (max-width:940px){.search-result-content .list{width:100%;padding:0 20px}}.search-result-content .list .horizontal-card .content{height:210px;width:80%;padding-left:15px}@media screen and (max-width:940px){.search-result-content .list .horizontal-card .content{height:auto}}.search-result-content .list .horizontal-card .content .info{font-size:16px;margin-bottom:22px}.search-result-content .list .horizontal-card .content .title{font-size:21px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.search-result-content .list .horizontal-card .content .text{font-size:18px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.search-result-content .list-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:90px}.search-result-content .list-not-found img{margin-bottom:32px}.search-result-content .list-not-found strong{font-size:32px;font-weight:500;line-height:.69;letter-spacing:normal;text-align:center;color:#191b24;margin-bottom:32px}.article-detail-banner{position:relative;height:450px;overflow:hidden}@media(min-width:1440px){.article-detail-banner{height:500px}}@media(max-width:1024px){.article-detail-banner{height:400px}}@media screen and (max-width:940px){.article-detail-banner{height:250px}}.article-detail-banner .responsive-image{height:100%;position:relative}.article-detail-banner .responsive-image img{object-position:center 25%!important;transition:transform .3s ease}.article-detail-banner .responsive-image:hover img{transform:scale(1.02)}.article-detail-banner .content{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;color:#f5f6f7;background-image:linear-gradient(180deg,rgba(45,48,61,.3),rgba(45,48,61,.8));display:flex;align-items:center}.article-detail-banner .content .text-container{width:100%;padding:0 20px}.article-detail-banner .content .text-container h1{max-width:800px;text-align:left;line-height:1.25;color:#fff;font-weight:700!important;font-size:2.625rem!important;text-shadow:2px 2px 4px rgba(0,0,0,.3);margin:0 0 20px}@media screen and (max-width:940px){.article-detail-banner .content .text-container h1{font-size:1.5rem!important}}.article-detail-banner .content .text-container .article-meta{display:flex;gap:20px}.article-detail-banner .content .text-container .article-meta .meta-item{display:flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:8px 16px;border-radius:100px}.article-detail-banner .content .text-container .article-meta .meta-item img{filter:brightness(0) invert(1)}.article-detail-banner .content .text-container .article-meta .meta-item span{color:#fff;font-size:14px}.article-detail-content{display:flex;gap:50px;padding:60px 0}@media screen and (max-width:940px){.article-detail-content{padding:24px 20px;gap:24px;flex-wrap:wrap}}.article-detail-content .side{width:250px}@media screen and (max-width:940px){.article-detail-content .side{width:100%}}.article-detail-content .side .summary{border-radius:10px;background:#f5f6f7;color:#191b24;margin-bottom:25px;padding:25px 20px 20px;display:flex;flex-direction:column;gap:25px}.article-detail-content .side .summary .title{font-size:20px;font-weight:600;color:#191b24;display:block}@media screen and (max-width:940px){.article-detail-content .side .summary .title{display:none}}.article-detail-content .side .summary .info{font-size:14px;color:#8b8fa1;margin-bottom:25px}@media screen and (max-width:940px){.article-detail-content .side .summary .info{margin-bottom:5px}}.article-detail-content .side .summary .section{margin-bottom:5px}.article-detail-content .side .summary .section strong{display:block;font-size:16px;font-weight:600;color:#2d303d;margin-bottom:15px}.article-detail-content .side .summary .tags{display:flex;flex-wrap:wrap;gap:5px}.article-detail-content .side .summary .tags .tag{background:#fff;font-size:12px;font-weight:700;color:#4c5061;padding:10px}.article-detail-content .side .summary .share-links{display:flex;gap:15px}.article-detail-content .side .box-banner{width:100%;position:relative;display:block}@media screen and (max-width:940px){.article-detail-content .side .box-banner{display:none}}.article-detail-content .side .box-banner img{width:100%;border-radius:6px}.article-detail-content .article{width:calc(100% - 300px)}@media screen and (max-width:940px){.article-detail-content .article{width:100%}}.article-detail-content .article .html-block{font-size:18px;font-weight:400;font-stretch:normal;line-height:1.67;color:#2d303d}.article-detail-content .article .html-block p{margin:10px 0}.article-detail-content .article .html-block h1,.article-detail-content .article .html-block h2,.article-detail-content .article .html-block h3,.article-detail-content .article .html-block h4{font-weight:600;font-stretch:normal;font-style:normal;line-height:1.24;letter-spacing:normal;color:#191b24;margin:35px 0 15px}.article-detail-content .article .html-block h1{font-size:34px;margin-top:0;margin-bottom:35px}@media screen and (max-width:940px){.article-detail-content .article .html-block h1{font-size:32px}}.article-detail-content .article .html-block h2{font-size:28px}.article-detail-content .article .html-block h3{font-size:22px}.article-detail-content .article .html-block h4{font-size:18px}.article-detail-content .article .html-block a{color:#2d97de}.article-detail-content .article .html-block code{letter-spacing:1px;color:#696d80;padding:10px;background:#f5f6f7;border-radius:8px}.article-detail-content .article .html-block img{width:100%}.article-detail-content .article .html-block blockquote{position:relative;padding-left:60px;margin-bottom:20px}.article-detail-content .article .html-block blockquote:before{content:" ";position:absolute;top:0;left:45px;bottom:0;width:4px;background:#e6e7ed;border-radius:2px}.article-detail-content .article .html-block ol,.article-detail-content .article .html-block ul{padding-left:60px}@media screen and (max-width:940px){.article-detail-content .article .html-block ol,.article-detail-content .article .html-block ul{padding-left:30px}}.article-detail-content .article .html-block ol li,.article-detail-content .article .html-block ul li{margin-bottom:15px}.article-detail-content .article .prev-next-article{margin-top:50px}@media screen and (max-width:940px){.article-detail-content .article .prev-next-article{margin-bottom:60px}}.article-detail-content .box-banner{display:none;margin-bottom:8px}@media screen and (max-width:940px){.article-detail-content .box-banner{display:block}}.article-detail-content .box-banner img{width:100%;border-radius:8px}.article-detail-similars{background:#f5f6f7;padding:60px 0 90px}@media screen and (max-width:940px){.article-detail-similars{padding:24px 20px 32px}}.article-detail-similars h3{font-size:24px;font-weight:600;color:#191b24;margin-bottom:30px}@media screen and (max-width:940px){.article-detail-similars h3{font-size:21px;margin-bottom:16px}}.article-detail-similars .list{display:flex;gap:20px}@media screen and (max-width:940px){.article-detail-similars .list{flex-wrap:wrap;gap:10px}}.not-found{display:flex;flex-direction:row;padding-top:136px}@media screen and (max-width:940px){.not-found{flex-direction:column-reverse;padding-top:100px}.not-found>div{width:100%!important;text-align:center}.not-found .right-side{margin-bottom:100px}}.not-found .left-side{width:50%}.not-found .left-side strong{font-size:40px;font-weight:600;line-height:1.25;color:#191b24;margin-bottom:16px;display:block}.not-found .left-side p{font-size:16px;font-weight:400;line-height:1.69;letter-spacing:.15px;color:#4c5061;margin-bottom:32px}.not-found .right-side{width:50%;text-align:center;padding-top:10px}.not-found .right-side img{max-width:100%}*,:after,:before{box-sizing:border-box;padding:0;margin:0;font-family:GreycliffCF,sans-serif,Tahoma}body,html{max-width:100vw}body{color:#000}a{color:inherit;text-decoration:none;cursor:pointer;transition:color .3s linear}.hidden{display:none!important}@media screen and (max-width:940px){.hide-on-mobile{display:none}}