/*
 * 门户皮肤适配（谈股论经）
 * ---------------------------------------------------------------------------
 * V0.9.5：品牌色对齐门户「执衡青」体系，明暗与中性色随门户三套皮肤整体切换：
 *   墨石 ink （默认浅色，深侧栏+浅内容）→ 与 app.css :root 默认值一致，无需覆盖
 *   素白 paper（暖纸色页面）            → html[data-portal-theme="paper"]
 *   夜观 night（全深色，品牌提亮为 #06B6D4）→ html[data-portal-theme="night"]
 * 门户旧版只下发 portal_scheme=dark 时，由 html[data-portal-scheme="dark"] 兜底
 * （值与夜观一致，night 规则写在兜底之后以保证覆盖）。
 * 直接访问（无参数无会话记录）时使用默认浅色（即墨石观感）。
 * 变量取值对齐门户 tokens.css（--p-* 令牌），换肤不跳色。
 */

/* ===== 素白 paper：暖纸色页面 ===== */
html[data-portal-theme="paper"] {
  --bg: #F6F4EE;
  --card: #FFFFFF;
  --text: #1F2933;
  --muted: #4B5A66;
  --weak: #8A98A3;
  --line: #E4E1D5;
  --brand-soft: #DCEFEF;
}

/* ===== 深色兜底（门户只下发 scheme=dark 时） ===== */
html[data-portal-scheme="dark"] {
  --brand: #06B6D4;
  --brand-dark: #22D3EE;
  --brand-soft: #164E63;
  --brand-ink: #67E8F9;
  --accent: #A78BFA;
  --accent-soft: #2E2A5E;
  --up: #F87171;
  --down: #4ADE80;
  --bg: #0B1220;
  --card: #121A2A;
  --text: #E6EDF5;
  --muted: #9FB0C3;
  --weak: #6B7C91;
  --line: #223044;
  --shadow: 0 2px 10px rgba(0, 0, 0, .45);
}

/* 深色下浅色语义块改为低饱和透明底 */
html[data-portal-scheme="dark"] .hero { background: linear-gradient(135deg, #0B1220, #155E75); }
html[data-portal-scheme="dark"] .tag { background: rgba(6, 182, 212, .16); color: #67E8F9; }
html[data-portal-scheme="dark"] .tag.gold { background: rgba(167, 139, 250, .16); color: #A78BFA; }
html[data-portal-scheme="dark"] .tag.gray { background: #0F1725; color: var(--muted); }
html[data-portal-scheme="dark"] .stock-chip { background: #0F1725; border-color: var(--line); }
html[data-portal-scheme="dark"] .quote { background: #121A2A; border-color: var(--line); }
html[data-portal-scheme="dark"] th { background: #0F1725; color: var(--muted); }
html[data-portal-scheme="dark"] .post-item:hover { background: #0F1725; }
html[data-portal-scheme="dark"] .btn.active { background: rgba(6, 182, 212, .14); }
html[data-portal-scheme="dark"] .conv.on { background: rgba(6, 182, 212, .12); }
html[data-portal-scheme="dark"] .notice { background: rgba(245, 158, 11, .12); border-color: rgba(245, 158, 11, .28); color: #F0B56A; }
html[data-portal-scheme="dark"] .risk { background: rgba(245, 158, 11, .12); border-bottom-color: rgba(245, 158, 11, .28); color: #F0B56A; }
html[data-portal-scheme="dark"] input,
html[data-portal-scheme="dark"] textarea,
html[data-portal-scheme="dark"] select { background: #0F1725; color: var(--text); border-color: var(--line); }

/* 深色兜底下的具体元素 */
/* 头像（浅青圆底）→ 低饱和青底 */
html[data-portal-scheme="dark"] .avatar { background: rgba(6, 182, 212, .16); color: #67E8F9; }
/* 私信「对方」气泡（浅灰底）→ 深灰底 */
html[data-portal-scheme="dark"] .bubble.other { background: #0F1725; }
/* 分页器（白底）→ 卡片深色底（app.css 已改走 var(--card)，此处兜底显式声明） */
html[data-portal-scheme="dark"] .pager a,
html[data-portal-scheme="dark"] .pager span { background: var(--card); border-color: var(--line); }
/* 演示环境横幅（浅黄底）→ 低饱和琥珀底 */
html[data-portal-scheme="dark"] .demo-banner { background: rgba(245, 158, 11, .10); border-bottom-color: rgba(245, 158, 11, .22); color: #F0B56A; }
html[data-portal-scheme="dark"] .demo-banner .db-source,
html[data-portal-scheme="dark"] .demo-banner .db-lock { background: rgba(245, 158, 11, .14); color: #F0B56A; }
html[data-portal-scheme="dark"] .demo-banner .db-link { color: #F0B56A; }

/* ===== 夜观 night：全深色（品牌亮青 #06B6D4），覆盖兜底同名值 ===== */
html[data-portal-theme="night"] {
  --brand: #06B6D4;
  --brand-dark: #22D3EE;
  --brand-soft: #164E63;
  --brand-ink: #67E8F9;
  --accent: #A78BFA;
  --accent-soft: #2E2A5E;
  --up: #F87171;
  --down: #4ADE80;
  --bg: #0B1220;
  --card: #121A2A;
  --text: #E6EDF5;
  --muted: #9FB0C3;
  --weak: #6B7C91;
  --line: #223044;
  --shadow: 0 10px 30px -14px rgba(0, 0, 0, .7);
}