/* ==========================================================
   JR杰瑞 · 内容页暗色适配（官网基调 = 暗色，禁止亮色系）
   加载于 pages.153100.css 之后，整体覆盖为官网暗色调：
   底 #141210 · 卡 #1C1917 · 文字 #E8E1D4 · 次级 #9A917F · 赭石 #B4532A
   ========================================================== */

/* JRSans 字体（与首页 brand.css 同源，内容页不复用 brand.css 故在此补 @font-face） */
@font-face { font-family: 'JRSans'; src: url("/assets/fonts/JRSans-400.woff2") format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'JRSans'; src: url("/assets/fonts/JRSans-500.woff2") format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'JRSans'; src: url("/assets/fonts/JRSans-700.woff2") format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }

/* ---------- 变量反转（pages.css 的语义变量全部换暗色值） ---------- */
:root {
  --paper: #141210;      /* 页面底 */
  --ink: #F0EBE1;        /* 标题/主强调（原墨色反转） */
  --text: #E8E1D4;
  --muted: #9A917F;
  --line: rgba(240, 235, 225, .10);
  --accent: #B4532A;
  --green: #6FA08F;
  --yellow: #D99A2B;
  --card-dark: #1C1917;
}

/* ---------- 基础 ---------- */
body.pj-page { background: var(--paper); color: var(--text); }
::selection { background: rgba(180, 83, 42, .35); }

/* ---------- 导航 ---------- */
.pj-nav { height: 68px; display: flex; align-items: center; background: rgba(20, 18, 16, .92); border-bottom-color: var(--line); font-family: JRSans, "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; }
/* nav inner 宽度/边距与首页 .nav__inner 对齐，LOGO 水平位置一致 */
.pj-nav__inner { width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; padding: 0 24px !important; }
/* LOGO 与首页 .logo 排版对齐：图标 + 杰瑞 JR STUDIO 同一行 */
.pj-logo { display: inline-flex !important; align-items: center !important; gap: 10px !important; color: var(--ink); font-family: JRSans, "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-weight: 800 !important; font-size: 18px !important; letter-spacing: .02em !important; }
.pj-logo > img { width: 30px !important; height: 30px !important; display: block !important; }
/* 外层 span 包「杰瑞」文本，必须强制 800 覆盖内联 900 */
.pj-logo > span { display: inline !important; flex-direction: unset !important; align-items: unset !important; line-height: inherit !important; font-family: JRSans, "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-weight: 800 !important; font-size: 18px !important; color: var(--ink) !important; letter-spacing: .02em !important; }
.pj-logo > span > span { display: inline !important; margin-top: 0 !important; vertical-align: middle !important; }
.pj-logo > span > span:last-child { font-family: JRSans, "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-size: 11px !important; color: var(--muted) !important; font-weight: 600 !important; letter-spacing: .16em !important; }
.pj-nav__item > a { color: var(--text); font-family: JRSans, "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-size: 14.5px !important; font-weight: 600 !important; letter-spacing: normal !important; }
.pj-nav__item > a:hover { background: rgba(240, 235, 225, .07); }
/* CTA 与首页 .nav__cta 比例/色值完全对齐：暖橙底深色字大按钮 */
.pj-nav__cta {
  background: #D98A4E !important;
  color: #14120F !important;
  font-weight: 700 !important;
  box-shadow: 0 6px 18px rgba(180, 83, 42, .24) !important;
  transition: transform .18s, box-shadow .18s, background .18s !important;
}
.pj-nav__cta:hover {
  background: #C98A3E !important;
  color: #14120F !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 26px rgba(180, 83, 42, .34) !important;
}

/* ---------- 官网导航下拉（暗色导航上的下拉，修复"看不见"严重 BUG） ---------- */
.nav__drop,
.pj-drop {
  background: #1C1917 !important;
  border-color: rgba(240, 235, 225, .14) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .55) !important;
}
.nav__drop a,
.pj-drop a { color: #E8E1D4 !important; }
.nav__drop a:hover,
.pj-drop a:hover { background: rgba(180, 83, 42, .18) !important; color: #E89B6F !important; }
.nav__drop .nav__drop-label,
.pj-drop__label { color: #9A917F !important; }
.pj-drop__label { letter-spacing: .12em !important; }

/* ---------- 页头/标题 ---------- */
.pj-kicker { color: #D96A3C; }
.pj-title { color: var(--ink); }
.pj-lead { color: var(--muted); }
.pj-h2 { color: var(--ink); }

/* ---------- 卡片 ---------- */
.pj-card { background: var(--card-dark); border-color: var(--line); }
.pj-card h3 { color: var(--ink); }
.pj-card p, .pj-card li { color: var(--text); }
.pj-card .pj-note { color: var(--muted); }
.pj-card a { color: #E89B6F !important; }

/* ---------- 表格 ---------- */
.pj-table { background: var(--card-dark); border-color: var(--line); }
.pj-table th { background: rgba(240, 235, 225, .05); color: var(--muted); }
.pj-table td { border-top-color: var(--line); color: var(--text); }
.pj-table tr:hover td { background: rgba(180, 83, 42, .07); }
.pj-strong { color: #E89B6F; }

/* ---------- 步骤 ---------- */
.pj-step { border-bottom-color: var(--line); }
.pj-step__no { background: var(--ink); color: #17140F; }
.pj-step h3 { color: var(--ink); }
.pj-step p { color: var(--text); }
.pj-step .pj-note { color: var(--muted); }

/* ---------- FAQ ---------- */
.pj-faq { background: var(--card-dark); border-color: var(--line); }
.pj-faq summary { color: var(--ink); }
.pj-faq .pj-faq__body { color: var(--text); }

/* ---------- 工作台 ---------- */
.pj-door { background: var(--card-dark); border-color: var(--line); }
.pj-door:hover { box-shadow: 0 18px 44px rgba(0, 0, 0, .5); }
.pj-door__name { color: var(--ink); }
.pj-door__desc { color: var(--muted); }
.pj-door { color: #E8E1D4 !important; }
.pj-door__go { color: #E89B6F; }
.pj-ecocard { background: var(--card-dark); border-color: var(--line); }
.pj-ecocard span { color: var(--muted); }
.pj-ecocard strong { color: var(--ink); }

/* ---------- 登录面板 ---------- */
.pj-auth { background: var(--card-dark); border-color: var(--line); }
.pj-auth h2 { color: var(--ink); }
.pj-auth .pj-auth__sub { color: var(--muted); }
.pj-auth label { color: var(--muted); }
.pj-auth input {
  background: #141210; border-color: var(--line); color: var(--text);
}
.pj-auth input:focus { border-color: var(--accent); }
.pj-auth input::placeholder { color: #6B6357; }
.pj-auth button { background: var(--ink); color: #17140F; }
.pj-auth button:hover { background: var(--accent); color: #F7F3EA; }
.pj-auth .pj-auth__msg { color: #E89B6F; }
.pj-auth .pj-auth__alt { color: var(--muted); }
.pj-auth .pj-auth__alt a { color: #E89B6F; }

/* ---------- 页脚 ---------- */
.pj-footer { border-top-color: var(--line); color: var(--muted); }
.pj-footer a { color: var(--muted); }
.pj-footer a:hover { color: #E89B6F; }

/* 访问态链接不串色 */
.pj-nav a:visited, .pj-drop a:visited, .nav__drop a:visited { color: inherit; }
.pj-nav__item > a:visited { color: var(--text); }