/* mg168.com — 春江水暖鸭先知：诗笺下卷（水蓝 + 暖金） */
body.page-chunjiang {
  --paper: #eaf3f5; --paper-2: #dcebf0;
  --ink: #16303a; --ink-2: #2f4f5c; --muted: #5f7f8a;
  --accent: #2b5d6b; --accent-deep: #1e4753;
  --accent-soft: rgba(43, 93, 107, .09); --accent-line: rgba(43, 93, 107, .35);
  --warm: #d98a3a;
}
body.page-chunjiang .in-hero {
  background:
    radial-gradient(640px 320px at 85% 0%, rgba(43,93,107,.1), transparent 60%),
    radial-gradient(520px 260px at 10% 100%, rgba(217,138,58,.1), transparent 60%);
}
body.page-chunjiang .in-kicker {
  color: var(--accent-deep); background: var(--accent-soft); border-color: var(--accent-line);
}
body.page-chunjiang .in-hero h1 em { color: var(--warm); }
body.page-chunjiang .in-head .in-kicker2,
body.page-chunjiang .in-rel-grid a span { color: var(--accent-deep); }
body.page-chunjiang .in-strip-inner strong { color: var(--accent-deep); }

/* 原句 */
.cj-quote { text-align: center; padding: 12px 0; }
.cj-quote .cj-big {
  font-family: var(--serif); font-size: clamp(40px, 7vw, 84px); font-weight: 900;
  color: var(--ink); letter-spacing: 8px; line-height: 1.3;
}
.cj-quote .cj-big em { font-style: normal; color: var(--accent); }
.cj-quote p { margin-top: 16px; font-family: var(--serif); font-size: 16px; color: var(--muted); letter-spacing: 2px; }
.cj-quote .cj-seal {
  display: inline-grid; place-items: center; width: 52px; height: 52px; margin-top: 20px;
  border-radius: 6px; background: var(--accent); color: #eef6f4;
  font-family: var(--serif); font-weight: 900; font-size: 14px; writing-mode: vertical-rl;
  letter-spacing: 2px; transform: rotate(-4deg); box-shadow: 0 8px 18px rgba(43,93,107,.35);
}

