/* 《纳瓦尔宝典》读书笔记 · 2026-10-16 改版 · 对应 Artifact：Temp/261016-纳瓦尔宝典-Artifact/naval-almanack.html
   财富、幸福两条主线：财富线金色＋方点，幸福线青绿＋圆圈；划线金句做成荧光笔划线；图解单栏大图，点开用共用看大图层。
   全部限定在 .naval-almanack-notes 内；小程序样式见 Temp/261016-读书改版-网站/naval-almanack-mp.py。 */
.naval-almanack-notes {
  --nv-serif: "Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", "SimSun", serif;
  --nv-wealth: #e6b450;
  --nv-wealth-soft: rgba(230, 180, 80, .09);
  --nv-wealth-hl: rgba(230, 180, 80, .22);
  --nv-calm: var(--green);
  --nv-calm-soft: rgba(100, 255, 218, .07);
  --nv-calm-hl: rgba(100, 255, 218, .15);
  --nv-plain-soft: rgba(100, 255, 218, .05);
  --nv-plain-hl: rgba(136, 146, 176, .2);
  font-size: 16.5px;
  line-height: 1.95;
  color: var(--light-slate);
}
.naval-almanack-notes > section:not(.nv-slides),
.naval-almanack-notes > .nv-switch { max-width: 44em; }
.naval-almanack-notes p { margin: 0 0 1em; }
.naval-almanack-notes strong { color: var(--white); font-weight: 700; }
.naval-almanack-notes ul,
.naval-almanack-notes ol { list-style: none; }
.naval-almanack-notes .nv-sep {
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
.naval-almanack-notes [id^="nv-"] { scroll-margin-top: 24px; }

/* ── 开头：正文内目录＋杠杆与水波小视觉 ── */
.naval-almanack-notes .nv-intro {
  display: grid; grid-template-columns: minmax(0, 1fr) 250px; gap: 28px; align-items: center;
  margin: 0 0 8px; padding: 4px 0 26px; border-bottom: 1px solid var(--lightest-navy);
}
.naval-almanack-notes .nv-toc-row {
  position: relative; display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 8px; margin: 0 0 12px;
  padding-left: 7.6em; min-height: 30px; font-size: 14px; line-height: 1.5;
}
.naval-almanack-notes .nv-toc-part {
  position: absolute; left: 0; top: 4px; display: inline-flex; align-items: baseline; gap: 8px;
  font-weight: 700; color: var(--lightest-slate);
}
.naval-almanack-notes .nv-toc-no { font-family: var(--mono); font-size: 12px; font-weight: 400; color: var(--slate); }
.naval-almanack-notes .nv-toc-link {
  display: inline-flex; align-items: center; gap: 7px; padding: 3px 10px; border: 1px solid var(--lightest-navy);
  border-radius: 999px; color: var(--light-slate); transition: border-color .15s, color .15s;
}
.naval-almanack-notes .nv-toc-link::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--slate); }
.naval-almanack-notes .nv-toc-w::before { background: var(--nv-wealth); border-radius: 1px; transform: rotate(45deg); }
.naval-almanack-notes .nv-toc-c::before { background: transparent; border: 1.5px solid var(--nv-calm); }
.naval-almanack-notes .nv-toc a:hover,
.naval-almanack-notes .nv-toc a:focus-visible { color: var(--white); outline: none; }
.naval-almanack-notes .nv-toc-link:hover,
.naval-almanack-notes .nv-toc-link:focus-visible { border-color: var(--slate); }
.naval-almanack-notes .nv-toc-w:hover,
.naval-almanack-notes .nv-toc-w:focus-visible { border-color: var(--nv-wealth); }
.naval-almanack-notes .nv-toc-c:hover,
.naval-almanack-notes .nv-toc-c:focus-visible { border-color: var(--nv-calm); }
.naval-almanack-notes .nv-legend { display: flex; gap: 18px; margin: 4px 0 0; font-size: 12px; color: var(--slate); }
.naval-almanack-notes .nv-legend i { display: inline-block; width: 7px; height: 7px; margin-right: 8px; vertical-align: 1px; }
.naval-almanack-notes .nv-lw { background: var(--nv-wealth); border-radius: 1px; transform: rotate(45deg); }
.naval-almanack-notes .nv-lc { border: 1.5px solid var(--nv-calm); border-radius: 50%; }

