/**
 * 模态框工具样式
 * 
 * 为 modal-utils.js 提供的模态框添加样式
 * 使用父主题的 CSS 变量确保样式统一
 * 
 * @package    Hui
 * @since      1.0.0
 */

/* 模态框内容样式 */
.hui-modal-content {
    padding: 0.5rem 0;
    color: var(--color-text);
    font-size: 0.9375rem;
    line-height: 1.6;
}

.hui-modal-content p {
    margin: 0;
}

/* 模态框动画 */
.modal {
    opacity: 0;
    transition: opacity 0.2s var(--ease-smooth, ease);
}

.modal.is-active {
    opacity: 1;
}

.modal.is-closing {
    opacity: 0;
}

/* 确保模态框在最上层 */
.modal {
    z-index: 9999;
}