/* lens0 · 控制台皮肤（深青，与站点同一个主题、同一套字体）
 *
 * 控制台的样式表（public/manager/src/*.css）只用 token：颜色、字体、圆角都由这里给值。
 * 前后台共用这一套深青，不再有"第二套后台皮肤"。
 *
 * ── 五层背景（与站点 backdrop.css 同一套叠法，类名也一样）──
 *   z=0   body                      底色 --bg
 *   z=1   .bg-filler                反相底纹：filter:invert + difference，α=.033
 *   z=2   .bg-glow                  左上暖光：lighten，α=.22
 *   z=3   .bg-noise                 SVG fractalNoise 噪点：color-dodge，α=.55
 *   z=10  内容（.shell / .login-shell，由 manager-critical.css 抬到 10）
 * 标记在 public/manager/views/_boot.php（三个 div），与站点外壳（SiteShell）同源。
 */

html:root {
    color-scheme: dark;

    /* 画布与面板 */
    --bg: #041c1c;
    --bg2: #031414;
    --inset: #02100f;
    --panel: color-mix(in srgb, #ffe6cb 4%, #041c1c);
    --panel2: color-mix(in srgb, #ffe6cb 7%, #041c1c);
    --panel-solid: color-mix(in srgb, #ffe6cb 6%, #041c1c);
    --panel-solid2: color-mix(in srgb, #ffe6cb 11%, #041c1c);

    /* 边框：LENS_0 用奶油色的低透明度，不用蓝灰 */
    --line-base: #ffe6cb;
    --line: color-mix(in srgb, #ffe6cb 14%, transparent);
    --line2: color-mix(in srgb, #ffe6cb 30%, transparent);

    /* 文字 */
    --fg: #ffe6cb;
    --dim: color-mix(in srgb, #ffe6cb 58%, #041c1c);
    --dim2: color-mix(in srgb, #ffe6cb 38%, #041c1c);

    /* 强调：主 = 暖橙（LENS_0 的 glow），次 = 奶油 */
    --cyan: #ffbd38;
    --violet: #ffe6cb;
    --cyan-soft: #ffd489;
    --cyan-softer: #ffe6cb;
    --cyan-hover: #ffdca5;
    --violet-soft: #fff1e0;
    --on-accent: #1a1206;

    /* 语义色微调（在深青底上更耐看） */
    --lime: #8fd08a;
    --amber: #ffbd38;
    --red: #ff7a6b;

    /* 字体：与站点同一套（正文 Collapse / 标题 Rules Expanded / 元信息 Mondwest） */
    --sans: 'Collapse', -apple-system, BlinkMacSystemFont, "PingFang SC",
            "Hiragino Sans GB", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;
    --display: 'Rules Expanded', var(--sans);
    --label: 'Mondwest', var(--sans);
    --mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;

    --r: 6px;

    /* 暖光色（第 2 层用） */
    --warm-glow: rgba(255, 189, 56, 0.35);
}

/* ── 五层背景 ───────────────────────────────────────────────── */

/* 兜底的两层伪元素（manager-critical.css 里的极光 + 网格）在这里关掉：
   五层由底下的三个 div 真刀真枪地叠，而不是拿两个伪元素凑。 */
html body::before,
html body::after {
    content: none;
    display: none;
}

/* z=0：画布底色 */
html body {
    background: var(--bg);
}

/* z=1：反相底纹（与底色 difference，只贡献 3.3%） */
html body .bg-filler {
    position: fixed;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background-image: url('../img/filler-bg0.webp');
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
    filter: invert(1);
    opacity: 0.033;
    mix-blend-mode: difference;
}

/* z=2：左上 → 右下的暖光 */
html body .bg-glow {
    position: fixed;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: radial-gradient(ellipse at 0% 0%, transparent 60%, var(--warm-glow) 100%);
    opacity: 0.22;
    mix-blend-mode: lighten;
}

/* z=3：程序化噪点（fractalNoise 0.85 / 4 octaves） */
html body .bg-noise {
    position: fixed;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' fill='%23eaeaea' filter='url(%23n)' opacity='0.6'/></svg>");
    background-size: 512px 512px;
    opacity: 0.55;
    mix-blend-mode: color-dodge;
}

/* 可访问性：低运动偏好 → 关掉纹理层（与站点 backdrop.css 一致） */
@media (prefers-reduced-motion: reduce) {
    html body .bg-noise { display: none; }
    html body .bg-filler { opacity: 0; }
}

/* ── 排印：标题 / 标签 / 元信息 ─────────────────────────────── */

html body h2,
html body h3,
html body .brand,
html body .hdr-page {
    font-family: var(--display);
    letter-spacing: 0.06em;
}

html body .brand { letter-spacing: 0.12em; }

/* 小字标签用 Mondwest（导航分组名、账号、页脚、统计卡标签、徽标），与站点元信息同一套 */
html body .nav-t,
html body .who,
html body .ftr,
html body .side-foot,
html body .card .k,
html body .pill,
html body .chip {
    font-family: var(--label);
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

/* ── 组件细节 ───────────────────────────────────────────────── */

/* 品牌标志：与前台首页同一张站徽（/themes/active/img/logo.webp），
   容器保持圆形，换图形时不会被圆角裁到；底色交给站徽自己（已去白底）。 */
html body .brand__logo {
    border-radius: 50%;
}

/* 主按钮：暖橙→奶油（文字色由 --on-accent 给） */
html body .btn-primary {
    background: linear-gradient(120deg, #ffbd38, #ffd489 45%, #ffe6cb);
    color: var(--on-accent);
}

html body .btn-primary:hover {
    box-shadow: 0 8px 28px -8px rgba(255, 189, 56, 0.75);
}

/* 页眉 / 侧栏：半透明 + 模糊，让下面四层透出来 */
html body .hdr,
html body .side {
    background: color-mix(in srgb, var(--bg) 82%, transparent);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* 代码与编辑器：内凹面 */
html body pre,
html body code,
html body .CodeMirror {
    background: var(--inset);
}

html body .CodeMirror-gutters {
    background: var(--bg2);
    border-right: 1px solid var(--line);
}

html body .CodeMirror-cursor { border-left-color: var(--cyan); }
html body .CodeMirror-selected { background: color-mix(in srgb, #ffe6cb 12%, transparent) !important; }
html body .CodeMirror-activeline-background { background: color-mix(in srgb, #ffe6cb 5%, transparent); }