/**
 * Font Awesome 7 Chinese Mirror - Override Styles
 * Loaded last, highest priority
 */

/* Remove all link underlines */
a, a:link, a:visited, a:hover, a:focus-visible, a:active {
    text-decoration: none !important;
    text-decoration-line: none !important;
}

/* Remove focus outlines */
a:focus, a:focus-visible, button:focus, button:focus-visible,
input:focus, input:focus-visible, .icon-card:focus, .icon-card:focus-visible {
    outline: none !important;
    outline-offset: 0 !important;
}

/* Fix search input blue border on focus */
.fa7-search-input:focus, .fa7-search-input-lg:focus,
#icons-search-input:focus, #icons-search:focus,
input[type="text"]:focus, input[type="search"]:focus {
    border-color: var(--fa-lt-gravy) !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Fix duotone gray icons - use explicit colors with higher specificity */
body i.fad.fa-solid,
body i.fa-sharp-duotone.fa-solid,
body i.fad.fa-regular,
body i.fa-sharp-duotone.fa-regular,
body i.fad.fa-light,
body i.fa-sharp-duotone.fa-light,
body i.fad.fa-thin,
body i.fa-sharp-duotone.fa-thin,
body i.fa-duotone.fa-solid,
body i.fa-duotone.fa-regular,
body i.fa-duotone.fa-light,
body i.fa-duotone.fa-thin {
    --fa-primary-color: #183153 !important;
    --fa-secondary-color: #6b7280 !important;
    --fa-primary-opacity: 1 !important;
    --fa-secondary-opacity: 0.45 !important;
}

/* Icon card hover: remove border, enlarge badges */
.icon-card:hover {
    background: #ffd43b !important;
    border-color: transparent !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    transform: translateY(-2px);
}

.icon-card:hover .badge-free,
.icon-card:hover .badge-pro,
.icon-card:hover .badge-pro-plus,
.icon-card:hover .badge-new {
    transform: scale(1) !important;
    opacity: 1 !important;
    transition: all 0.15s ease-out !important;
}

/* Nav left-center-right distribution */
.nav-container { justify-content: space-between; }
.nav-brand { flex: 0 0 auto !important; }
.nav-menu { flex: 0 0 auto !important; }
.nav-powered-by { flex: 0 0 auto !important; color: #515f7c !important; }
.nav-powered-by:hover { color: #1c7ed6 !important; }
.nav-container::after { display: none !important; }

/* Back to top button */
.back-to-top::after { display: none !important; }
html { scroll-behavior: auto !important; }

/* ==========================================
   Filter Styles - Match fontawesome.com/search
   ========================================== */

/* Filter Tabs - List Style (same as checkbox) */
.filter-tabs {
    display: block !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    margin-bottom: 24px !important;
}
.filter-tab {
    display: block !important;
    width: 100% !important;
    padding: 7px 10.5px !important;
    background: transparent !important;
    border: none !important;
    border-right: none !important;
    border-bottom: 1px solid #f0f1f3 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #6b7280 !important;
    text-align: left !important;
    border-radius: 0 !important;
    margin: 0 !important;
    height: auto !important;
    line-height: 1.5 !important;
    cursor: pointer !important;
    transition: none !important;
}
.filter-tab:hover {
    background: transparent !important;
    color: #6b7280 !important;
}
.filter-tab.active {
    background: transparent !important;
    color: #146ebe !important;
    font-weight: 600 !important;
}

/* Icon Packs - List Style (same as checkbox) */
.filter-packs {
    display: block !important;
    margin-top: 0 !important;
}
.filter-packet {
    display: block !important;
    width: 100% !important;
    padding: 7px 10.5px !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #f0f1f3 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #6b7280 !important;
    text-align: left !important;
    border-radius: 0 !important;
    margin: 0 !important;
    height: auto !important;
    line-height: 1.5 !important;
    cursor: pointer !important;
    transition: none !important;
}
.filter-packet:hover {
    background: transparent !important;
    color: #6b7280 !important;
}
.filter-packet.active {
    background: transparent !important;
    color: #146ebe !important;
    font-weight: 600 !important;
}

/* Sidebar Layout - No Scrollbar, No Sticky */
.icons-layout {
    align-items: flex-start !important;
}
.icons-sidebar {
    position: static !important;
    overflow: visible !important;
    padding: 0 16px !important;
}

/* Filter Section */
.icons-sidebar .filter-section {
    overflow: visible !important;
    margin-bottom: 32px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.icons-sidebar .filter-section h4 {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #183153 !important;
    margin-bottom: 12px !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* Filter Checkboxes */
.filter-types,
.filter-categories,
.filter-features {
    margin-top: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}
.filter-checkbox {
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    padding: 7px 10.5px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #6b7280 !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #f0f1f3 !important;
    transition: none !important;
    margin: 0 !important;
    height: auto !important;
    line-height: 1.5 !important;
}
.filter-checkbox:hover {
    background: transparent !important;
}
.filter-checkbox input[type="checkbox"] {
    width: 14px !important;
    height: 14px !important;
    accent-color: #146ebe !important;
    cursor: pointer !important;
    margin-top: 2px !important;
}
.filter-checkbox span {
    flex: 1 !important;
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
}
.filter-checkbox .filter-count {
    font-size: 12px !important;
    color: #9ca3af !important;
    margin-left: 8px !important;
}

/* Results Header */
.results-header {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
    padding: 16px 0 !important;
    border-bottom: 2px solid #183153 !important;
}
.results-count {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #183153 !important;
    white-space: nowrap !important;
}

/* Filter Tags */
.filter-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}
.filter-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 9px 12px !important;
    background: #fff !important;
    color: #183153 !important;
    border: 1px solid #fff !important;
    border-radius: 48px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}
.filter-tag:hover {
    background: #f0f1f3 !important;
    border-color: #f0f1f3 !important;
}
.filter-tag i {
    font-size: 10px !important;
    opacity: 0.6 !important;
}

/* Reset Button */
.filter-reset {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 9px 12px !important;
    background: transparent !important;
    color: #183153 !important;
    border: 1px solid #c3c6d1 !important;
    border-radius: 48px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}
.filter-reset:hover {
    background: transparent !important;
    color: #0d2a4a !important;
    border-color: #183153 !important;
}

/* Numbered Pagination */
.pagination-container {
    display: flex !important;
    justify-content: center !important;
    padding: 32px 0 !important;
}
.pagination {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}
.page-btn {
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
    color: #183153 !important;
    border: 1px solid #f0f1f3 !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: all 0.2s !important;
}
.page-btn:hover {
    background: #f0f1f3 !important;
    border-color: #146ebe !important;
}
.page-btn.active {
    background: #183153 !important;
    color: #fff !important;
    border-color: #183153 !important;
}
.page-btn.page-nav {
    background: #183153 !important;
    color: #fff !important;
    border-color: #183153 !important;
}
.page-btn.page-nav:hover {
    background: #0d2a4a !important;
}
.page-dots {
    padding: 0 4px !important;
    color: #6b7280 !important;
    font-size: 14px !important;
    align-self: center !important;
}

/* Icon Badges - Gray by default, colored on hover */
.icon-card {
    position: relative !important;
}
.icon-card .badge {
    position: absolute !important;
    top: 3px !important;
    right: 3px !important;
    padding: 2px 4px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
    z-index: 2 !important;
    background: #eee !important;
    color: #b2b2b2 !important;
    border: 1px solid #ccc !important;
    text-shadow: 1px 1px #fff !important;
    transform: scale(0.85) !important;
    transform-origin: top right !important;
    opacity: 0.5 !important;
    transition: all 0.1s linear !important;
}
.icon-card:hover .badge-free {
    background: #afd792 !important;
    color: #fff !important;
    border: 1px solid #6aaf65 !important;
    text-shadow: none !important;
}
.icon-card:hover .badge-pro {
    background: #ff9191 !important;
    color: #fff !important;
    border: 1px solid #e8590c !important;
    text-shadow: none !important;
}
.icon-card:hover .badge-pro-plus {
    background: #ce93d8 !important;
    color: #fff !important;
    border: 1px solid #7b1fa2 !important;
    text-shadow: none !important;
}

/* Copy Animation */
.icon-card.copied {
    border-color: #2e7d32 !important;
    box-shadow: 0 0 0 2px rgba(46,125,50,0.2) !important;
}
/* Toast Notification - Top Right */
.copy-toast {
    position: fixed !important;
    top: 24px !important;
    right: 24px !important;
    z-index: 99999 !important;
    padding: 12px 20px !important;
    background: #183153 !important;
    color: #fff !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    opacity: 0 !important;
    transform: translateY(-10px) !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.copy-toast.show {
    opacity: 1 !important;
    transform: translateY(0) !important;
}
.copy-toast i {
    color: #4caf50 !important;
    font-size: 16px !important;
}
.copy-toast strong {
    color: #74c0fc !important;
    font-weight: 600 !important;
}

/* 未应用筛选时，保留按钮的内联隐藏状态 */
#filter-reset[style*="display:none"],
#filter-reset[style*="display: none"] {
    display: none !important;
}

/* 官网搜索页风格的筛选列表，仅作用于图标浏览区左侧栏 */
#icons-part .icons-sidebar {
    padding: 4px 0 0 !important;
    color: #183153 !important;
}

#icons-part .icons-sidebar .filter-section {
    margin: 0 0 28px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

#icons-part .icons-sidebar .filter-section h4 {
    margin: 0 0 10px !important;
    padding: 0 !important;
    color: #6b7280 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

#icons-part .icons-sidebar .filter-packs,
#icons-part .icons-sidebar .filter-types,
#icons-part .icons-sidebar .filter-icon-types,
#icons-part .icons-sidebar .filter-categories,
#icons-part .icons-sidebar .filter-features {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    max-height: none !important;
    padding: 0 !important;
    overflow: visible !important;
}

#icons-part .icons-sidebar .filter-option {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 18px 20px minmax(0, 1fr) auto !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 6px 8px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #4b5563 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    text-align: left !important;
    cursor: pointer !important;
    transition: background-color 150ms ease, color 150ms ease !important;
}