/* 小视觉：左边一根杠杆（财富），右边一圈圈水波（幸福） */
.naval-almanack-notes .nv-emblem { position: relative; width: 250px; height: 170px; }
.naval-almanack-notes .nv-emblem i,
.naval-almanack-notes .nv-emblem b { position: absolute; display: block; }
.naval-almanack-notes .nv-beam { left: 6px; top: 98px; width: 168px; height: 4px; border-radius: 2px; background: var(--nv-wealth); transform: rotate(14deg); transform-origin: 46px 2px; }
.naval-almanack-notes .nv-load { left: 14px; top: 64px; width: 30px; height: 30px; border-radius: 50%; border: 3px solid var(--nv-wealth); transform: rotate(14deg); transform-origin: 38px 36px; }
.naval-almanack-notes .nv-fulcrum { left: 36px; top: 102px; width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 28px solid var(--nv-wealth); opacity: .75; }
.naval-almanack-notes .nv-ground { left: 0; top: 130px; width: 120px; height: 1px; background: var(--lightest-navy); }
.naval-almanack-notes .nv-pool { position: absolute; left: 150px; top: 40px; width: 100px; height: 100px; }
.naval-almanack-notes .nv-pool i { inset: 0; border: 1.5px solid var(--nv-calm); border-radius: 50%; opacity: 0; animation: nv-ripple 6s ease-out infinite; }
.naval-almanack-notes .nv-pool i:nth-child(2) { animation-delay: 2s; }
.naval-almanack-notes .nv-pool i:nth-child(3) { animation-delay: 4s; }
.naval-almanack-notes .nv-pool b { left: 46px; top: 46px; width: 8px; height: 8px; border-radius: 50%; background: var(--nv-calm); }
@keyframes nv-ripple { 0% { transform: scale(.1); opacity: .9; } 100% { transform: scale(1); opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  .naval-almanack-notes .nv-pool i { animation: none; opacity: .55; }
  .naval-almanack-notes .nv-pool i:nth-child(1) { transform: scale(.35); }
  .naval-almanack-notes .nv-pool i:nth-child(2) { transform: scale(.68); opacity: .35; }
  .naval-almanack-notes .nv-pool i:nth-child(3) { transform: scale(1); opacity: .18; }
}

/* ── 三大段：深度总结 / 读书摘抄 / 图解 ── */
.naval-almanack-notes .art-h2 { margin: 2.6em 0 .9em; font-size: 24px; font-weight: 900; color: var(--white); }
.naval-almanack-notes .nv-part { margin-top: 8px; }
.naval-almanack-notes .nv-thesis {
  padding: 22px 24px; border: 1px solid var(--lightest-navy); border-radius: 12px; background: var(--light-navy);
}
.naval-almanack-notes .nv-thesis-en { margin: 0 0 6px; font-family: var(--mono); font-size: 12px; letter-spacing: .2em; color: var(--slate); }
.naval-almanack-notes .nv-thesis h3 { margin: 0 0 10px; font-size: 19px; line-height: 1.55; color: var(--white); }
.naval-almanack-notes .nv-thesis p:last-child { margin-bottom: 0; }
.naval-almanack-notes .nv-note {
  margin: 16px 0 0; padding: 4px 0 4px 18px; border-left: 2px solid var(--lightest-navy);
  font-size: 15px; line-height: 1.85; color: var(--slate);
}
.naval-almanack-notes .nv-note strong { color: var(--lightest-slate); }

/* 两条主线的分界 */
.naval-almanack-notes .nv-switch {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px;
  margin: 52px 0 0; font-size: 12.5px; letter-spacing: .2em;
}
.naval-almanack-notes .nv-switch i { height: 2px; border-radius: 1px; background: linear-gradient(90deg, var(--nv-wealth), var(--nv-calm)); }
.naval-almanack-notes .nv-sw { color: var(--nv-wealth); }
.naval-almanack-notes .nv-sc { color: var(--nv-calm); }

/* 每个部分：--c 主线色 / --soft 底色 / --hl 划线色 */
.naval-almanack-notes .nv-sec { --c: var(--lightest-slate); --soft: var(--nv-plain-soft); --hl: var(--nv-plain-hl); margin-top: 44px; }
.naval-almanack-notes .nv-sec.nv-w { --c: var(--nv-wealth); --soft: var(--nv-wealth-soft); --hl: var(--nv-wealth-hl); }
.naval-almanack-notes .nv-sec.nv-c { --c: var(--nv-calm); --soft: var(--nv-calm-soft); --hl: var(--nv-calm-hl); }
.naval-almanack-notes .nv-sec-head { margin-bottom: 8px; padding-top: 18px; border-top: 3px solid var(--c); }
.naval-almanack-notes .nv-sec:not(.nv-w):not(.nv-c) .nv-sec-head { border-top-color: var(--lightest-navy); }
.naval-almanack-notes .nv-meta {
  display: flex; align-items: center; gap: 12px; margin: 0 0 6px;
  font-size: 12.5px; letter-spacing: .12em; color: var(--slate); font-variant-numeric: tabular-nums;
}
.naval-almanack-notes .nv-chip {
  display: inline-flex; align-items: center; gap: 7px; padding: 0 10px 0 8px; border: 1px solid var(--c); border-radius: 999px;
  font-size: 12px; letter-spacing: .16em; line-height: 1.7; color: var(--c);
}
.naval-almanack-notes .nv-chip::before { content: ""; width: 7px; height: 7px; }
.naval-almanack-notes .nv-w .nv-chip::before { background: var(--nv-wealth); border-radius: 1px; transform: rotate(45deg); }
.naval-almanack-notes .nv-c .nv-chip::before { border: 1.5px solid var(--nv-calm); border-radius: 50%; }
.naval-almanack-notes .nv-sec-head h3 { margin: 0; font-size: 20px; line-height: 1.5; color: var(--white); }
.naval-almanack-notes .nv-sec-en { display: block; margin-top: 2px; font-size: 12px; font-weight: 500; letter-spacing: .14em; color: var(--c); }
.naval-almanack-notes .nv-sec:not(.nv-w):not(.nv-c) .nv-sec-en { color: var(--slate); }
.naval-almanack-notes .nv-sec h4 { margin: 30px 0 10px; font-size: 17.5px; line-height: 1.55; color: var(--lightest-slate); }
.naval-almanack-notes .nv-n { margin-right: 2px; color: var(--c); font-variant-numeric: tabular-nums; }
.naval-almanack-notes .nv-sec:not(.nv-w):not(.nv-c) .nv-n { color: var(--slate); }

/* 要点：“粗体：正文”，前面一个主线记号 */
.naval-almanack-notes .nv-items { display: grid; gap: 10px; margin: 0 0 1em; }
.naval-almanack-notes .nv-items > li { position: relative; padding-left: 18px; }
.naval-almanack-notes .nv-items > li::before {
  content: ""; position: absolute; left: 0; top: .78em; width: 6px; height: 6px; border-radius: 1px;
  background: var(--c); transform: rotate(45deg);
}
.naval-almanack-notes .nv-c .nv-items > li::before { border-radius: 50%; transform: none; background: transparent; border: 1.5px solid var(--c); }
.naval-almanack-notes .nv-sec:not(.nv-w):not(.nv-c) .nv-items > li::before { background: var(--slate); }

/* 卡片：三个概念 / 前后对照 / 杠杆 / 心智模型 */
.naval-almanack-notes .nv-trio,
.naval-almanack-notes .nv-levers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 4px 0 1em; }
.naval-almanack-notes .nv-models { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0 0 1em; }
.naval-almanack-notes .nv-models > .nv-card:last-child { grid-column: 1 / -1; }
.naval-almanack-notes .nv-versus { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 12px; align-items: stretch; margin: 0 0 1em; }
.naval-almanack-notes .nv-card {
  min-width: 0; padding: 16px 18px; border: 1px solid var(--lightest-navy); border-radius: 10px;
  font-size: 15.5px; line-height: 1.8;
}
.naval-almanack-notes .nv-card dt { margin-bottom: 6px; font-weight: 700; line-height: 1.5; color: var(--white); }
.naval-almanack-notes .nv-models dt span { font-weight: 500; color: var(--slate); }
.naval-almanack-notes .nv-card.nv-key,
.naval-almanack-notes .nv-versus > .nv-card:last-child { border-color: var(--c); background: var(--soft); }
.naval-almanack-notes .nv-arrow { align-self: center; font-size: 20px; color: var(--c); }
.naval-almanack-notes .nv-levers dd ul { margin-top: 10px; padding-top: 10px; border-top: 1px dashed var(--lightest-navy); }
.naval-almanack-notes .nv-quote-inline { font-family: var(--nv-serif); font-weight: 700; color: var(--white); }
.naval-almanack-notes .nv-callout {
  margin: 14px 0 0; padding: 14px 18px; border-left: 3px solid var(--c); border-radius: 0 10px 10px 0; background: var(--soft);
}
.naval-almanack-notes .nv-rules { display: grid; gap: 10px; }
.naval-almanack-notes .nv-rules .nv-callout { margin: 0; }

