.article-list-container-box{ flex: 1;}
.article-list-container{ background: var(--color-bg-1);position: relative;}
.article-list-box{ flex: 1;box-sizing: border-box;padding: 32px 20px 20px;max-width: 1316px;min-height: calc(100vh - 420px);}
.article-list-title{ font-weight: 700;font-size: var(--font-h2);color: var(--color-text-1);margin-bottom: 24px;}
.article-list-filter{ align-items: center;margin-bottom: 24px;}
#article_tags_selector{ margin: 0 8px;}
.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;}
.article-filter-input{ display: flex;align-items: center;width: 240px;}
.article-filter-input svg{ position: absolute;left: 8px;}
.article-title-selector{ border: none;width: 100%;height: 32px;display: flex;align-items: center;background: var(--color-neutral-5);box-sizing: border-box;padding: 8px;border-radius: 4px;padding-left: 28px;font-weight: 500;}
.article-title-selector:focus{ background: var(--color-bg-1);border: 1px solid var(--color-brand-3);}
input.article-title-selector::-webkit-input-placeholder{ color: var(--color-text-4)!important;font-size: var(--font-body-s);font-weight: 400;}
.article-list-item{ padding-bottom: 24px;box-sizing: border-box;border-bottom: 1px solid var(--color-divider-2);margin-bottom: 24px;}
.article-list-item-content h3{ color: var(--color-text-1);font-weight: 600;font-size: var(--font-subtitle);margin-bottom: 16px;}
.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);}
.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-info-timer,.article-recommend-info-timer{ margin-right: 16px;}
.article-list-footer{ padding: 24px 0;}
.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;}
.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: 40px;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-1);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-filter-input{  width: auto;flex: 1; }
 .article-list-item-title-con{-webkit-line-clamp: 2;}}
.article-list-container-h5.article-list-container{ display: flex;flex-direction: column;}
.article-list-container-h5 .article-list-header{ box-sizing: border-box;padding: 24px 12px 0;border-bottom: 4px solid var(--color-bg-5);}
.article-list-container-h5 .article-list-title{ margin-bottom: 16px;font-weight: 600;font-size: var(--font-h1);}
.article-list-container-h5 .article-list-filter{ margin-bottom: 16px;}
.article-list-container-h5 #article_tags_selector{ margin: 0 4px;}
.article-list-container-h5 .article-list-filter-item-selector{ width: 80px;}
.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: 4px 8px;}
.article-list-container-h5 .article-list-box{ padding: 12px;}
.article-list-container-h5 .article-list-container-box{ position: relative;}
.article-list-container-h5 .article-list-item-content h3{ 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{ min-width: 40px;}
.article-list-container-h5 .article-list-item{ padding-bottom: 16px;margin-bottom: 16px;}
.article-list-container-h5 .article-list-footer{ padding: 8px 4px;}
.article-list-container-h5 .article-list-paginationtech .gui-font-face{ gap: unset;}
.article-list-container-h5 .menu-left-fold{ width: 40px;margin: 4px;}
.article-list-container-h5 .menu-left-collapse.article-menu-left[data-active=ann]{ width: 52px;min-width: 52px;}
.article-list-container-h5 .menu-left-collapse .kinds-btn-box{ width: 40px;}
.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 #article_tags_selector .mantine-GateSearchSelect-wrapper{ height: 80vh;} */
.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;}
html[lang=ar] .article-title-selector{ padding: 8px 28px 8px 8px;}
html[lang=ar] .article-filter-input svg{ left: unset;right: 8px;}
.classic-dark .article-filter-input svg circle,.classic-dark .article-filter-input svg path{ stroke: var(--color-icon-4);}
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;}
@media screen and (max-width:1092px){
    .article-menu-left:not(.menu-left-develop)[data-active=market] .article-market-container{ padding-top: 0;}
    .article-menu-left:not(.menu-left-develop)[data-active=ann]{ width: 60px;min-width: 60px;}
    .article-menu-left:not(.menu-left-develop)[data-active=market]{ width: 124px;min-width: 124px;}
    .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);}
}