/* 韩连庆 · 幻灯：关了灯的教室。墙是蓝黑，字是灯光照出来的米黄；幕布上只有一块亮的长方形，片子换一张，亮块就换一个样子。
   唯一的亮色是灯泡的琥珀黄；幻灯片框上那个红点，是放映员给每张片子做的记号。结尾灯亮。 */
.c-han-lianqing {
  --bg: #15151c; --paper: #1d1d26; --ink: #efe5cb; --ink-2: #d0c3a4; --ink-3: #ab9e83; --rule: rgba(239, 229, 203, .16);
  --acc: #f2b84b; --acc-ink: #17150f; --lamp: #fbf0d4; --mount: #e9e4d8; --spot: #c8372d;
  --head: "Noto Serif SC", "Songti SC", serif; --body: "Noto Serif SC", "Songti SC", serif; --title: "ZCOOL XiaoWei", "Noto Serif SC", serif;
  --hand: "Long Cang", "Noto Serif SC", cursive; --mono: "Courier Prime", ui-monospace, Menlo, monospace;
  --bar-bg: rgba(21, 21, 28, .88); --bar-ink: #efe5cb; --chip-bg: rgba(239, 229, 203, .06); --chip-ring: #15151c;
  background-color: var(--bg); color: var(--ink);
  background-image: radial-gradient(ellipse 70% 46% at 32% 0%, rgba(242, 184, 75, .07), transparent 72%);
  background-repeat: no-repeat;
}
.c-han-lianqing .dlg { --dlg-bg: #1e1e27; --dlg-paper: #2b2b36; --dlg-ink: #efe5cb; --dlg-ink-2: #d0c3a4; --dlg-ink-3: #ab9e83; --dlg-rule: rgba(239, 229, 203, .14);
  --dlg-me: #f2b84b; --dlg-me-ink: #17150f; --dlg-acc: #f2b84b; --dlg-mod: rgba(239, 229, 203, .09); }
.c-han-lianqing .c3bar { border-bottom-color: rgba(239, 229, 203, .12); }
.c-han-lianqing .c3bar__t a { font-family: var(--body); font-weight: 700; letter-spacing: .04em; }
.c-han-lianqing .mk { font-family: var(--mono); font-weight: 700; font-size: 12px; letter-spacing: .16em; color: var(--ink-3); }
.c-han-lianqing a { text-decoration-color: rgba(242, 184, 75, .55); text-underline-offset: .2em; }
.c-han-lianqing a:hover { color: var(--acc); }

/* ---------- 目录：一只转盘，当前的片子停在左边的片门 ---------- */
.c-han-lianqing .c3toc { right: 22px; }
.hl-nav { --rot: 270deg; position: relative; width: 136px; padding-bottom: 46px; }
.hl-nav::before { content: ""; position: absolute; left: -12px; top: 62px; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 9px; border-color: transparent transparent transparent var(--acc);
  filter: drop-shadow(0 0 6px rgba(242, 184, 75, .8)); }
.c-han-lianqing .c3toc .hl-nav__tray { display: block; position: relative; width: 136px; height: 136px; margin: 0; padding: 0; list-style: none; border-radius: 50%;
  background: radial-gradient(circle, #2a2a34 0 26%, #1b1b23 27% 100%); box-shadow: 0 0 0 1px rgba(239, 229, 203, .16), 0 12px 28px rgba(0, 0, 0, .55);
  transform: rotate(var(--rot)); transition: transform .8s cubic-bezier(.5, 0, .2, 1); }
.hl-nav__tray li { position: absolute; left: 50%; top: 50%; width: 0; height: 0; transform: rotate(calc(var(--k) * 360deg / var(--n))) translateY(-50px); }
.c-han-lianqing .c3toc .hl-nav__tray a { position: absolute; left: -12px; top: -16px; width: 24px; height: 32px; display: grid; place-items: center; gap: 0; padding: 0;
  border-radius: 3px; background: #30303b; box-shadow: inset 0 0 0 1px rgba(239, 229, 203, .22); color: var(--ink-3); text-decoration: none; transition: background .4s, box-shadow .4s; }
.c-han-lianqing .c3toc .hl-nav__tray a::after { content: none; }
.c-han-lianqing .c3toc .hl-nav__tray a b { font: 700 10px/1 var(--mono); transform: rotate(calc(-1 * (var(--rot) + var(--k) * 360deg / var(--n)))); transition: transform .8s cubic-bezier(.5, 0, .2, 1); }
.c-han-lianqing .c3toc .hl-nav__tray a span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; max-width: none; }
.c-han-lianqing .c3toc .hl-nav__tray a:hover, .c-han-lianqing .c3toc .hl-nav__tray a:focus-visible { background: #4a4a58; color: var(--ink); }
.c-han-lianqing .c3toc .hl-nav__tray a[aria-current="true"] { background: var(--lamp); color: #2a2110; box-shadow: 0 0 16px rgba(242, 184, 75, .65); }
.hl-nav__hub { position: absolute; left: 50%; top: 68px; width: 22px; height: 22px; margin: -11px 0 0 -11px; border-radius: 50%; background: var(--acc); box-shadow: 0 0 0 4px #24242d; pointer-events: none; }
.hl-nav__cap { position: absolute; left: -40px; right: -6px; top: 146px; margin: 0; font: 13px/1.45 var(--body); color: var(--ink-2); text-align: center; }
body.c-han-lianqing[data-cur="top"] .hl-nav__tray { --rot: 270deg; }
body.c-han-lianqing[data-cur="mumford"] .hl-nav__tray { --rot: 225deg; }
body.c-han-lianqing[data-cur="perception"] .hl-nav__tray { --rot: 180deg; }
body.c-han-lianqing[data-cur="design"] .hl-nav__tray { --rot: 135deg; }
body.c-han-lianqing[data-cur="story"] .hl-nav__tray { --rot: 90deg; }
body.c-han-lianqing[data-cur="dreyfus"] .hl-nav__tray { --rot: 45deg; }
body.c-han-lianqing[data-cur="rocket"] .hl-nav__tray { --rot: 0deg; }
body.c-han-lianqing[data-cur="end"] .hl-nav__tray { --rot: -45deg; }
body.c-han-lianqing[data-cur="end"] .hl-nav__cap { color: #4a4234; }
@media (min-width: 1200px) { .c-han-lianqing .c3hero, .c-han-lianqing .c3q { padding-right: 196px; } }
@media (min-width: 861px) and (max-width: 1199px) {
  .c-han-lianqing .c3toc { right: 10px; transform: translateY(-50%) scale(.72); transform-origin: 100% 50%; }
  .hl-nav__cap { display: none; }
  .c-han-lianqing .c3hero, .c-han-lianqing .c3q { padding-right: 124px; }
}

/* ---------- 幕布与片子 ---------- */
.hl-screen { position: relative; padding: 4%; border-radius: 3px; background: radial-gradient(ellipse at 50% 45%, #35343b, #24232a 72%);
  box-shadow: 0 0 0 7px #0c0c10, 0 0 0 8px rgba(239, 229, 203, .08), 0 44px 80px -34px rgba(0, 0, 0, .9); }
.hl-proj.is-js .hl-screen, .hl-screen--hero { aspect-ratio: 4 / 3; padding: 0; container-type: inline-size; overflow: hidden; }
.hl-slide { margin: 0 0 16px; }
.hl-proj.is-js .hl-slide, .hl-screen--hero .hl-slide { position: absolute; left: 50%; top: 50%; margin: 0; translate: -50% -50%; width: min(90cqw, 67.5cqw * var(--ar)); aspect-ratio: var(--ar);
  opacity: 0; visibility: hidden; transition: opacity .1s; }
.hl-proj.is-js .hl-slide.is-on, .hl-screen--hero .hl-slide { opacity: 1; visibility: visible; }
.hl-screen.is-shut .hl-slide { opacity: 0 !important; }
.hl-slide__pic { position: relative; width: 100%; height: 100%; overflow: hidden; background: var(--lamp); color: #221b10;
  box-shadow: 0 0 60px rgba(255, 226, 160, .2), 0 0 0 1px rgba(255, 240, 200, .25); filter: blur(var(--blur, 0px)); transition: filter .5s ease-out, transform .5s ease-out; }
.hl-slide__pic img { display: block; width: 100%; height: 100%; object-fit: cover; }
.hl-slide__pic::after { content: ""; position: absolute; inset: 0; pointer-events: none; mix-blend-mode: multiply;
  background: radial-gradient(ellipse at 50% 46%, rgba(255, 248, 226, .1), transparent 52%, rgba(26, 16, 4, .34) 100%); }
.hl-slide.is-drop .hl-slide__pic { transform: translateY(-4.5%); filter: blur(calc(var(--blur, 0px) + 7px)); transition: none; }
.hl-proj.is-js .hl-slide figcaption { display: none; }
.hl-slide figcaption { margin-top: 8px; font-size: 13.5px; color: var(--ink-2); }
.hl-slide__html { width: 100%; height: 100%; display: grid; place-items: center; }
.hl-draw { display: block; width: 100%; height: 100%; }
.hl-draw__lab { font-family: "Noto Serif SC", serif; }
.hl-screen--hero.is-warm .hl-slide__pic { animation: hl-warm 1.6s ease-out both; }
@keyframes hl-warm { 0% { filter: brightness(0); } 18% { filter: brightness(.5); } 24% { filter: brightness(.25); } 46% { filter: brightness(.9) blur(4px); } 100% { filter: brightness(1) blur(0); } }
.hl-dust { position: absolute; inset: 0; pointer-events: none; z-index: 2; }
.hl-dust i { position: absolute; width: 2px; height: 2px; border-radius: 50%; background: rgba(255, 240, 200, .5); animation: hl-dust var(--d, 14s) linear var(--del, 0s) infinite; }
@keyframes hl-dust { from { transform: translate(0, 0); opacity: 0; } 15% { opacity: .9; } 85% { opacity: .6; } to { transform: translate(var(--dx, 30px), var(--dy, -60px)); opacity: 0; } }

/* 打字的片子 */
.hl-card { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2.2cqw; padding: 6cqw; text-align: center;
  background: radial-gradient(ellipse at 50% 42%, #fffaf0, #f6e6bf 78%); }
.hl-card__k { margin: 0; font: 700 clamp(11px, 1.9cqw, 16px)/1.3 var(--mono); letter-spacing: .14em; color: #8a6a22; }
.hl-card__t { margin: 0; font: 700 clamp(18px, 4.6cqw, 40px)/1.4 var(--head); color: #221b10; letter-spacing: .06em; text-wrap: balance; }
.hl-card__f { margin: 0; font: clamp(11px, 1.9cqw, 15px)/1.5 var(--body); color: #6b5d43; }
.hl-slide--story .hl-card__t { font-size: clamp(22px, 6.4cqw, 54px); }
.hl-slide--story .hl-card__k { font-size: clamp(12px, 2.3cqw, 18px); }
.hl-words { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1.6cqw; padding: 5cqw; text-align: center;
  background: radial-gradient(ellipse at 50% 42%, #fffaf0, #f6e6bf 78%); color: #221b10; }
.hl-words p { margin: 0; }
.hl-words__k { font: 700 clamp(11px, 1.9cqw, 15px)/1.3 var(--mono); letter-spacing: .12em; color: #8a6a22; }
.hl-words__l { display: flex; flex-wrap: wrap; justify-content: center; gap: .6em 1.1em; font: 600 clamp(16px, 3.8cqw, 30px)/1.2 var(--head); }
.hl-words__to { font: clamp(16px, 3.4cqw, 28px)/1 var(--body); color: #8a6a22; }
.hl-words__r { font: 700 clamp(22px, 5.6cqw, 48px)/1.2 var(--head); letter-spacing: .12em; }
.hl-discs { width: 100%; height: 100%; display: grid; place-items: center; background: #19181f; }
.hl-discs svg { width: 88%; height: auto; font: 15px "Noto Serif SC", serif; }
.hl-discs text { fill: #efe5cb; }

/* 片框、编号、遥控器 */
.hl-deck { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin-top: 16px; }
.hl-label { display: flex; align-items: center; gap: 10px; flex: 1 1 210px; min-width: 0; margin: 0; }
.hl-mount { position: relative; display: inline-block; flex: none; width: 30px; height: 30px; border-radius: 4px; background: #3a3946; box-shadow: inset 0 0 0 6px var(--mount), 0 2px 6px rgba(0, 0, 0, .4); vertical-align: middle; }
.hl-mount::after { content: ""; position: absolute; left: 2px; bottom: 2px; width: 4px; height: 4px; border-radius: 50%; background: var(--spot); }
.hl-no { font: 700 16px/1 var(--mono); color: var(--acc); letter-spacing: .04em; }
.hl-hand { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 25px/1.2 var(--hand); color: var(--ink); }
.hl-remote { display: inline-flex; align-items: center; gap: 4px; padding: 4px; border-radius: 999px; background: #0d0d12; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 0 0 1px rgba(239, 229, 203, .14); }
.hl-remote[hidden] { display: none; }
.hl-remote button { min-height: 42px; padding: 6px 15px; border: 0; border-radius: 999px; background: #2b2b35; color: var(--ink); font: 600 14px/1 var(--body); cursor: pointer; transition: background .2s, transform .1s; }
.hl-remote button:hover { background: #383845; }
.hl-remote button:active { transform: translateY(1px); }
.hl-remote [data-next] { background: var(--acc); color: var(--acc-ink); }
.hl-remote [data-next]:hover { background: #ffc860; }
.hl-count { min-width: 4.4em; padding: 0 4px; font: 700 13px/1 var(--mono); color: var(--ink-3); text-align: center; }
.hl-cap { margin: 10px 0 0; min-height: 3.4em; font-size: 14.5px; line-height: 1.75; color: var(--ink-2); }

/* 调焦（与伊德名片的呼应：一只镜头，对上焦就“隐退”） */
.hl-focus { display: inline-flex; align-items: center; gap: 10px; }
.hl-focus[hidden] { display: none; }
.hl-focus span { font: 24px/1 var(--hand); color: var(--acc); }
.hl-focus input { -webkit-appearance: none; appearance: none; width: 150px; height: 28px; margin: 0; border-radius: 14px; cursor: ew-resize;
  background: repeating-linear-gradient(90deg, #2c2c37 0 3px, #44444f 3px 5px); box-shadow: inset 0 0 0 1px rgba(239, 229, 203, .2), inset 0 6px 8px rgba(0, 0, 0, .45); }
.hl-focus input::-webkit-slider-thumb { -webkit-appearance: none; width: 14px; height: 34px; border-radius: 4px; background: linear-gradient(#ffd27a, #c9902a); box-shadow: 0 0 0 2px #15151c, 0 0 10px rgba(242, 184, 75, .6); }
.hl-focus input::-moz-range-thumb { width: 14px; height: 34px; border: 0; border-radius: 4px; background: linear-gradient(#ffd27a, #c9902a); }
.hl-focus input:focus-visible { outline: 2px solid var(--acc); outline-offset: 3px; }
.hl-proj.is-sharp .hl-focus span { text-shadow: 0 0 10px rgba(242, 184, 75, .8); }

/* 转盘（“史话”一问） */
.hl-tray { flex: none; width: 128px; height: 128px; cursor: pointer; }
.hl-tray__rim { fill: #0d0d12; stroke: rgba(239, 229, 203, .16); }
.hl-tray__disc { transform-origin: 80px 80px; transition: transform .55s cubic-bezier(.5, 0, .2, 1); }
.hl-slot { fill: var(--mount); }
.hl-slot__w { fill: #3c3b46; }
.hl-slotg.is-cur .hl-slot { fill: #fff3cf; }
.hl-slotg.is-cur .hl-slot__w { fill: #f2b84b; }
.hl-tray__hub { fill: #25252e; stroke: rgba(239, 229, 203, .2); }
.hl-tray__knob { fill: var(--acc); }
.hl-tray__gate { fill: var(--acc); }

/* ---------- 首屏 ---------- */
.c-han-lianqing .c3hero { padding-top: calc(var(--bar) + 30px); }
.hl-hero { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); column-gap: clamp(30px, 4vw, 64px); max-width: 1280px; margin: 0 auto; align-items: start; }
.hl-left { position: sticky; top: calc(var(--bar) + 24px); }
.hl-hscreen { margin: 0; }
.hl-hscreen figcaption { display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 13.5px; line-height: 1.7; color: var(--ink-2); }
.hl-hscreen figcaption .hl-mount { margin-top: 2px; }
.hl-k { margin: 0 0 4px; font: 700 13px/1.4 var(--mono); letter-spacing: .2em; color: var(--acc); }
.hl-title h1 { margin: 0; font: 400 clamp(60px, 6.6vw, 104px)/1.04 var(--title); letter-spacing: .08em; color: #fff4d8; text-shadow: 0 0 34px rgba(242, 184, 75, .28); }
.hl-en { display: flex; flex-wrap: wrap; gap: 4px 14px; align-items: baseline; margin: 6px 0 12px; font: 400 18px/1.3 var(--mono); color: var(--ink-2); }
.hl-yr { color: var(--acc); }
.hl-who { margin: 0 0 2px; font: 700 clamp(17px, 1.45vw, 20px)/1.5 var(--body); }
.hl-now { margin: 0 0 14px; font-size: 14.5px; color: var(--ink-2); }
.hl-rel { margin: 0 0 14px; padding: 10px 16px; border-radius: 6px; background: rgba(239, 229, 203, .05); box-shadow: inset 3px 0 0 var(--acc); }
.hl-rel p { margin: 0; font-size: 14.5px; line-height: 1.75; }
.hl-rel .mk { margin-bottom: 2px; color: var(--acc); }
.hl-go { margin: 0 0 18px; }
.c-han-lianqing .c3-btn { border-radius: 999px; font-family: var(--body); font-weight: 600; min-height: 42px; padding: 9px 18px; }
.c-han-lianqing .c3-btn--go { background: var(--acc); border-color: var(--acc); color: var(--acc-ink); }
.c-han-lianqing .c3-btn--deep { background: transparent; color: var(--ink); border-color: rgba(239, 229, 203, .5); }
.c-han-lianqing .c3-btn:hover { box-shadow: 0 0 18px rgba(242, 184, 75, .35); color: inherit; }
.c-han-lianqing .c3-btn--go:hover { color: var(--acc-ink); }
.hl-qs { margin-top: 22px; }
.hl-qs .c3-qlist li a { display: grid; grid-template-columns: 3.4em minmax(0, 1fr); gap: 8px; padding: 5px 0; border-top: 1px solid var(--rule); text-decoration: none; font-size: 15px; align-items: baseline; }
.hl-qs .c3-qlist li a b { font: 700 14px/1.2 var(--mono); color: var(--acc); }
.hl-qs .c3-qlist li a:hover span { color: var(--acc); }

/* 片盒：著作与译著是一张张装了框的幻灯片 */
.hl-lt__table { padding: 12px 14px 14px; border-radius: 10px; color: #1d170c;
  box-shadow: 0 0 0 1px rgba(255, 241, 201, .5), 0 0 70px rgba(242, 184, 75, .16);
  background-image: linear-gradient(rgba(140, 110, 50, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(140, 110, 50, .08) 1px, transparent 1px), linear-gradient(180deg, #faf4e4, #f1e7cf);
  background-size: 22px 22px, 22px 22px, auto; }
.hl-lt__table .mk { color: #6e5d3c; margin-bottom: 8px; }
.hl-lt__table .c3-books { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.hl-lt__table .c3-books li { position: relative; display: flex; flex-direction: column; padding: 8px 8px 6px; border: 0; border-radius: 6px; background: #fdfaf2;
  box-shadow: 0 1px 0 #fff inset, 0 3px 8px rgba(70, 48, 12, .2); }
.hl-lt__table .c3-books li::after { content: ""; position: absolute; left: 4px; bottom: 4px; width: 5px; height: 5px; border-radius: 50%; background: var(--spot); }
.hl-lt__table .c3-books li a { display: grid; place-items: center; min-height: 60px; padding: 6px 5px; border-radius: 3px; text-align: center; text-decoration: none;
  background: radial-gradient(ellipse at 50% 40%, #fffdf7, #f2dfae); box-shadow: inset 0 0 0 1px rgba(70, 48, 12, .28); color: #221a0b; font: 600 13.5px/1.4 var(--body); }
.hl-lt__table .c3-books li a:hover { color: #7a2a12; background: radial-gradient(ellipse at 50% 40%, #fffdf7, #f6d58a); }
.hl-lt__table .c3-books small { margin-top: 5px; padding-left: 6px; font: 11.5px/1.45 var(--body); color: #554a37; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.hl-band { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 3.4vw, 52px); max-width: 1280px; margin: 64px auto 0; padding-top: 22px; border-top: 1px solid var(--rule); }
.hl-facts { margin: 0; font-size: 14.5px; line-height: 1.85; color: var(--ink-2); }
.c-han-lianqing .c3-feats { margin: 0; padding: 0; list-style: none; counter-reset: f; }
.c-han-lianqing .c3-feats li { counter-increment: f; display: grid; grid-template-columns: 2.4em minmax(0, 1fr); padding: 5px 0; border-top: 1px solid var(--rule); font-size: 14.5px; line-height: 1.65; }
.c-han-lianqing .c3-feats li::before { content: counter(f, decimal-leading-zero); font: 700 13px/1.9 var(--mono); color: var(--acc); }
.c-han-lianqing .c3-links li { border-bottom-color: var(--rule); font-size: 14.5px; }
.c-han-lianqing .c3-links small, .c-han-lianqing .c3-works small { color: var(--ink-3); }

/* ---------- 每一问：一盘片子 ---------- */
.c-han-lianqing .c3q { display: block; padding-top: calc(var(--bar) + 34px); }
.hl-q { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(0, 1fr); grid-template-areas: "art head" "art body"; grid-template-rows: auto 1fr;
  column-gap: clamp(30px, 4.4vw, 72px); max-width: 1280px; margin: 0 auto; align-items: start; }
.hl-q__art { grid-area: art; position: sticky; top: calc(var(--bar) + 22px); }
.hl-q__head { grid-area: head; }
.hl-q__body { grid-area: body; max-width: 640px; }
.hl-q__no { margin: 0 0 4px; font: 600 13px/1.4 var(--body); letter-spacing: .12em; color: var(--ink-3); }
.hl-q__no b { font: 700 14px/1 var(--mono); color: var(--ink-2); }
.c-han-lianqing .c3q__when { gap: 12px; color: var(--ink-2); }
.c-han-lianqing .c3q__when b { font: 700 34px/1 var(--mono); color: var(--acc); letter-spacing: .02em; }
.c-han-lianqing .c3q__q { margin: 8px 0 18px; font: 700 clamp(30px, 3.2vw, 44px)/1.3 var(--head); letter-spacing: .06em; color: #fff4d8; text-shadow: 0 0 26px rgba(242, 184, 75, .18); word-break: keep-all; text-wrap: balance; }
.c-han-lianqing .c3q__lede { font-size: 16.5px; line-height: 1.95; text-align: justify; }
.c-han-lianqing .c3-quote { margin: 20px 0; padding: 14px 18px; border: 0; border-radius: 6px; background: rgba(239, 229, 203, .05); box-shadow: inset 3px 0 0 var(--acc); }
.c-han-lianqing .c3-quote blockquote p { font-size: 18px; color: #fff4d8; }
.c-han-lianqing .c3-quote figcaption { color: var(--ink-3); }
.c-han-lianqing .c3-tags li { border-color: rgba(242, 184, 75, .4); color: var(--ink-2); }
.c-han-lianqing .c3-works small { color: var(--ink-3); }
.c-han-lianqing .talk { border-color: rgba(239, 229, 203, .2); background: rgba(239, 229, 203, .05); }
.c-han-lianqing .talk:hover { box-shadow: 0 0 22px rgba(242, 184, 75, .18); }
.c-han-lianqing .talk__n, .c-han-lianqing .talk__av b { color: var(--ink-3); }
.c-han-lianqing .c3-ask { border-color: rgba(242, 184, 75, .45); }
.c-han-lianqing .c3-ask small { color: var(--ink-3); }
.c-han-lianqing .c3-deeplink { color: var(--acc); }

/* ---------- 结尾：灯亮了 ---------- */
.c-han-lianqing .c3end { --bg: #ece5d4; --ink: #1f1b14; --ink-2: #4a4234; --ink-3: #685f4f; --rule: rgba(31, 27, 20, .16); --chip-bg: rgba(255, 255, 255, .6); --chip-ring: #ece5d4;
  background: linear-gradient(180deg, #ece5d4, #e4dcc8); color: var(--ink); box-shadow: 0 -50px 90px -30px rgba(242, 184, 75, .35); }
.c-han-lianqing .c3end a:hover { color: #8a3a12; }
.hl-end__k { margin: 0 0 6px; font: 700 13px/1.4 var(--mono); letter-spacing: .24em; color: #8a6418; }
.c-han-lianqing .c3end h2 { font-family: var(--head); font-weight: 700; letter-spacing: .06em; }
.c-han-lianqing .c3-lin li { border-radius: 6px; background: rgba(255, 255, 255, .62); }
.c-han-lianqing .c3end .talk { background: rgba(255, 255, 255, .6); border-color: rgba(31, 27, 20, .16); }
.c-han-lianqing .c3end .c3-btn--deep { background: var(--ink); color: #f7f1e3; border-color: var(--ink); }

@media (max-width: 1100px) {
  .hl-band { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-band > div:first-child { grid-column: 1 / -1; }
  .hl-lt__table .c3-books { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 960px) {
  .hl-hero { grid-template-columns: minmax(0, 1fr); }
  .hl-left, .hl-title { display: contents; }
  .hl-title > * { order: 1; }
  .hl-qs { order: 2; margin-top: 8px; }
  .hl-hscreen { order: 3; margin-top: 30px; }
  .hl-title > .hl-lt__table { order: 4; margin-top: 30px; }
  .hl-lt__table .c3-books { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hl-q { grid-template-columns: minmax(0, 1fr); grid-template-areas: "head" "art" "body"; }
  .hl-q__art { position: static; margin-bottom: 22px; }
  .hl-q__body { max-width: none; }
  .c-han-lianqing .c3q { padding-top: calc(var(--bar) + 12px); }
}
@media (max-width: 640px) {
  .hl-lt__table .c3-books { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hl-band { grid-template-columns: minmax(0, 1fr); }
  .hl-title h1 { letter-spacing: .04em; }
  .c-han-lianqing .c3q__when b { font-size: 28px; }
  .hl-hand { font-size: 22px; }
  .hl-remote button { padding: 6px 12px; }
  .hl-tray { width: 96px; height: 96px; }
  .hl-focus input { width: 128px; }
}
@media (prefers-reduced-motion: reduce) {
  .hl-dust { display: none; }
  .c-han-lianqing .c3toc .hl-nav__tray, .c-han-lianqing .c3toc .hl-nav__tray a b, .hl-tray__disc { transition: none; }
}