/* 出处 */
.cj-src { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.cj-src article {
  padding: 24px 22px; border-radius: var(--radius-lg); background: var(--white);
  border: 1px solid var(--line);
}
.cj-src article span { font-family: var(--mono); font-size: 10.5px; font-weight: 700; letter-spacing: 1.6px; color: var(--muted); }
.cj-src article h3 { font-size: 17px; color: var(--ink); margin-top: 10px; font-weight: 800; font-family: var(--serif); }
.cj-src article p { font-size: 14px; color: var(--ink-2); margin-top: 9px; }

/* 三层解读 */
.cj-layers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.cj-layers article {
  position: relative; padding: 26px 20px; border-radius: var(--radius-lg);
  background: var(--white); border: 1px solid var(--line); overflow: hidden;
}
.cj-layers article::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; }
.cj-layers .l1::before { background: var(--accent); }
.cj-layers .l2::before { background: var(--warm); }
.cj-layers .l3::before { background: #7aa8b4; }
.cj-layers article span { font-family: var(--serif); font-size: 20px; font-weight: 900; color: var(--accent); }
.cj-layers article h3 { font-size: 16px; color: var(--ink); margin-top: 10px; font-weight: 800; font-family: var(--serif); }
.cj-layers article p { font-size: 13.5px; color: var(--muted); margin-top: 8px; }

/* 水暖的物理 */
.cj-physics { display: grid; grid-template-columns: 1.1fr .9fr; gap: 30px; align-items: center; }
.cj-physics-copy .in-kicker2 { margin-bottom: 10px; }
.cj-physics-copy h2 { font-family: var(--serif); }
.cj-physics-copy p { color: var(--muted); font-size: 15px; margin-bottom: 10px; }
.cj-thermo {
  display: grid; grid-template-columns: 1fr 1fr; gap: 14px;
}
.cj-thermo div {
  padding: 22px 18px; border-radius: var(--radius-lg); background: var(--white);
  border: 1px solid var(--line); text-align: center;
}
.cj-thermo .t-cold { background: rgba(43,93,107,.06); }
.cj-thermo .t-warm { background: rgba(217,138,58,.1); border-color: rgba(217,138,58,.35); }
.cj-thermo i {
  font-style: normal; display: block; font-family: var(--serif); font-size: 40px; font-weight: 900; line-height: 1.1;
}
.cj-thermo .t-cold i { color: var(--accent); }
.cj-thermo .t-warm i { color: var(--warm); }
.cj-thermo p { font-size: 13px; color: var(--muted); margin-top: 8px; }
.cj-thermo .t-warm p { color: var(--ink-2); }

/* 先知者视角 */
.cj-perspective { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.cj-perspective article {
  padding: 26px 24px; border-radius: var(--radius-lg); background: var(--white);
  border: 1px solid var(--line); position: relative;
}
.cj-perspective article span {
  font-family: var(--mono); font-size: 10.5px; font-weight: 700; letter-spacing: 1.6px; color: var(--muted);
}
.cj-perspective article h3 { font-size: 17px; color: var(--ink); margin-top: 10px; font-weight: 800; font-family: var(--serif); }
.cj-perspective article p { font-size: 14px; color: var(--muted); margin-top: 10px; }
.cj-perspective .is-duck { border: 1.5px solid var(--accent-line); box-shadow: inset 0 0 0 3px var(--accent-soft); }

/* 时序条 */
.cj-season { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.cj-season li {
  position: relative; padding: 20px 16px; border-radius: var(--radius-lg);
  background: var(--white); border: 1px solid var(--line);
}
.cj-season li::after {
  content: "→"; position: absolute; right: -13px; top: 50%; transform: translateY(-50%);
  color: var(--accent); font-family: var(--mono); font-size: 18px;
}
.cj-season li:last-child::after { display: none; }
.cj-season li.is-here { border: 1.5px solid var(--warm); box-shadow: 0 0 0 3px rgba(217,138,58,.15); }
.cj-season li span { font-family: var(--serif); font-size: 15px; font-weight: 900; color: var(--accent-deep); }
.cj-season li.is-here span { color: var(--warm); }
.cj-season li h3 { font-size: 14.5px; color: var(--ink); margin-top: 8px; font-weight: 800; font-family: var(--serif); }
.cj-season li p { font-size: 12.5px; color: var(--muted); margin-top: 6px; }

/* 与房间的边界 */
.cj-bound { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.cj-bound article {
  padding: 22px 20px; border-radius: var(--radius-lg); background: var(--white);
  border: 1px solid var(--line);
}
.cj-bound article.is-yes { border-left: 4px solid var(--accent); }
.cj-bound article.is-no { border-left: 4px solid var(--warm); }
.cj-bound article h3 { font-size: 15.5px; color: var(--ink); font-weight: 800; font-family: var(--serif); }
.cj-bound article p { font-size: 13.5px; color: var(--muted); margin-top: 8px; }

/* 全诗呼应 */
.cj-echo {
  border: 1px solid var(--line-strong); border-radius: var(--radius-lg);
  background: var(--white); padding: 28px;
}
.cj-echo-lines { display: grid; gap: 12px; }
.cj-echo-lines li {
  display: grid; grid-template-columns: 130px 1fr; gap: 16px; align-items: center;
  padding: 12px 16px; border-radius: var(--radius);
  font-family: var(--serif); font-size: 18px; color: var(--ink); letter-spacing: 2px;
}
.cj-echo-lines li span { font-family: var(--mono); font-size: 11px; color: var(--muted); letter-spacing: 1px; }
.cj-echo-lines li.is-up { color: var(--accent-deep); background: var(--accent-soft); }
.cj-echo-note { margin-top: 18px; padding-top: 16px; border-top: 1px dashed var(--line-strong); font-size: 14px; color: var(--muted); }
.cj-echo-note a { color: var(--accent-deep); font-weight: 600; }

body.page-chunjiang .acc-item { background: var(--white); }
body.page-chunjiang .acc-trigger { color: var(--ink); }
body.page-chunjiang .acc-panel { color: var(--ink-2); }

@media (max-width: 900px) {
  .cj-layers { grid-template-columns: 1fr; }
  .cj-physics, .cj-perspective, .cj-bound, .cj-src { grid-template-columns: 1fr; }
  .cj-season { grid-template-columns: 1fr 1fr; }
  .cj-season li::after { display: none; }
  .cj-echo-lines li { grid-template-columns: 1fr; gap: 4px; }
}
@media (max-width: 560px) {
  .cj-season { grid-template-columns: 1fr; }
  .cj-quote .cj-big { letter-spacing: 4px; }
}