/* 麦茜特 · 寓意画：17 世纪寓意画册摊在深色布面上。纸是米色，墨是褐黑；布面从养育的草绿，经风暴的暗灰、机器的铁灰，
   到“伙伴”一页重新变绿；四角是烫金边饰，从藤叶长成齿轮。强调色：书页上用深绿，布面上用金。 */
.c-merchant {
  --bg: #25301b; --paper: #f2ead6; --paper-2: #e9dfc4; --ink: #211d16; --ink-2: #4a443a; --ink-3: #6c6457; --rule: rgba(33, 29, 22, .22);
  --acc: #4b5d23; --acc-ink: #f7f1de; --gilt: #c9a85c; --gilt-2: #e6d097; --copper: #9a5a30; --iron: #3d4349;
  --head: "ZCOOL XiaoWei", "Noto Serif SC", "Songti SC", serif; --body: "Noto Serif SC", "Songti SC", serif;
  --lat: "Cormorant Garamond", "Noto Serif SC", serif; --sc: "Cormorant SC", "Cormorant Garamond", serif;
  --bar-bg: rgba(28, 36, 21, .95); --bar-ink: #efe6cf; --chip-bg: rgba(250, 246, 235, .96); --chip-ring: #faf6eb;
  --flour: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 14'%3E%3Cg fill='none' stroke='%234b5d23' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M4 7H52M88 7H136'/%3E%3Cpath d='M52 7c6-6 12-6 18 0c6 6 12 6 18 0M52 7c6 6 12 6 18 0c6-6 12-6 18 0'/%3E%3C/g%3E%3Ccircle cx='70' cy='7' r='2.2' fill='%234b5d23'/%3E%3C/svg%3E");
  background: var(--bg);
}
.c-merchant .dlg { --dlg-bg: #ece6d2; --dlg-paper: #f9f6ec; --dlg-ink: #211d16; --dlg-ink-2: #4a443a; --dlg-ink-3: #6c6457; --dlg-me: #33421f; --dlg-me-ink: #f7f1de; --dlg-acc: #4b5d23; }
.c-merchant .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.mc-defs { position: absolute; width: 0; height: 0; overflow: hidden; }
.c-merchant .skip { background: var(--paper); color: var(--ink); }
.c-merchant .c3toc :focus-visible, .c-merchant .c3bar :focus-visible { outline-color: var(--gilt-2); }

/* 页头：布面上的金字 */
.c-merchant .c3bar { border-bottom: 1px solid rgba(201, 168, 92, .5); }
.c-merchant .c3bar__t a { font-family: var(--sc); font-weight: 600; font-size: 17px; letter-spacing: .04em; }
.c-merchant .c3bar__prog { background: var(--gilt); }

/* 目录：金色的叶子与齿轮 */
.c-merchant .c3toc { right: 12px; }
.c-merchant .c3toc ol { gap: 0; }
.c-merchant .c3toc a { gap: 7px; min-height: 40px; min-width: 40px; color: rgba(239, 230, 207, .62); font-size: 12.5px; }
.c-merchant .c3toc a::after { display: none; }
.c-merchant .c3toc a b { font-family: var(--head); font-weight: 400; font-size: 13px; letter-spacing: .06em; }
.c-merchant .c3toc a span { color: var(--bar-ink); }
.mc-toc__i { order: 3; width: 16px; height: 16px; flex: none; fill: currentColor; stroke: currentColor; }
.mc-toc__i .s, .mc-toc__i .h { fill: none; stroke-width: 1.2; }
.c-merchant .c3toc a[aria-current="true"] { color: var(--gilt-2); }
.c-merchant .c3toc a[aria-current="true"] .mc-toc__i { width: 20px; height: 20px; }

/* 布面：每一问一种颜色，从上一问渐变过来 */
.c-merchant .c3hero, .c-merchant .c3q, .c-merchant .c3end { display: block; padding: calc(var(--bar) + 46px) clamp(14px, 6vw, 110px) 70px; background: var(--g); }
.c-merchant .c3hero { --g: #25301b; padding-top: calc(var(--bar) + 40px); }
.c-merchant .c3q--1 { --g: #29351e; background: linear-gradient(#25301b, var(--g) 46vh); }
.c-merchant .c3q--2 { --g: #2b2c27; background: linear-gradient(#29351e, var(--g) 46vh); }
.c-merchant .c3q--3 { --g: #2a2f33; background: linear-gradient(#2b2c27, var(--g) 46vh); }
.c-merchant .c3q--4 { --g: #2f2a24; background: linear-gradient(#2a2f33, var(--g) 46vh); }
.c-merchant .c3q--5 { --g: #213520; background: linear-gradient(#2f2a24, var(--g) 46vh); }
.c-merchant .c3q--6 { --g: #232e2c; background: linear-gradient(#213520, var(--g) 46vh); }
.c-merchant .c3end { --g: #25301b; background: linear-gradient(#232e2c, var(--g) 46vh); }

/* 纸与四角的烫金边饰 */
.mc-sheet { position: relative; z-index: 1; max-width: 1240px; margin: 0 auto; padding: clamp(26px, 3.6vw, 52px) clamp(18px, 4vw, 58px); color: var(--ink);
  background: radial-gradient(ellipse 80% 60% at 50% 40%, #f6f0de, transparent 80%), var(--paper);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .4), 0 26px 60px -18px rgba(0, 0, 0, .65); }
.mc-sheet::before { content: ""; position: absolute; inset: 10px; border: 1px solid rgba(33, 29, 22, .45); box-shadow: inset 0 0 0 3px var(--paper), inset 0 0 0 4px rgba(33, 29, 22, .25); pointer-events: none; }
.mc-orn { position: absolute; z-index: 2; width: clamp(64px, 8vw, 116px); height: clamp(64px, 8vw, 116px); color: var(--gilt); fill: currentColor; stroke: currentColor; pointer-events: none; overflow: visible;
  filter: drop-shadow(0 1px 0 rgba(0, 0, 0, .35)); }
.mc-orn .s { fill: none; stroke-width: 2.2; stroke-linecap: round; }
.mc-orn .h { fill: var(--g, #25301b); stroke-width: 1.4; }
.mc-orn .b { stroke: none; }
.mc-orn--tl { top: -30px; left: -30px; }
.mc-orn--tr { top: -30px; right: -30px; transform: scaleX(-1); }
.mc-orn--br { bottom: -30px; right: -30px; transform: scale(-1, -1); }
.mc-orn--bl { bottom: -30px; left: -30px; transform: scaleY(-1); }
.mc-g { transform-box: fill-box; transform-origin: center; transform: rotate(calc(var(--spin, 0) * 1deg)); }
.mc-g--r { transform: rotate(calc(var(--spin, 0) * -1.4deg)); }

/* 通用：标签、按钮、小标题 */
.c-merchant .mk { margin: 0 0 8px; font-family: var(--head); font-size: 15px; letter-spacing: .2em; color: var(--acc); }
.mc-gk { margin: 0 0 10px; font-family: var(--body); font-weight: 700; font-size: 15px; letter-spacing: .16em; color: var(--acc); }
.mc-pu { font-family: var(--body); }
.mc-nb { display: inline-block; }
.mc-b { min-height: 40px; padding: 7px 16px; border: 1.5px solid var(--ink); border-radius: 0; background: #faf6eb; color: var(--ink); font: inherit; font-size: 14.5px; line-height: 1.3; cursor: pointer; }
.mc-b:hover { background: #fffdf6; }
.mc-b[aria-pressed="true"] { background: var(--acc); border-color: var(--acc); color: var(--acc-ink); }
.mc-b--go { background: var(--acc); border-color: var(--acc); color: var(--acc-ink); }
.mc-b--go:hover { background: #3c4b1b; }
.mc-b[disabled] { opacity: .45; cursor: not-allowed; }
.mc-seg { display: flex; flex-wrap: wrap; }
.mc-seg[hidden] { display: none; }
.mc-seg .mc-b + .mc-b { margin-left: -1.5px; }
.mc-out { margin: 10px 0 0; min-height: 1.6em; font-size: 14.5px; line-height: 1.8; }
.mc-out:empty { display: none; }
.mc-out b { color: var(--copper); }
.c-merchant .c3-btn { border-radius: 0; border-color: var(--ink); min-height: 40px; }
.c-merchant .c3-btn--go { background: var(--acc); border-color: var(--acc); color: var(--acc-ink); }
.c-merchant .c3-btn--deep { background: #faf6eb; color: var(--ink); }

/* 卷首页 */
.mc-title { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.12fr) minmax(0, .92fr); gap: clamp(22px, 3vw, 44px); align-items: start; }
.mc-k { margin: 0; display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; justify-content: inherit; font-size: 13.5px; color: var(--ink-2); letter-spacing: .06em; }
.mc-title__name .mc-k { font-family: var(--head); font-size: 15px; letter-spacing: .24em; color: var(--acc); }
.mc-title h1 { margin: 6px 0 0; font-family: var(--head); font-weight: 400; font-size: clamp(60px, 6vw, 92px); line-height: 1.04; letter-spacing: .06em; white-space: nowrap; }
.mc-en { margin: 6px 0 14px; display: flex; flex-wrap: wrap; gap: 4px 14px; align-items: baseline; font-family: var(--lat); font-style: italic; font-size: clamp(22px, 2vw, 28px); }
.mc-en__y { font-style: normal; font-size: .8em; color: var(--ink-2); }
.mc-who { margin: 0 0 6px; font-size: 18px; font-weight: 700; line-height: 1.55; }
.mc-now { margin: 0 0 16px; font-size: 14px; line-height: 1.7; color: var(--ink-2); }
.mc-rel { padding: 12px 14px; border: 1px solid var(--rule); border-left: 4px solid var(--acc); background: rgba(250, 246, 235, .8); }
.mc-rel p { margin: 0; font-size: 15px; line-height: 1.8; }
.mc-go { margin: 16px 0 0; }
.mc-plate { margin: 0; }
.mc-plate--hero { text-align: center; }
.mc-motto { margin: 0 0 12px; display: flex; flex-direction: column; align-items: center; gap: 2px; }
.mc-motto__t { padding: 5px 30px; background: var(--paper-2); border-top: 1.5px solid var(--ink); border-bottom: 1.5px solid var(--ink); font-family: var(--head); font-size: 22px; letter-spacing: .24em;
  clip-path: polygon(0 0, 100% 0, calc(100% - 14px) 50%, 100% 100%, 0 100%, 14px 50%); text-decoration-color: var(--copper); text-decoration-thickness: 2px; transition: color .6s; }
.mc-motto__la { font-family: var(--lat); font-style: italic; font-size: 16px; color: var(--ink-2); }
.mc-frame { position: relative; width: min(100%, calc(60vh * var(--ar, 1) + 24px)); margin: 0 auto; padding: 9px; border: 1.5px solid var(--ink); background: var(--paper); }
.mc-frame::after { content: ""; position: absolute; inset: 4px; border: 1px solid var(--ink); pointer-events: none; }
.mc-plate--hero .mc-frame { width: 100%; }
.mc-pic { position: relative; }
.mc-pic img { display: block; width: 100%; height: auto; mix-blend-mode: multiply; }
.mc-plate figcaption { margin: 10px auto 0; max-width: 34em; font-size: 13px; line-height: 1.7; color: var(--ink-2); text-align: center; }
.mc-title__idx .mc-books .c3-books small { font-size: 12px; }
.mc-idx ol { list-style: none; margin: 0 0 22px; padding: 0; counter-reset: e; }
.mc-idx li + li { border-top: 1px solid var(--rule); }
.mc-idx a { display: grid; grid-template-columns: 2.6em minmax(0, 1fr) auto; gap: 8px; align-items: baseline; padding: 7px 0; text-decoration: none; min-height: 40px; }
.mc-idx a i { font-style: normal; font-family: var(--head); font-size: 15px; color: var(--acc); }
.mc-idx a b { font-weight: 600; font-size: 15px; line-height: 1.5; }
.mc-idx a small { font-family: var(--lat); font-size: 15px; color: var(--ink-2); }
.mc-idx a:hover b, .mc-idx a:focus-visible b { color: var(--acc); text-decoration: underline; text-underline-offset: 3px; }
.mc-books .c3-books li { padding: 5px 0; font-size: 14.5px; }
.mc-band { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.1fr) minmax(0, .9fr); gap: 30px; margin-top: 34px; padding-top: 22px; border-top: 3px double var(--ink); }
.mc-facts { margin: 0; font-size: 14.5px; line-height: 1.85; color: var(--ink-2); }
.c-merchant .c3-feats { margin: 0; padding: 0; list-style: none; }
.c-merchant .c3-feats li { position: relative; padding: 4px 0 6px 22px; font-size: 14.5px; line-height: 1.65; border-bottom: 1px dotted var(--rule); }
.c-merchant .c3-feats li::before { content: ""; position: absolute; left: 2px; top: 11px; width: 12px; height: 12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M3 15C3 7 8 3 15 3C15 11 10 15 3 15Z' fill='%234b5d23'/%3E%3C/svg%3E") center / contain no-repeat; }
.c-merchant .c3-links li { font-size: 14px; }

/* 首屏机关：拖动年代，大地母亲被“机械化” */
.mc-wash { position: absolute; inset: 0; pointer-events: none; mix-blend-mode: multiply; }
.mc-wash::before, .mc-wash::after { content: ""; position: absolute; inset: 0; }
.mc-wash::before { background: radial-gradient(circle at 54% 42%, rgba(170, 190, 96, .30), rgba(120, 146, 70, .22)); opacity: calc(1 - var(--m, 0)); }
.mc-wash::after { background: linear-gradient(rgba(84, 92, 104, .55), rgba(58, 64, 72, .62)); opacity: var(--m, 0); }
.mc-mech { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.mc-mech__grid { fill: none; stroke: #23272c; stroke-width: 1.1; vector-effect: non-scaling-stroke; opacity: clamp(0, calc((var(--m, 0) - .14) * 1.6), .5); }
.mc-mech__gear { transform-box: fill-box; transform-origin: center; }
.mc-mech__teeth { fill: #3b4148; stroke: #14171a; stroke-width: 3; transform-box: fill-box; transform-origin: center;
  transform: scale(clamp(.8, calc(.8 + (var(--m, 0) - .38) * .5), 1)); opacity: clamp(0, calc((var(--m, 0) - .36) * 5), .94); }
.mc-mech__rim { fill: none; stroke: #2c3137; stroke-width: 13; stroke-dasharray: 100; stroke-dashoffset: calc(100 - clamp(0, (var(--m, 0) - .26) * 300, 100)); }
.mc-mech__spk { fill: none; stroke: #2c3137; stroke-width: 15; stroke-linecap: round; opacity: clamp(0, calc((var(--m, 0) - .66) * 4), .9); }
.mc-mech__hub { fill: #2c3137; opacity: clamp(0, calc((var(--m, 0) - .66) * 4), .95); }
.mc-mech__hub2 { fill: #9aa1a8; opacity: clamp(0, calc((var(--m, 0) - .7) * 4), 1); }
.mc-plate--hero.is-dead .mc-mech__gear { animation: mc-rot 30s linear infinite; }
.mc-plate--hero.is-dead .mc-motto__t { text-decoration-line: line-through; color: var(--ink-3); }
@keyframes mc-rot { to { transform: rotate(360deg); } }
.mc-dial { margin: 14px 0 0; text-align: left; }
.mc-dial[hidden] { display: none; }
.mc-dial__l { display: block; margin: 0 0 4px; font-size: 13px; color: var(--ink-2); text-align: center; }
.mc-dial input[type="range"] { display: block; width: 100%; height: 40px; margin: 0; background: transparent; cursor: pointer; -webkit-appearance: none; appearance: none; }
.mc-dial input[type="range"]::-webkit-slider-runnable-track { height: 6px; border: 1px solid var(--ink); background: linear-gradient(90deg, #8ea05a, #a4935c 50%, #6b737b); }
.mc-dial input[type="range"]::-moz-range-track { height: 6px; border: 1px solid var(--ink); background: linear-gradient(90deg, #8ea05a, #a4935c 50%, #6b737b); }
.mc-dial input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 26px; height: 26px; margin-top: -11px; border-radius: 50%; border: 2px solid var(--ink); background: var(--paper);
  box-shadow: inset 0 0 0 4px var(--paper), inset 0 0 0 7px var(--acc); }
.mc-dial input[type="range"]::-moz-range-thumb { width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--ink); background: var(--paper); box-shadow: inset 0 0 0 4px var(--paper), inset 0 0 0 7px var(--acc); }
.mc-ticks { list-style: none; margin: 0; padding: 0; display: flex; justify-content: space-between; gap: 4px; }
.mc-ticks li { flex: 1; font-size: 11.5px; line-height: 1.35; color: var(--ink-2); text-align: center; }
.mc-ticks li:first-child { text-align: left; } .mc-ticks li:last-child { text-align: right; }
.mc-plate--hero .mc-out { text-align: left; padding: 8px 12px; background: rgba(250, 246, 235, .9); border: 1px solid var(--rule); font-size: 14px; }

/* 每一问：对开的两页 */
.mc-spread { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: clamp(40px, 6vw, 92px); align-items: start; }
.mc-spread::before { content: ""; position: absolute; top: -24px; bottom: -24px; left: 50%; width: 70px; margin-left: -35px; pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(90, 70, 40, .08) 40%, rgba(40, 30, 20, .2) 50%, rgba(90, 70, 40, .08) 60%, transparent); }
.mc-page--l { text-align: center; }
.mc-page--l .mc-k { justify-content: center; }
.mc-k__n { padding: 0 8px; border: 1px solid var(--acc); font-family: var(--head); font-size: 15px; letter-spacing: .14em; color: var(--acc); }
.mc-k b { font-family: var(--lat); font-weight: 600; font-size: 28px; line-height: 1; color: var(--copper); letter-spacing: .02em; }
.mc-o2::before { content: ""; display: block; width: 140px; height: 14px; margin: 16px auto 4px; background: var(--flour) center / contain no-repeat; }
.c-merchant .c3q__q { margin: 6px auto 20px; max-width: 13em; font-family: var(--head); font-weight: 400; font-size: clamp(30px, 3.1vw, 44px); line-height: 1.32; letter-spacing: .05em; text-wrap: balance; }
.c-merchant .c3-quote { margin: 0 0 24px; padding: 4px 4px 0; border: 0; text-align: center; }
.c-merchant .c3-quote::before { content: ""; display: block; width: 140px; height: 14px; margin: 0 auto 14px; background: var(--flour) center / contain no-repeat; }
.c-merchant .c3-quote blockquote p { font-size: 19px; font-weight: 600; line-height: 1.8; }
.c-merchant .c3-orig { margin-top: 8px; font-family: var(--lat); font-style: italic; font-size: 17.5px; line-height: 1.5; color: var(--ink-2); }
.c-merchant .c3-quote figcaption { margin-top: 8px; font-size: 12.5px; color: var(--ink-2); }
.c-merchant .c3q__lede { font-size: 16.5px; line-height: 1.95; text-align: justify; }
.c-merchant .c3-tags li { border-radius: 0; border-color: var(--acc); color: var(--acc); background: rgba(250, 246, 235, .7); }
.c-merchant .c3-works li a { text-decoration-color: var(--acc); text-underline-offset: 3px; }
.c-merchant .c3-works small, .c-merchant .c3-books small, .c-merchant .c3-links small { color: var(--ink-2); }
.c-merchant .talk { border-radius: 4px; border-color: rgba(33, 29, 22, .5); }
.c-merchant .c3-ask { border-color: var(--ink-3); border-radius: 0; background: rgba(250, 246, 235, .8); }
.c-merchant .c3-ask small { color: var(--ink-2); }
.c-merchant .c3-deeplink { color: var(--acc); }
.c-merchant .mk + .c3-books, .c-merchant .c3-works .mk { color: var(--acc); }
.mc-x { margin: 6px 0 22px; padding: 16px 18px; background: rgba(250, 246, 235, .85); border: 1px solid var(--rule); box-shadow: inset 0 0 0 3px rgba(250, 246, 235, .85), inset 0 0 0 4px rgba(33, 29, 22, .15); }

/* 大地母亲：同一座山，三种说法 */
.mc-veil { display: none; }
.mc-plate.is-js .mc-veil { display: block; position: absolute; z-index: 1; background-color: #f6f0e1;
  background-image: repeating-linear-gradient(172deg, transparent 0 5px, rgba(33, 29, 22, .34) 5px 6.4px);
  box-shadow: 0 0 0 1.5px rgba(33, 29, 22, .55); transform-origin: 50% 100%; transition: transform .9s cubic-bezier(.6, 0, .3, 1), opacity .9s; }
.mc-veil--c { left: 6.4%; width: 10%; top: 40.3%; height: 43.4%; }
.mc-veil--b { left: 39.1%; width: 9.8%; top: 34.2%; height: 41.2%; }
.mc-veil--a { left: 76.9%; width: 9.6%; top: 33.5%; height: 32.2%; }
.mc-veil--d { left: 25.8%; width: 62%; top: 73.4%; height: 21.4%; clip-path: polygon(0 0, 17% 0, 100% 47%, 100% 97%, 85% 92%, 0 34%); transform-origin: 0 50%; }
.mc-plate[data-st="1"] .mc-veil--c, .mc-plate[data-st="1"] .mc-veil--b, .mc-plate[data-st="1"] .mc-veil--a,
.mc-plate[data-st="2"] .mc-veil--c, .mc-plate[data-st="2"] .mc-veil--b, .mc-plate[data-st="2"] .mc-veil--a { transform: scaleY(0); opacity: 0; }
.mc-plate[data-st="2"] .mc-veil--d { transform: scaleX(0); opacity: 0; }
.mc-mount__ls p { margin: 10px 0 0; font-size: 14.5px; line-height: 1.85; }
.mc-mount__ls b, .mc-lens__ls b { display: block; margin-bottom: 2px; font-family: var(--body); font-weight: 700; font-size: 15.5px; color: var(--acc); letter-spacing: .08em; }
.mc-mount.is-js .mc-mount__ls p, .mc-lens.is-js .mc-lens__ls p { display: none; }
.mc-mount.is-js .mc-mount__ls p.is-on, .mc-lens.is-js .mc-lens__ls p.is-on { display: block; animation: mc-in .5s ease; }
@keyframes mc-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }

/* 机械秩序：两种秩序 */
.mc-ord { width: 100%; border-collapse: collapse; font-size: 14.5px; line-height: 1.65; }
.mc-ord caption { margin: 0 0 8px; text-align: left; font-family: var(--head); font-size: 17px; letter-spacing: .12em; color: var(--acc); }
.mc-ord th, .mc-ord td { padding: 8px 10px; vertical-align: top; border-top: 1px solid var(--rule); text-align: left; }
.mc-ord thead th { border-top: 0; border-bottom: 1.5px solid var(--ink); font-family: var(--head); font-weight: 400; font-size: 16px; letter-spacing: .1em; }
.mc-ord thead th:last-child { color: var(--iron); }
.mc-ord tbody th { font-family: var(--head); font-weight: 400; font-size: 16px; white-space: nowrap; color: var(--acc); }
.mc-ord td:last-child { background: rgba(61, 67, 73, .07); }
.mc-note { margin: 10px 0 0; font-weight: 700; font-size: 15px; }

/* 生态革命 */
.mc-revs { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; counter-reset: r; }
.mc-revs li { counter-increment: r; position: relative; padding: 30px 12px 12px; border: 1px solid var(--ink); background: #faf6eb; }
.mc-revs li::before { content: counter(r); position: absolute; top: -13px; left: 50%; width: 26px; height: 26px; margin-left: -13px; border: 1.5px solid var(--ink); border-radius: 50%;
  background: var(--paper); font: italic 600 16px/22px var(--lat); text-align: center; }
.mc-revs b { display: block; font-family: var(--lat); font-size: 16px; font-weight: 600; color: var(--copper); }
.mc-revs span { display: block; font-family: var(--head); font-size: 17px; letter-spacing: .04em; }
.mc-revs p { margin: 6px 0 0; font-size: 13.5px; line-height: 1.7; color: var(--ink-2); }

/* 伙伴：新长出的藤蔓与鸟 */
.mc-grow { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.mc-grow__v { fill: none; stroke: #3f5120; stroke-width: 2.6; stroke-linecap: round; vector-effect: non-scaling-stroke; stroke-dasharray: 100; stroke-dashoffset: 0; transition: stroke-dashoffset 3.2s ease .2s; }
.mc-grow__v--2 { transition-delay: 1.6s; }
.mc-grow__l { fill: #6d8a36; stroke: #2e3b16; stroke-width: .35; transition: opacity .5s ease var(--d, 0s); }
.mc-grow__l .r { fill: none; stroke: #2e3b16; stroke-width: .35; }
.mc-perch path, .mc-perch ellipse, .mc-perch circle { fill: #4a3a28; stroke: #1f1912; stroke-width: 1; } .mc-perch .w, .mc-perch .lg { fill: none; stroke: #1f1912; stroke-width: 1.4; } .mc-perch .e { fill: #f2ead6; stroke: none; }
.mc-perch { transition: opacity .8s ease, transform .8s cubic-bezier(.3, 1.6, .5, 1); }
.mc-js .c3q:not(.is-in) .mc-grow__v { stroke-dashoffset: 100; }
.mc-js .c3q:not(.is-in) .mc-grow__l { opacity: 0; }
.mc-js .c3q:not(.is-freed) .mc-perch { opacity: 0; transform: translateY(-10px); }
.mc-js .c3q.is-freed .mc-perch--2 { transition-delay: .3s; } .mc-js .c3q.is-freed .mc-perch--3 { transition-delay: .6s; }
.mc-birds { display: grid; grid-template-columns: minmax(0, 210px) minmax(0, 1fr); gap: 18px; align-items: center; }
.mc-hat { display: block; width: 100%; height: auto; overflow: visible; }
.mc-hat__brim, .mc-hat__crown { fill: #e3d6b6; stroke: var(--ink); stroke-width: 2; }
.mc-hat__band { fill: #6f2f2a; stroke: var(--ink); stroke-width: 1.2; }
.mc-hat__bow { fill: #8a3a33; stroke: var(--ink); stroke-width: 1.2; }
.mc-fly path, .mc-fly ellipse, .mc-fly circle { fill: #6b5236; stroke: var(--ink); stroke-width: 1; } .mc-fly .w, .mc-fly .lg { fill: none; stroke: var(--ink); stroke-width: 1.3; } .mc-fly .e { fill: #f2ead6; stroke: none; }
.mc-birds__t p:not(.mc-gk):not(.mc-out) { margin: 0 0 12px; font-size: 14.5px; line-height: 1.8; }
.mc-birds.is-free .mc-fly--1 { animation: mc-fly1 1.5s ease-in forwards; }
.mc-birds.is-free .mc-fly--2 { animation: mc-fly2 1.6s .15s ease-in forwards; }
.mc-birds.is-free .mc-fly--3 { animation: mc-fly3 1.4s .3s ease-in forwards; }
@keyframes mc-fly1 { 30% { transform: translate(-6px, -18px) rotate(-12deg); } to { transform: translate(-70px, -150px) rotate(-28deg) scale(.7); opacity: 0; } }
@keyframes mc-fly2 { 30% { transform: translate(8px, -16px) rotate(10deg); } to { transform: translate(90px, -140px) rotate(24deg) scale(.7); opacity: 0; } }
@keyframes mc-fly3 { 30% { transform: translate(0, -22px); } to { transform: translate(10px, -170px) scale(.6); opacity: 0; } }
.mc-birds.is-gone .mc-fly { opacity: 0; }

/* 培根：同一个比喻，三种读法 */
.mc-lens__m { margin: 30px 0 18px; text-align: center; font-family: var(--head); font-size: clamp(30px, 3vw, 40px); letter-spacing: .1em; }
.mc-lens__w { position: relative; display: inline-block; border-bottom: 4px double var(--copper); }
.mc-lens__g { position: absolute; left: 50%; bottom: calc(100% + 2px); transform: translateX(-50%); padding: 1px 10px; font-style: normal; font-family: var(--body); font-size: 15px; letter-spacing: .12em; line-height: 1.6;
  white-space: nowrap; color: var(--acc-ink); background: var(--acc); }
.mc-lens__g::after { content: ""; position: absolute; left: 50%; top: 100%; margin-left: -5px; border: 5px solid transparent; border-top-color: var(--acc); }
.mc-lens__g:empty { display: none; }
.mc-lens .mc-seg { justify-content: center; margin-bottom: 4px; }
.mc-lens__ls p { margin: 10px 0 0; font-size: 14.5px; line-height: 1.85; }
.mc-lens__ls a { color: var(--acc); }

/* 卷末：把世界颠倒过来 */
.mc-flip { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 34px; align-items: center; padding: 6px 0 30px; margin-bottom: 30px; border-bottom: 3px double var(--ink); }
.mc-coin { width: 210px; height: 210px; perspective: 900px; }
.mc-coin__in { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 1.5s cubic-bezier(.5, 0, .2, 1); }
.mc-flip.is-turned .mc-coin__in { transform: rotateX(180deg); }
.mc-coin__f { position: absolute; inset: 0; width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; overflow: visible; }
.mc-coin__b { transform: rotateX(180deg); }
.mc-flip:not(.is-js) .mc-coin__b { display: none; }
.mc-coin__a .t { fill: #3b4148; stroke: var(--ink); stroke-width: 2; }
.mc-coin__a .g { fill: #6b737b; stroke: var(--ink); stroke-width: 2; }
.mc-coin__a .l { fill: none; stroke: #2a2e33; stroke-width: 1.4; }
.mc-coin__a .h { fill: #2a2e33; }
.mc-coin__b .g { fill: #b9c98a; stroke: var(--ink); stroke-width: 2; }
.mc-coin__b .c { fill: #7d9a46; stroke: #34421a; stroke-width: 1.2; }
.mc-coin__b .v { fill: none; stroke: #34421a; stroke-width: 2.4; stroke-linecap: round; }
.mc-coin__b .lf { fill: #4b5d23; }
.mc-coin__bird path, .mc-coin__bird ellipse, .mc-coin__bird circle { fill: #4a3a28; stroke: #1f1912; stroke-width: 1; } .mc-coin__bird .w, .mc-coin__bird .lg { fill: none; stroke: #1f1912; stroke-width: 1.4; } .mc-coin__bird .e { fill: #f2ead6; stroke: none; }
.mc-flip__q { margin: 12px 0 14px; padding: 0; }
.mc-flip__q p { margin: 0; font-family: var(--body); font-weight: 600; font-size: clamp(19px, 1.8vw, 23px); line-height: 1.8; }
.mc-flip__q p::before { content: "“"; } .mc-flip__q p::after { content: "”"; }
.mc-end h2 { font-family: var(--head); font-weight: 400; font-size: clamp(32px, 3.4vw, 46px); letter-spacing: .08em; }
.mc-end h3 { font-family: var(--head); font-weight: 400; font-size: 20px; letter-spacing: .1em; }
.c-merchant .c3-lin li { border-radius: 0; border-color: var(--rule); background: rgba(250, 246, 235, .9); }
.c-merchant .c3-lin .rel { border-radius: 0; flex: none; white-space: nowrap; }
.c-merchant .c3-lin li p { color: var(--ink-2); }
.c-merchant .c3-credits, .c-merchant .c3-fine { color: var(--ink-2); }
.c-merchant .c3-endgo .c3-btn { background: #faf6eb; color: var(--ink); }
.c-merchant .c3-endgo .c3-btn--deep { background: var(--acc); border-color: var(--acc); color: var(--acc-ink); }

@media (max-width: 1180px) {
  .c-merchant .c3toc a b { display: none; }
  .c-merchant .c3toc { right: 6px; }
  .mc-title { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); }
  .mc-title__idx { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 30px; }
}
@media (max-width: 900px) {
  .mc-spread { display: flex; flex-direction: column; }
  .mc-spread::before { display: none; }
  .mc-page { display: contents; }
  .mc-o1 { order: 1; } .mc-o2 { order: 2; } .mc-o3 { order: 3; margin-bottom: 18px; } .mc-x--near { order: 4; }
  .mc-o5 { order: 5; } .mc-o6 { order: 6; } .mc-x { order: 7; } .mc-o7 { order: 8; }
  .mc-o1, .mc-o2 { text-align: center; } .mc-o1 { justify-content: center; }
  .mc-band { grid-template-columns: minmax(0, 1fr); gap: 20px; }
}
@media (max-width: 720px) {
  .mc-title { grid-template-columns: minmax(0, 1fr); }
  .mc-title__idx { display: block; }
  .mc-orn { width: 46px; height: 46px; }
  .mc-orn--tl, .mc-orn--tr { top: -18px; } .mc-orn--bl, .mc-orn--br { bottom: -18px; }
  .mc-orn--tl, .mc-orn--bl { left: -18px; } .mc-orn--tr, .mc-orn--br { right: -18px; }
  .mc-sheet { padding: 34px 18px 30px; }
  .mc-frame { width: 100%; }
  .mc-revs { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .mc-birds { grid-template-columns: minmax(0, 1fr); }
  .mc-hat { max-width: 220px; margin: 0 auto; }
  .mc-flip { grid-template-columns: minmax(0, 1fr); justify-items: center; text-align: center; }
  .mc-flip .mc-k { justify-content: center; }
  .mc-ticks li { font-size: 10.5px; }
  .mc-ord { font-size: 13.5px; } .mc-ord th, .mc-ord td { padding: 7px 6px; }
  .c-merchant .c3q__lede { text-align: left; }
  .mc-x { padding: 14px 12px; }
  .c-merchant .c3q__q { font-size: 26px; letter-spacing: .02em; }
}