/* 四种运气：一级级往上走 */
.naval-almanack-notes .nv-luck { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; align-items: end; margin: 18px 0 0; }
.naval-almanack-notes .nv-luck-item {
  min-width: 0; padding: 14px 14px 12px; border: 1px solid var(--lightest-navy); border-top: 3px solid var(--c); border-radius: 8px;
  background: var(--light-navy); font-size: 14.5px; line-height: 1.7;
}
.naval-almanack-notes .nv-luck-item strong { display: block; margin-bottom: 4px; }
.naval-almanack-notes .nv-luck-item:nth-child(1) { opacity: .86; }
.naval-almanack-notes .nv-luck-item:nth-child(2) { margin-bottom: 22px; }
.naval-almanack-notes .nv-luck-item:nth-child(3) { margin-bottom: 44px; }
.naval-almanack-notes .nv-luck-item:nth-child(4) { margin-bottom: 66px; border-color: var(--c); background: var(--soft); }

/* 排比 */
.naval-almanack-notes .nv-chant {
  margin: 8px 0 1em; padding: 22px 26px; border: 1px solid var(--lightest-navy); border-radius: 12px; background: var(--light-navy);
  font-family: var(--nv-serif); font-size: 18px; line-height: 2; color: var(--lightest-slate);
}
.naval-almanack-notes .nv-chant-line { display: block; }
.naval-almanack-notes .nv-chant-last { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--lightest-navy); font-size: 19px; font-weight: 900; color: var(--c); }

