.article-list-container-box{ flex: 1;gap: 24px;}
.flex-col{ flex-direction: column; }
.article-list-container{ background: var(--color-bg-1);position: relative;}
.article-list-box{ flex: 1;box-sizing: border-box;padding: 0 24px 120px;margin: 24px 0 0;border: 1px solid var(--color-divider-5);background: var(--color-card-2);border-radius: 8px 8px 0 0;border-bottom: none;}
.article-list-header{ margin-bottom: 8px;display: flex;justify-content: space-between;align-items: center;padding: 24px 0;background: var(--color-bg-1);position: sticky;top: 48px;}
.article-list-title{ font-weight: 700;font-size: var(--font-h3);color: var(--color-text-1);}
.article-list-filter{ align-items: center;gap: 24px;}
.article-list-filter-item{ position: relative;}
.article-list-filter-item-selector{ width: 140px;font-size: 12px;}
.article-list-filter-item-selector .mantine-GateInput-input[data-mantine-stop-propagation=true],.article-list-filter-item-selector .mantine-Input-input[data-mantine-stop-propagation=true]{ color: var(--color-text-1);}
.article-list-filter-item-selector .mantine-GateSearchSelect-item,.article-list-filter-item-selector .mantine-GateSelect-item{ font-size: var(--font-body-m);height: 36px;}
.article-list-filter-item-selector .mantine-GateSearchSelect-searchInput{ height: calc(32px);}
.article-list-filter-item-selector .mantine-GateSearchSelect-item[data-hovered],.article-list-filter-item-selector .mantine-GateSelect-item[data-hovered]{ background: var(--color-cmpt-10);}
.article-list-filter-item-selector .mantine-GateSearchSelect-item[data-selected],.article-list-filter-item-selector .mantine-GateSelect-item[data-selected]{ background: 0 0;}
.article-filter-selector{ width: 100%;background: var(--color-neutral-5);min-width: 140px;border: none;box-sizing: border-box;height: 32px;display: flex;align-items: center;padding: 8px;border-radius: 4px;}
.article-list-filter-item-selector select{ font-size: 12px;} 
select.article-filter-selector{ appearance: none;background-image: url(/images/arrow_down.svg);background-repeat: no-repeat;background-position: calc(100% - 8px) center;padding-right: 24px;background: transparent;border: 1px solid var(--color-divider-5);border-radius: 4px;}
.article-filter-input{ display: flex;align-items: center;justify-content: center;overflow: hidden;border: 1px solid var(--color-divider-5);border-radius: 50%;width: 32px;height: 32px;}
.article-filter-input:hover, .article-filter-input.article-filter-input-active{ width: auto;border: none;height: auto;border-radius: unset;}
.article-filter-input:hover svg.search-icon, .article-filter-input.article-filter-input-active svg.search-icon{ display: none;}
.article-filter-input:hover #title-query-root, .article-filter-input.article-filter-input-active #title-query-root{ display: block;}
#title-query-root{display: none;}
.article-title-selector{ display: none;}
.article-list-content{ display: flex;flex-direction: column;gap: 32px;}
.article-list-item{ box-sizing: border-box;}
.article-list-item-content h3,
.article-list-item-content .article-custom-h2-title{ color: var(--color-text-1);font-weight: 500;font-size: var(--font-subtitle);margin-bottom: 8px;}
.article-list-item-content .article-list-item-title:hover h3,
.article-list-item-content .article-list-item-title:hover .article-custom-h2-title{ color: var(--color-brand-2);}
.article-list-item-brief{ color: var(--color-text-3);margin-bottom: 16px;width: 100%;}
.article-list-item-info{ color: var(--color-text-3);font-size: var(--font-body-s);gap: 20px;}
.article-list-item-info-item{ display: inline-flex;align-items: center;}
.article-list-item-info-item svg{ width: 12px;height: 12px;margin-right: 4px;}
.article-list-footer{ margin-top: 40px;}
.article-paginationtech-box{ height: 28px;display: flex;align-items: center;}
.article-paginationtech-box a,.article-paginationtech-box span{ display: inline-flex;align-items: center;justify-content: center;padding: 4px;min-width: 20px;height: 20px;margin-right: 4px;color: var(--color-text-3);border-radius: 4px;}
.article-paginationtech-box .activeee{ border: none;color: var(--color-text-1);background: var(--color-neutral-3);}
.article-list-noData{ display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 56px 0 120px;font-size: var(--font-body);color: var(--color-text-3);font-weight: 600;gap: 16px;}
.no_data_img{ margin-bottom: 16px;width: 120px;height: 120px;background-image: url(/images/article/search-empty-light.svg);}
.classic-dark .no_data_img{ background-image: url(/images/article/search-empty-dark.svg);}
.article-list-recommend-box{ align-items: stretch;margin-bottom: -56px;flex: 1;justify-content: space-between;}
.article-recommend-list-item:first-child{ margin-bottom: 24px;}
.article-recommend-hot,.article-recommend-new{ display: flex;flex-direction: column;flex: 1;max-width: calc(50% - 12px);height: auto;}
.article-recommend-title{ color: var(--color-text-1);font-size: var(--font-h5);margin-bottom: 24px;font-weight: 600;}
.article-recommend-list{ display: flex;flex-direction: column;background: var(--color-card-2);border: 1px solid var(--color-divider-2);border-radius: 8px;box-sizing: border-box;padding: 24px;height: 100%;}
.article-recommend-item-title{ font-size: var(--font-body);font-weight: 500;width: 100%;color: var(--color-text-1);margin-bottom: 8px;}
.highlight_line{ color: var(--color-text-5);}
.article-list-item-title-con{-webkit-line-clamp: 1;}
@media screen and (max-width:992px){ .article-list-recommend-box{  flex-direction: column; }
 .article-recommend-hot{  margin-bottom: 24px; }
 .article-recommend-hot, .article-recommend-new{  max-width: unset;width: 100%; }
 .article-recommend-title{  margin-bottom: 16px; }
 .article-list-item-title-con{-webkit-line-clamp: 2;}}