#icons-part .icons-sidebar .filter-option:hover,
#icons-part .icons-sidebar .filter-option:focus-visible {
    background: #f4f8fc !important;
    color: #146ebe !important;
}

#icons-part .icons-sidebar .filter-option.active {
    background: #146ebe !important;
    color: #fff !important;
}

#icons-part .icons-sidebar .filter-option input[type="checkbox"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

#icons-part .icons-sidebar .filter-option__check {
    display: inline-grid !important;
    width: 14px !important;
    height: 14px !important;
    place-items: center !important;
    border: 1px solid #cfd5dc !important;
    border-radius: 3px !important;
    color: transparent !important;
    font-size: 9px !important;
}

#icons-part .icons-sidebar .filter-option.active .filter-option__check,
#icons-part .icons-sidebar .filter-option input[type="checkbox"]:checked + .filter-option__check {
    border-color: currentColor !important;
    background: #fff !important;
    color: #146ebe !important;
}

#icons-part .icons-sidebar .filter-option__icon {
    display: inline-flex !important;
    justify-content: center !important;
    width: 20px !important;
    color: #8b95a1 !important;
    font-size: 13px !important;
}

#icons-part .icons-sidebar .filter-option.active .filter-option__icon {
    color: #fff !important;
}

#icons-part .icons-sidebar .filter-option__label {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