/* 人生公式 */
.naval-almanack-notes .nv-formulas {
  margin: 6px 0 0; border: 1px solid var(--lightest-navy); border-radius: 12px; overflow: hidden; background: var(--light-navy);
}
.naval-almanack-notes .nv-formula {
  display: grid; grid-template-columns: 5.6em minmax(0, 1fr); gap: 10px; align-items: baseline;
  padding: 12px 20px; border-top: 1px solid var(--lightest-navy);
}
.naval-almanack-notes .nv-formula:first-child { border-top: 0; }
.naval-almanack-notes .nv-formula strong { font-family: var(--nv-serif); font-size: 18px; }
.naval-almanack-notes .nv-fw strong { color: var(--nv-wealth); }
.naval-almanack-notes .nv-fc strong { color: var(--nv-calm); }
.naval-almanack-notes .nv-rhs { font-variant-numeric: tabular-nums; }
.naval-almanack-notes .nv-numbered { counter-reset: nv-f; }
.naval-almanack-notes .nv-numbered .nv-formula { grid-template-columns: 1.6em 6.4em minmax(0, 1fr); counter-increment: nv-f; }
.naval-almanack-notes .nv-numbered .nv-formula::before { content: counter(nv-f); font-family: var(--mono); font-size: 13px; color: var(--slate); }

/* 结语 */
.naval-almanack-notes .nv-coda { margin: 30px 0 0; padding: 26px 28px; border: 1px solid var(--c); border-radius: 12px; background: var(--soft); }
.naval-almanack-notes .nv-coda-lbl { display: block; font-size: 12.5px; letter-spacing: .18em; color: var(--c); }
.naval-almanack-notes .nv-coda-lbl strong { color: inherit; }
.naval-almanack-notes .nv-epic { display: block; margin: 10px 0 12px; font-family: var(--nv-serif); font-size: 19.5px; font-weight: 700; line-height: 1.9; color: var(--white); }
.naval-almanack-notes .nv-coda-last { display: block; color: var(--lightest-slate); }

