body{overflow:visible}.main .container{max-width:1200px}.article-nav-right a:hover{text-decoration:underline;color:#0053ff}.text-center{text-align:center}@media (max-width:1440px) or (max-width:1024px){.container{padding-left:16px;padding-right:16px}}.top-banner{min-height:226px;padding:10px 0 50px;background:#FEF8FF}.top-banner .banner-crumbs{display:flex;align-items:center;padding:12px 0 22px 12px}.top-banner .banner-crumbs span:not(:last-child){margin:0 6px}.top-banner .banner-crumbs a:hover{text-decoration:underline}.top-banner .personal{position:relative;display:flex;align-items:center}.top-banner .personal .avatar{width:140px;height:140px;margin-right:20px;background:#fff;border-radius:50%;overflow:hidden;flex-shrink:0}.top-banner .personal .content{position:relative;display:flex;flex-direction:column}.top-banner .avatar img{width:100%;object-fit:cover}.top-banner h1{font-size:36px}.top-banner h1 span{font-size:24px;margin-left:12px;font-weight:400}.top-banner .personal-desc{max-width:550px;margin-top:10px;line-height:1.5}.top-banner .personal-icon{display:inline-flex;height:100%;margin-left:10px;transform:translateY(2px)}.top-banner .content>.personal-icon{display:none}.top-banner .personal-icon svg{width:24px;height:24px}@media (max-width:767px){.top-banner h1{margin-left:70px;font-size:24px;line-height:1.5}.top-banner h1 span{display:flex;align-items:center;margin-left:0;font-size:16px}.top-banner .personal-icon{transform:translateY(0)}.top-banner .personal-icon svg{width:16px;height:16px}.top-banner .personal .avatar{position:absolute;top:0;left:0;width:60px;height:60px;margin-right:0}.top-banner .personal-desc{margin:10px 0 0;font-size:12px;line-height:1.3}}@media (max-width:500px){.top-banner{min-height:180px;padding:0 0 20px}.top-banner .banner-crumbs{padding:20px 0 20px 4px}}.article-list-content{display:flex;justify-content:space-between;padding:50px 16px 30px}@media (max-width:768px){.article-list-content{padding:10px 16px 0}}.article-list-left{flex-shrink:0;width:calc(100% - 360px)}.article-nav-right{position:sticky;top:90px;width:310px;height:fit-content;z-index:1}.menu-open{display:none}.hot-article-list,.category-article-list{border-radius:10px;box-shadow:0 8px 12px rgba(0,0,0,.08);overflow:hidden}.category-article-list{margin-top:30px}.hot-article-list h4,.category-article-list h4{padding:18px;display:flex;align-items:center;background:#FCEDFF;color:#DD3BFF;font-size:20px;line-height:1}h4 .hot-icon{display:inline-block;width:16px;height:20px;margin-right:8px}.hot-article-list ul,.category-article-list ul{padding:16px 18px 24px}.hot-article-item,.category-article-item{display:inline-block;line-height:1.2;color:#666}.hot-article-item{margin:0 0 12px}.category-article-item{width:100%;padding:12px 0;border-bottom:1px solid #E6E6E6}.category-article-item:first-child{padding-top:0}.hot-article-item:last-child,.category-article-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.hot-article-list ul{background:#fff}.hot-article-item a:hover,.category-article-item a:hover{color:#DD3BFF}@media (max-width:1024px){.article-list-left{width:100%}.article-nav-right{position:fixed;top:35%;left:-260px;transition:all .5s}.hot-article-list ul,.category-article-list{display:none}.menu-open{position:absolute;right:18px;top:18px;display:block;width:fit-content;height:fit-content;cursor:pointer}.article-show .menu-open svg{transition:all .5s}.article-show.article-nav-right{left:0}.article-show .hot-article-list ul{display:block}.article-show .menu-open svg{transform:rotate(180deg)}.hot-article-list h4,.category-article-list h4{font-size:16px}.article-nav-right:not(.article-show) .hot-article-list h4,.article-nav-right:not(.article-show) .category-article-list h4{background:rgb(252,237,255,.8)}}.article-item{display:flex;padding:30px 20px;border-bottom:2px solid #EAECEF;margin:20px 0;transition:all .5s}.article-item:first-child{margin-top:0}.article-item:hover{background:#fff;border-color:#fff;box-shadow:0 7px 20px 0 rgba(0,0,0,.09);border-radius:10px;text-decoration:none}.article-item .article-left{flex-shrink:0;width:280px;max-height:203px;margin-right:30px;overflow:hidden}.article-info .title{color:#000;font-size:20px;font-weight:700;color:#2E2E2E;line-height:1.3}.article-info .title:hover{text-decoration:underline}.article-info .desc{padding:8px 10px 8px 0;font-size:16px;color:#2E2E2E;line-height:1.3}.article-desc{display:flex;align-items:center;font-size:16px;color:#6B6B6B;line-height:1.2}.article-desc .author-img{margin:0 10px}.article-desc .author-img img{border-radius:50%}.article-desc .author-name{font-size:16px;color:#666}.article-desc .time{margin-left:15px;padding-left:15px;border-left:1px solid #6B6B6B}.article-desc .time-icon{display:none}@media (max-width:768px){.article-item .article-left{width:208px}.article-item .article-left img{padding-top:0}.review-pagination .page-numbers{margin:0 5px}}@media (max-width:580px){.article-item{flex-direction:column}.article-item .article-left{width:260px;margin:0 0 12px 0}.article-info .desc{padding:12px 10px 12px 0}}.review-pagination{display:flex;opacity:0;margin:30px auto 60px;justify-content:center}.review-pagination .page-numbers.current{background:#FCEDFF;color:#DD3BFF}.review-pagination .page-numbers{width:30px;height:30px;border-radius:4px;border:1px solid #6B6B6B;display:block;margin:0 12px;line-height:28px;text-align:center}.review-pagination .page-numbers:not(span):hover{color:#DD3BFF}@media (max-width:768px){.review-pagination .page-numbers{margin:0 5px}}.authors-popups{padding:5px 10px;border-radius:5px;color:#fff;background:rgba(0,0,0,.7);position:fixed;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}