/* ── Overlay 底座 ── */

.backdrop {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-app-region: no-drag;
}

/* ── backdrop 视觉变体 ── */

.backdrop-dim {
    background: rgba(0, 0, 0, 0.35);
}

.backdrop-blur {
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

/* ── 进出动画 ── */

.enter {
    animation: hana-fade-in var(--duration-slow) var(--ease-out);
}

.exit {
    animation: hana-fade-out var(--duration-fast) var(--ease-in) forwards;
}

/* ── 内容容器（纯结构，不带视觉样式）── */

.container {
    position: relative;
    max-height: calc(100vh - var(--space-lg) - var(--space-lg));
    max-width: calc(100vw - var(--space-lg) - var(--space-lg));
}

.container-enter {
    animation: hana-scale-in var(--duration-slow) var(--ease-out);
}

.container-exit {
    animation: hana-fade-down var(--duration-fast) var(--ease-in) forwards;
}

/* ── 默认卡片外观（消费者不提供 className 时使用）── */

.card {
    background: var(--bg-card, var(--bg));
    border-radius: var(--radius-lg);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
    overflow: hidden;
}
