/* ========== 中联信 · 全局设计令牌 ========== */
:root {
    --zl-brand: #0b6bcb;
    --zl-brand-hover: #0958a8;
    --zl-brand-soft: #e8f3fc;
    --zl-success: #389e0d;
    --zl-success-bg: #f6ffed;
    --zl-warning: #d48806;
    --zl-warning-bg: #fffbe6;
    --zl-danger: #cf1322;
    --zl-danger-bg: #fff1f0;
    --zl-text: #1f1f1f;
    --zl-text-secondary: #595959;
    --zl-text-muted: #8c8c8c;
    --zl-border: #e8e8e8;
    --zl-bg: #eef1f5;
    --zl-card: #ffffff;
    --zl-radius: 10px;
    --zl-radius-sm: 6px;
    --zl-shadow: 0 1px 2px rgba(15, 35, 52, 0.06);
    --zl-page-pad: 12px;
    --zl-content-max: 720px;
    --zl-content-wide: 960px;
}

/* 基础覆盖：手机保持紧凑，浏览器收窄居中 */
body {
    background-color: var(--zl-bg) !important;
    color: var(--zl-text);
    -webkit-font-smoothing: antialiased;
}

.header {
    background: var(--zl-card) !important;
    border-bottom: 1px solid var(--zl-border);
    box-shadow: none !important;
}

.mobile-header-title {
    font-weight: 600;
    color: var(--zl-brand);
    letter-spacing: 0.02em;
}

.mobile-nav {
    border-top: 1px solid var(--zl-border);
    box-shadow: 0 -4px 16px rgba(15, 35, 52, 0.06) !important;
}

.mobile-nav .nav-item.active,
.mobile-nav .nav-item.active a {
    color: var(--zl-brand) !important;
}

/* 统一主按钮品牌色 */
.ant-btn-primary {
    background-color: var(--zl-brand) !important;
    border-color: var(--zl-brand) !important;
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
    background-color: var(--zl-brand-hover) !important;
    border-color: var(--zl-brand-hover) !important;
}

/* 桌面端：内容区限宽，避免整屏稀松 */
@media (min-width: 768px) {
    body {
        background: linear-gradient(180deg, #e8edf3 0%, var(--zl-bg) 240px) !important;
    }

    .content-container > .main-content,
    .layout-container .main-content {
        max-width: var(--zl-content-wide);
        margin-left: auto;
        margin-right: auto;
    }

    .header {
        padding-left: max(24px, calc((100% - var(--zl-content-wide)) / 2 + 16px)) !important;
        padding-right: max(24px, calc((100% - var(--zl-content-wide)) / 2 + 16px)) !important;
    }
}

@media (min-width: 1100px) {
    :root {
        --zl-content-max: 860px;
        --zl-content-wide: 1080px;
    }
}