.news-list-page-main .news-list-breadcrumbs{height:var(--spacing-10);background-color:var(--color-neutral-100);font-size:var(--text-sm)}.news-list-page-main .news-list-breadcrumbs .page-container{padding:0;height:100%}.news-list-page-main .news-list-breadcrumbs .page-container .breadcrumb{margin:0;padding:0;height:100%;line-height:var(--spacing-10)}.news-list-page-main .news-list-breadcrumbs .page-container .breadcrumb .breadcrumb-item{color:var(--color-neutral-500)}.news-list-page-main .news-list-breadcrumbs .page-container .breadcrumb .breadcrumb-item a{color:var(--color-primary)}@media (width <= 80rem){.news-list-page-main .news-list-breadcrumbs .page-container{padding:0 var(--spacing-4)}}@media (width <= 40rem){.news-list-page-main .news-list-breadcrumbs{display:none}}.news-list-page-container{display:flex;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-4) 0 var(--spacing-12)}.news-list-page-container .news-topbar{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-6);height:var(--spacing-10)}@media (width <= 40rem){.news-list-page-container .news-topbar{flex-wrap:wrap}}.news-list-page-container .news-list-main{display:grid;grid-template-columns:repeat(17,minmax(0,1fr));gap:var(--spacing-12)}.news-list-page-container .news-list-main .list-container{display:flex;flex-direction:column;gap:var(--spacing-12);grid-column:span 12/span 12}.news-list-page-container .news-list-main .list-side{display:flex;flex-direction:column;gap:var(--spacing-6);grid-column:span 5/span 5}@media (width <= 40rem){.news-list-page-container{padding:var(--spacing-4);padding-top:var(--spacing-18)}.news-list-page-container .news-topbar{height:fit-content}.news-list-page-container .news-list-main{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--spacing-4)}.news-list-page-container .news-list-main .list-container{grid-column:auto/auto}.news-list-page-container .news-list-main .list-side{grid-column:auto/auto}}.news-categories{display:flex;align-items:center;gap:var(--spacing-4)}.news-categories .news-category-item{display:flex;justify-content:center;align-items:center;gap:normal;padding:var(--spacing-1-5) var(--spacing-2);min-width:var(--spacing-28);min-height:var(--spacing-10);border-radius:var(--rounded-md);border:none;background-color:var(--color-neutral-100);font-size:var(--text-base);color:var(--color-neutral-500);text-decoration:none;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.news-categories .news-category-item:hover:not(.active){background-color:var(--color-neutral-200);color:var(--color-neutral-800)}.news-categories .news-category-item.active{background-color:var(--color-brand-600);color:var(--color-white)}@media (width <= 40rem){.news-categories{order:2;flex-wrap:wrap;justify-content:space-between;gap:var(--spacing-2)}.news-categories .news-category-item{padding:var(--spacing-1) var(--spacing-1-5);min-width:var(--spacing-20);min-height:var(--spacing-8)}}.news-search-result{display:flex;justify-content:center;align-items:center;gap:normal;font-size:var(--text-base);color:var(--color-neutral-600)}.news-search-result strong{font-weight:var(--font-semibold);color:var(--color-brand-600)}.news-searchbar{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-2);padding:var(--spacing-0-5);width:clamp(var(--spacing-60),50%,var(--spacing-80));height:var(--spacing-10);border-radius:var(--rounded-md);border:1px solid var(--color-border);background-color:var(--color-background);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.news-searchbar .news-searchbar-input{flex:1;padding:var(--spacing-1-5) var(--spacing-2-5);width:100%;height:100%;border:none;outline:0;background-color:transparent;font-size:var(--text-sm)}.news-searchbar .news-searchbar-input::placeholder{color:var(--color-neutral-300)}.news-searchbar .news-searchbar-button{display:flex;justify-content:center;align-items:center;gap:normal;width:var(--spacing-10);height:100%;border-radius:var(--rounded-md);border:none;outline:0;background-color:transparent;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.news-searchbar .news-searchbar-button .dnicon{font-size:var(--text-lg);color:var(--color-neutral-500)}.news-searchbar .news-searchbar-button:hover{background-color:var(--color-neutral-100)}.news-searchbar .news-searchbar-button:hover .dnicon{color:var(--color-neutral-800)}.news-searchbar:focus-within{border-color:var(--color-neutral-300)}@media (width <= 40rem){.news-searchbar{width:100%;order:1}}.news-search-empty{gap:var(--spacing-6);padding:var(--spacing-6) 0;height:var(--spacing-32);border-radius:var(--rounded-md);border:1px solid var(--color-border)}.news-search-empty .dn-empty-image{height:100%}.news-search-empty .dn-empty-text .dn-empty-sub-title{font-size:var(--text-sm)}@media (width <= 40rem){.news-search-empty{flex-direction:row;gap:var(--spacing-4);padding:var(--spacing-4);height:fit-content;background-color:var(--color-background)}.news-search-empty .dn-empty-image{width:var(--spacing-20);height:var(--spacing-20)}}.news-lists{display:flex;flex-direction:column;gap:var(--spacing-8)}.news-lists .list-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-6);height:var(--spacing-48)}.news-lists .list-item .list-item-cover{width:auto;height:100%;aspect-ratio:5/4;border-radius:var(--rounded-md);overflow:hidden}.news-lists .list-item .list-item-cover img{width:100%;height:100%;object-fit:cover}.news-lists .list-item .list-item-container{flex:1;display:flex;flex-direction:column;gap:var(--spacing-4)}.news-lists .list-item .list-item-container .list-item-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-primary);text-decoration:none}.news-lists .list-item .list-item-container .list-item-title:hover{color:var(--color-brand-600)}.news-lists .list-item .list-item-container .list-item-desc{flex:1;font-size:var(--text-base);color:var(--color-neutral-500);line-height:1.5;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical}.news-lists .list-item .list-item-container .list-item-meta{display:flex;align-items:center;gap:var(--spacing-6);font-size:var(--text-sm);color:var(--color-neutral-500)}.news-lists .list-item .list-item-container .list-item-meta .list-item-category{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--rounded-md);border:1px solid var(--color-border);background-color:transparent;font-size:var(--text-sm);color:var(--color-neutral-500);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.news-lists .list-item .list-item-container .list-item-meta .list-item-category:hover{border-color:var(--color-emerald-200);background-color:var(--color-emerald-100);color:var(--color-brand-600)}@media (width <= 40rem){.news-lists .list-item{flex-direction:column;align-items:flex-start;height:fit-content}.news-lists .list-item .list-item-cover{width:100%;height:var(--spacing-40);aspect-ratio:16/9}}.news-list-pagination-container{padding:var(--spacing-12) 0}.side-news-list{display:flex;flex-direction:column;gap:var(--spacing-6)}.side-news-list .news-item{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-4);border-radius:var(--rounded-md);border:1px solid var(--color-border);background-color:var(--color-card)}.side-news-list .news-item .item-cover{width:100%;height:auto;aspect-ratio:16/9;border-radius:var(--rounded-md);overflow:hidden}.side-news-list .news-item .item-cover img{width:100%;height:100%;object-fit:cover}.side-news-list .news-item .item-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-primary);text-decoration:none}.side-news-list .news-item .item-title:hover{color:var(--color-brand-600)}.side-news-list .news-item .item-meta{display:flex;align-items:center;gap:var(--spacing-4);font-size:var(--text-sm);color:var(--color-neutral-500)}.side-news-list .news-item .item-meta .item-category{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--rounded-md);border:1px solid var(--color-border);background-color:transparent;font-size:var(--text-sm);color:var(--color-neutral-500);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.side-news-list .news-item .item-meta .item-category:hover{border-color:var(--color-emerald-200);background-color:var(--color-emerald-100);color:var(--color-brand-600)}@media (width <= 40rem){.side-news-list{display:none}}.hot-tags{display:flex;flex-direction:column;gap:var(--spacing-1);border-radius:var(--rounded-md);border:1px solid var(--color-border);background-color:var(--color-background)}.hot-tags .hot-tags-title{padding:var(--spacing-2) var(--spacing-2-5);border-bottom:1px solid var(--color-border);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-primary)}.hot-tags .hot-tags-list{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap;padding:var(--spacing-2)}.hot-tags .hot-tags-list .hot-tag{padding:var(--spacing-1-5) var(--spacing-2);border-radius:var(--rounded-md);background-color:var(--color-neutral-100);font-size:var(--text-sm);color:var(--color-neutral-500);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.hot-tags .hot-tags-list .hot-tag:hover{background-color:var(--color-emerald-100);color:var(--color-brand-600)}