#icons-part .icons-sidebar .filter-option__count {
    margin-left: 10px !important;
    color: #9aa3ad !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    font-variant-numeric: tabular-nums !important;
}

#icons-part .icons-sidebar .filter-option.active .filter-option__count {
    color: rgba(255, 255, 255, 0.8) !important;
}

@media (max-width: 767px) {
    #icons-part .icons-sidebar {
        padding-top: 0 !important;
    }

}

/* 官网搜索页分页样式 */
#icons-part {
    background-color: rgb(240 241 243) !important;
    border-top: 1px solid #ded2f0 !important;
}

#packs-part .icon-pack-card-thumbprint {
    background-color: #fff !important;
}

#icons-part .pagination-container {
    min-height: 86px !important;
    margin-top: 12px !important;
    padding: 16px 0 !important;
    background: #f1f2f4 !important;
}

#icons-part .pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 54px !important;
    flex-wrap: wrap !important;
}

#icons-part .pagination .page-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #006fba !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    transition: background-color 150ms ease, color 150ms ease !important;
}

#icons-part .pagination .page-num {
    width: 40px !important;
    padding: 0 !important;
}

#icons-part .pagination .page-btn:hover,
#icons-part .pagination .page-btn:focus-visible {
    background: #e2eef8 !important;
    color: #00558e !important;
}

#icons-part .pagination .page-num.active,
#icons-part .pagination .page-num.active:hover,
#icons-part .pagination .page-num.active:focus-visible {
    background: #1976bd !important;
    color: #fff !important;
}

