/* ═══ mr-model demo 配色 token（提炼自 mr-model/frontend/css/theme.css） ═══
   只保留 demo 三页用得到的 token，删掉涨跌/角色/铃铛等无关项（KISS）。
   暗色为主（与现生产一致），加亮色备选。 */

:root, [data-theme="dark"] {
  /* Accent —— 金 */
  --c-accent:        #ECAA0B;
  --c-accent-dim:    #C08000;
  --c-accent-bg:     rgba(236,170,11,0.10);
  --c-accent-border: rgba(236,170,11,0.22);
  --c-accent-text:   #0c0c14;

  /* Surfaces */
  --c-bg:            #0c0c14;
  --c-surface:       #14141e;
  --c-surface-2:     #1c1c28;
  --c-surface-3:     #222230;

  /* Borders */
  --c-border:        rgba(255,255,255,0.06);
  --c-border-2:      rgba(255,255,255,0.10);

  /* Text */
  --c-text:          #E1E5EB;
  --c-text-2:        #7F8793;
  --c-text-3:        #474D58;

  /* Shadow */
  --c-shadow:        0 2px 8px rgba(0,0,0,.3);

  /* Radius / Spacing */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --sp-xs: 6px;
  --sp-sm: 10px;
  --sp-md: 16px;
  --sp-lg: 24px;

  /* Typography */
  --t-meta: 12px;
  --t-body: 14px;
  --t-h1:   20px;
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

[data-theme="light"] {
  --c-accent:        #B67700;
  --c-accent-dim:    #945A00;
  --c-accent-bg:     rgba(182,119,0,0.08);
  --c-accent-border: rgba(182,119,0,0.18);
  --c-accent-text:   #ffffff;
  --c-bg:            #f4f4f8;
  --c-surface:       #ffffff;
  --c-surface-2:     #eeeef2;
  --c-surface-3:     #e4e4ea;
  --c-border:        rgba(0,0,0,0.06);
  --c-border-2:      rgba(0,0,0,0.10);
  --c-text:          #0F1216;
  --c-text-2:        #52555B;
  --c-text-3:        #83868C;
  --c-shadow:        0 2px 8px rgba(0,0,0,.06);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; }
body {
  font-family: var(--font-sans);
  background: var(--c-bg);
  color: var(--c-text);
  font-size: var(--t-body);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
}
a { color: var(--c-accent); text-decoration: none; }
button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }
img { max-width: 100%; display: block; }

/* ── 数据点点背景装饰（与登录页同款） ── */
.bg-dots {
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  background-image: radial-gradient(circle at 1px 1px, var(--c-text-3) 0.6px, transparent 0);
  background-size: 22px 22px;
}
.bg-glow {
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  background:
    radial-gradient(circle 60px at 15% 20%, rgba(236,170,11,0.04) 0%, transparent 100%),
    radial-gradient(circle 100px at 85% 75%, rgba(236,170,11,0.03) 0%, transparent 100%),
    radial-gradient(circle 80px at 50% 50%, rgba(236,170,11,0.02) 0%, transparent 100%);
}

/* ── 顶部金色 accent 线 ── */
.accent-line {
  position: absolute; top: 0; left: 24px; right: 24px;
  height: 2px; border-radius: 0 0 2px 2px;
  background: linear-gradient(90deg, transparent, var(--c-accent), transparent);
  opacity: 0.6;
}

/* ── 卡片通用 ── */
.card {
  background: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--c-shadow);
}

/* ── 按钮 ── */
.btn-primary {
  width: 100%; padding: 11px;
  border-radius: var(--radius-md);
  background: var(--c-accent); color: var(--c-accent-text);
  font-size: var(--t-body); font-weight: 700;
  transition: opacity .12s;
}
.btn-primary:hover { opacity: .9; }
.btn-primary:disabled { opacity: .4; cursor: not-allowed; }

.btn-outline {
  width: 100%; padding: 10px;
  border-radius: var(--radius-md);
  border: 1px solid var(--c-accent-border);
  background: var(--c-accent-bg); color: var(--c-accent);
  font-size: var(--t-body); font-weight: 600;
  display: flex; align-items: center; justify-content: center; gap: var(--sp-xs);
  transition: all .15s;
}

/* ── 输入框 ── */
.field { margin-bottom: var(--sp-md); }
.field label { display: block; font-size: var(--t-meta); color: var(--c-text-2); margin-bottom: 6px; font-weight: 500; }
.field input {
  width: 100%; padding: 10px 14px;
  border-radius: var(--radius-md);
  border: 1px solid var(--c-border-2);
  background: var(--c-surface-2); color: var(--c-text);
  font-size: var(--t-body); font-family: inherit; outline: none;
  transition: border-color .15s;
}
.field input:focus { border-color: var(--c-accent); }
.field input::placeholder { color: var(--c-text-3); }

/* ── 品牌 logo 图标（与登录页同款柱状图 SVG） ── */
.brand-icon {
  width: 44px; height: 44px;
  border-radius: var(--radius-md);
  background: var(--c-accent);
  color: var(--c-accent-text);
  display: inline-flex; align-items: center; justify-content: center;
  margin-bottom: 12px;
}

/* ── chip/tag ── */
.chip {
  display: inline-block; padding: 5px 14px;
  border-radius: 999px; background: var(--c-accent-bg);
  color: var(--c-accent); font-weight: 700; font-size: 13px;
}

/* ── toast ── */
.toast {
  position: fixed; left: 50%; bottom: 32px; transform: translateX(-50%) translateY(20px);
  background: var(--c-surface-3); color: var(--c-text); border: 1px solid var(--c-border-2);
  padding: 12px 20px; border-radius: var(--radius-md); font-size: 13px; z-index: 210;
  opacity: 0; pointer-events: none; transition: all .25s; max-width: 90vw; text-align: center;
  box-shadow: 0 4px 16px rgba(0,0,0,.4);
}
.toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
.toast.ok { border-color: var(--c-accent); color: var(--c-accent); }