.blog-index{position:relative}.blog__top{background:#f0f7f7;padding:10px 0 70px}.blog__top__wrapper{margin-right:390px}.blog__top__box{display:flex;flex-direction:column;margin:auto;max-width:980px;padding-left:90px}.blog__top h1{color:#238679;font-size:32px}.blog__top h1 span{font-size:24px}.blog-posts{margin-left:auto;margin-right:390px;padding:80px 0}.blog-index .service-introduce-wrapper{margin-right:390px;max-width:inherit}.blog-index .examples__box--wrapper{display:grid;flex-wrap:wrap;grid-template-columns:365px 365px;margin-left:auto}.blog-index .examples__box{height:100%}.blog-index .examples__box h3{height:50.39px;width:304px}.blog-index .examples__box--wrapper>*{height:376px;max-width:385px}.blog-index .examples__box--image{height:168px;width:304px}.blog-index .examples__box--image img{height:inherit}.recommend-docs{background:#f3f3f3;left:70%;max-width:300px;padding:20px;position:absolute;right:18px;top:328px}.recommend-docs:before{border-right:32px solid transparent;border-top:32px solid #238679;content:"";height:0;left:-20px;position:relative;top:13px;width:0}.recommend-docs h2{font-size:20px;text-align:center}.recommend-docs__wrapper a{display:block;margin-bottom:20px}.blog-post{margin:0 auto;max-width:960px}.blog-post__meta{margin-bottom:1.4rem}.blog-post__meta a{text-decoration:underline}.blog-post__timestamp{display:block}.blog-post__tags svg{height:auto;margin-right:.35rem;width:15px}.blog-post__tag-link{font-size:.875rem}.service-introduce{background:#f0f7f7;padding:80px 0}.service-introduce-wrapper{margin:auto;max-width:980px}.service-introduce .h2__green-text{font-weight:700}.body-container--blog-post a:hover{text-decoration:underline}.h2__green-text span.bg-round-yellow{background:#ffe930;border-radius:50%;display:inline-block;font-size:22px;height:1.4em;line-height:1.3em;transform:translateX(-5px);width:1.4em}.h2__green-text span.bg-round-yellow.bignum{font-size:40px}.h2__green-text span.bg-round-yellow.smalltxt{transform:translateX(-10px)}.service-introduce--icon-wrapper{display:flex;flex-wrap:wrap;justify-content:center;margin:auto auto 60px;max-width:800px}.service-introduce--icon-wrapper>*{flex-shrink:0;width:190px}.service-introduce--icon-image{align-items:center;background:#fff;border:15px solid #e2efef;border-radius:50%;display:flex;height:145px;justify-content:center;margin:auto;width:145px}.service-introduce--icon-image img{max-width:100%;min-width:0}.service-introduce--icon-text{font-size:20px;font-weight:700;text-align:center}.service-introduce--icon-text span{font-size:15px}.blog-post h1{border-left:4px solid #238679;color:#238679;margin-bottom:2em;padding-left:1em}.breadcrumb{align-items:center;display:flex;font-size:12px;list-style:none;margin-top:20px;padding-left:0}.breadcrumb li:not(:first-child):before{content:">";margin:0 10px}.blog-post__meta img{width:100%}.blog-post__body h2{align-items:center;display:flex;gap:18px}.blog-post__body h2:before{background:#238679;content:"";display:block;height:2px;margin:10px 0;width:50px}.blog-post__body h3{padding:0 30px}.blog-post__body p:not(:has(img)){padding:0 2em;text-align:justify}.go-back-link{color:#238679;display:inline-block;font-size:18px;margin-top:3em}.go-back-link,a.go-back-link:hover{font-weight:700}.go-back-link img{padding-right:22px;vertical-align:bottom}.blog-post__description{padding:3em 2em;text-align:justify}.blog-pagination{display:flex;flex-wrap:wrap;gap:.5em;justify-content:center;list-style:none;margin:40px auto 0}.blog-pagination>a{border:1px solid #238679;color:#238679;display:inline-block;height:33px;letter-spacing:0;line-height:30px;text-align:center;text-decoration:none;width:33px}.blog-pagination>a>img{width:7px}.blog-pagination__last-link{margin-left:20px}a.blog-pagination__last-link>img{width:11px}.blog-pagination__link.current{background:#e9f3f3;border:none}.blogIndex__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media (max-width:768px){.introduce__box.swiper-slide{padding:1.5em 1em}.introduce__box .degree{font-size:15px}.introduce__box .catch,.introduce__box .topic{font-size:10px}.introduce__box dl{display:block;font-size:12px}.body-container--blog-post .blog-header__inner,.body-container--blog-post .blog-post,.body-container--blog-post .blog-related-posts{padding:20px 0}.blog-post h1{font-size:20px}.service-introduce--icon-wrapper>*{width:180px}.service-introduce--icon-text{font-size:16px}.service-introduce--icon-text span{font-size:14px}.button--primary{width:80%}.blog-post__body h2{font-size:18px}.blog-post__body h3{font-size:16px;padding-left:1em}.blog-post__body p{font-size:14px}.blog-post__body p:not(:has(img)){padding:0 1em}.blog__top__wrapper{margin-right:auto}.blog__top{padding:80px 20px 20px}.blog__top__box{padding-left:0}.blog-posts{padding:45px 30px}.blog-index .service-introduce-wrapper,.blog-posts{margin-right:auto}.recommend-docs{margin:20px auto;max-width:90%;position:static}.blog-index .examples__box--wrapper{grid-template-columns:365px}.blog-index .examples__box--wrapper>*{height:316px}.blog-index .examples__box--image{padding:25px 0 0;width:272px}.blog-index .recommend-docs__wrapper img{width:100%}.blog-index .examples__box--image img{height:100%;object-fit:cover}.blog-index .examples__box h3{height:53px;padding:0;width:272px}.breadcrumb{font-size:10px}.blog__top h1 span{font-size:16px}.blog__top h1{font-size:23px}}