/* 李文靖 · 火的消隐：从夜里的炉火一路冷到冰。首屏是暗红的夜，往下每一问的底色褪一点温度，
   最后落在冰的灰蓝里。字用细的宋体与 18 世纪末的高反差衬线（Playfair），像拉瓦锡夫人的细线铜版。 */
.c-li-wenjing {
  --bg: #120d0a; --paper: #211812; --ink: #f4e8d8; --ink-2: #d8c6af; --ink-3: #ab9880; --rule: rgba(244, 232, 216, .16);
  --acc: #ff9a3d; --acc-ink: #1b1410; --ember: #ff9a3d; --ice: #9fbfd6;
  --head: "Noto Serif SC", "Songti SC", serif; --body: "Noto Serif SC", "Songti SC", serif; --lat: "Playfair Display", "Noto Serif SC", Georgia, serif;
  --bar-bg: rgba(18, 13, 10, .82); --bar-ink: #f4e8d8; --chip-bg: rgba(33, 24, 18, .92); --chip-ring: #211812;
  background: #120d0a; color: var(--ink);
}
.c-li-wenjing .dlg { --dlg-bg: #efe9e2; --dlg-paper: #fffcf8; --dlg-ink: #1f1a16; --dlg-ink-2: #4c433b; --dlg-ink-3: #6c6156;
  --dlg-me: #2a1a12; --dlg-me-ink: #fff3e6; --dlg-acc: #b4491a; }

/* 各段的温度：暗红 → 日光 → 纸白 → 雾蓝 → 冰 */
.c-li-wenjing #homberg, .c-li-wenjing #modern, .c-li-wenjing #britain, .c-li-wenjing #pauling, .c-li-wenjing #end { --paper: #fffdf8; --ink: #22201d; --ink-2: #4b4640; --ink-3: #6b645b; --rule: rgba(34, 32, 29, .16); --acc: #b4491a; --acc-ink: #fff;
  --chip-bg: rgba(255, 253, 248, .9); --chip-ring: #fffdf8; }
.c-li-wenjing .c3hero { background: radial-gradient(60% 70% at 22% 34%, rgba(255, 130, 40, calc(.20 * var(--glow, 1))), transparent 70%), #120d0a; }
.c-li-wenjing #dalembert { --bg: #1b1410; background: linear-gradient(180deg, #120d0a, #1b1410 30%); }
.c-li-wenjing #fire { --bg: #1b1410; background: var(--bg); transition: background-color 1.2s; }
.c-li-wenjing #fire::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 90px; pointer-events: none; background: linear-gradient(180deg, transparent, #f3ead9); opacity: .9; transition: opacity 1s; }
.c-li-wenjing #fire.is-cold { --bg: #eef2f4; --paper: #fdfeff; --ink: #18202a; --ink-2: #414b57; --ink-3: #616b77; --rule: rgba(24, 32, 42, .16); --acc: #2f6a9a; --acc-ink: #fff;
  --chip-bg: rgba(253, 254, 255, .9); --chip-ring: #fdfeff; color: var(--ink); }
.c-li-wenjing #fire.is-cold::after { background: linear-gradient(180deg, transparent, #f3ead9); opacity: .6; }
.c-li-wenjing #homberg { --bg: #f3ead9; background: radial-gradient(70% 60% at 8% 30%, rgba(255, 200, 110, .30), transparent 70%), #f3ead9; }
.c-li-wenjing #modern { --bg: #f2f0ea; background: linear-gradient(180deg, #f3ead9, #f2f0ea 22%); }
.c-li-wenjing #britain { --bg: #e9edf0; background: linear-gradient(180deg, #f2f0ea, #e9edf0 22%); --acc: #2f5d86; }
.c-li-wenjing #pauling { --bg: #e8f0f5; background: linear-gradient(180deg, #e9edf0, #e8f0f5 22%); --acc: #2a64a0; }
.c-li-wenjing #end { --bg: #f1f5f8; background: linear-gradient(180deg, #e8f0f5, #f1f5f8 26%); --acc: #2a64a0; }
.c-li-wenjing .c3q, .c-li-wenjing .c3end { color: var(--ink); }

/* 页头：上半段是夜，下半段换成雾白 */
.c-li-wenjing .c3bar { border-bottom-color: rgba(255, 154, 61, .25); transition: background-color .6s, color .6s; }
.c-li-wenjing .c3bar__prog { background: linear-gradient(90deg, #ff9a3d, #ffd27a 30%, #9fbfd6 70%, #2a64a0); }
.c-li-wenjing[data-cur="homberg"] .c3bar, .c-li-wenjing[data-cur="modern"] .c3bar, .c-li-wenjing[data-cur="britain"] .c3bar,
.c-li-wenjing[data-cur="pauling"] .c3bar, .c-li-wenjing[data-cur="end"] .c3bar, .c-li-wenjing.lw-cold-bar .c3bar { background: rgba(244, 246, 247, .9); color: #1b222b; border-bottom-color: rgba(27, 34, 43, .14); }

/* 目录：前三项是火苗，往后是水滴 */
.c-li-wenjing .c3toc a { font-family: var(--lat); font-style: italic; font-size: 13px; color: #a8967f; }
.c-li-wenjing[data-cur="homberg"] .c3toc a, .c-li-wenjing[data-cur="modern"] .c3toc a, .c-li-wenjing[data-cur="britain"] .c3toc a,
.c-li-wenjing[data-cur="pauling"] .c3toc a, .c-li-wenjing[data-cur="end"] .c3toc a { color: #59636e; }
.c-li-wenjing .c3toc a span { font-family: var(--body); font-style: normal; font-size: 12.5px; }
.c-li-wenjing .c3toc a::after { width: 10px; height: 14px; border: 0; border-radius: 50% 50% 50% 50% / 62% 62% 38% 38%;
  background: color-mix(in srgb, #ff9a3d calc((1 - var(--t)) * 100%), #6f9ec4); opacity: .55; transition: opacity .3s, transform .3s; }
.c-li-wenjing .c3toc .lw-tk--w::after { border-radius: 50% 50% 50% 50% / 38% 38% 62% 62%; }
.c-li-wenjing .c3toc a[aria-current="true"]::after { opacity: 1; transform: scale(1.35); box-shadow: 0 0 10px color-mix(in srgb, #ff9a3d calc((1 - var(--t)) * 100%), #6f9ec4); }
.c-li-wenjing .c3toc a[aria-current="true"] { color: var(--acc); }

/* ---------------- 首屏 ---------------- */
.c-li-wenjing .c3hero { padding: calc(var(--bar) + 18px) clamp(16px, 4vw, 64px) 40px; overflow-x: clip; }
.lw-hero { display: grid; grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); gap: clamp(24px, 4vw, 72px); align-items: start; max-width: 1300px; margin: 0 auto; }
.lw-cal { margin: 0; }
.lw-cal__box { position: relative; width: min(100%, calc((100svh - var(--bar) - 70px) * 720 / 1270)); aspect-ratio: 720 / 1270; margin: 0 auto; }
.lw-cal__img { position: relative; z-index: 1; display: block; width: 100%; height: 100%; object-fit: contain;
  -webkit-mask-image: radial-gradient(circle at 55.6% 20%, #000 0, #000 calc(var(--lit, 30) * 1%), rgba(0, 0, 0, .34) calc(var(--lit, 30) * 2.1%), rgba(0, 0, 0, .2) 100%), linear-gradient(90deg, #000 84%, transparent);
  mask-image: radial-gradient(circle at 55.6% 20%, #000 0, #000 calc(var(--lit, 30) * 1%), rgba(0, 0, 0, .34) calc(var(--lit, 30) * 2.1%), rgba(0, 0, 0, .2) 100%), linear-gradient(90deg, #000 84%, transparent);
  -webkit-mask-composite: source-in; mask-composite: intersect; }
.lw-cal__fire { position: absolute; z-index: 0; left: -10%; top: -6%; width: 120%; height: 62%; pointer-events: none;
  -webkit-mask-image: linear-gradient(180deg, #000 72%, transparent); mask-image: linear-gradient(180deg, #000 72%, transparent); }
.lw-cal__drips { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; }
.lw-cal__drips i { position: absolute; left: 56.9%; top: 57.4%; width: 7px; height: 10px; margin-left: -3.5px; border-radius: 50% 50% 50% 50% / 40% 40% 60% 60%;
  background: radial-gradient(circle at 40% 35%, #f2fbff, #9fc9e6 55%, #5f93ba); opacity: 0; }
.lw-cal__drips i.go { animation: lw-drip var(--d, 1.4s) cubic-bezier(.5, 0, .9, .6) forwards; }
@keyframes lw-drip { 0% { opacity: 0; transform: translateY(0) scale(.6); } 12% { opacity: 1; transform: translateY(0) scale(1); } 100% { opacity: 0; transform: translateY(var(--fall, 90px)) scale(1, 1.1); } }
.lw-cal figcaption { max-width: 34em; margin: 10px auto 0; font-size: 12.5px; line-height: 1.7; color: var(--ink-3); }
.no-js .lw-js { display: none; }

.lw-id { padding-top: 26px; }
.lw-kick { margin: 0; font-size: 13px; letter-spacing: .16em; color: var(--ink-3); }
.lw-name { margin: 8px 0 0; font-family: var(--head); font-weight: 300; font-size: clamp(64px, 8vw, 112px); line-height: 1.02; letter-spacing: .12em;
  color: #fff3e2; text-shadow: 0 0 calc(30px * var(--glow, 1)) rgba(255, 130, 40, calc(.55 * var(--glow, 1))); }
.lw-en { display: flex; align-items: baseline; gap: 14px; margin: 10px 0 18px; font-family: var(--lat); font-style: italic; font-size: 25px; color: #f0dcc4; }
.lw-en b { font-weight: 400; font-size: 17px; color: var(--ink-3); }
.lw-who { margin: 0 0 6px; font-size: 19px; font-weight: 600; line-height: 1.55; }
.lw-now { margin: 0 0 16px; font-size: 14.5px; line-height: 1.7; color: var(--ink-2); }
.lw-rel { margin: 0 0 14px; padding: 12px 16px; border-left: 2px solid var(--ember); background: linear-gradient(90deg, rgba(255, 154, 61, .1), rgba(255, 154, 61, .02)); }
.lw-rel p { margin: 0; font-size: 14.5px; line-height: 1.8; }
.lw-rel .mk { margin-bottom: 3px; color: #ffb36b; letter-spacing: .12em; }
.lw-bk { margin: 0 0 14px; font-size: 14px; line-height: 1.85; color: var(--ink-2); }
.lw-bk .mk { display: inline; margin-right: 8px; color: #ffb36b; letter-spacing: .12em; }
.lw-bk small { margin-left: 3px; font-family: var(--lat); font-style: italic; font-size: 13px; color: var(--ink-3); }
.lw-toc .mk { margin: 0 0 4px; color: #ffb36b; letter-spacing: .12em; }
.lw-toc ol { list-style: none; margin: 0 0 16px; padding: 0; border-top: 1px solid var(--rule); }
.lw-toc a { display: grid; grid-template-columns: 3.4em minmax(0, 1fr); align-items: baseline; gap: 8px; min-height: 40px; padding: 6px 4px; text-decoration: none;
  border-bottom: 1px solid var(--rule); transition: background .25s, color .25s; }
.lw-toc a b { font-family: var(--lat); font-style: italic; font-weight: 400; font-size: 17px; color: var(--ink-3); }
.lw-toc a span { font-size: 15px; }
.lw-toc a:hover, .lw-toc a:focus-visible { background: rgba(255, 154, 61, .1); color: #ffd9b0; }
.lw-go { margin: 0; }
.c-li-wenjing .c3-btn { border-radius: 999px; min-height: 42px; padding: 8px 18px; font-family: var(--body); }
.c-li-wenjing .c3-btn--go { background: linear-gradient(180deg, #ffb35c, #f07a2a); border-color: transparent; color: #1b1007; font-weight: 600; box-shadow: 0 0 24px rgba(255, 130, 40, .35); }
.c-li-wenjing .c3-btn--deep { background: transparent; color: var(--ink); border-color: var(--rule); }
.c-li-wenjing .c3-btn--deep:hover { border-color: var(--acc); color: var(--acc); }

.lw-band { max-width: 1300px; margin: 44px auto 0; padding-top: 22px; border-top: 1px solid rgba(255, 154, 61, .3); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.lw-band .mk { margin: 0 0 6px; color: #ffb36b; letter-spacing: .14em; }
.lw-mk2 { margin-top: 18px !important; }
.lw-facts { margin: 0; font-size: 14.5px; line-height: 1.9; color: var(--ink-2); }
.c-li-wenjing .c3-feats { margin: 0; padding: 0; list-style: none; }
.c-li-wenjing .c3-feats li { position: relative; padding: 5px 0 5px 18px; font-size: 14.5px; line-height: 1.65; border-bottom: 1px solid var(--rule); }
.c-li-wenjing .c3-feats li::before { content: ""; position: absolute; left: 2px; top: 13px; width: 7px; height: 10px; border-radius: 50% 50% 50% 50% / 62% 62% 38% 38%; background: #ff9a3d; opacity: .8; }
.c-li-wenjing .c3-books li, .c-li-wenjing .c3-links li { font-size: 14.5px; border-bottom: 1px solid var(--rule); }
.c-li-wenjing .c3-books a, .c-li-wenjing .c3-links a, .c-li-wenjing .c3-works a { text-decoration-color: color-mix(in srgb, var(--acc) 70%, transparent); text-underline-offset: 3px; }

/* ---------------- 每一问 ---------------- */
.c-li-wenjing .c3q { display: block; padding: calc(var(--bar) + 34px) clamp(16px, 4vw, 64px) 64px; }
.lw-st { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); grid-template-areas: "hd hd" "art tx"; gap: 0 clamp(28px, 4vw, 64px); max-width: 1240px; margin: 0 auto; }
.lw-hd { grid-area: hd; margin-bottom: 26px; padding-bottom: 18px; border-bottom: 1px solid var(--rule); }
.lw-art { grid-area: art; min-width: 0; }
.lw-tx { grid-area: tx; min-width: 0; }
.lw-yr { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 16px; margin: 0; }
.lw-yr b { font-family: var(--lat); font-style: italic; font-weight: 400; font-size: 54px; line-height: 1; color: var(--acc); }
.lw-yr span { font-size: 14.5px; color: var(--ink-2); }
.lw-yr i { margin-left: auto; font-family: var(--lat); font-size: 14px; letter-spacing: .1em; color: var(--ink-3); }
.c-li-wenjing .c3q__q { margin: 12px 0 0; font-weight: 300; font-size: clamp(32px, 4.2vw, 56px); line-height: 1.25; letter-spacing: .03em; }
.c-li-wenjing .c3q__lede { margin: 0 0 16px; font-size: 16.5px; line-height: 1.95; }
.c-li-wenjing .c3-quote { margin: 18px 0; padding: 6px 0 6px 18px; border-left: 2px solid var(--acc); }
.c-li-wenjing .c3-quote blockquote p { font-size: 18px; font-weight: 400; line-height: 1.8; }
.c-li-wenjing .c3-quote figcaption { color: var(--ink-3); }
.c-li-wenjing .c3-tags li { border-color: var(--rule); color: var(--ink-2); }
.c-li-wenjing .c3-works .mk, .c-li-wenjing .c3-talk .mk { color: var(--acc); letter-spacing: .12em; }
.c-li-wenjing .c3-works li { border-bottom: 1px solid var(--rule); padding: 5px 0; }
.c-li-wenjing .c3-works small { color: var(--ink-3); }
.c-li-wenjing .talk { border-color: var(--rule); }
.c-li-wenjing .talk__n, .c-li-wenjing .c3-ask small { color: var(--ink-3); }
.c-li-wenjing .c3-ask { border-style: solid; border-color: var(--rule); border-radius: 999px; padding: 6px 16px; }
.c-li-wenjing .c3-deeplink { color: var(--acc); }

/* 共用的小控件 */
.lw-k { margin: 0 0 10px; font-size: 14.5px; line-height: 1.7; color: var(--ink-2); }
.lw-out { margin: 12px 0 0; min-height: 3.8em; padding: 10px 14px; border-left: 2px solid var(--acc); background: color-mix(in srgb, var(--paper) 70%, transparent);
  font-size: 14.5px; line-height: 1.8; }
.lw-out b { margin-right: 8px; color: var(--acc); }
.lw-cap { margin: 10px 0 0; font-size: 12.5px; line-height: 1.7; color: var(--ink-3); }
.lw-btn, .lw-seg button, .lw-reset { min-height: 42px; padding: 6px 16px; border: 1px solid var(--rule); border-radius: 999px; background: transparent; color: var(--ink);
  font: inherit; font-size: 14px; cursor: pointer; transition: background .25s, color .25s, border-color .25s; }
.lw-btn:hover, .lw-seg button:hover, .lw-reset:hover { border-color: var(--acc); }
.lw-seg { display: inline-flex; gap: 6px; flex-wrap: wrap; }
.lw-seg button[aria-pressed="true"], .lw-btn[aria-pressed="true"] { background: var(--acc); border-color: var(--acc); color: var(--acc-ink); }

/* 一、达朗贝尔：裂开的卷首插图 */
.lw-dal { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); gap: 0 22px; align-items: center; }
.lw-dal__side { display: flex; flex-direction: column; }
.lw-dal__r { margin: 0; }
.lw-dal__fig { margin: 0; justify-self: center; width: min(100%, calc(72vh * 700 / 1108)); }
.lw-dal__pic { position: relative; aspect-ratio: 700 / 1108; }
.lw-dal__h { position: absolute; inset: 0; transition: transform 1.1s cubic-bezier(.5, 0, .2, 1), filter 1.1s; }
.lw-dal__h img { display: block; width: 100%; height: 100%; object-fit: cover; box-shadow: 0 20px 60px rgba(0, 0, 0, .55); }
.lw-dal__h::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(80% 70% at 50% 40%, transparent 50%, rgba(18, 12, 8, .55)); }
.lw-dal__h--l { clip-path: polygon(0 0, 52% 0, 47% 14%, 54% 27%, 48% 41%, 53% 55%, 46% 69%, 52% 83%, 48% 100%, 0 100%); }
.lw-dal__h--r { clip-path: polygon(52% 0, 100% 0, 100% 100%, 48% 100%, 52% 83%, 46% 69%, 53% 55%, 48% 41%, 54% 27%, 47% 14%); }
.lw-dal__h--l { transform-origin: 0 50%; }
.lw-dal__h--r { transform-origin: 100% 50%; }
.lw-dal[data-split="1"] .lw-dal__h--l { transform: scale(.9); filter: brightness(.85); }
.lw-dal[data-split="1"] .lw-dal__h--r { transform: scale(.9); filter: brightness(.85); }
.lw-dal__gap { position: absolute; z-index: 2; left: 50%; top: 18%; bottom: 18%; display: flex; flex-direction: column; justify-content: space-around; align-items: center;
  margin: 0; padding: 0; list-style: none; transform: translateX(-50%); pointer-events: none; }
.lw-dal__gap li { padding: 4px 10px; border: 1px solid rgba(255, 154, 61, .6); background: rgba(27, 20, 16, .92); color: #ffd9b0; font-size: 14px; white-space: nowrap;
  opacity: 0; transform: scale(.85); transition: opacity .6s calc(.5s + var(--k) * .25s), transform .6s calc(.5s + var(--k) * .25s); }
.lw-dal[data-split="1"] .lw-dal__gap li { opacity: 1; transform: none; }
.lw-dal__fig figcaption { margin-top: 8px; font-size: 12.5px; line-height: 1.6; color: var(--ink-3); }
.lw-dal__cs { display: flex; flex-direction: column; gap: 8px; }
.lw-dal__c { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 48px; padding: 8px 16px; border: 1px solid var(--rule); background: rgba(255, 245, 230, .04);
  color: var(--ink); font: inherit; font-size: 16px; text-align: left; cursor: pointer; transition: border-color .25s, background .25s, color .25s; }
.lw-dal__c i { font-style: normal; font-size: 12.5px; color: var(--acc); letter-spacing: .1em; }
.lw-dal__c span { position: relative; }
.lw-dal__c span::after { content: ""; position: absolute; left: -4px; right: -4px; top: 52%; height: 2px; background: #ff7a3a; transform: scaleX(0); transform-origin: 0 50%; transition: transform .45s; }
.lw-dal__c[aria-pressed="true"] { color: var(--ink-3); border-color: rgba(255, 122, 58, .45); }
.lw-dal__c[aria-pressed="true"] span::after { transform: scaleX(1); }
.lw-dal__c[aria-pressed="true"] i { color: var(--ink-3); }
.lw-dal__c:hover { border-color: var(--acc); }
.lw-reset { margin-top: 10px; }

/* 二、火的消隐：舞台、滑杆、读数 */
.lw-stage { position: relative; aspect-ratio: 1416 / 942; border: 1px solid var(--rule); overflow: hidden; background: #140e0b; transition: background-color 1.2s, border-color 1.2s; }
.lw-win { position: absolute; left: 0; top: 0; bottom: 0; width: 36%; margin: 0; background: #1d1510; transition: width 1.2s cubic-bezier(.6, 0, .2, 1), background-color 1.2s; }
.lw-win img { position: absolute; inset: 8px; width: calc(100% - 16px); height: calc(100% - 16px); object-fit: contain; transition: opacity 1s; }
.lw-win__a { opacity: .92; filter: sepia(.25) brightness(.92); }
.lw-win__b { opacity: 0; }
.lw-burn { position: absolute; left: 36%; right: 0; top: 0; bottom: 0; transition: opacity 1s; }
.lw-burn canvas { display: block; width: 100%; height: 100%; }
.lw-win__drops { position: absolute; inset: 8px; pointer-events: none; opacity: 0; transition: opacity .8s .6s; }
.lw-win__drops i { position: absolute; left: 77.6%; top: 53.5%; width: 5px; height: 7px; margin-left: -2.5px; border-radius: 50% 50% 50% 50% / 40% 40% 60% 60%;
  background: #4f86b4; opacity: 0; animation: lw-drop 1.6s cubic-bezier(.5, 0, .9, .6) infinite; }
.lw-win__drops i:nth-child(2) { animation-delay: .55s; }
.lw-win__drops i:nth-child(3) { animation-delay: 1.1s; }
@keyframes lw-drop { 0% { opacity: 0; transform: translateY(0); } 15% { opacity: 1; } 80% { opacity: 1; } 100% { opacity: 0; transform: translateY(var(--fall, 14px)); } }
.lw-fire[data-st="8"] .lw-stage { background: #fbfcfd; border-color: rgba(24, 32, 42, .2); }
.lw-fire[data-st="8"] .lw-win { width: 100%; background: #fbfcfd; }
.lw-fire[data-st="8"] .lw-win__a { opacity: 0; }
.lw-fire[data-st="8"] .lw-win__b { opacity: 1; }
.lw-fire[data-st="8"] .lw-win__drops { opacity: 1; }
.lw-fire[data-st="8"] .lw-burn { opacity: 0; }
.lw-read { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 12px 0 0; }
.lw-read div { padding: 8px 12px; border: 1px solid var(--rule); }
.lw-read dt { font-size: 12.5px; letter-spacing: .1em; color: var(--ink-3); }
.lw-read dd { margin: 2px 0 0; font-size: 16px; font-weight: 600; color: var(--acc); transition: color .4s; }
.lw-rail { margin: 14px 0 0; }
.lw-rail__k { display: block; margin-bottom: 4px; font-size: 13px; letter-spacing: .08em; color: var(--ink-3); }
.lw-rail input[type="range"] { -webkit-appearance: none; appearance: none; display: block; width: 100%; height: 40px; margin: 0; background: transparent; cursor: pointer; }
.lw-rail input[type="range"]::-webkit-slider-runnable-track { height: 4px; border-radius: 2px; background: linear-gradient(90deg, #ff7a2a, #ffcf6b 50%, #b9d3e6 85%, #6f9ec4); }
.lw-rail input[type="range"]::-moz-range-track { height: 4px; border-radius: 2px; background: linear-gradient(90deg, #ff7a2a, #ffcf6b 50%, #b9d3e6 85%, #6f9ec4); }
.lw-rail input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 26px; height: 34px; margin-top: -15px; border: 0; border-radius: 50% 50% 50% 50% / 62% 62% 38% 38%;
  background: radial-gradient(60% 50% at 50% 70%, #fff3c4, #ffb347 50%, #e0561e); box-shadow: 0 0 14px rgba(255, 130, 40, .7); }
.lw-rail input[type="range"]::-moz-range-thumb { width: 26px; height: 34px; border: 0; border-radius: 50% 50% 50% 50% / 62% 62% 38% 38%; background: radial-gradient(60% 50% at 50% 70%, #fff3c4, #ffb347 50%, #e0561e); }
.lw-fire[data-st="8"] .lw-rail input[type="range"]::-webkit-slider-thumb { border-radius: 50% 50% 50% 50% / 38% 38% 62% 62%; background: radial-gradient(circle at 40% 35%, #f2fbff, #9fc9e6 55%, #4f86b4); box-shadow: 0 0 10px rgba(79, 134, 180, .6); }
.lw-ticks { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); }
.lw-ticks button { width: 100%; min-height: 44px; padding: 2px 1px; border: 0; background: transparent; color: var(--ink-3); font: inherit; font-size: 12px; line-height: 1.35; cursor: pointer; text-align: center; white-space: nowrap; }
.lw-ticks button:hover { color: var(--ink); }
.lw-ticks button i { display: block; font-family: var(--lat); font-size: 11.5px; }
.lw-ticks button span { display: block; }
.lw-ticks button span .nw { display: inline; font: inherit; white-space: nowrap; }
.lw-ticks button.is-on { color: var(--acc); font-weight: 600; }

/* 三、透火镜 */
.lw-lens { display: grid; grid-template-columns: minmax(0, 1fr) 190px; grid-template-areas: "svg pl" "ctl pl" "out pl"; gap: 0 18px; align-items: start; }
.lw-lens__svg { grid-area: svg; display: block; width: 100%; height: auto; }
.lw-lens__ctl { grid-area: ctl; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
.lw-lens__ctl label { font-size: 13.5px; color: var(--ink-2); }
.lw-lens__ctl input[type="range"] { flex: 1 1 160px; height: 40px; accent-color: #d9762a; cursor: pointer; }
.lw-lens .lw-out { grid-area: out; }
.lw-lens template { display: none; }
.lw-lens__pl { grid-area: pl; margin: 0; }
.lw-lens__pl img { display: block; width: 100%; height: auto; mix-blend-mode: multiply; }
.lw-lens__pl figcaption { margin-top: 6px; font-size: 12px; line-height: 1.65; color: var(--ink-3); }
.lw-ray { stroke: #e7a43f; stroke-width: 1.6; opacity: .75; }
.lw-cone { fill: rgba(255, 196, 92, .28); stroke: #e7a43f; stroke-width: 1; }
.lw-lens__glass { fill: rgba(190, 220, 235, .35); stroke: #3c3328; stroke-width: 2; }
.lw-lens__rim, .lw-lens__stand, .lw-sample__st, .lw-rail2 { stroke: #3c3328; stroke-width: 2.2; fill: none; }
.lw-rail2 { stroke-dasharray: 2 6; stroke-width: 1.4; }
.lw-sample__b { fill: #6b5a48; stroke: #2a2118; stroke-width: 1.4; transition: fill .6s; }
.lw-glow { opacity: 0; transition: opacity .5s; }
.lw-lens[data-focus="1"] .lw-glow { opacity: 1; }
.lw-lens[data-focus="1"] .lw-sample__b { fill: #b7672a; }
.lw-parts circle { fill: #ffcf6b; }
.lw-parts rect { fill: #6b5a48; stroke: #2a2118; stroke-width: .8; }
.lw-svg__t { font-size: 13px; fill: var(--ink-3); }

/* 四、讲法：翻牌 */
.lw-tl { padding: 18px 18px 14px; border: 1px solid var(--rule); background: var(--paper); }
.lw-tl__bar { position: relative; display: flex; justify-content: space-between; padding-top: 18px; font-family: var(--lat); font-style: italic; font-size: 15px; color: var(--ink-2); }
.lw-tl__bar::before { content: ""; position: absolute; left: 0; right: 0; top: 6px; height: 6px; background: linear-gradient(90deg, #ffcf8a, #f2b56a 50%, #d7a7c0); border-radius: 3px; }
.lw-tl[data-flip="1"] .lw-tl__bar::before { background: linear-gradient(90deg, #b9d3e6, #8fb4d2 50%, #6f9ec4); }
.lw-tl__lab { position: relative; height: 1.6em; margin: 10px 0 12px; text-align: center; font-size: 30px; font-weight: 300; perspective: 600px; }
.lw-tl__lab b { position: absolute; left: 0; right: 0; font-weight: 300; backface-visibility: hidden; transition: transform .8s, opacity .8s; }
.lw-tl__b { transform: rotateX(-90deg); opacity: 0; }
.lw-tl[data-flip="1"] .lw-tl__a { transform: rotateX(90deg); opacity: 0; }
.lw-tl[data-flip="1"] .lw-tl__b { transform: none; opacity: 1; color: var(--acc); }
.lw-tl__n { margin: 10px 0 0; font-size: 13.5px; line-height: 1.75; color: var(--ink-2); min-height: 3.5em; }
.lw-cards { list-style: none; margin: 14px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.lw-card { position: relative; display: grid; width: 100%; height: 100%; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; perspective: 800px; text-align: left; }
.lw-card > span { grid-area: 1 / 1; display: flex; flex-direction: column; gap: 4px; min-height: 150px; padding: 12px 12px; border: 1px solid var(--rule); background: var(--paper);
  backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: transform .7s; }
.lw-card i { font-family: var(--lat); font-size: 15px; color: var(--ink-3); }
.lw-card b { font-size: 20px; font-weight: 600; line-height: 1.35; }
.lw-cards li { display: flex; }
.lw-card small { font-size: 12.5px; line-height: 1.6; color: var(--ink-2); }
.lw-card__b { transform: rotateY(180deg); border-color: var(--acc) !important; }
.lw-card__b b { color: var(--acc); }
.lw-card[aria-pressed="true"] .lw-card__f { transform: rotateY(-180deg); }
.lw-card[aria-pressed="true"] .lw-card__b { transform: none; }
.c-li-wenjing .lw-echo { display: flex; gap: 14px; align-items: center; margin: 14px 0 0; padding: 10px 14px; min-height: 44px; text-decoration: none; color: #221f1a; background: #f8f5ee;
  box-shadow: inset 0 0 0 1px rgba(34, 31, 26, .25), inset 0 0 0 4px #f8f5ee, inset 0 0 0 5px rgba(34, 31, 26, .55); font-family: "Noto Serif SC", serif; }
.lw-echo__pl { flex: none; font-family: var(--lat); font-style: italic; font-size: 18px; color: #221f1a; }
.lw-echo span:last-child { font-size: 13px; line-height: 1.6; }
.lw-echo b { display: block; font-size: 14px; }
.c-li-wenjing .lw-echo:hover { background: #efd798; }

/* 五、英国：一串组织 */
.lw-br { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1fr); gap: 22px; align-items: start; }
.lw-br__tp { margin: 0; padding: 10px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .08), 0 18px 34px -24px rgba(24, 34, 46, .5); }
.lw-br__tp img { display: block; width: 100%; height: auto; }
.lw-br__tp figcaption { margin-top: 8px; font-size: 12px; color: var(--ink-3); }
.lw-br__ch ol { list-style: none; margin: 0; padding: 0 0 0 18px; border-left: 2px solid color-mix(in srgb, var(--acc) 50%, transparent); }
.lw-br__ch li { position: relative; padding: 6px 0 8px; font-size: 14.5px; line-height: 1.55; }
.lw-br__ch li::before { content: ""; position: absolute; left: -25px; top: 13px; width: 10px; height: 10px; border-radius: 50%; background: var(--bg); border: 2px solid var(--acc); }
.lw-br__ch li b { display: block; font-weight: 600; }
.lw-br__ch li span { font-size: 13px; color: var(--ink-2); }
.lw-br__n { margin: 10px 0 0; font-size: 13.5px; line-height: 1.7; color: var(--ink-2); }

/* 六、鲍林：两道弧线 */
.lw-pa__svg { display: block; width: 100%; height: auto; }
.lw-pa__n circle { fill: #fbfdff; stroke: #2a64a0; stroke-width: 1.6; }
.lw-pa__n--c circle { stroke-width: 2.4; }
.lw-pa__n text { font-size: 17px; fill: #13283d; }
.lw-pa__n text.s { font-size: 12.5px; fill: #4b6278; }
.lw-pa__arc { fill: none; stroke: #2a64a0; stroke-width: 3; stroke-linecap: round; stroke-dasharray: 400; stroke-dashoffset: 400; transition: stroke-dashoffset 1.4s, opacity .6s; opacity: .3; }
.lw-pa__l { font-size: 13.5px; fill: #2a64a0; opacity: .35; transition: opacity .6s; }
.lw-pa__e circle { fill: #2a64a0; }
.is-in .lw-pa__arc { stroke-dashoffset: 0; }
.lw-pa[data-half="1"] .lw-pa__arc--1, .lw-pa[data-half="2"] .lw-pa__arc--2 { opacity: 1; stroke-width: 4; }
.lw-pa[data-half="1"] .lw-pa__l--1, .lw-pa[data-half="2"] .lw-pa__l--2 { opacity: 1; }
.lw-pa .lw-seg { margin-top: 8px; }
.lw-pa template, .lw-fire template { display: none; }

/* ---------------- 结尾 ---------------- */
.c-li-wenjing .c3end { padding: calc(var(--bar) + 34px) clamp(16px, 4vw, 64px) 64px; }
.lw-end { max-width: 1100px; margin: 0 auto; }
.lw-end .lw-yr { margin-bottom: 4px; }
.c-li-wenjing .c3end h2 { font-weight: 300; font-size: clamp(32px, 4vw, 52px); letter-spacing: .04em; }
.c-li-wenjing .c3-lin li { border-radius: 2px; background: #fbfdff; border-color: rgba(24, 34, 46, .12); }
.c-li-wenjing .c3end .c3-btn--deep { background: #18202a; color: #f1f5f8; border-color: #18202a; }

@media (max-width: 1100px) {
  .lw-hero { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); }
  .lw-band { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .lw-band > div:last-child { grid-column: span 2; }
}
@media (max-width: 960px) {
  .lw-st { grid-template-columns: minmax(0, 1fr); grid-template-areas: "hd" "art" "tx"; }
  .lw-art { margin-bottom: 26px; }
  .lw-dal { grid-template-columns: minmax(0, .8fr) minmax(0, 1fr); grid-template-areas: "k k" "fig cs" "o o" "r r"; gap: 0 16px; align-items: start; }
  .lw-dal__side { display: contents; }
  .lw-dal__fig { grid-area: fig; }
  .lw-dal__k { grid-area: k; }
  .lw-dal__cs { grid-area: cs; }
  .lw-dal__o { grid-area: o; }
  .lw-dal__r { grid-area: r; }
  .lw-dal__fig { width: 100%; }
  .lw-dal__fig figcaption { font-size: 12px; }
  .lw-lens { grid-template-columns: minmax(0, 1fr); grid-template-areas: "svg" "ctl" "out" "pl"; }
  .lw-lens__pl { max-width: 260px; margin-top: 14px; }
}
@media (max-width: 760px) {
  .lw-hero { grid-template-columns: minmax(0, 1fr); position: relative; }
  .lw-cal { position: absolute; z-index: 0; top: -14px; right: -6vw; width: 50vw; pointer-events: none; }
  .lw-cal__box { width: 100%; }
  .lw-cal__img { opacity: .55; }
  .lw-cal figcaption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .lw-id { position: relative; z-index: 1; padding-top: 0; }
  .lw-name { font-size: clamp(56px, 17vw, 80px); }
  .lw-band { grid-template-columns: minmax(0, 1fr); }
  .lw-band > div:last-child { grid-column: auto; }
  .lw-yr b { font-size: 42px; }
  .lw-win { width: 34%; }
  .lw-burn { left: 34%; }
  .lw-ticks { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 2px; }
  .lw-ticks button { min-height: 40px; }
  .lw-ticks button br { display: none; }
  .lw-ticks button span { white-space: normal; }
  .lw-cards { grid-template-columns: minmax(0, 1fr); }
  .lw-card > span { min-height: 0; }
  .lw-br { grid-template-columns: minmax(0, .62fr) minmax(0, 1fr); gap: 14px; }
  .lw-br__tp { padding: 6px; }
  .lw-br__ch li { font-size: 13.5px; }
  .lw-dal__gap li { font-size: 12px; padding: 3px 6px; }
  .lw-dal__c { min-height: 44px; padding: 6px 12px; font-size: 15px; }
  .lw-read dd { font-size: 14.5px; }
  .lw-pa__n text { font-size: 21px; transform: translateY(-3px); }
  .lw-pa__n text.s { font-size: 14px; transform: translateY(7px); }
  .lw-pa__l { font-size: 18px; }
  .lw-svg__t { font-size: 19px; }
}