/* =============================================================
   浅色主题覆盖层（仿华为云 huaweicloud.com）
   白底 + 浅灰区块 + 华为红 #C7000B。必须在所有样式之后加载。
   ============================================================= */

/* ---------- 1. 变量重定义 ---------- */
:root {
  --bg:#ffffff; --bg-alt:#f5f7fa; --bg-card:#ffffff;
  --card:#ffffff; --card-hover:#f5f7fa;
  --text:#1f2329; --text-sub:#4e5969; --text-mute:#86909c; --text-dimmer:#86909c;
  --muted:#4e5969; --stat:#1f2329;
  --border:#e5e6eb; --border-soft:#ebedf0; --line:#e5e6eb; --line-soft:#f0f1f3;
  --brand:#c7000b; --brand-dark:#a8000a;
  --a-bg:#f5f7fa; --a-bg-alt:#eef1f5; --a-card:#ffffff; --a-sidebar:#ffffff;
  --a-text:#1f2329; --a-sub:#4e5969; --a-mute:#86909c; --a-border:#e5e6eb;
  --a-primary:#2563eb; --a-amber:#b45309; --a-green:#15803d; --a-red:#c7000b;
  --g-void:#f5f7fa; --g-deep:#eef1f5; --g-panel:#ffffff;
  --g-gold:#c7000b; --g-gold-hi:#e02b32; --g-gold-dim:#a8000a;
  --g-text:#1f2329; --g-sub:#4e5969; --g-mute:#86909c; --g-line-soft:#e5e6eb;
  --g-green:#15803d; --g-red:#c7000b; --g-amber:#b45309;
  --ok:#15803d; --ok-soft:#e8f7ee;
  --warn:#b45309; --warn-soft:#fff7e6;
  --block:#c7000b; --block-soft:#fdecec;
  /* 前台填充系（深色主题的半透明白 → 浅底可用） */
  --fill-ghost:rgba(15,23,42,.045); --fill-solid:#c7000b; --line-strong:#c9cdd4;
}

