/* scqun-style per-page: mg168.com — 名爵mjbot168：账册主题（暖纸 + 江青） */
body.page-mjbot168 {
  --paper: #f5f1e8; --paper-2: #ece5d5;
  --ink: #20303f; --ink-2: #3d4f5f; --muted: #78909c;
  --accent: #2b5d6b; --accent-deep: #234a56;
  --accent-soft: rgba(43, 93, 107, .08); --accent-line: rgba(43, 93, 107, .35);
}
body.page-mjbot168 .in-hero {
  background: radial-gradient(700px 340px at 85% 0%, rgba(43,93,107,.07), transparent 60%);
}

/* 三栏记账 */
.lg-ledger {
  display: grid; grid-template-columns: 1.3fr .8fr .8fr; gap: 0;
  border: 1px solid var(--line-strong); border-radius: var(--radius-lg);
  overflow: hidden; background: var(--white);
}
.lg-ledger > div { padding: 22px 20px; border-right: 1px solid var(--line); }
.lg-ledger > div:last-child { border-right: 0; }
.lg-ledger span { font-family: var(--mono); font-size: 10.5px; font-weight: 700; letter-spacing: 1.6px; color: var(--muted); }
.lg-ledger strong { display: block; font-family: var(--serif); font-size: 28px; font-weight: 900; color: var(--accent-deep); margin: 10px 0 4px; }
.lg-ledger h3 { font-size: 15.5px; color: var(--ink); font-weight: 800; }
.lg-ledger p { font-size: 13px; color: var(--muted); margin-top: 8px; }
.lg-ledger .lg-col-note { background: var(--accent-soft); }

/* 记号表 */
.lg-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--white); }
.lg-table { min-width: 620px; }
.lg-table th, .lg-table td { padding: 13px 18px; text-align: left; font-size: 14px; }
.lg-table thead th {
  font-family: var(--mono); font-size: 11px; letter-spacing: 1.4px; text-transform: uppercase;
  color: var(--muted); border-bottom: 2px solid var(--accent); background: var(--paper-2);
}
.lg-table tbody tr { border-bottom: 1px solid var(--line); }
.lg-table tbody tr:last-child { border-bottom: 0; }
.lg-table tbody th { color: var(--ink); font-weight: 700; font-family: var(--serif); }
.lg-table td { color: var(--ink-2); }
.lg-table tr.is-bad td { color: #a3402f; }

/* 借贷式流程 */
.lg-flow { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.lg-flow li {
  position: relative; padding: 20px 16px; border-radius: var(--radius-lg);
  background: var(--white); border: 1px solid var(--line);
}
.lg-flow li::after {
  content: "→"; position: absolute; right: -13px; top: 50%; transform: translateY(-50%);
  color: var(--accent); font-family: var(--mono); font-size: 18px;
}
.lg-flow li:last-child::after { display: none; }
.lg-flow li span { font-family: var(--serif); font-size: 15px; font-weight: 900; color: var(--accent); }
.lg-flow li h3 { font-size: 14.5px; color: var(--ink); margin-top: 8px; font-weight: 800; }
.lg-flow li p { font-size: 12.5px; color: var(--muted); margin-top: 6px; }

/* 版本线 */
.lg-timeline { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.lg-timeline li { position: relative; padding: 20px 18px; border-radius: var(--radius-lg); background: var(--white); border: 1px solid var(--line); }
.lg-timeline li::before {
  content: ""; position: absolute; top: 34px; left: -14px; right: -14px; height: 2px; background: var(--line-strong);
}
.lg-timeline li:first-child::before { left: 18px; }
.lg-timeline li:last-child::before { right: 18px; }
.lg-timeline li span {
  display: inline-block; padding: 3px 10px; border-radius: 999px;
  background: var(--accent); color: #f0f4ee; font-family: var(--mono);
  font-size: 10.5px; font-weight: 700; letter-spacing: 1px;
}
.lg-timeline li h3 { font-size: 15px; margin-top: 12px; color: var(--ink); font-weight: 800; font-family: var(--serif); }
.lg-timeline li p { font-size: 13px; color: var(--muted); margin-top: 8px; }

/* 机器人回路 */
.lg-bot-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 34px; align-items: center; }
.lg-bot-copy h2 { font-family: var(--serif); }
.lg-bot-copy .in-kicker2 { margin-bottom: 10px; }
.lg-bot-copy p { color: var(--muted); font-size: 15px; margin-bottom: 10px; }
.lg-bot-copy a { color: var(--accent-deep); font-weight: 600; }
.lg-bot-loop { display: grid; gap: 12px; }
.lg-bot-loop li { display: grid; grid-template-columns: 44px 1fr; gap: 14px; align-items: start; padding: 16px 18px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--white); }
.lg-bot-loop li b { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--accent-soft); color: var(--accent-deep); font-family: var(--serif); font-size: 15px; }
.lg-bot-loop li h3 { font-size: 15.5px; color: var(--ink); font-weight: 800; font-family: var(--serif); }
.lg-bot-loop li p { font-size: 13px; color: var(--muted); margin-top: 5px; }

/* 核对三格 */
.lg-verify { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.lg-verify article { padding: 24px 20px; border-radius: var(--radius-lg); background: var(--white); border: 1px solid var(--line); }
.lg-verify article span { font-family: var(--mono); font-size: 11px; font-weight: 800; color: var(--taohua, #c96a5a); }
.lg-verify article h3 { font-size: 16px; color: var(--ink); margin-top: 10px; font-weight: 800; font-family: var(--serif); }
.lg-verify article p { font-size: 13.5px; color: var(--muted); margin-top: 8px; }

/* 场景 */
.lg-scenes { display: grid; gap: 12px; }
.lg-scenes article { display: grid; grid-template-columns: 64px 1fr; gap: 18px; padding: 20px 22px; border-radius: var(--radius-lg); background: var(--white); border: 1px solid var(--line); }
.lg-scenes article span { font-family: var(--serif); font-size: 24px; font-weight: 900; color: var(--accent); opacity: .5; }
.lg-scenes article h3 { font-size: 16px; color: var(--ink); font-weight: 800; font-family: var(--serif); }
.lg-scenes article p { font-size: 13.5px; color: var(--muted); margin-top: 6px; }

body.page-mjbot168 .acc-item { background: var(--white); }
body.page-mjbot168 .acc-trigger { color: var(--ink); }
body.page-mjbot168 .acc-panel { color: var(--ink-2); }
body.page-mjbot168 .in-strip-inner strong { color: var(--accent-deep); }

@media (max-width: 900px) {
  .lg-ledger { grid-template-columns: 1fr; }
  .lg-ledger > div { border-right: 0; border-bottom: 1px solid var(--line); }
  .lg-ledger > div:last-child { border-bottom: 0; }
  .lg-flow, .lg-timeline { grid-template-columns: 1fr 1fr; }
  .lg-timeline li::before { display: none; }
  .lg-bot-grid, .lg-verify, .lg-scenes { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .lg-flow, .lg-timeline { grid-template-columns: 1fr; }
}