/* ============================================================
   QuickAdmin 全局基础样式（所有页面经 frag/common :: pageHead 引入）
   分区：设计令牌 / 基础排版 / 加载蒙版 / 错误页
   同目录配套文件：
   - layui-theme.css  layui Material 风格覆盖层（pageHead 全局引入）
   - frame.css        主框架页专属（index.html 引入）
   - module.css       模块页布局专属（sys 目录各页面引入）
   - login.css        登录页专属（login.html 引入）
   注意：注释文字里不要出现「星号+斜杠」组合，会被当作注释结束符
   ============================================================ */

/* ===== 设计令牌（沿用现有配色体系，便于统一调整） ===== */
:root {
    --qa-primary: #1890ff;
    --qa-primary-weak: rgba(24, 144, 255, .08);
    --qa-primary-hover: #40a9ff;
    --qa-primary-active: #096dd9;
    --qa-bg: #f5f7fa;
    --qa-surface: #fff;
    --qa-divider: #e8ecf0;          /* 分割线 */
    --qa-divider-strong: #dce3ec;   /* 强分割线（表头底） */
    --qa-row-divider: #eef1f5;      /* 表格行分割线 */
    --qa-text: #333;
    --qa-text-2: #5f6b7a;
    --qa-text-3: #98a3b3;
    --qa-success-text: #0e9f92;
    --qa-success-weak: rgba(22, 186, 170, .12);
    --qa-danger: #f4511e;
    --qa-danger-hover: #ff7a59;
    --qa-danger-weak: rgba(244, 81, 30, .08);
    --qa-radius-s: 4px;             /* 输入框/按钮 */
    --qa-radius-m: 8px;             /* 卡片/弹窗 */
    --qa-shadow-1: 0 1px 2px rgba(31, 45, 61, .05);
    --qa-ease: .15s ease;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    font: 14px/1.6 "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* ===== 加载蒙版（页面脚本就绪后隐藏） ===== */
#loading-mask {
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: #f5f7fa;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

#loading-mask::before {
    content: '系统加载中...';
    color: #8c9196;
    font-size: 13px;
}

#loading-mask::after {
    content: '';
    width: 34px;
    height: 34px;
    border: 3px solid rgba(24, 144, 255, .22);
    border-top-color: #1890ff;
    border-radius: 50%;
    animation: qa-spin .8s linear infinite;
}

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

/* ===== 错误页（templates/error 目录各页） ===== */
.error-body {
    min-height: 100%;
    margin: 0;
    background: #f5f7fa;
    display: flex;
    align-items: center;
    justify-content: center;
}

.error-box {
    text-align: center;
    color: #555;
}

.error-code {
    font-size: 76px;
    font-weight: 300;
    color: #34495e;
    letter-spacing: 4px;
}

.error-code .fa {
    font-size: 60px;
    margin-right: 12px;
    color: #96a5b5;
}

.error-msg {
    margin: 14px 0 24px;
    font-size: 15px;
    color: #8c9196;
}

.error-box a {
    color: #1E9FFF;
    text-decoration: none;
}

.error-box a:hover {
    text-decoration: underline;
}