#icons-part .pagination .page-nav {
    min-width: auto !important;
    gap: 16px !important;
    padding: 0 8px !important;
    font-size: 16px !important;
}

#icons-part .pagination .page-nav i {
    font-size: 18px !important;
    line-height: 1 !important;
}

#icons-part .pagination .page-dots {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 24px !important;
    height: 54px !important;
    padding: 0 !important;
    color: #006fba !important;
    font-size: 15px !important;
}

@media (max-width: 520px) {
    #icons-part .pagination {
        gap: 2px !important;
    }

    #icons-part .pagination .page-btn {
        min-width: 34px !important;
        min-height: 48px !important;
    }

    #icons-part .pagination .page-num {
        width: 34px !important;
    }

    #icons-part .pagination .page-nav {
        gap: 8px !important;
        padding: 0 4px !important;
    }
}

/* 搜索页筛选区最终覆盖：对齐官网的扁平 facet 列表 */
#icons-part .icons-sidebar,
#icons-part .icons-sidebar .filter-section,
#icons-part .icons-sidebar .filter-tabs {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;
}

#icons-part .icons-sidebar .filter-tabs {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin: 0 0 28px !important;
    padding: 0 !important;
}

#icons-part .icons-sidebar .filter-tabs .filter-tab {
    display: block !important;
    width: 100% !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 9px 12px !important;
    border: 0 !important;
    border-bottom: 4px solid #6b7280 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #146ebe !important;
    box-shadow: none !important;
    text-align: left !important;
}

#icons-part .icons-sidebar .filter-tabs .filter-tab.active {
    border-bottom-color: #146ebe !important;
    background: transparent !important;
    color: #146ebe !important;
}

#icons-part .icons-sidebar .filter-section {
    margin: 0 0 28px !important;
    padding: 0 !important;
}

#icons-part .icons-sidebar .filter-section h4 {
    margin: 0 0 10px !important;
    padding: 0 !important;
    color: #6b7280 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    line-height: 1.4 !important;
    text-transform: uppercase !important;
}

#icons-part .icons-sidebar .filter-packs,
#icons-part .icons-sidebar .filter-types,
#icons-part .icons-sidebar .filter-icon-types,
#icons-part .icons-sidebar .filter-categories {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

#icons-part .icons-sidebar .filter-facet-row {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

#icons-part .icons-sidebar .filter-facet-row > input.filter-input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

#icons-part .icons-sidebar .filter-option {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 4px 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #183153 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    text-align: left !important;
}

#icons-part .icons-sidebar .filter-option:hover,
#icons-part .icons-sidebar .filter-option:focus-visible {
    background: rgba(255, 255, 255, 0.65) !important;
    color: #146ebe !important;
}

#icons-part .icons-sidebar .filter-option__check {
    position: relative !important;
    display: inline-flex !important;
    flex: 0 0 20px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    margin-right: 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: currentColor !important;
    font-size: 14px !important;
}

#icons-part .icons-sidebar .filter-option__check > i {
    position: absolute !important;
    inset: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
}

#icons-part .icons-sidebar .filter-option__check .hover-icon,
#icons-part .icons-sidebar .filter-option__check .checked-icon {
    display: none !important;
}

#icons-part .icons-sidebar .filter-option:hover .filter-option__check .unchecked-icon,
#icons-part .icons-sidebar .filter-option:focus-visible .filter-option__check .unchecked-icon {
    display: none !important;
}

#icons-part .icons-sidebar .filter-option:hover .filter-option__check .hover-icon,
#icons-part .icons-sidebar .filter-option:focus-visible .filter-option__check .hover-icon {
    display: inline-flex !important;
}

#icons-part .icons-sidebar .filter-facet-row > input.filter-input:checked + .filter-option .unchecked-icon,
#icons-part .icons-sidebar .filter-facet-row > input.filter-input:checked + .filter-option .hover-icon {
    display: none !important;
}

#icons-part .icons-sidebar .filter-facet-row > input.filter-input:checked + .filter-option .checked-icon {
    display: inline-flex !important;
}

#icons-part .icons-sidebar .filter-option__label {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

#icons-part .icons-sidebar .filter-option__count {
    flex: 0 0 auto !important;
    margin-left: 14px !important;
    color: #5d708b !important;
    font-size: 12px !important;
    font-variant-numeric: tabular-nums !important;
    white-space: nowrap !important;
}

