.article-left{padding:30px;box-sizing:border-box;border-radius:7px}.article-list{gap:20px;padding:20px;box-sizing:border-box}.article-list li{display:flex;padding:20px;border-radius:10px;background-image:linear-gradient(#383c41 20%,#383c41),linear-gradient(#6d6d6d 50%,#000);gap:20px}.article-img{flex:0 0 220px;height:120px;border-radius:10px;overflow:hidden}.article-img picture{width:100%;height:100%;overflow:hidden}.article-img img{width:100%!important;height:100%!important;transition:all 1s ease;border-radius:10px;object-fit:cover}.article-img img:hover{transform:scale(1.1)}.article-list li>div{flex:1 1;display:flex;flex-direction:column;justify-content:space-between}.article-list li>div>div{display:flex;flex-direction:column;gap:10px}.article-list li>div>div a{font-size:24px;color:#fff;text-decoration:none}.article-list li>div>div p{color:#ccc}.article-list li>div>div>div{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.article-list li>div>div>div span{color:#999}.article-list li>div>div>div a{font-size:16px}.article-list li>div>a,.article-list li>div>div>div a{padding:5px 20px;border-radius:7px;background-image:linear-gradient(#232426,#383c41),linear-gradient(#6d6d6d 50%,#000);color:#fff;text-decoration:none}.article-list li>div>a{align-self:flex-end}.layout-body{display:flex;justify-content:space-between;gap:30px}.layout-body>.layout-left{flex:1 1}.layout-right{width:300px;flex-shrink:0}.no-articles{width:100%;min-height:800px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;margin:20px 0;padding:0}.no-articles svg{margin-bottom:20px;width:100px;height:100px}.no-articles svg path{stroke:#666}.no-articles p{font-size:20px;color:#666;margin-bottom:10px}.no-articles span{font-size:14px;color:#444}@media screen and (max-width:768px){.main-box{width:90%}.layout-body{flex-direction:column}.layout-right{width:100%}.layout-body>.layout-left{width:auto}.article-left{padding:3px}.article-list{padding:0}.article-list-item{padding:2px}.article-list-item a{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.no-articles{min-height:300px}.no-articles svg{width:80px;height:80px}.no-articles p{font-size:18px}.no-articles span{font-size:12px}}@media screen and (max-width:1215px){.article-list li{flex-direction:column}.article-img{flex:0 0 auto;width:100%;height:200px}.article-list li>div{gap:15px}.article-list li>div>div a{font-size:20px}}.pagination-nav{gap:10px;margin:30px 0}.pagination-nav,.pagination-nav a{display:flex;align-items:center;justify-content:center}.pagination-nav a{min-width:40px;height:40px;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s ease;background:transparent;border:1px solid #333;color:#fff;text-decoration:none}.pagination-nav a:hover:not(.disabled-element){border-color:var(--hover-color);color:var(--hover-color)}.pagination-nav a.active{background:var(--hover-color);border-color:var(--hover-color);color:#000;font-weight:700}.pagination-nav .disabled-element{opacity:.5;cursor:not-allowed;border-color:#333;pointer-events:none}.pagination-nav .page-item{justify-content:center}.pagination-content,.pagination-nav .page-item{display:flex;align-items:center}.hs-tooltip{display:inline-block}.hs-tooltip-toggle{background-color:transparent;color:inherit;display:inline-flex;justify-content:center;align-items:center;padding:2px;font-size:.875rem;border-radius:.5rem;border:none;text-decoration:none;transition:background-color .3s ease}.hs-tooltip-toggle:hover{color:#fff}.hs-tooltip-toggle svg{width:24px;height:24px;display:none}.hs-tooltip-toggle:hover svg.group-hover:block{display:block}.hs-tooltip-toggle:hover span.group-hover:hidden{display:none}.hs-tooltip-content{opacity:0;visibility:hidden;position:absolute;z-index:10;padding:1px;background-color:#111;color:#fff;font-size:.75rem;border-radius:.25rem;box-shadow:0 0 2px rgba(0,0,0,.2);transition:opacity .3s ease}.hs-tooltip-toggle:hover+.hs-tooltip-content{opacity:1;visibility:visible}@media screen and (max-width:768px){.pagination-nav{gap:5px}.pagination-nav a{min-width:35px;height:35px;font-size:14px}}@media screen and (max-width:480px){.pagination-nav a{min-width:30px;height:30px;font-size:12px}}