html, body { background:#ffffff !important; color:#1f2329 !important; }
::selection { background:#fdecec; color:#c7000b; }
::focus-visible { outline-color:#c7000b !important; }

/* ---------- 2. 前台 ---------- */
/* 导航：全透明悬浮（与白底零色差）；链接裸露无框，hover/当前页华为红 + 红下划线 */
.nav { background:transparent; }
.brand-mark { background:#c7000b !important; color:#fff !important; border-color:#c7000b !important; }
.nav-links a { color:#4e5969; background:transparent; border-color:transparent; }
.nav-links a:hover, .nav-links a.active { color:#c7000b; background:transparent; border-color:transparent; }
.nav-links a::after { background:#c7000b; }
.nav-cta { background:#c7000b; color:#fff !important; border-color:#c7000b; }
.nav-cta:hover { background:#a8000a; border-color:#a8000a; }
.nav-admin:hover { color:#c7000b !important; background:transparent; border-color:transparent; }

.btn-primary { background:#c7000b !important; color:#fff !important; border-color:#c7000b !important; }
.btn-primary:hover { background:#a8000a !important; border-color:#a8000a !important; }
.btn-ghost, .btn-a.line { color:#4e5969; border-color:#dcdfe5; background:transparent; }
.btn-ghost:hover, .btn-a.line:hover { color:#c7000b; background:#fdecec; border-color:#f2b4b8; }
.btn-outline { border-color:#dcdfe5; }
.btn-outline:hover { border-color:#c7000b; color:#c7000b; }
.btn-plain { border-color:#e5e6eb; }

.chip { background:#f2f4f8; color:#4e5969; border-color:#e5e6eb; }
.chip:hover { background:#eceef2; border-color:#c9cdd4; color:#1f2329; }
.chip.on { background:#c7000b; color:#fff; border-color:#c7000b; }

.hero h1 { color:#1f2329; }
.hero h1 em { color:#c7000b !important; -webkit-text-fill-color:#c7000b !important; }
.hero-eyebrow { background:transparent; color:#4e5969; -webkit-text-fill-color:#4e5969; }
.story-panel.dark { background:#f5f7fa; color:#1f2329; }
.story-panel.dark .story-hint { color:#86909c; }
.story-panel.dark .hero .lead { color:#4e5969; }
.scale-figure .big { color:#1f2329; }
.scale-figure .big small { color:#86909c; }
.scale-figure .cap { color:#4e5969; }
.scale-figure .cap b { color:#1f2329; }
.mini-stats > div { background:#ffffff; border:1px solid #e5e6eb; }
.mini-stats b { color:#1f2329; }
.mini-stats small { color:#86909c; }
.flow-item::before { color:rgba(0,0,0,.06); }
.quickbar { background:rgba(255,255,255,.94); border-color:#e5e6eb; }

.toolbar input, .toolbar select,
.field input, .field select, .field textarea { background:#ffffff; border-color:#dee0e3; color:#1f2329; }
.toolbar input:focus, .toolbar select:focus,
.field input:focus, .field select:focus, .field textarea:focus {
  background:#ffffff; border-color:#c7000b; box-shadow:0 0 0 3px rgba(199,0,11,.1);
}
/* ---------- 2b. 企业/岗位卡片：整卡淡渐变填充（仿华为云，渐变为 JS 内联） ---------- */
.card { border-color:#e8eaef; box-shadow:0 1px 3px rgba(31,35,41,.05); }
/* hover 上浮由 style.css 提供；阴影被 refinements.css 的扁平化 !important 统一禁用，仅加深描边 */
.card:hover { border-color:#d8dbe2; }
/* 卡片封面：图片背景 + 深色渐变遮罩 + 白色文字，图片饱满无留白 */
.card-cover { position:relative; overflow:hidden; color:#fff; }
.card-cover .card-cover-bg { position:absolute; inset:0; background-size:cover; background-position:center; z-index:0; display:block; }
.card-cover::after { content:""; position:absolute; inset:0; background:linear-gradient(135deg, rgba(15,20,35,0.72) 0%, rgba(15,20,35,0.42) 45%, rgba(15,20,35,0.65) 100%); z-index:1; }
.card-cover > *:not(.card-cover-bg) { position:relative; z-index:2; }
.card-cover h3 { font-weight:700; color:#fff; text-shadow:0 1px 3px rgba(0,0,0,0.3); }
.card-cover span { opacity:.85; color:#fff; }
.card-logo { background:rgba(255,255,255,0.92); border-color:rgba(255,255,255,0.95); color:#1f2329; box-shadow:0 4px 12px rgba(0,0,0,0.15); }
.card-badge { background:rgba(255,255,255,0.18); border-color:rgba(255,255,255,0.25); color:#fff; backdrop-filter:blur(4px); }
/* 整卡图片卡片（card-bg）：浅色主题下保持深色遮罩 + 白色文字，与图片自然融合 */
.card.card-bg { border-color:transparent; box-shadow:0 4px 18px rgba(31,35,41,.12); }
.card.card-bg:hover { box-shadow:0 12px 32px rgba(31,35,41,.18); }
.card.card-bg .card-inner { color:#fff; }
.card.card-bg .card-head h3 { color:#fff; }
.card.card-bg .card-head .card-meta { color:rgba(255,255,255,.82); }
.card.card-bg .card-pay .num { color:#fff; }
.card.card-bg .card-pay .unit { color:rgba(255,255,255,.72); }
.card.card-bg .card-intro { color:rgba(255,255,255,.88); }

.pay, .card-adv { background:rgba(255,255,255,.55); border-color:rgba(255,255,255,.85); }
.pay:hover { background:rgba(255,255,255,.7); }
.dorm-shot span { background:rgba(255,255,255,.92); border-color:#e5e6eb; color:#1f2329; }
.adv-item .ico { background:#f2f4f8; }

.tag.brand { background:rgba(199,0,11,.08); color:#c7000b; border-color:rgba(199,0,11,.2); }
.slot.on { background:rgba(199,0,11,.08); color:#c7000b; border-color:rgba(199,0,11,.3); }
.toast { background:#1f2329; color:#fff; }

/* ---------- 3. 管理后台 ---------- */
.login-wrap { background:#f5f7fa; }
.sidebar { background:#ffffff; color:#4e5969; }
.topbar { background:rgba(255,255,255,.94); }
.topbar h2, .tb-brand b { color:#1f2329; }
.tb-brand .mark { background:#c7000b; color:#fff; border-color:#c7000b; }

.sb-brand .mark { background:#c7000b; color:#fff; border-color:#c7000b; }
.sb-brand b { color:#1f2329; }
.sb-nav a { color:#4e5969; }
.sb-nav .group { color:#86909c; }
.sb-nav a:hover { color:#c7000b; }
.sb-nav a.active { background:#fdecec; color:#c7000b; border-color:#f2b4b8; }

.card-head h3, .tbl .name, .f-section h4, .modal-head h3, .modal-head .x:hover,
.mini-item .t, .export-card h4, .entry h4, .hero-delta b, .pc-card .pc-val,
#sim-formula b, .pay-head-val, .pay-card-name, .nav-badge, .dot-logo { color:#1f2329; }

/* 白→金文字渐变在浅底下不可见，还原纯色 */
.kpi b, .hero h1, .hero-num, .pc-card.mine .pc-val, .kpi.income b {
  background:none !important; -webkit-text-fill-color:#1f2329 !important; color:#1f2329;
}
.kpi b small { -webkit-text-fill-color:#4e5969; }
.pc-card.mine .pc-val em { -webkit-text-fill-color:#c7000b; }
.kpi.net b { background:none !important; -webkit-text-fill-color:#15803d !important; color:#15803d; }
.kpi.neg b { -webkit-text-fill-color:#c7000b !important; color:#c7000b; }
.hero-delta.up b { color:#15803d; }
.hero-delta.down b, .neg-cell { color:#c7000b; }

/* 后台按钮（admin.css/mgmt.css 深色渐变 → 浅色） */
.btn-a, .btn-a.line { background:#ffffff; color:#4e5969; border-color:#dcdfe5; }
.btn-a:hover, .btn-a.line:hover { background:#f5f7fa; color:#1f2329; border-color:#c9cdd4; }
.btn-a.pri { background:#c7000b !important; color:#fff !important; border-color:#c7000b !important; }
.btn-a.pri:hover { background:#a8000a !important; border-color:#a8000a !important; }
.btn-a.danger { background:#fdecec; color:#c7000b; border-color:#f2b4b8; }
.btn-a.danger:hover { background:#fbdadb; color:#a8000a; border-color:#ee9a9f; }

/* 表单控件 */
.f-field input, .f-field select, .f-field textarea,
.fee-row input, .fee-row select,
.export-card input[type="month"], .export-card select,
.dash-month select, .login-field input {
  background:#ffffff; border-color:#dee0e3; color:#1f2329;
}
.f-field input:focus, .f-field select:focus, .f-field textarea:focus,
.dash-month select:focus, .login-field input:focus {
  background:#ffffff; border-color:#c7000b; box-shadow:0 0 0 3px rgba(199,0,11,.1);
}
.login-field input::placeholder,
.f-field input::placeholder, .f-field textarea::placeholder { color:#a9aeb8; }
.threshold-form input { background:#ffffff; }

/* 错误/警告框 */
.login-err { background:#fdecec; color:#c7000b; border-color:#f2b4b8; }
.form-error { color:#c7000b; background:#fdecec; border-color:#f2b4b8; }
.warning-confirm { background:#fff7e6; border-color:#e6c27a; color:#8a5a00; }
.help-note { background:rgba(37,99,235,.05); color:#2563eb; border-color:rgba(37,99,235,.2); }
.help-note.warn-note { background:#fdf1ef; border-color:#f0c9c2; color:#c7000b; }
.warn-card { border-color:rgba(180,83,9,.3); }
.warn-card .card-head { background:rgba(217,119,6,.05); border-bottom-color:rgba(180,83,9,.2); }

/* 徽章 / 标签（深底浅字 → 浅底深字） */
.badge.blue { background:rgba(37,99,235,.08); color:#2563eb; border-color:rgba(37,99,235,.25); }
.badge.green, .tag.ok { background:#e8f7ee; color:#15803d; border-color:rgba(21,128,61,.25); }
.badge.amber, .tag.warn { background:#fff7e6; color:#b45309; border-color:rgba(180,83,9,.25); }
.badge.red, .tag.block { background:#fdecec; color:#c7000b; border-color:rgba(199,0,11,.25); }
.pay-col-h.ok { background:#e8f7ee; color:#15803d; border-color:rgba(21,128,61,.25); }
.pay-col-h.warn { background:#fff7e6; color:#b45309; border-color:rgba(180,83,9,.25); }
.rb-ev-none { background:#fff7e6; color:#b45309; }

/* 分隔线 / 细节 */
.tbl td { border-bottom-color:#f0f1f3; }
.staff-detail { background:#f5f7fa; }
.staff-detail .sd-row { border-bottom-color:#eceef2; }
.entry.highlight, .pc-card.mine {
  background:linear-gradient(145deg,#fdecec,#ffffff 62%); border-color:rgba(199,0,11,.3);
}
.entry.highlight .e-ico { color:#c7000b; }

/* 登录错误提示外其他保持深色的：图片查看器 lightbox / toast 不动 */

/* ---------- 4. 登录页（.lg-*，华为云式浅色系） ---------- */
.login-wrap { background:#ffffff; }
.lg-left {
  background:radial-gradient(1200px 800px at 20% 10%,#fdecec 0%,#f7f8fa 46%,#eef1f5 100%);
  border-right-color:#e5e6eb;
}
.lg-grid-bg {
  background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px);
}
.lg-orb-a { background:#c7000b; opacity:.14; }
.lg-orb-b { background:#2563eb; opacity:.12; }
.lg-brand-name { color:#1f2329; }
.lg-slogan { color:#1f2329; }
.lg-slogan-sub { color:#86909c; }
.lg-foot { color:#86909c; }
.lg-right { background:#ffffff; }
.lg-mobile-brand { color:#1f2329; }
.lg-title { color:#1f2329; }
.lg-sub { color:#86909c; }
.lg-field label { color:#4e5969; }
.lg-field input {
  background:#ffffff; border-color:#dcdfe5; color:#1f2329;
}
.lg-field input::placeholder { color:#a9aeb8; }
.lg-field input:focus {
  border-color:#c7000b; background:#ffffff; box-shadow:0 0 0 3px rgba(199,0,11,.1);
}
.lg-eye-btn { color:#86909c; }
.lg-eye-btn:hover { color:#1f2329; }
.lg-remember { color:#4e5969; }
.lg-remember input { accent-color:#c7000b; }
.lg-btn {
  background:#c7000b; box-shadow:0 10px 24px rgba(199,0,11,.22);
}
.lg-btn:hover { background:#a8000a; box-shadow:0 14px 30px rgba(199,0,11,.3); filter:none; }
.lg-tip { color:#86909c; }
.lg-tip code { background:#f2f4f8; color:#c7000b; }
.lg-back { color:#86909c; }
.lg-back:hover { color:#c7000b; }
/* 左侧小人同步改 pastel 浅色（与全站淡色卡片同一思路） */
.lg-char { box-shadow:inset 0 -8px 18px rgba(0,0,0,.08),0 10px 22px rgba(31,35,41,.08); }
.lg-char.c1 { background:linear-gradient(160deg,#cfc6fa,#b7a9f5); }
.lg-char.c2 { background:linear-gradient(160deg,#ffd4b3,#ffc192); }
.lg-char.c3 { background:linear-gradient(160deg,#ffedb8,#ffdf8f); }
.lg-char.c4 { background:linear-gradient(160deg,#c2dcff,#a3c8fc); }

/* ---------- 5. 合作企业与岗位合并视图（其样式块在 body 内、晚于本文件，需 !important） ----------
   body:not(.theme-dark) 限定：深色模式下本组规则整体失效，ent-* 本体定义走 var(--a-*) 深色变量，
   否则 !important 会把深色模式也锁成白底。 */
body:not(.theme-dark) .ent-block { background:#ffffff !important; }
body:not(.theme-dark) .ent-head { background:#f5f7fa !important; }
body:not(.theme-dark) .ent-head .name { color:#1f2329 !important; }
body:not(.theme-dark) .ent-head .ent-salary { color:#c7000b !important; }
body:not(.theme-dark) .salary-auto-tag { background:#e8f7ee !important; color:#15803d !important; }
body:not(.theme-dark) .salary-auto-preview { border-color:#2563eb !important; background:rgba(37,99,235,.04) !important; }
body:not(.theme-dark) .salary-auto-preview .num { color:#2563eb !important; }