.base-maxwidth{max-width:1400px}.topbanner{background:url(https://images.noviai.ai/noviaien/assets/article/details/purple-bg-2.jpg) no-repeat center/cover;padding:100px 0 130px}.author-info,.author-experience{background:#FFF;box-shadow:0 4px 28.5px 0 #0000000D;border-radius:20px}.author-info{padding:45px 37px 31px 37px;margin-right:36px;max-width:415px;flex-shrink:0}.author-info-img{width:95px;aspect-ratio:1/1;margin-right:20px;border-radius:50%;object-fit:contain}.author-name{font-size:24px;font-weight:700}.author-job{font-size:18px;color:#666;margin:9px 0 8px}.author-contact img{width:20px;height:20px}.author-contact li:first-of-type{margin-right:10px}.author-info-contianer{padding-bottom:34px;border-bottom:1px solid #EBEBEB}.author-core-skills{padding-top:50px}.author-core-skills li{font-size:14px;font-weight:400;color:#525252;padding-left:10px;position:relative;margin-bottom:25px}.author-core-skills li strong{font-weight:700}.author-core-skills li::before{content:"";position:absolute;width:5px;height:5px;background:var(--topic-color);left:0;top:6px}.author-core-skills-title{font-size:20px;font-weight:700;margin-bottom:13px}.author-experience{padding:46px 50px 47px 50px;max-width:944px}.author-experience-title{font-size:36px;font-weight:700;margin-bottom:25px}.author-experience-desc{font-size:20px}.author-experience-title.second{margin-top:63px}@media(max-width:820px){.topbanner{padding:20px 0 40px}.topbanner .base-maxwidth{flex-direction:column}.author-info{margin:0 0 16px 0;padding:30px 15px;max-width:100%}.author-info-img{width:54px;margin-right:23px}.author-name{font-size:16px}.author-job{font-size:14px;margin:3px 0 13px}.author-info-contianer{padding-bottom:30px}.author-core-skills{padding-top:30px}.author-core-skills-title{font-size:18px;margin-bottom:15px}.author-core-skills li{margin-bottom:15px}.author-experience{padding:30px 20px}.author-experience-title{font-size:26px;margin-bottom:10px}.author-experience-desc{font-size:16px}.author-experience-title.second{margin-top:20px}}.hot-article{background:#F5F7F9;padding:80px 0 100px}.hot-article h2{font-size:36px;text-align:center;margin-bottom:55px}.hot-article-list{align-items:stretch}.hot-article-list li a{border:1px solid #CBCFF0;padding:15px 15px 28px;border-radius:18px;background:#FFF;max-width:330px;height:100%}.hot-article-list li a img{width:100%;aspect-ratio:300/181;object-fit:cover;background:#B987F7;border-radius:15px}.hot-article-list-title{font-size:16px;margin-top:25px}.hot-article-list li+li{margin-left:25px}@media(max-width:820px){.hot-article-list li a{max-width:100%}.hot-article{padding:30px 0}.hot-article-list{flex-direction:column}.hot-article h2{font-size:28px;margin-bottom:30px}.hot-article-list li+li{margin:10px 0 0 0}}.latest-article-list{padding:120px 0}.latest-article-list h2{font-size:46px;text-align:center}.article-category-list{align-items:center;justify-content:center;margin:72px auto 50px}.article-category-list li{background:#F6F3FB;border-radius:8px;padding:12px 18px;font-size:18px;font-weight:500;color:#606163;cursor:pointer}.article-category-list li:not(:last-child){margin-right:10px}.article-category-list li.active{background:#CF60FF;color:#FFF}.article-list-container{display:none}.article-list-container.active{display:block}.article-card{background:#F5F7F9;border-radius:19px;padding:18px 69px 13px 15px;margin-bottom:25px}.article-card:hover{background:#FAF0FF}.article-card:hover .article-title{color:#CF60FF;text-decoration:underline}.article-img-container{display:block;width:195px;aspect-ratio:195/135;border-radius:14px;flex-shrink:0}.article-img-container img{border-radius:14px;width:100%;height:100%;object-fit:cover}.article-info{display:flex;flex-direction:column;margin-left:21px}.article-title{font-size:18px;font-weight:700}.article-desc{font-size:16px;margin:15px 0 25px}.article-meta-info p{color:#6E6E6E;font-size:14px}.article-list-author{margin-right:50px}.article-list-author-name,.article-list-read-minute{font-weight:700;color:var(--topic-color)}.article-list-time{position:relative;padding-left:24px}.article-list-time::before{content:"";position:absolute;width:15px;height:15px;background:url(https://images.noviai.ai/noviaien/assets/article/details/time-clock.svg) no-repeat center/cover;left:0;top:4px}.article-divider{margin:0 7px 0 10px}.review-pagination{margin:21px auto 0;display:flex;align-items:center;justify-content:center}.review-pagination .page-numbers{border:2px solid #CBCDCF;border-radius:5px;font-size:17px;font-weight:500;display:flex;align-items:center;justify-content:center;padding:10px 15px;margin-right:15px;color:#7A7A7A;cursor:pointer}.review-pagination .page-numbers.current{background:var(--topic-color);border:2px solid var(--topic-color);color:#FFF}.review-pagination .page-numbers:last-child{margin-right:0}@media(max-width:820px){.latest-article-list{padding:60px 0}.latest-article-list h2{font-size:28px}.article-category-list{margin:30px auto}.article-card{border-radius:15px;padding:14px 15px 30px;flex-direction:column}.article-img-container{width:100%;aspect-ratio:315/180}.article-info{margin:15px 0 0}.article-title{font-size:16px}.article-desc{font-size:14px;margin:15px 0 20px}.article-meta-info{flex-direction:column}.article-list-author{margin:0 0 10px 0}}