/* ============================================================
   前台换肤：珍珠玻璃（Pearl Glass）
   作用于 template/layui/* 页面，依赖 assets/design/tokens.css
   ============================================================ */

body,
body.layui-layout-body {
    background: var(--canvas) !important;
    color: var(--ink);
    font-family: "SF Pro Display", "SF Pro Text", "PingFang SC", -apple-system, BlinkMacSystemFont, "Noto Sans SC", "Microsoft YaHei", sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

/* 原来是全屏照片背景，换成干净的画布 + 极淡的双色光晕 */
.images {
    display: none !important;
}
body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(900px 500px at 12% 6%, rgba(35,109,233,.06), transparent 60%),
        radial-gradient(800px 460px at 88% 18%, rgba(130,221,45,.07), transparent 62%);
    pointer-events: none;
}

/* 布局留白 */
.layui-fluid { padding: 28px 16px 40px !important; }
.layadmin-homepage-fluid { padding-top: 44px !important; }

/* 卡片 */
.layui-card {
    background: var(--surface) !important;
    border: 1px solid var(--line) !important;
    border-radius: var(--r-md) !important;
    box-shadow: var(--e1) !important;
    overflow: hidden;
}
.layui-card-header {
    background: transparent !important;
    border-bottom: 1px solid var(--line) !important;
    color: var(--ink) !important;
    font-weight: 680 !important;
    padding: 18px 22px !important;
    height: auto !important;
    line-height: 1.5 !important;
}
.layui-card-body { padding: 20px 22px !important; }

/* 输入 */
.layui-input, .layui-select, .layui-textarea {
    height: 42px !important;
    line-height: 40px !important;
    border: 1px solid var(--line-strong) !important;
    border-radius: 10px !important;
    background: var(--input-bg) !important;
    box-shadow: none !important;
    text-align: left !important;
    padding-left: 12px !important;
    margin-top: 0 !important;
    color: var(--ink) !important;
    font-size: 14px;
}
.layui-textarea { height: auto !important; line-height: 1.6 !important; padding: 10px 12px !important; }
.layui-input:focus, .layui-textarea:focus {
    border-color: var(--blue) !important;
    box-shadow: 0 0 0 3px var(--blue-soft) !important;
}
.layui-form-label { color: var(--ink-muted) !important; font-weight: 600; }

/* 按钮：主操作蓝，其余中性 */
.layui-btn {
    height: 42px !important;
    line-height: 42px !important;
    border-radius: 10px !important;
    font-weight: 620 !important;
    font-size: 14px !important;
    box-shadow: none !important;
    border: 0;
}
.layui-btn-normal, .layui-btn:not([class*="layui-btn-"]) {
    background: var(--blue) !important;
    color: #fff !important;
}
.layui-btn-normal:hover { background: var(--blue-hover) !important; }

/* 原来那三套渐变色按钮（粉/蓝/紫）统一收敛 */
.auth_color {
    background: var(--blue) !important;
    color: #fff !important;
    box-shadow: var(--e-accent) !important;
}
.auth_color:hover { background: var(--blue-hover) !important; }
.auth_color2, .auth_color3 {
    background: #fff !important;
    color: var(--ink-muted) !important;
    border: 1px solid var(--line-strong) !important;
}
.auth_color2:hover, .auth_color3:hover {
    color: var(--blue) !important;
    border-color: rgba(35,109,233,.38) !important;
    background: var(--blue-soft) !important;
}

/* 标签页 */
.layui-tab-title { border-bottom: 1px solid var(--line) !important; }
.layui-tab-title li {
    color: var(--ink-soft) !important;
    font-weight: 600;
    font-size: 13.5px;
}
.layui-tab-title .layui-this { color: var(--blue) !important; }
.layui-tab-brief > .layui-tab-title .layui-this:after {
    border-bottom: 2px solid var(--blue) !important;
}
.layui-tab-content { padding: 18px 0 0 !important; }

/* 下拉 */
.layui-form-select dl { border-radius: 12px !important; box-shadow: var(--e2) !important; border-color: var(--line) !important; }
.layui-form-select dl dd.layui-this { background: var(--blue-soft) !important; color: var(--blue) !important; }
.layui-form-select dl dd:hover { background: var(--hover-bg) !important; }

/* 弹层与提示 */
.layui-layer { border-radius: var(--r-md) !important; box-shadow: var(--e3) !important; }
.layui-layer-title {
    background: var(--surface-solid) !important;
    border-bottom: 1px solid var(--line) !important;
    font-weight: 650;
    color: var(--ink) !important;
    height: 46px !important;
    line-height: 46px !important;
}
.layui-layer-btn a { border-radius: 8px !important; }
.layui-layer-btn .layui-layer-btn0 { background: var(--blue) !important; border-color: var(--blue) !important; }

/* 表格与引用 */
.layui-table { color: var(--ink); }
.layui-table thead tr { background: transparent !important; }
.layui-table th { color: var(--ink-soft) !important; font-weight: 620; font-size: 12px; }
.layui-elem-quote {
    border-left: 3px solid var(--blue) !important;
    background: var(--blue-soft) !important;
    border-radius: 0 10px 10px 0;
    color: var(--ink-muted);
}

/* 链接与文字 */
a { color: var(--blue); }
.layui-text, .layui-word-aux { color: var(--ink-muted) !important; }
.text-muted, .layui-elip { color: var(--ink-soft) !important; }

/* 价格等强调数字 */
.price, .layui-font-14 b { font-family: var(--font-mono); }