/* =========================================================================
   eco-theme.css — 三站统一设计系统（des / nb / money）
   晨晰环境 · 生态绿玻璃拟态风。注入各站内页 <head>，覆盖原变量与登录墙/顶栏。
   ========================================================================= */

:root {
  /* 生态绿主色 */
  --eco-green: #1f9d63;
  --eco-green-2: #34c98a;
  --eco-green-dark: #0f3d2e;
  --eco-green-darker: #0b2e23;
  --eco-gradient: linear-gradient(135deg, #34c98a 0%, #1f9d63 100%);

  /* 对齐 nb/money 原有变量名，自动重涂全站 */
  --green: #1f9d63 !important;
  --green-dim: rgba(31, 157, 99, 0.10) !important;
  --green-glow: rgba(31, 157, 99, 0.25) !important;
  --green-soft: rgba(31, 157, 99, 0.06) !important;

  --bg: #f3f6f4 !important;
  --bg-secondary: #e8efeb !important;
  --surface: #ffffff !important;
  --surface-hover: #f1f6f3 !important;
  --surface-active: #e7f1ec !important;
  --border: rgba(15, 61, 46, 0.10) !important;
  --border-dim: rgba(15, 61, 46, 0.05) !important;
  --border-focus: rgba(31, 157, 99, 0.45) !important;
  --text-primary: #15241d !important;
  --text-secondary: #5b6b63 !important;
  --text-tertiary: #94a39b !important;

  --radius-xs: 8px !important;
  --radius-sm: 12px !important;
  --radius-md: 16px !important;
  --radius-lg: 22px !important;
  --radius-xl: 28px !important;

  --shadow-sm: 0 1px 3px rgba(15, 61, 46, 0.06) !important;
  --shadow-md: 0 6px 20px rgba(15, 61, 46, 0.10) !important;
  --shadow-lg: 0 12px 40px rgba(15, 61, 46, 0.14) !important;

  --font-body: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
  --font-display: 'Outfit', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'PingFang SC', sans-serif !important;
}

/* ---------- 全局按钮：生态绿渐变 ---------- */
button, .btn, .login-submit, .logout-btn, .login-btn {
  font-family: var(--font-body) !important;
  border-radius: var(--radius-sm) !important;
  transition: transform .12s ease, box-shadow .2s ease, background .2s ease !important;
}
.login-card button,
.login-box .login-submit,
button:not(.logout-btn):not(.login-btn) {
  background: var(--eco-gradient) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 6px 18px rgba(31, 157, 99, 0.28) !important;
}
.login-card button:hover,
.login-box .login-submit:hover {
  box-shadow: 0 8px 24px rgba(31, 157, 99, 0.40) !important;
  transform: translateY(-1px) !important;
}
.login-card button:active,
.login-box .login-submit:active {
  transform: translateY(0) scale(0.98) !important;
}

/* ---------- 全局输入框 ---------- */
input, select, textarea {
  font-family: var(--font-body) !important;
  border-radius: var(--radius-sm) !important;
  border: 1.5px solid var(--border) !important;
  background: var(--surface) !important;
  color: var(--text-primary) !important;
  transition: border-color .2s ease, box-shadow .2s ease !important;
}
input:focus, select:focus, textarea:focus,
.login-card input:focus,
.login-box .field input:focus,
.form-group input:focus, .form-group select:focus {
  outline: none !important;
  border-color: var(--eco-green) !important;
  box-shadow: 0 0 0 4px var(--green-dim) !important;
}
::placeholder { color: var(--text-tertiary) !important; }

/* ---------- 统一顶栏（nb/money 共用 .header） ---------- */
.header {
  background: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: saturate(160%) blur(12px) !important;
  -webkit-backdrop-filter: saturate(160%) blur(12px) !important;
  border-bottom: 1px solid var(--border) !important;
  box-shadow: var(--shadow-sm) !important;
}
.header h1, .header-left h1, .header-title {
  font-family: var(--font-display) !important;
  color: var(--eco-green-dark) !important;
  letter-spacing: .3px !important;
}
.header-badge {
  background: var(--eco-gradient) !important;
  color: #fff !important;
  border-radius: 999px !important;
  box-shadow: var(--green-glow) !important;
}
.header-logo { filter: none !important; }

/* 退出/登录按钮（顶栏右侧） */
.logout-btn, .login-btn {
  background: var(--surface) !important;
  color: var(--eco-green-dark) !important;
  border: 1.5px solid var(--border) !important;
  box-shadow: var(--shadow-sm) !important;
}
.logout-btn:hover, .login-btn:hover {
  border-color: var(--eco-green) !important;
  color: var(--eco-green) !important;
  background: var(--green-soft) !important;
}

/* ---------- 统一卡片 ---------- */
.card {
  border-radius: var(--radius-md) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow-md) !important;
  background: var(--surface) !important;
}

/* ---------- 统一登录墙（nb: .login-overlay / .login-card） ---------- */
.login-overlay {
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(52,201,138,0.35), transparent 60%),
    radial-gradient(900px 500px at 0% 110%, rgba(31,157,99,0.30), transparent 55%),
    linear-gradient(135deg, #0f3d2e 0%, #0b2e23 100%) !important;
}
.login-card {
  background: rgba(255, 255, 255, 0.10) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45) !important;
  color: #eafff4 !important;
}
.login-card-body h1 { color: #fff !important; font-family: var(--font-display) !important; }
.login-card-body p { color: rgba(234, 255, 244, 0.75) !important; }
.login-card-body input {
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.3) !important;
  color: #15241d !important;
}
.login-card-header, .login-logo { color: #eafff4 !important; }
.login-version { color: rgba(234, 255, 244, 0.5) !important; }

/* ---------- 统一登录墙（money: .login-wall / .login-box） ---------- */
.login-wall {
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(52,201,138,0.35), transparent 60%),
    radial-gradient(900px 500px at 0% 110%, rgba(31,157,99,0.30), transparent 55%),
    linear-gradient(135deg, #0f3d2e 0%, #0b2e23 100%) !important;
}
.login-box {
  background: rgba(255, 255, 255, 0.10) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45) !important;
  color: #eafff4 !important;
}
.login-box h2 { color: #fff !important; font-family: var(--font-display) !important; }
.login-box p { color: rgba(234, 255, 244, 0.75) !important; }
.login-box .field input {
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.3) !important;
  color: #15241d !important;
}
.login-box .login-logo svg { color: var(--eco-green-2) !important; }
.login-error { color: #ffd9d4 !important; }

/* ---------- 统一品牌标识小标 ---------- */
.brand-mark::before {
  content: "晨晰环境";
  font-family: var(--font-display);
  color: var(--eco-green);
  font-weight: 700;
}