#icons-part .icons-sidebar .filter-option--icon-type {
    cursor: pointer !important;
}

#icons-part .results-header .filter-reset {
    display: none !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 9px 12px !important;
    border: 1px solid #c3c6d1 !important;
    border-radius: 48px !important;
    background: transparent !important;
    color: #183153 !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

#icons-part .results-header .filter-reset.is-visible {
    display: inline-flex !important;
}

#icons-part .results-header .filter-reset:hover,
#icons-part .results-header .filter-reset:focus-visible {
    border-color: #183153 !important;
    background: transparent !important;
    color: #0d2a4a !important;
    box-shadow: none !important;
}

/* 官网结果摘要：页码统计位于结果数量右侧 */
#icons-part .results-header .results-pages {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    color: #6b7280 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
}

/* 官网分页：flat/clear 按钮、移动端当前页提示和桌面页码 */
#icons-part .pagination-container {
    min-height: 64px !important;
    margin-top: 16px !important;
    padding: 16px 0 !important;
    background: transparent !important;
}

#icons-part .pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 54px !important;
    flex-wrap: wrap !important;
}

#icons-part .pagination-mobile {
    display: none !important;
}

#icons-part .pagination-large-screen {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}

#icons-part .pagination .page-btn,
#icons-part .pagination .page-current {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 54px !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    top: 0 !important;
    bottom: auto !important;
    background: transparent !important;
    color: #183153 !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
}

#icons-part .pagination .page-btn:hover,
#icons-part .pagination .page-btn:focus-visible {
    background: #fff !important;
    color: #146ebe !important;
}

#icons-part .pagination .page-num.active {
    background: #0b5f9e !important;
    color: #fff !important;
}

#icons-part .pagination .page-num {
    width: 54px !important;
}

#icons-part .pagination .page-nav {
    min-width: auto !important;
    gap: 0px !important;
    padding: 0 4px !important;
    color: #183153 !important;
}

#icons-part .pagination .page-nav i {
    font-size: 14px !important;
}

#icons-part .pagination .page-dots {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 24px !important;
    min-height: 54px !important;
    padding: 0 4px !important;
    color: #183153 !important;
}

@media (max-width: 767px) {
    #icons-part .icons-sidebar .filter-tabs {
        display: flex !important;
        flex-direction: column !important;
    }

    #icons-part .results-header .results-pages {
        flex-basis: 100% !important;
        margin-left: 0 !important;
        order: 3 !important;
    }

    #icons-part .pagination-mobile {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        width: 100% !important;
    }

    #icons-part .pagination-large-screen {
        display: none !important;
    }

    #icons-part .pagination .page-btn,
    #icons-part .pagination .page-current {
        min-width: 48px !important;
        min-height: 48px !important;
        border-radius: 8px !important;
    }

    #icons-part .pagination .page-num {
        width: 48px !important;
    }
}

/* 访问权限与官网一致：标题下的纵向平面选项 */
#icons-part .icons-sidebar .filter-section--access {
    margin-bottom: 28px !important;
}

#icons-part .icons-sidebar .filter-section--access h4 {
    margin-bottom: 10px !important;
}

#icons-part .icons-sidebar .filter-section--access .filter-tabs {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#icons-part .icons-sidebar .filter-section--access .filter-tab {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 4px 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #183153 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    text-align: left !important;
}

#icons-part .icons-sidebar .filter-section--access .filter-tab:hover,
#icons-part .icons-sidebar .filter-section--access .filter-tab:focus-visible {
    background: rgba(255, 255, 255, 0.65) !important;
    color: #146ebe !important;
}

#icons-part .icons-sidebar .filter-section--access .filter-tab.active {
    background: #e2eef8 !important;
    color: #146ebe !important;
    font-weight: 600 !important;
}

#icons-part .icons-sidebar .filter-section--access .filter-option__icon {
    display: inline-flex !important;
    flex: 0 0 20px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    margin-right: 10px !important;
    color: #7d8997 !important;
}

#icons-part .icons-sidebar .filter-section--access .filter-tab.active .filter-option__icon,
#icons-part .icons-sidebar .filter-section--access .filter-tab:hover .filter-option__icon {
    color: currentColor !important;
}

