.list-page-main{display:flex;flex-direction:column;gap:var(--spacing-12);padding-bottom:var(--spacing-10);margin-top:0}@media (width <= 40rem){.list-page-main{gap:var(--spacing-4);padding-bottom:var(--spacing-2)}}.list-topbar{height:var(--spacing-45);background:url(../images/list-topbar-bg.jpg) no-repeat center/cover}.list-topbar .page-container{display:flex;flex-direction:column;gap:normal;height:100%}.list-topbar .list-breadcrumbs{color:var(--color-stone-100)}.list-topbar .list-breadcrumbs a{color:var(--color-stone-200)}.list-topbar .list-breadcrumbs a:hover{color:var(--color-stone-100)}.list-topbar .list-topbar-title{flex:1;display:flex;justify-content:flex-start;align-items:center;gap:var(--spacing-4);font-size:var(--text-4xl);color:var(--color-white);font-weight:var(--font-semibold)}@media (width <= 40rem){.list-topbar{height:var(--spacing-24)}.list-topbar .list-topbar-title{font-size:var(--text-2xl)}}@media (width <= 40rem){.list-container{padding:0}}.list-main-contianer{display:flex;flex-direction:column;gap:var(--spacing-12)}@media (width <= 40rem){.list-main-contianer{padding:var(--spacing-4);background-color:var(--color-white)}}.news-list-block{display:flex;flex-direction:column;gap:var(--spacing-6)}.news-list-block .news-list-item{display:flex;justify-content:flex-start;align-items:stretch;gap:var(--spacing-4)}.news-list-block .news-list-item .news-image{display:block;width:var(--spacing-80);height:var(--spacing-45)}.news-list-block .news-list-item .news-image img{width:100%;height:100%;object-fit:cover}.news-list-block .news-list-item .news-container{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2);justify-content:space-between}.news-list-block .news-list-item .news-container .news-title{font-size:var(--text-lg);color:var(--color-stone-800);font-weight:var(--font-semibold);transition:color .3s ease-in-out;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.news-list-block .news-list-item .news-container .news-title:hover{color:var(--color-sky-500)}.news-list-block .news-list-item .news-container .news-desc{flex:1}.news-list-block .news-list-item .news-container .news-desc p{font-size:var(--text-sim);color:var(--color-stone-500);display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical}.news-list-block .news-list-item .news-container .news-meta{display:flex;justify-content:flex-start center;align-items:var(--spacing-2);gap:normal}.news-list-block .news-list-item .news-container .news-meta .news-date{font-size:var(--text-sm);color:var(--color-stone-500)}@media (width <= 40rem){.news-list-block .news-list-item .news-image{width:var(--spacing-32);height:var(--spacing-20)}.news-list-block .news-list-item .news-container .news-title{font-size:var(--text-sm)}.news-list-block .news-list-item .news-container .news-desc{display:none}.news-list-block .news-list-item .news-container .news-meta .news-date{font-size:var(--text-xs)}}.list-search-result{display:flex;justify-content:start;align-items:center;gap:normal;padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-stone-100);border-radius:var(--rounded-sm);font-size:var(--text-base);color:var(--color-stone-500)}.list-search-result span{color:var(--color-red-600);font-weight:var(--font-semibold)}@media (width <= 40rem){.list-search-result{background-color:var(--color-white)}}.list-search-no-result{display:flex;flex-direction:column;gap:var(--spacing-6);align-items:center;margin:var(--spacing-8) auto;width:var(--spacing-160)}.list-search-no-result .no-result-title{font-size:var(--text-2xl);font-weight:var(--font-medium);color:var(--color-stone-800)}.list-search-no-result .no-result-text{font-size:var(--text-base);color:var(--color-stone-500)}@media (width <= 40rem){.list-search-no-result{gap:var(--spacing-4);margin-top:0;width:100%}.list-search-no-result img{width:var(--spacing-32)}.list-search-no-result .no-result-title{font-size:var(--text-lg)}.list-search-no-result .no-result-text{text-align:center;font-size:var(--text-sm)}}