/*
 * 皮肤（IJ-030，对齐统一门户 tokens.css 三套皮肤）
 * ---------------------------------------------------------------------------
 * 皮肤通过 <html data-portal-theme="ink|paper|night"> 切换：
 *  - 门户下发 ?portal_theme=&portal_scheme= 时由 portal-theme.js 写入（跟随门户）；
 *  - 直连时顶栏切换器写 localStorage('ij_skin')，portal-theme.js 恢复；
 *  - 兼容旧 data-portal-scheme="dark"（等价 night）。
 * 三套皮肤品牌色一致（执衡青 #0E7490），差异只在明暗与中性色——从门户进入
 * 子系统品牌色不跳变（对齐门户规范 §8.3：无参数直访保持默认墨石观感）。
 */

/* ===== 默认：墨石 ink（浅内容，对齐门户 --p-* 默认值） ===== */
:root, html[data-portal-theme="ink"], html[data-portal-scheme="light"] {
  --bg:#F1F5F9;
  --surface:#FFFFFF;
  --surface-2:#F8FAFC;
  --border:#E2E8F0;
  --border-soft:#EEF2F6;
  --ink:#0F172A;
  --ink-2:#475569;
  --ink-3:#94A3B8;
  --accent:#0E7490;              /* 执衡青 */
  --accent-hover:#0B5C73;
  --accent-soft:#E0F2FE;
  --shadow:0 1px 2px rgba(15,23,42,.05), 0 8px 24px -12px rgba(15,23,42,.18);
  /* A 股语义色（红涨绿跌，与门户一致） */
  --up:#DC2626; --down:#16A34A;
}

/* ===== 素白 paper（全浅色，明亮环境与投影） ===== */
html[data-portal-theme="paper"] {
  --bg:#F7F9FB;
  --surface:#FFFFFF;
  --surface-2:#F2F6F8;
  --border:#E3E9EE;
  --border-soft:#EFF3F6;
  --ink:#17212B;
  --ink-2:#4B5A66;
  --ink-3:#8A98A3;
}

/* ===== 夜观 night（全深色，盯盘 / 夜间） ===== */
html[data-portal-theme="night"], html[data-portal-scheme="dark"] {
  --bg:#0B1220;
  --surface:#121A2A;
  --surface-2:#0F1725;
  --border:#223044;
  --border-soft:#1A2637;
  --ink:#E6EDF5;
  --ink-2:#9FB0C3;
  --ink-3:#6B7C91;
  --accent:#0E7490;
  --accent-hover:#2296B3;
  --accent-soft:#0D2B36;
  --shadow:0 1px 2px rgba(0,0,0,.4), 0 10px 30px -14px rgba(0,0,0,.7);
  --st-new:#9FB0C3; --st-todo:#2296B3; --st-doing:#6B9BF2; --st-done:#57C98A; --st-drop:#6B7C91;
  --st-new-bg:#16202F; --st-todo-bg:#0D2B36; --st-doing-bg:#17233A; --st-done-bg:#14281F; --st-drop-bg:#1A2637;
}

/* ---- 夜观下少量硬编码色的补丁 ---- */
html[data-portal-theme="night"] .opbtn.danger:hover,
html[data-portal-scheme="dark"] .opbtn.danger:hover{color:#F08A8E;background:#2A1B1D;border-color:#4A2B2E}
html[data-portal-theme="night"] .banner,
html[data-portal-scheme="dark"] .banner{background:#2A1B1D;color:#F0A9AC;border-color:#4A2B2E}
html[data-portal-theme="night"] .phase-badge,
html[data-portal-scheme="dark"] .phase-badge{background:#241F45;color:#9D95E8}
html[data-portal-theme="night"] .fstep .bar,
html[data-portal-scheme="dark"] .fstep .bar{color:#0B1220}

/* ---- 顶栏皮肤切换器 ---- */
.skinbtn{border:1px solid var(--border);background:var(--surface);color:var(--ink-2);
  border-radius:8px;padding:4px 10px;font-size:12px;cursor:pointer;line-height:1.4}
.skinbtn:hover{color:var(--accent);border-color:var(--accent)}