/* 高洋 · 烈火之眼：夜里的蒸馏房。底色是炉膛里的暗，配图借炉火来看；颜色只有火（橘、朱砂）与三本原的记号色（硫黄、汞银、盐白）。 */
.c-gao-yang {
  --bg: #170e0a; --paper: #20140e; --ink: #f2e6d1; --ink-2: #d6c4a8; --ink-3: #ab987e; --rule: rgba(242, 230, 209, .16);
  --acc: #ff9a4a; --acc-ink: #1a0d06; --cin: #e2562f; --sul: #f2c84b; --mer: #b9c4ca; --sal: #efe9df; --verd: #79c4b0;
  --head: "Noto Serif SC", "Songti SC", serif; --body: "Noto Serif SC", "Songti SC", serif;
  --frak: "UnifrakturMaguntia", "EB Garamond", serif; --lat: "EB Garamond", Georgia, serif;
  --bar-bg: rgba(23, 14, 10, .9); --bar-ink: var(--ink); --chip-bg: rgba(255, 238, 214, .05); --chip-ring: #170e0a;
  --heat: .2;
  background: var(--bg);
  color: var(--ink);
}
.c-gao-yang .dlg { --dlg-bg: #efe4d2; --dlg-paper: #fbf5ea; --dlg-me: #2a160d; --dlg-me-ink: #fbefdc; --dlg-acc: #b4441b; }
.c-gao-yang ::selection { background: rgba(255, 154, 74, .35); color: #fff; }
.c-gao-yang .c3bar { border-bottom-color: rgba(255, 154, 74, .22); }
.c-gao-yang .c3bar__prog { background: linear-gradient(90deg, var(--cin), var(--acc), #ffd27a); box-shadow: 0 0 8px rgba(255, 140, 60, .7); }
.c-gao-yang a { text-decoration-color: rgba(255, 154, 74, .55); text-underline-offset: 3px; }
.c-gao-yang a:hover { color: #ffc183; }
.c-gao-yang .mk { color: var(--acc); letter-spacing: .16em; }
.gy-frak { font-family: var(--frak); letter-spacing: .02em; }

/* 记号 */
.gy-ic { display: inline-block; width: 1em; height: 1em; flex: none; vertical-align: -.12em; }

/* 目录：页边一列炼金记号 */
.c-gao-yang .c3toc { right: 10px; }
.c-gao-yang .c3toc ol { gap: 2px; }
.c-gao-yang .c3toc a { min-height: 40px; gap: 10px; color: var(--ink-3); font-size: 12.5px; }
.c-gao-yang .c3toc a::after { display: none; }
.c-gao-yang .c3toc a b { font-family: var(--lat); font-size: 14px; }
.c-gao-yang .c3toc .gy-ic { width: 22px; height: 22px; transition: color .3s, filter .3s, transform .3s; }
.c-gao-yang .c3toc a:hover .gy-ic, .c-gao-yang .c3toc a:focus-visible .gy-ic { color: var(--ink); }
.c-gao-yang .c3toc a[aria-current="true"] { color: var(--acc); }
.c-gao-yang .c3toc a[aria-current="true"] .gy-ic { color: #ffc46e; filter: drop-shadow(0 0 5px rgba(255, 140, 60, .9)); transform: scale(1.12); }

/* 首屏 */
.c-gao-yang .c3hero { padding: calc(var(--bar) + 22px) clamp(16px, 5vw, 72px) 40px; }
.gy-hero { max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(0, .94fr); gap: clamp(24px, 4vw, 64px); align-items: end; }
.gy-k { margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; font-size: 13px; letter-spacing: .16em; color: var(--acc); }
.gy-k__f { font-family: var(--frak); font-size: 20px; letter-spacing: .02em; color: var(--ink-3); }
.gy-n { margin: 2px 0 0; font-family: var(--head); font-weight: 900; font-size: clamp(76px, 9.4vw, 136px); line-height: 1.04; letter-spacing: .05em;
  color: #ffd9a0; background: linear-gradient(180deg, #fff7e4 8%, #ffd88c 46%, #ff9d48 78%, #e2562f 100%); -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; filter: drop-shadow(0 0 22px rgba(255, 120, 40, .32)); }
.gy-en { margin: 6px 0 16px; display: flex; flex-wrap: wrap; gap: 4px 14px; align-items: baseline; font-family: var(--lat); font-size: 24px; color: var(--ink-2); }
.gy-en span + span { font-size: 17px; color: var(--ink-3); }
.gy-who { margin: 0 0 4px; font-size: 19px; font-weight: 700; line-height: 1.6; }
.gy-now { margin: 0 0 16px; font-size: 14.5px; color: var(--ink-2); line-height: 1.7; }
.gy-rel { margin: 0 0 18px; padding: 12px 16px 13px; border: 1px solid rgba(255, 154, 74, .28); border-left: 3px solid var(--cin);
  background: linear-gradient(100deg, rgba(226, 86, 47, .12), rgba(255, 154, 74, .03) 70%); }
.gy-rel .mk { margin-bottom: 4px; }
.gy-rel p:last-child { margin: 0; font-size: 15px; line-height: 1.8; }
.gy-idx { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 18px 26px; margin: 0 0 6px; }
.gy-qs { list-style: none; margin: 0; padding: 0; }
.gy-qs a { display: grid; grid-template-columns: 22px 42px minmax(0, 1fr); gap: 8px; align-items: center; min-height: 40px; padding: 2px 0; text-decoration: none;
  border-bottom: 1px dashed var(--rule); font-size: 15px; line-height: 1.45; }
.gy-qs a .gy-ic { width: 20px; height: 20px; color: var(--ink-3); transition: color .2s, filter .2s; }
.gy-qs a b { font-family: var(--lat); font-weight: 600; font-size: 16px; color: var(--acc); }
.gy-qs a:hover .gy-ic, .gy-qs a:focus-visible .gy-ic { color: #ffc46e; filter: drop-shadow(0 0 4px rgba(255, 140, 60, .8)); }
.gy-qs a:hover span { color: #ffd9b0; }
.c-gao-yang .c3-books li { border-bottom: 1px dashed var(--rule); font-size: 15px; }
.c-gao-yang .c3-books small, .c-gao-yang .c3-links small, .c-gao-yang .c3-works small { color: var(--ink-3); }
.gy-idx__t { margin: 8px 0 0; font-size: 13.5px; line-height: 1.6; color: var(--ink-2); }
.gy-go { margin: 16px 0 0; }
.c-gao-yang .c3-btn { border-radius: 2px; min-height: 42px; border-color: rgba(242, 230, 209, .45); }
.c-gao-yang .c3-btn--go { background: linear-gradient(180deg, #ffab5c, #e2562f); border-color: #ff8a3c; color: var(--acc-ink); font-weight: 700; box-shadow: 0 0 18px rgba(255, 110, 40, .28); }
.c-gao-yang .c3-btn--go:hover { color: var(--acc-ink); filter: brightness(1.08); }
.c-gao-yang .c3-btn--deep { background: transparent; color: var(--ink); border-color: var(--ink); }

/* 首屏的炉子：线条借火光看，炉门里的火在图后面跳 */
.gy-furn { margin: 0; }
.gy-furn__box { position: relative; isolation: isolate; }
.gy-furn img { position: relative; z-index: 1; display: block; width: 100%; height: auto; max-height: calc(100svh - var(--bar) - 110px); object-fit: contain; object-position: center bottom; }
.gy-furn__fire { position: absolute; z-index: 0; left: 50%; top: 73.5%; width: 34%; aspect-ratio: 1; border-radius: 50%; transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(255, 236, 170, .95) 0, rgba(255, 168, 70, .8) 22%, rgba(236, 84, 28, .45) 46%, rgba(160, 40, 14, 0) 70%);
  animation: gy-flick 3.2s ease-in-out infinite; }
.gy-furn__box::after { content: ""; position: absolute; z-index: 0; left: 8%; right: 8%; bottom: -6%; height: 30%;
  background: radial-gradient(50% 60% at 50% 70%, rgba(255, 110, 40, .22), transparent 70%); pointer-events: none; }
@keyframes gy-flick {
  0%, 100% { opacity: .82; transform: translate(-50%, -50%) scale(1); }
  18% { opacity: 1; transform: translate(-50%, -52%) scale(1.06); }
  33% { opacity: .7; transform: translate(-50%, -49%) scale(.96); }
  52% { opacity: .95; transform: translate(-50%, -51%) scale(1.03); }
  71% { opacity: .76; transform: translate(-50%, -50%) scale(.98); }
  86% { opacity: .98; transform: translate(-50%, -53%) scale(1.05); }
}
.gy-furn figcaption, .gy-sheet figcaption, .gy-sev figcaption { margin-top: 10px; font-size: 13px; line-height: 1.65; color: var(--ink-3); }

/* 首屏下方：要事、生平、链接 */
.gy-band { max-width: 1240px; margin: 34px auto 0; padding-top: 20px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr) minmax(0, 1fr); gap: 30px;
  border-top: 1px solid transparent; border-image: linear-gradient(90deg, transparent, rgba(255, 154, 74, .55) 20%, rgba(255, 210, 122, .7) 50%, rgba(255, 154, 74, .55) 80%, transparent) 1; }
.c-gao-yang .c3-feats { margin: 0; padding: 0; list-style: none; counter-reset: f; }
.c-gao-yang .c3-feats li { counter-increment: f; position: relative; padding: 5px 0 5px 28px; font-size: 14.5px; line-height: 1.65; border-bottom: 1px dashed var(--rule); }
.c-gao-yang .c3-feats li::before { content: counter(f); position: absolute; left: 0; top: 5px; font-family: var(--lat); font-weight: 600; color: var(--acc); }
.gy-facts { margin: 0; font-size: 14.5px; line-height: 1.85; color: var(--ink-2); }
.c-gao-yang .c3-links li { font-size: 14px; line-height: 1.55; border-bottom: 1px dashed var(--rule); }

/* 每一问：分离成三层 */
.c-gao-yang .c3q { display: block; padding: calc(var(--bar) + 34px) clamp(16px, 5vw, 72px) 70px; }
.gy-q { max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr); gap: clamp(28px, 4.6vw, 76px); align-items: start; }
.c-gao-yang .c3q:nth-of-type(odd) .gy-q__art { order: 2; }
.gy-q__art { position: relative; }
.gy-q__txt { max-width: 660px; }
.gy-fr { position: relative; padding-left: 46px; }
.gy-fr + .gy-fr { margin-top: 20px; padding-top: 20px; }
.gy-fr + .gy-fr::before { content: ""; position: absolute; left: 46px; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, rgba(242, 230, 209, .22), rgba(242, 230, 209, .04)); }
.gy-fr__g { position: absolute; left: 0; top: 2px; width: 30px; display: flex; flex-direction: column; align-items: center; gap: 3px; }
.gy-fr__g .gy-ic { width: 26px; height: 26px; }
.gy-fr__g i { font-style: normal; font-size: 11.5px; letter-spacing: .1em; color: var(--ink-3); }
.gy-fr--sulphur .gy-fr__g { color: var(--sul); top: 8px; }
.gy-fr--mercury .gy-fr__g { color: var(--mer); }
.gy-fr--salt .gy-fr__g { color: var(--sal); }
.gy-fr + .gy-fr .gy-fr__g { top: 22px; }
.c-gao-yang .c3q__when { gap: 12px; }
.c-gao-yang .c3q__when b { font-family: var(--lat); font-weight: 600; font-size: 34px; color: var(--acc); text-shadow: 0 0 14px rgba(255, 120, 40, .35); }
.c-gao-yang .c3q__when span { font-size: 14px; color: var(--ink-3); }
.c-gao-yang .c3q__q { margin: 6px 0 4px; font-size: clamp(30px, 3.5vw, 48px); line-height: 1.24; letter-spacing: .02em; color: #fbefd9; }
.gy-nb { white-space: nowrap; }
.c-gao-yang .c3q__lede { margin: 0 0 14px; font-size: 16.5px; line-height: 1.95; color: var(--ink-2); }
.c-gao-yang .c3-quote { margin: 16px 0 0; padding: 4px 0 4px 18px; border-left: 2px solid var(--cin); }
.c-gao-yang .c3-quote blockquote p { font-size: 18px; color: #fbefd9; }
.c-gao-yang .c3-quote figcaption { color: var(--ink-3); }
.c-gao-yang .c3-tags { margin: 0 0 12px; }
.c-gao-yang .c3-tags li { border-color: rgba(242, 230, 209, .22); color: var(--ink-2); background: rgba(255, 238, 214, .03); }
.c-gao-yang .c3-works li { font-size: 15px; }
.c-gao-yang .talk { background: rgba(255, 238, 214, .05); border-color: rgba(242, 230, 209, .2); }
.c-gao-yang .talk:hover { box-shadow: 0 6px 22px rgba(255, 110, 40, .16); }
.c-gao-yang .c3-ask { border-color: rgba(242, 230, 209, .26); }
.c-gao-yang .c3-deeplink { color: #ffc183; }

/* 进入视野：三层从混合里分开；问题像蒸汽一样凝结 */
.js .c-gao-yang .c3q .gy-fr { opacity: 0; filter: blur(5px); transition: opacity 1s ease, transform 1.1s cubic-bezier(.2, .7, .2, 1), filter 1s ease; }
.js .c-gao-yang .c3q .gy-fr--sulphur { transform: translateY(46px); }
.js .c-gao-yang .c3q .gy-fr--mercury { transform: scale(.985); transition-delay: .12s; }
.js .c-gao-yang .c3q .gy-fr--salt { transform: translateY(-38px); transition-delay: .24s; }
.js .c-gao-yang .c3q.is-in .gy-fr { opacity: 1; filter: none; transform: none; }
.gy-cd { transition: opacity .9s ease, filter 1.1s ease, color 1.6s ease, text-shadow 1.6s ease; transition-delay: calc(var(--k, 0) * 38ms + .15s); }
.js .c-gao-yang .c3q:not(.is-in) .gy-cd { opacity: 0; filter: blur(7px); color: #ffd9a0; text-shadow: 0 0 18px rgba(255, 170, 90, .9); }
.gy-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* 借火光看的纸页 */
.gy-sheet { margin: 0; }
.gy-sheet img { display: block; width: auto; max-width: 100%; height: auto; max-height: 76vh; margin: 0 auto; }

/* 机关的共同样式：拱顶的炉门 */
.gy-burn, .gy-flip, .gy-sev { position: relative; padding: 22px 20px 18px; border: 1px solid rgba(255, 170, 100, .26); border-radius: 46% 46% 6px 6px / 64px 64px 6px 6px;
  background: radial-gradient(90% 60% at 50% 104%, rgba(255, 110, 40, .14), transparent 70%), linear-gradient(180deg, rgba(255, 238, 214, .025), rgba(255, 238, 214, .045)); }
.gy-mk { margin: 0 0 8px; display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 14px; align-items: baseline; text-align: center; font-size: 13px; letter-spacing: .16em; color: var(--acc); }
.gy-mk .gy-frak { font-size: 18px; letter-spacing: .02em; color: var(--ink-3); }
.gy-ctl { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: center; margin-top: 12px; }
.gy-btn { min-height: 44px; padding: 8px 18px; border: 1px solid rgba(255, 170, 100, .5); border-radius: 2px; background: transparent; color: var(--ink);
  font: inherit; font-size: 15px; letter-spacing: .06em; cursor: pointer; touch-action: manipulation; -webkit-user-select: none; user-select: none; }
.gy-btn:hover { border-color: #ffb36b; color: #fff; }
.gy-btn--hot { background: linear-gradient(180deg, #ffab5c, #e2562f); border-color: #ff8a3c; color: var(--acc-ink); font-weight: 700; }
.gy-btn--hot:hover { color: var(--acc-ink); filter: brightness(1.08); }
.gy-btn--hot.is-on, .gy-btn--hot:active { transform: translateY(1px) scale(.98); box-shadow: 0 0 22px rgba(255, 120, 40, .55); }
.gy-btn:disabled { opacity: .45; cursor: default; }
.gy-seg { display: inline-flex; border: 1px solid rgba(242, 230, 209, .4); border-radius: 2px; }
.gy-seg button { min-height: 44px; padding: 8px 14px; border: 0; background: transparent; color: var(--ink-2); font: inherit; font-size: 14.5px; cursor: pointer; }
.gy-seg button + button { border-left: 1px solid rgba(242, 230, 209, .4); }
.gy-seg button[aria-pressed="true"] { background: var(--ink); color: var(--acc-ink); font-weight: 700; }
.gy-out { margin: 12px 0 0; min-height: 3.4em; font-size: 14.5px; line-height: 1.75; color: var(--ink); text-align: center; }
.gy-out q { quotes: "“" "”"; color: #ffd9a0; }
.no-js .gy-ctl, .no-js .gy-heat { display: none; }

/* 机关一：烧一块木头 */
.gy-burn__svg { display: block; width: 100%; height: auto; overflow: visible; font-family: var(--body); }
.gy-burn .gy-lab { opacity: 0; transition: opacity .8s; }
.gy-burn .gy-lab path { fill: none; stroke: rgba(242, 230, 209, .55); stroke-width: 1.2; stroke-dasharray: 3 4; }
.gy-burn .gy-lab text { font-size: 19px; fill: var(--ink); paint-order: stroke; stroke: #1b100b; stroke-width: 6px; stroke-linejoin: round; }
.gy-burn .gy-lab .e { display: none; }
.gy-burn[data-eye="fire"] .gy-lab .f { display: none; }
.gy-burn[data-eye="fire"] .gy-lab .e { display: inline; }
.gy-burn[data-eye="fire"] .gy-lab--s text { fill: var(--sul); }
.gy-burn[data-eye="fire"] .gy-lab--m text { fill: var(--mer); }
.gy-burn[data-eye="fire"] .gy-lab--l text { fill: var(--sal); }
.gy-burn[data-s1] .gy-lab--s, .gy-burn[data-s2] .gy-lab--m, .gy-burn[data-s3] .gy-lab--l { opacity: 1; }
.gy-flames { mix-blend-mode: screen; }
.gy-flames path { transform-box: fill-box; transform-origin: 50% 100%; transform: scaleY(var(--fh, 0)) scaleX(calc(.6 + var(--fh, 0) * .4)); opacity: calc(var(--fh, 0) * .95); }
.gy-flames--core path { opacity: calc(var(--fh, 0) * .9); }
.gy-flames .gy-fl--1, .gy-flames .gy-fl--3 { animation: gy-lick .9s ease-in-out infinite alternate; }
.gy-flames .gy-fl--0, .gy-flames .gy-fl--2, .gy-flames .gy-fl--4 { animation: gy-lick 1.25s ease-in-out -.5s infinite alternate; }
.gy-flames--core .gy-fl--0, .gy-flames--core .gy-fl--2 { animation-duration: .7s; }
@keyframes gy-lick { 0% { scale: 1 1; translate: 0 0; } 50% { scale: .92 1.08; translate: 1px -3px; } 100% { scale: 1.04 .94; translate: -1px 1px; } }
.gy-glowbed { opacity: calc(.12 + var(--fh, 0) * .85 + var(--ash, 0) * .2); }
.gy-smoke { opacity: var(--sm, 0); transition: opacity 1.2s; }
.gy-sm { transform-box: fill-box; transform-origin: center; animation: gy-rise 5.2s linear var(--d) infinite; opacity: 0; }
@keyframes gy-rise { 0% { opacity: 0; transform: translate(0, 90px) scale(.5); } 20% { opacity: .55; } 100% { opacity: 0; transform: translate(var(--x), -120px) scale(1.8); } }
.gy-ash { opacity: var(--ash, 0); transform-box: fill-box; transform-origin: 50% 100%; transform: scaleY(calc(.3 + var(--ash, 0) * .7)); }
.gy-log { opacity: calc(1 - var(--burnt, 0) * .92); transform-box: fill-box; transform-origin: 50% 100%; transform: scale(calc(1 - var(--burnt, 0) * .35), calc(1 - var(--burnt, 0) * .55)); }
.gy-seeds { opacity: 0; transition: opacity .8s; }
.gy-burn[data-eye="fire"] .gy-seeds { opacity: 1; }
.gy-sd { transition: transform 2.2s cubic-bezier(.3, .6, .2, 1), opacity 1.2s; }
.gy-sd--s { color: var(--sul); } .gy-sd--m { color: var(--mer); } .gy-sd--l { color: var(--sal); }
.gy-burn[data-eye="fire"] .gy-log path:first-child { fill: rgba(90, 58, 36, .45); }
.gy-burn[data-s1] .gy-sd--s { transform: translate(-116px, -140px); }
.gy-burn[data-s2] .gy-sd--m { transform: translate(52px, -180px); }
.gy-burn[data-s3] .gy-sd--l { transform: translate(40px, 30px); }
.gy-bel__b { transform-box: fill-box; transform-origin: 0 50%; transition: transform .14s; }
.gy-burn.is-puff .gy-bel__b { transform: scaleX(.72); }
.gy-puff { opacity: 0; transition: opacity .25s; }
.gy-burn.is-puff .gy-puff { opacity: 1; }
.gy-heat { position: relative; height: 6px; margin: 6px auto 0; max-width: 360px; border-radius: 3px; background: rgba(242, 230, 209, .1); overflow: hidden; }
.gy-heat i { position: absolute; inset: 0 auto 0 0; width: calc(var(--h, 0) * 100%); background: linear-gradient(90deg, #8a2a10, #e2562f, #ff9a4a, #ffe08a); transition: width .2s; }
.gy-note { margin: 10px 0 0; font-size: 13px; line-height: 1.7; color: var(--ink-3); }

/* 机关二：两个拉丁词 */
.c-gao-yang .c3q--2 .gy-q__art { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: 20px; align-items: start; }
.gy-sheet--para img { max-height: 64vh; }
.gy-flip__st { position: relative; display: flex; flex-direction: column; gap: 10px; }
.gy-w { position: relative; padding: 12px 14px 12px; border: 1px solid rgba(242, 230, 209, .2); background: rgba(255, 238, 214, .035); transition: transform .9s cubic-bezier(.3, .7, .2, 1), background .6s; }
.gy-w__h { margin: 0; display: flex; align-items: baseline; gap: 10px; }
.gy-w__h b { font-family: var(--lat); font-style: italic; font-weight: 500; font-size: 25px; color: #ffd9a0; }
.gy-w__h span { font-size: 14px; color: var(--ink-3); }
.gy-w__d { margin: 4px 0 0; font-size: 14px; line-height: 1.75; color: var(--ink-2); }
.gy-w--ia { padding-right: 86px; }
.gy-w__img { position: absolute; right: 8px; top: 10px; width: 72px; height: auto; opacity: .95; }
.gy-flip[data-era="16"] .gy-w__d[data-for="17"], .gy-flip[data-era="17"] .gy-w__d[data-for="16"] { display: none; }
.gy-flip[data-era="16"] .gy-w--ia { background: radial-gradient(80% 120% at 90% 10%, rgba(255, 190, 110, .14), rgba(255, 238, 214, .035) 70%); border-color: rgba(255, 190, 110, .4); }
.gy-flip[data-era="17"] .gy-w--um { background: rgba(121, 196, 176, .08); border-color: rgba(121, 196, 176, .45); }
.gy-flip[data-era="17"] .gy-w--um .gy-w__h b { color: #bfe8dc; }
.gy-flip[data-era="17"] .gy-w--ia .gy-w__img { opacity: .35; }
.no-js .gy-flip .gy-w__d[data-for="17"] { display: block; }

/* 机关三：照塞维里努斯说的去做 */
.gy-sev { padding-top: 40px; }
.gy-sev__imgs { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 16px; align-items: end; margin-bottom: 12px; }
.gy-sev figure { margin: 0; }
.gy-sev img { display: block; width: 100%; height: auto; }
.gy-sev__title img { max-height: 46vh; width: auto; max-width: 100%; margin: 0 auto; }
.gy-sev__box { position: relative; isolation: isolate; }
.gy-sev__box img { position: relative; z-index: 1; max-height: 50vh; width: auto; max-width: 100%; margin: 0 auto; }
.gy-sev__fire { position: absolute; z-index: 0; left: 16%; top: 64%; width: 36%; aspect-ratio: 1; border-radius: 50%; transform: translate(-50%, -50%) scale(.4); opacity: 0;
  background: radial-gradient(circle, rgba(255, 236, 170, .95), rgba(255, 150, 60, .7) 30%, rgba(226, 70, 30, 0) 70%); transition: opacity 1.4s, transform 1.4s; }
.gy-sev[data-step="6"] .gy-sev__fire { opacity: 1; transform: translate(-50%, -50%) scale(1); animation: gy-flick2 2.6s ease-in-out 1.4s infinite; }
@keyframes gy-flick2 { 0%, 100% { opacity: .85; } 30% { opacity: 1; } 55% { opacity: .7; } 80% { opacity: .95; } }
.gy-sev__furn img { filter: brightness(.55) saturate(.6); transition: filter 1.6s; }
.gy-sev[data-step="6"] .gy-sev__furn img { filter: none; }
.gy-sev__steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 14px; }
.gy-sev__steps li { display: flex; gap: 10px; align-items: baseline; padding: 5px 4px; border-bottom: 1px dashed var(--rule); font-size: 14.5px; line-height: 1.5; color: var(--ink-3); transition: color .5s; }
.gy-sev__steps i { font-style: normal; font-family: var(--lat); font-weight: 600; color: var(--ink-3); }
.gy-sev__steps li.is-done { color: var(--ink); }
.gy-sev__steps li.is-done i { color: var(--acc); }
.gy-sev__steps li.is-now { color: #ffd9a0; }
.gy-sev__steps li.is-now i { color: #ffd27a; text-shadow: 0 0 10px rgba(255, 150, 60, .9); }
.no-js .gy-sev__steps li { color: var(--ink); }

/* 页底的炭火：读得越深烧得越旺 */
.gy-bed { position: fixed; left: 0; right: 0; bottom: 0; height: 84px; z-index: 30; pointer-events: none; opacity: calc(.3 + var(--heat) * .7); transition: opacity .6s; }
.gy-bed__glow { position: absolute; inset: 0; background: radial-gradient(64% 100% at 50% 100%, rgba(255, 118, 40, .26), rgba(196, 60, 20, .09) 52%, transparent 76%); }
.gy-bed__coal { position: absolute; left: 0; right: 0; bottom: 0; height: 3px;
  background: linear-gradient(90deg, #6e1a0b, #ff8a3c 9%, #ffd27a 14%, #e2562f 21%, #8a2410 30%, #ff9a4a 41%, #ffe3a0 46%, #c43c14 55%, #7a1e0c 63%, #ff7a2a 74%, #ffcf70 80%, #b8321a 90%, #6e1a0b) 0 0 / 720px 100%;
  box-shadow: 0 0 14px 3px rgba(255, 110, 40, .42); animation: gy-coal 14s linear infinite; }
@keyframes gy-coal { to { background-position: 720px 0; } }

/* 结尾 */
.c-gao-yang .c3end { padding: calc(var(--bar) + 30px) clamp(16px, 5vw, 72px) 110px; }
.gy-end { max-width: 1240px; margin: 0 auto; }
.gy-end__k { margin: 0 0 4px; display: flex; gap: 8px; align-items: center; font-size: 13px; letter-spacing: .2em; color: var(--acc); }
.gy-end__k .gy-ic { width: 20px; height: 20px; }
.c-gao-yang .c3end h2 { font-weight: 900; color: #fbefd9; }
.c-gao-yang .c3end h3 { color: var(--ink); }
.c-gao-yang .c3-lin li { border-radius: 2px; border-color: rgba(242, 230, 209, .16); background: rgba(255, 238, 214, .035); }
.c-gao-yang .c3-lin li p { color: var(--ink-2); }
.c-gao-yang .c3-credits, .c-gao-yang .c3-fine { color: var(--ink-3); }
.c-gao-yang .c3-endgo .c3-btn { color: var(--ink); }
.c-gao-yang .c3-endgo .c3-btn--deep { background: linear-gradient(180deg, #ffab5c, #e2562f); border-color: #ff8a3c; color: var(--acc-ink); font-weight: 700; }

@media (min-width: 861px) and (max-width: 1400px) {
  .c-gao-yang .c3hero, .c-gao-yang .c3q, .c-gao-yang .c3end { padding-right: 72px; }
}
@media (max-width: 1100px) {
  .gy-idx { grid-template-columns: minmax(0, 1fr); }
  .c-gao-yang .c3q--2 .gy-q__art { grid-template-columns: minmax(0, 1fr); }
  .gy-sheet--para img { max-height: 52vh; }
}
@media (max-width: 960px) {
  .gy-hero { grid-template-columns: minmax(0, 1fr); align-items: start; }
  .gy-furn { max-width: 520px; margin: 0 auto; }
  .gy-furn img { max-height: 62vh; }
  .gy-band { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .gy-q { display: flex; flex-direction: column; gap: 22px; }
  .gy-q__txt { display: contents; }
  .gy-fr--sulphur { order: 1; }
  .gy-q__art, .c-gao-yang .c3q:nth-of-type(odd) .gy-q__art { order: 2; }
  .gy-fr--mercury { order: 3; }
  .gy-fr--salt { order: 4; }
  .gy-fr + .gy-fr { margin-top: 0; }
  .gy-sheet img { max-height: 56vh; }
}
@media (max-width: 560px) {
  .c-gao-yang .c3hero { padding-top: calc(var(--bar) + 16px); }
  .gy-n { font-size: 78px; }
  .gy-en { font-size: 20px; margin-bottom: 12px; }
  .gy-who { font-size: 17.5px; }
  .gy-fr { padding-left: 30px; }
  .gy-fr__g { width: 20px; }
  .gy-fr__g .gy-ic { width: 20px; height: 20px; }
  .gy-fr__g i { font-size: 10.5px; }
  .gy-fr + .gy-fr::before { left: 30px; }
  .c-gao-yang .c3q { padding-top: calc(var(--bar) + 22px); }
  .c-gao-yang .c3q__q { font-size: 29px; }
  .c-gao-yang .c3q__lede { font-size: 16px; text-align: left; }
  .gy-burn, .gy-flip, .gy-sev { padding: 18px 12px 14px; border-radius: 40% 40% 4px 4px / 40px 40px 4px 4px; }
  .gy-sev__steps { grid-template-columns: minmax(0, 1fr); }
  .gy-sev__imgs { gap: 10px; }
  .gy-seg button { padding: 8px 10px; font-size: 14px; }
  .gy-burn .gy-lab text { font-size: 24px; }
  .gy-bed { height: 46px; }
  .gy-sheet img { max-height: 48vh; }
}
@media (prefers-reduced-motion: reduce) {
  .gy-furn__fire, .gy-bed__coal, .gy-sev__fire, .gy-flames path, .gy-sm { animation: none !important; }
  .gy-sm { opacity: .4; }
}
.gy-roar .gy-bed { opacity: 1; }
.gy-roar .gy-bed__glow { background: radial-gradient(70% 100% at 50% 100%, rgba(255, 140, 50, .42), rgba(220, 70, 24, .16) 52%, transparent 78%); }
.no-js .gy-burn .gy-out { display: none; }
.no-js .gy-burn .gy-lab { opacity: 1; }
.no-js .gy-burn .gy-lab .f { display: none; }
.no-js .gy-burn .gy-lab .e { display: inline; }