@media only screen and (min-width: 621px)and (max-width: 910px){.mobile-only{display:none}}@media only screen and (min-width: 911px)and (max-width: 1170px){.mobile-only{display:none}}@media only screen and (min-width: 1170px){.mobile-only{display:none}}@media(min-width: 320px)and (max-width: 620px){.mobile-hide{display:none}}.article-index{width:100%;margin:30px 0 50px}@media(min-width: 320px)and (max-width: 620px){.article-index{margin-bottom:0;padding-bottom:50px}}.article-index.content{width:100%}.article-index h1{margin:30px 0 20px;font-size:44px;line-height:44px;font-weight:700;color:#404040}@media(min-width: 320px)and (max-width: 620px){.article-index h1{font-size:25px;line-height:30px;font-weight:700;margin-top:0}}.article-index-desc{font-size:20px;font-style:normal;font-weight:500;line-height:28px;color:#545454;max-width:510px;margin:0 0 40px}@media(min-width: 320px)and (max-width: 620px){.article-index-desc{font-size:16px;font-style:normal;font-weight:500;line-height:21px;margin:0 0 30px}}.article-index .uac{margin-top:80px}@media(min-width: 320px)and (max-width: 620px){.article-index .uac{margin-top:50px}}.article-index .uac img{width:100%;border-radius:15px}.article-index .blog-categories{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:20px}@media(min-width: 320px)and (max-width: 620px){.article-index .blog-categories{flex-wrap:nowrap;overflow-x:auto;width:100%;gap:10px}}.article-index .blog-categories-col{display:flex;flex-direction:column;gap:10px;font-family:sans-serif}.article-index .blog-categories-col a{margin:0;font-size:16px;color:#545454;font-weight:500;width:249px}.article-index .blog-categories-col a:hover{color:#242424}@media(min-width: 320px)and (max-width: 620px){.article-index .blog-categories-col a{font-size:15px;width:140px;font-weight:400}}@media(min-width: 320px)and (max-width: 620px){.article-index .breadcrumbs{display:none}}.article-index .blog-redaction-choice{margin-top:70px;display:flex;flex-direction:column;gap:20px}@media(min-width: 320px)and (max-width: 620px){.article-index .blog-redaction-choice{margin-top:30px;margin-bottom:50px}}.article-index .blog-redaction-choice h2{font-weight:500;font-size:20px;line-height:24px;margin:0}.article-index .blog-redaction-choice h2>img{height:20px;top:2px;position:relative;margin-right:5px}@media(min-width: 320px)and (max-width: 620px){.article-index .blog-redaction-choice h2{font-weight:500}}.article-index .blog-redaction-choice .article{display:flex;align-items:flex-start;justify-content:space-between;gap:26px}@media(min-width: 320px)and (max-width: 620px){.article-index .blog-redaction-choice .article{flex-direction:column;gap:12px}}.article-index .blog-redaction-choice .article .a-background{height:296px;border-radius:16px;overflow:hidden}@media(min-width: 320px)and (max-width: 620px){.article-index .blog-redaction-choice .article .a-background{height:96px}}.article-index .blog-redaction-choice .article .a-background img{display:block;background-size:100%;width:100%;height:296px;border-radius:15px;opacity:.9;background-position:50% 50%;transition:all .2s linear}@media(min-width: 320px)and (max-width: 620px){.article-index .blog-redaction-choice .article .a-background img{height:96px}}@media only screen and (min-width: 1170px){.article-index .blog-redaction-choice .article .a-background img:hover{scale:1.05}}.article-index .blog-redaction-choice .article-info{width:calc(100% - 865px - 26px)}@media(min-width: 320px)and (max-width: 620px){.article-index .blog-redaction-choice .article-info{width:100%;display:flex;flex-direction:column;gap:12px}}.article-index .blog-redaction-choice .article-info>a{font-size:25px;font-style:normal;font-weight:600;line-height:25px;color:var(--color-Text-Primary)}@media(min-width: 320px)and (max-width: 620px){.article-index .blog-redaction-choice .article-info>a{font-size:20px;line-height:20px;font-weight:500}}.article-index .blog-redaction-choice .article-info>a:hover{color:#939393}.article-index .blog-redaction-choice .article-head{display:flex;justify-content:space-between;margin-bottom:12px}@media(min-width: 320px)and (max-width: 620px){.article-index .blog-redaction-choice .article-head{margin-bottom:0}}.article-index .blog-redaction-choice .article-head-category{color:var(--color-Text-Link);font-size:15px;line-height:18px;font-weight:500;margin:0}.article-index .blog-redaction-choice .article-head-category:hover{text-decoration:underline}.article-index .blog-redaction-choice .article-head-date{font-size:14px;line-height:18px;font-weight:400;color:#767676;margin:0}.article-index .blog-articles{margin-top:80px}@media(min-width: 320px)and (max-width: 620px){.article-index .blog-articles{margin-top:40px}}.article-index .blog-articles-head{display:flex;align-items:center;gap:10px}.article-index .blog-articles h2{font-weight:500;font-size:20px;line-height:24px;margin:10px 0 20px}.article-index .blog-articles h2>img{height:20px;top:2px;position:relative;margin-right:10px}@media(min-width: 320px)and (max-width: 620px){.article-index .blog-articles h2{font-weight:500}}.article-index .blog-articles h2 a{position:relative;color:var(--color-Text-Primary)}.article-index .blog-articles h2 a img{position:absolute;top:4px;margin-left:10px;transition:transform .1s;transition-timing-function:ease}@media only screen and (min-width: 1170px){.article-index .blog-articles h2 a:hover{color:var(--color-Text-Primary_hover)}.article-index .blog-articles h2 a:hover img{transform:translateX(6px)}}.article-index .blog-articles-list{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:16px}@media(min-width: 320px)and (max-width: 620px){.article-index .blog-articles-list{gap:30px}}.article-index .blog-articles>a{border-radius:31px;padding:8px 25px;background-color:#363841;font-size:14px;font-weight:500;color:#fff}.article-index .blog-articles>a:hover{background-color:#000}@media(min-width: 320px)and (max-width: 620px){.article-index .blog-articles>a{width:160px;display:flex;margin:0 auto;justify-content:center}}.article-index .article-interview{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:70px}@media(min-width: 320px)and (max-width: 620px){.article-index .article-interview{align-items:center;margin-top:40px}}.article-index .article-interview .fc-swiper{padding:0}.article-index .article-interview .fc-swiper h2{margin:0}.article-index .article-interview .interview-videos{display:flex;justify-content:space-between;gap:18px}@media(min-width: 320px)and (max-width: 620px){.article-index .article-interview .interview-videos{flex-wrap:wrap;gap:10px}}.article-index .article-interview .interview-link{display:flex;flex-direction:column;gap:12px;width:25%}@media(min-width: 320px)and (max-width: 620px){.article-index .article-interview .interview-link{gap:0;height:100%;width:48%}}.article-index .article-interview .interview-link .interview-link-img{height:157px;width:100%}.article-index .article-interview .interview-link .interview-link-img img,.article-index .article-interview .interview-link .interview-link-img iframe{height:100%;width:100%;object-fit:cover;border-radius:15px}@media(min-width: 320px)and (max-width: 620px){.article-index .article-interview .interview-link .interview-link-img{height:90px}}.article-index .article-interview .interview-link .interview-title{font-size:16px;font-weight:600;color:var(--color-Text-Primary);margin:0}@media(min-width: 320px)and (max-width: 620px){.article-index .article-interview .interview-link .interview-title{font-size:15px;line-height:120%;margin-top:10px}}.article-index .article-interview .interview-button{border-radius:31px;padding:8px 25px;background-color:#363841;font-size:14px;font-weight:500;color:#fff}.article-index .article-interview .interview-button:hover{background-color:#000}@media(min-width: 320px)and (max-width: 620px){.article-index .article-interview .interview-button{margin-top:20px;padding:8px 25px}}.article-index .article-interview .full{width:50%}@media(min-width: 320px)and (max-width: 620px){.article-index .article-interview .full{width:100%}}.article-index .article-interview .full .interview-link-img{height:319px}@media(min-width: 320px)and (max-width: 620px){.article-index .article-interview .full .interview-link-img{height:185px}}@media(min-width: 320px)and (max-width: 620px){.article-index .article-interview .full{width:100%}}/*# sourceMappingURL=article-index-page.css.map */