.article-list-container-h5.article-list-container{ display: flex;flex-direction: column;padding: 0;}
.article-list-container-h5 .article-list-header{ box-sizing: border-box;padding: 12px 8px 0;border-bottom: 4px solid var(--color-divider-5);align-items: flex-start;margin-bottom: 16px;flex-direction: column;background: var(--color-bg-1);z-index: 9;}
.article-list-container-h5 .article-list-title{ font-weight: 600;font-size: var(--font-h1);}
.article-list-container-h5 .article-list-filter{ margin-bottom: 16px;width: 100%;}
.article-list-container-h5 .article-list-filter-item-selector{ flex: 1;}
.article-list-container-h5 .menu-left-change-btns{ display: none;}
.article-list-container-h5 .article-menu-left{ padding: 4px;transition: none;}
.article-list-container-h5 .article-menu-left:not(.menu-left-collapse){ position: absolute;width: 100%;left: 0;max-width: unset;border: none;padding: 0 8px;}
.article-list-container-h5 .article-list-box{ margin-top: 0;padding: 0 12px 12px;}
.article-list-container-h5 .article-list-container-box{ position: relative;padding: 0 8px;gap: 12px;}
.article-list-container-h5 .article-list-item-content h3,
.article-list-container-h5 .article-list-item-content .article-custom-h2-title{ font-size: var(--font-body);line-height: 150%;}
.article-list-container-h5 .article-list-item-brief{ line-height: 150%;font-weight: 400;font-size: var(--font-body-m);}
.article-list-container-h5 .menu-left-fold{ width: 52px;}
.article-list-container-h5 .article-list-content{gap: 24px}
.article-list-container-h5 .article-list-paginationtech .gui-font-face{ gap: unset;}
.article-list-container-h5 .menu-left-collapse.article-menu-left[data-active=ann]{ width: 52px;min-width: 52px;padding: 0;}
.article-list-container-h5 .menu-left-collapse .kinds-btn-box{ width: 40px;}
.article-list-container-h5 .menu-left-collapse .kinds-btn-item{ padding: 0;display: flex;align-items: center;justify-content: center;}
.article-list-container-h5 .article-list-recommend-box{ flex-direction: column;}
.article-list-container-h5 .article-recommend-hot{ margin-bottom: 24px;}
.article-list-container-h5 .article-recommend-hot,.article-list-container-h5 .article-recommend-new{ max-width: unset;width: 100%;}
.article-list-container-h5 .article-recommend-title{ margin-bottom: 16px;}
.article-list-container-h5 .article-list-filter-item-selector .mantine-GateSearchSelect-item[data-selected],.article-list-container-h5 .article-list-filter-item-selector .mantine-GateSelect-item[data-selected]{ background: var(--color-cmpt-10);}
.article-list-container-h5 .article-list-filter-item-selector .mantine-GateSearchSelect-item{ margin: 2px 0;}
.article-list-container-h5 .no_data_img,.article-list-container-h5 .no_data_img svg{ width: 96px;height: 96px;}
.article-list-container-h5 .article-list-noData{ font-size: var(--font-body-m);font-weight: 500;padding: 52px 0 64px;}
.article-list-container-h5 .article-recommend-title{ font-size: 16px;}
.article-list-container-h5 .article-recommend-list{ padding: 12px;}
.article-list-container-h5 .article-recommend-item-title{ font-size: 14px;}
.article-list-container-h5 .article-recommend-list{ border-radius: 4px;}
.article-timer-drawer .mantine-Drawer-drawer{ border-radius: 8px 8px 0 0;}
.article-timer-drawer-item{ border-radius: 3px;font-weight: 500;}
.article-timer-drawer-close{ font-weight: 600;}
.article-timer-drawer{ padding: 24px 16px;}
.article-timer-drawer .mantine-Drawer-header{ display: none;}
.article-timer-drawer-item{ min-height: 44px;box-sizing: border-box;display: flex;align-items: center;cursor: pointer;justify-content: center;padding: 12px 16px;color: var(--color-text-1);margin-bottom: 8px;background: var(--color-neutral-5);}
.article-timer-drawer-item:hover{ background: var(--color-neutral-2);color: var(--color-text-5);}
.article-timer-drawer-item-selected{ background: var(--color-neutral-2);color: var(--color-text-5);}
.article-timer-drawer-close{ background: unset;margin-top: 24px;}
html[lang=ar] .article-menu-market-item{ flex-direction: row-reverse;}
body.classic-dark .kinds-btn-box .kinds-btn-icon-default path{ fill: var(--color-icon-1);}
.article-list-paginationtech .mantine-GatePagination-item:hover:not([data-active]){ color: var(--color-text-1);}
.article-list-filter-item-selector .mantine-Empty-label{ font-weight: 500;}
.article-list-filter-item-selector .mantine-GateSearchSelect-wrapper{ max-height: 300px;}
body.is_phone .article-list-item-title-con{-webkit-line-clamp: 2;}
.article-list-paginationtech{display: flex;justify-content: center;}
.article-filter-input .search-icon{background: transparent;}
@media screen and (max-width:1092px){
    .article-paginate-box{ flex-direction: column;}
    .article-list-header{ flex-direction: column;align-items: flex-start;gap: 24px;}
    .article-menu-left:not(.menu-left-develop) .menu-left-change-box{ justify-content: center;}
    .article-menu-left:not(.menu-left-develop) .menu-left-fold{ margin: 0;}
    .article-menu-left:not(.menu-left-develop) .menu-left-change-btns,.article-menu-left:not(.menu-left-develop) .menu-left-change-btns-custom{ display: none;}
    .article-menu-left:not(.menu-left-develop) .kinds-btn-icon{ margin: 0;}
    .article-menu-left:not(.menu-left-develop) .kinds-btn{ display: none;}
    .article-menu-left:not(.menu-left-develop) .change-sort-type{ display: none;}
    .article-menu-left:not(.menu-left-develop) .article-market-container{ border: none;}
    .article-menu-left:not(.menu-left-develop) .article-menu-market-item{ padding: 8px;overflow: hidden;width: 100%;}
    .article-menu-left:not(.menu-left-develop) .article-menu-market-collapse{ flex-direction: column!important;align-items: flex-start;max-width: 48px;}
    .article-menu-left:not(.menu-left-develop) .article-menu-market-coin-name,.article-menu-left:not(.menu-left-develop) .article-menu-market-price{ display: none;}
    .article-menu-left:not(.menu-left-develop) .article-menu-market-coin,.article-menu-left:not(.menu-left-develop) .article-menu-market-rise{ max-width: 48px;display: inline-block;text-overflow: ellipsis;overflow: hidden;word-break: break-word;-webkit-box-orient: vertical;-webkit-line-clamp: 1;display: -webkit-box;}
    .article-menu-left:not(.menu-left-develop) .menu-left-fold{ transform: rotate(180deg);}
}