/* 通用内联加载遮罩 — 对齐主线脑图「正在聚合涨停 · 龙头 · 日历…」样式 */

.sa-il-host {
    position: relative;
}

/*
 * 首屏卡片多为 display:none 时宿主高度为 0：
 * absolute 遮罩塌缩 + backdrop-filter 会把页面渐变背景糊成条纹伪影。
 * 加载态强制最小高度，并用近不透明底色（不再依赖 backdrop-filter）。
 */
.sa-il-host.is-loading {
    min-height: 240px;
}

.sa-inline-loading {
    position: absolute;
    inset: 0;
    z-index: 30;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px;
    /* 不透明底，避免宿主内错误/旧内容在加载态透出 */
    background: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--text-secondary, #64748b);
    text-align: center;
    pointer-events: all;
    box-sizing: border-box;
}

.sa-inline-loading[hidden] {
    display: none !important;
}

/* 与主线脑图 / plate 图表同源的环形 spinner */
.sa-inline-loading .plate-chart-spinner,
.plate-chart-spinner.sa-il-spinner {
    width: 28px;
    height: 28px;
    border: 3px solid rgba(26, 86, 167, 0.15);
    border-top-color: var(--primary-color, #1a56a7);
    border-radius: 50%;
    animation: sa-il-spin 0.8s linear infinite;
    flex-shrink: 0;
}

@keyframes sa-il-spin {
    to {
        transform: rotate(360deg);
    }
}