/* ── 读书摘抄：划线金句 ── */
.naval-almanack-notes .nv-q { margin-top: 34px; }
.naval-almanack-notes .nv-q h4 { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; margin: 0 0 12px; }
.naval-almanack-notes .nv-pg { font-family: var(--mono); font-size: 12.5px; font-weight: 400; letter-spacing: .02em; color: var(--slate); }
.naval-almanack-notes .nv-lbl { display: block; margin-bottom: 6px; font-size: 12px; letter-spacing: .18em; color: var(--slate); }
.naval-almanack-notes .nv-hl { display: grid; gap: 12px; margin: 0 0 14px; }
.naval-almanack-notes .nv-hl li { position: relative; padding-left: 20px; font-family: var(--nv-serif); font-size: 17.5px; line-height: 1.95; color: var(--lightest-slate); }
.naval-almanack-notes .nv-hl li::before {
  content: ""; position: absolute; left: 2px; top: .35em; bottom: .35em; width: 3px; border-radius: 2px; background: var(--c); opacity: .7;
}
.naval-almanack-notes .nv-sec:not(.nv-w):not(.nv-c) .nv-hl li::before { background: var(--slate); }
.naval-almanack-notes .nv-hl li strong {
  padding: 0 1px; font-weight: 700;
  background: linear-gradient(transparent 58%, var(--hl) 58%, var(--hl) 94%, transparent 94%);
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
.naval-almanack-notes .nv-hl .nv-hl-sub {
  margin: 4px 0 -6px; padding-left: 0; font-family: inherit; font-size: 12.5px; letter-spacing: .14em; color: var(--slate);
}
.naval-almanack-notes .nv-hl .nv-hl-sub::before { display: none; }
.naval-almanack-notes .nv-ctx {
  margin: 0; padding: 12px 16px; border: 1px solid var(--lightest-navy); border-radius: 8px; background: var(--light-navy);
  font-size: 15px; line-height: 1.85;
}
.naval-almanack-notes .nv-ctx-lbl { display: block; margin-bottom: 2px; font-size: 12px; font-weight: 500; letter-spacing: .18em; color: var(--slate); }

/* ── PPT 图解：单栏大图，点开看大图（reading-viewer.js） ── */
.naval-almanack-notes .nv-deck-hint { margin: -6px 0 20px; font-size: 14px; color: var(--slate); }
.naval-almanack-notes .nv-deck { display: grid; gap: 28px; }
.naval-almanack-notes .nv-slide { margin: 0; }
.naval-almanack-notes .nv-slide img {
  display: block; width: 100%; height: auto; border: 1px solid rgba(230, 180, 80, .32); border-radius: 10px; background: #f7f5ef;
  transition: border-color .15s;
}
.naval-almanack-notes .nv-slide img:hover { border-color: var(--nv-wealth); }
.naval-almanack-notes .nv-slide-no { margin-top: 8px; font-family: var(--mono); font-size: 12.5px; letter-spacing: .12em; color: var(--slate); }

@media (max-width: 900px) {
  .naval-almanack-notes .nv-intro { grid-template-columns: minmax(0, 1fr); }
  .naval-almanack-notes .nv-emblem { display: none; }
  .naval-almanack-notes .nv-luck { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .naval-almanack-notes .nv-luck-item,
  .naval-almanack-notes .nv-luck-item:nth-child(n) { margin-bottom: 0; }
  .naval-almanack-notes .nv-luck-item:nth-child(2) { margin-left: 5%; }
  .naval-almanack-notes .nv-luck-item:nth-child(3) { margin-left: 10%; }
  .naval-almanack-notes .nv-luck-item:nth-child(4) { margin-left: 15%; }
  .naval-almanack-notes .nv-trio,
  .naval-almanack-notes .nv-levers,
  .naval-almanack-notes .nv-models { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
  .naval-almanack-notes { font-size: 16px; line-height: 1.9; }
  .naval-almanack-notes .art-h2 { font-size: 21px; }
  .naval-almanack-notes .nv-toc-row { padding-left: 0; }
  .naval-almanack-notes .nv-toc-part { position: static; width: 100%; }
  .naval-almanack-notes .nv-thesis,
  .naval-almanack-notes .nv-chant,
  .naval-almanack-notes .nv-coda { padding: 18px; }
  .naval-almanack-notes .nv-sec-head h3 { font-size: 18.5px; }
  .naval-almanack-notes .nv-sec h4 { font-size: 16.5px; }
  .naval-almanack-notes .nv-versus { grid-template-columns: minmax(0, 1fr); }
  .naval-almanack-notes .nv-arrow { justify-self: center; transform: rotate(90deg); }
  .naval-almanack-notes .nv-chant { font-size: 17px; }
  .naval-almanack-notes .nv-formula { grid-template-columns: minmax(0, 1fr); gap: 0; padding: 12px 14px; }
  .naval-almanack-notes .nv-numbered .nv-formula { grid-template-columns: 1.6em minmax(0, 1fr); }
  .naval-almanack-notes .nv-numbered .nv-rhs { grid-column: 2; }
  .naval-almanack-notes .nv-hl li { font-size: 16.5px; }
  .naval-almanack-notes .nv-epic { font-size: 18px; }
  .naval-almanack-notes .nv-deck { gap: 20px; }
}