/**
 * 加载样式模块
 * 版本: 1.0.0
 * 变更记录:
 * - 1.0.0: 新建文件，包含初始加载屏和加载指示器样式
 */

/* ========== 初始加载骨架屏 ========== */
#initialLoading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 24, 39, 0.95);
    z-index: var(--z-index-loading);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity var(--transition-base), 
                visibility var(--transition-base);
}

.loading-text {
    color: var(--color-white);
    font-size: var(--font-size-2xl);
    font-weight: var(--font-weight-medium);
    letter-spacing: 0.05em;
    animation: loadingPulse 1.8s infinite;
}

.loading-finished {
    opacity: 0;
    visibility: hidden;
}

/* ========== 加载动画 Spinner ========== */
.loading-spinner {
    width: 4rem;  /* w-16 */
    height: 4rem;  /* h-16 */
    margin-bottom: 1.25rem;  /* mb-5 */
    border: 4px solid #3B82F6;  /* border-4 border-blue-500 */
    border-top-color: transparent;  /* border-t-transparent */
    border-radius: 50%;  /* rounded-full */
    animation: spin 1s linear infinite;
}