/* 样式筛选与其它 facet 共用一个状态图标槽位 */
#icons-part .icons-sidebar .filter-option--style .filter-option__check {
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    margin-right: 8px !important;
    color: #183153 !important;
    font-size: 16px !important;
}

#icons-part .icons-sidebar .filter-facet-row > input.filter-input:checked + .filter-option--style .filter-option__check {
    color: #183153 !important;
}

/* 统一所有 facet 行的复选框、图标与联动状态 */
#icons-part .icons-sidebar .filter-option {
    background: transparent !important;
    border-radius: 0 !important;
}

#icons-part .icons-sidebar .filter-facet-row .filter-option__check {
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    margin-right: 8px !important;
}

#icons-part .icons-sidebar .filter-facet-row .filter-option__check {
    font-size: 15px !important;
}

#icons-part .icons-sidebar .filter-facet-row .filter-option__check > i {
    width: 18px !important;
    height: 18px !important;
}

#icons-part .icons-sidebar .filter-facet-row > input.filter-input:checked + .filter-option,
#icons-part .icons-sidebar .filter-facet-row > input.filter-input:checked + .filter-option:hover {
    background: #1976bd !important;
    color: #fff !important;
}

#icons-part .icons-sidebar .filter-facet-row > input.filter-input:checked + .filter-option .filter-option__check,
#icons-part .icons-sidebar .filter-facet-row > input.filter-input:checked + .filter-option .filter-option__count {
    color: #fff !important;
}

#icons-part .icons-sidebar .filter-facet-row.is-disabled .filter-option {
    cursor: not-allowed !important;
    opacity: 0.42 !important;
}

#icons-part .icons-sidebar .filter-facet-row.is-disabled .filter-option:hover {
    background: transparent !important;
    color: #183153 !important;
}

/* ==========================================
   访问权限图标颜色 - 与官网一致
   ========================================== */
/* 全部 - 蓝灰色 */
#icons-part .icons-sidebar .filter-section--access .filter-tab[data-tier=""] .filter-option__icon {
    color: #6b7280 !important;
}
#icons-part .icons-sidebar .filter-section--access .filter-tab[data-tier=""].active .filter-option__icon,
#icons-part .icons-sidebar .filter-section--access .filter-tab[data-tier=""]:hover .filter-option__icon {
    color: #146ebe !important;
}

/* 专业 - 琥珀金 */
#icons-part .icons-sidebar .filter-section--access .filter-tab[data-tier="pro"] .filter-option__icon {
    color: #f5a623 !important;
}
#icons-part .icons-sidebar .filter-section--access .filter-tab[data-tier="pro"].active .filter-option__icon,
#icons-part .icons-sidebar .filter-section--access .filter-tab[data-tier="pro"]:hover .filter-option__icon {
    color: #e6951a !important;
}

/* 专业+ - 紫色 */
#icons-part .icons-sidebar .filter-section--access .filter-tab[data-tier="pro-plus"] .filter-option__icon {
    color: #7b1fa2 !important;
}
#icons-part .icons-sidebar .filter-section--access .filter-tab[data-tier="pro-plus"].active .filter-option__icon,
#icons-part .icons-sidebar .filter-section--access .filter-tab[data-tier="pro-plus"]:hover .filter-option__icon {
    color: #9c27b0 !important;
}

/* 免费 - 绿色 */
#icons-part .icons-sidebar .filter-section--access .filter-tab[data-tier="free"] .filter-option__icon {
    color: #2e7d32 !important;
}
#icons-part .icons-sidebar .filter-section--access .filter-tab[data-tier="free"].active .filter-option__icon,
#icons-part .icons-sidebar .filter-section--access .filter-tab[data-tier="free"]:hover .filter-option__icon {
    color: #388e3c !important;
}

/* 图标类型禁用状态 - 与分类筛选项视觉一致 */
#icons-part .icons-sidebar .filter-section--icon-types .filter-facet-row.is-disabled .filter-option {
    cursor: not-allowed !important;
    opacity: 1 !important;
}

#icons-part .icons-sidebar .filter-section--icon-types .filter-facet-row.is-disabled .filter-option:hover {
    background: transparent !important;
    color: #183153 !important;
}

/* ==========================================
   所有筛选区域标题统一
   ========================================== */
#icons-part .icons-sidebar .filter-section h4 {
    margin: 0 0 10px !important;
    padding: 0 !important;
    color: #6b7280 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    line-height: 1.4 !important;
    text-transform: uppercase !important;
}