/* 空数据态 — Figma 2600:6274 */

.hg-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 3.75rem 1rem 4.5rem;
    box-sizing: border-box;
    text-align: center;
}

.hg-empty[hidden] {
    display: none !important;
}

.hg-empty__icon {
    display: block;
    width: 8.125rem; /* 130px */
    height: 8.125rem;
    margin: 0 0 0.25rem;
    object-fit: contain;
    pointer-events: none;
    user-select: none;
}

.hg-empty__title {
    margin: 0;
    padding: 0 0 0.5rem; /* 8px */
    font-size: 1.125rem; /* 18px */
    font-weight: 600;
    line-height: normal;
    color: rgba(255, 255, 255, 0.8);
}

.hg-empty__desc {
    margin: 0;
    padding: 0;
    font-size: 0.875rem; /* 14px */
    font-weight: 400;
    line-height: normal;
    color: rgba(255, 255, 255, 0.35);
}

/* 搜索面板等窄区域用紧凑态 */
.hg-empty--compact {
    padding: 1.5rem 0.75rem 1.75rem;
}

.hg-empty--compact .hg-empty__icon {
    width: 4.5rem;
    height: 4.5rem;
}

.hg-empty--compact .hg-empty__title {
    font-size: 0.875rem;
    padding-bottom: 0.25rem;
}

.hg-empty--compact .hg-empty__desc {
    font-size: 0.75rem;
}

@media (max-width: 767px) {
    .hg-empty {
        padding: 2.6667rem 0.6667rem 3.2rem;
    }

    .hg-empty__icon {
        width: 5.3333rem;
        height: 5.3333rem;
    }

    .hg-empty__title {
        font-size: 0.8533rem;
        padding-bottom: 0.32rem;
    }

    .hg-empty__desc {
        font-size: 0.64rem;
        max-width: 16rem;
    }

    .hg-empty--compact {
        padding: 1.0667rem 0.5333rem 1.3333rem;
    }

    .hg-empty--compact .hg-empty__icon {
        width: 3.2rem;
        height: 3.2rem;
    }

    .hg-empty--compact .hg-empty__title {
        font-size: 0.7467rem;
    }

    .hg-empty--compact .hg-empty__desc {
        font-size: 0.64rem;
    }
}