Brief
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Space+Grotesk:wght@300;400;500&family=Noto+Serif+SC:wght@300;400;600&display=swap');
.cp-page{width:100%;min-width:0;margin:0 auto;background:transparent;font-family:'Space Grotesk',sans-serif;color:#e8e0d4;overflow:hidden;--cp-accent:#8b332c;--cp-accent-rgb:139,51,44}
.cp-hero{position:relative;width:100%;height:clamp(620px,190vw,820px);overflow:hidden;background:#0d0b09}
.cp-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:0;animation:cpFadeIn 1.8s ease 0.3s forwards;filter:grayscale(30%) contrast(1.1)}
.cp-hero-grad{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(13,11,9,0.15) 30%,rgba(13,11,9,0.55) 65%,rgba(13,11,9,0.95) 90%,#0d0b09 100%);z-index:1}
.cp-scanline{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent,transparent 3px,rgba(0,0,0,0.07) 3px,rgba(0,0,0,0.07) 4px);z-index:2;pointer-events:none;animation:cpScanMove 8s linear infinite}
.cp-hero-tag{position:absolute;top:32px;left:24px;z-index:4;opacity:0;animation:cpFadeSlideDown 1s ease 0.6s forwards}
.cp-hero-tag-label{font-family:'Space Grotesk',sans-serif;font-size:9px;font-weight:500;letter-spacing:0.3em;color:var(--cp-accent);text-transform:uppercase}
.cp-hero-tag-name{font-family:'Noto Serif SC',serif;font-size:32px;font-weight:300;letter-spacing:0.15em;color:#f0ebe3;line-height:1.1;margin-top:6px}
.cp-hero-tag-en{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:15px;font-weight:300;color:#8a7e70;letter-spacing:0.08em;margin-top:4px}
.cp-hero-data{position:absolute;right:0;top:0;height:100%;width:38%;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;padding:0 18px 180px 0;opacity:0;animation:cpFadeIn 1.2s ease 1.2s forwards}
.cp-data-row{margin-bottom:14px;border-left:1px solid rgba(var(--cp-accent-rgb),0.4);padding-left:10px}
.cp-data-key{font-size:7px;letter-spacing:0.35em;text-transform:uppercase;color:var(--cp-accent);font-weight:500}
.cp-data-val{font-size:13px;font-weight:300;color:#c8bfb3;letter-spacing:0.05em;margin-top:2px}
.cp-hero-quote{position:absolute;bottom:60px;left:24px;right:24px;z-index:4;opacity:0;animation:cpFadeSlideUp 1.2s ease 1.5s forwards}
.cp-hero-quote-line{width:32px;height:1px;background:var(--cp-accent);margin-bottom:12px}
.cp-hero-quote-text{font-family:'Noto Serif SC',serif;font-size:12px;font-weight:300;color:#a09080;line-height:2;letter-spacing:0.08em}
.cp-hero-quote-attr{font-size:9px;letter-spacing:0.3em;color:#5a4e42;text-transform:uppercase;margin-top:10px}
.cp-chap-header{display:flex;align-items:baseline;gap:12px;margin-bottom:20px}
.cp-chap-num{font-family:'Cormorant Garamond',serif;font-size:11px;font-weight:400;letter-spacing:0.3em;color:var(--cp-accent);text-transform:uppercase;white-space:nowrap}
.cp-chap-title{font-family:'Noto Serif SC',serif;font-size:18px;font-weight:300;letter-spacing:0.12em;color:#e8e0d4}
.cp-chap-rule{flex:1;height:1px;background:linear-gradient(to right,rgba(var(--cp-accent-rgb),0.5),transparent)}
.cp-s01{background:#0d0b09;padding:36px 24px 40px}
.cp-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(var(--cp-accent-rgb),0.2);border:1px solid rgba(var(--cp-accent-rgb),0.2);margin-bottom:20px}
.cp-profile-cell{background:#0d0b09;padding:14px 12px}
.cp-profile-cell-key{font-size:8px;letter-spacing:0.3em;text-transform:uppercase;color:var(--cp-accent);font-weight:500;margin-bottom:5px}
.cp-profile-cell-val{font-family:'Noto Serif SC',serif;font-size:13px;font-weight:300;color:#c8bfb3;line-height:1.6}
.cp-profile-portrait{position:relative;width:100%;aspect-ratio:3/4;min-height:260px;max-height:520px;overflow:hidden;border:1px solid rgba(var(--cp-accent-rgb),0.22);background:linear-gradient(135deg,rgba(var(--cp-accent-rgb),0.08),transparent 42%),#0b0a08;margin:0 0 22px}
.cp-profile-portrait-img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:grayscale(28%) contrast(1.08) brightness(0.86);transform:scale(1.02)}
.cp-profile-portrait-shade{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 45%,rgba(13,11,9,0.72) 100%),linear-gradient(to right,rgba(13,11,9,0.35),transparent 38%,rgba(13,11,9,0.2));pointer-events:none}
.cp-profile-portrait-frame{position:absolute;inset:12px;border:1px solid rgba(var(--cp-accent-rgb),0.24);pointer-events:none}
.cp-profile-portrait-tag{position:absolute;left:22px;bottom:18px;z-index:2}
.cp-profile-portrait-kicker{font-size:8px;letter-spacing:0.35em;text-transform:uppercase;color:var(--cp-accent);font-weight:500;margin-bottom:6px}
.cp-profile-portrait-title{font-family:'Noto Serif SC',serif;font-size:15px;font-weight:300;letter-spacing:0.12em;color:#e8e0d4}
.cp-profile-portrait-note{font-size:9px;letter-spacing:0.12em;color:#7a6c5f;margin-top:6px}
.cp-accordion{border-top:1px solid rgba(var(--cp-accent-rgb),0.25)}
.cp-accordion-item{border-bottom:1px solid rgba(var(--cp-accent-rgb),0.15)}
.cp-accordion-trigger{display:block;width:100%}
.cp-accordion-trigger input[type=checkbox]{display:none}
.cp-accordion-label{display:flex;align-items:center;justify-content:space-between;padding:14px 0;cursor:pointer}
.cp-accordion-label-text{font-size:11px;letter-spacing:0.25em;text-transform:uppercase;color:#a09080;font-weight:400}
.cp-accordion-arrow{font-family:'Cormorant Garamond',serif;font-size:18px;color:var(--cp-accent);line-height:1;transition:transform 0.4s ease}
.cp-accordion-trigger input[type=checkbox]:checked ~ .cp-accordion-label .cp-accordion-arrow{transform:rotate(45deg)}
.cp-accordion-body{max-height:0;overflow:hidden;transition:max-height 0.5s cubic-bezier(0.4,0,0.2,1)}
.cp-accordion-trigger input[type=checkbox]:checked ~ .cp-accordion-body{max-height:400px}
.cp-accordion-inner{padding:0 0 18px;font-family:'Noto Serif SC',serif;font-size:12px;font-weight:300;color:#9a8a7a;line-height:2.2;letter-spacing:0.06em}
.cp-s02{background:#111009;padding:36px 24px 40px;position:relative;overflow:hidden}
.cp-s02-deco{position:absolute;right:-20px;top:40px;font-family:'Cormorant Garamond',serif;font-size:120px;font-weight:300;font-style:italic;color:rgba(var(--cp-accent-rgb),0.06);line-height:1;pointer-events:none;letter-spacing:-0.02em}
.cp-timeline{position:relative;padding-left:24px}
.cp-timeline-spine{position:absolute;left:5px;top:8px;bottom:8px;width:1px;background:linear-gradient(to bottom,var(--cp-accent),rgba(var(--cp-accent-rgb),0.1))}
.cp-tl-item{position:relative;margin-bottom:28px}
.cp-tl-dot{position:absolute;left:-23px;top:6px;width:5px;height:5px;border-radius:50%;background:var(--cp-accent);box-shadow:0 0 8px rgba(var(--cp-accent-rgb),0.6)}
.cp-tl-date{font-size:8px;letter-spacing:0.35em;text-transform:uppercase;color:var(--cp-accent);font-weight:500;margin-bottom:5px}
.cp-tl-body{font-family:'Noto Serif SC',serif;font-size:12px;font-weight:300;color:#9a8a7a;line-height:2;letter-spacing:0.05em}
.cp-tl-title{font-family:'Noto Serif SC',serif;font-size:15px;font-weight:400;color:#c8bfb3;margin-bottom:6px;letter-spacing:0.08em}
.cp-s04{background:linear-gradient(180deg,#111009 0%,#0a0907 100%);padding:36px 24px 40px;position:relative}
.cp-location-list{display:flex;flex-direction:column;gap:12px}
.cp-loc-item{display:flex;gap:14px;align-items:flex-start}
.cp-loc-marker{flex-shrink:0;width:20px;height:20px;border:1px solid rgba(var(--cp-accent-rgb),0.5);display:flex;align-items:center;justify-content:center;margin-top:2px}
.cp-loc-diamond{width:6px;height:6px;background:var(--cp-accent);transform:rotate(45deg)}
.cp-loc-text-name{font-family:'Noto Serif SC',serif;font-size:13px;font-weight:400;color:#c8bfb3;letter-spacing:0.08em;margin-bottom:4px}
.cp-loc-text-desc{font-size:10px;color:#6e6254;line-height:1.8;letter-spacing:0.04em}
.cp-s05{background:#0d0b09;padding:36px 24px 60px;position:relative}
.cp-author-quote-wrap{position:relative;padding:28px 24px;border:1px solid rgba(var(--cp-accent-rgb),0.2);background:rgba(var(--cp-accent-rgb),0.04);margin-bottom:28px}
.cp-author-quote-mark{font-family:'Cormorant Garamond',serif;font-size:60px;font-weight:300;font-style:italic;color:rgba(var(--cp-accent-rgb),0.25);line-height:0.5;position:absolute;top:20px;left:16px}
.cp-author-quote-text{font-family:'Noto Serif SC',serif;font-size:12px;font-weight:300;color:#9a8a7a;line-height:2.4;letter-spacing:0.06em;padding-left:12px}
.cp-author-sign{text-align:right;padding-top:16px}
.cp-author-sign-name{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:16px;font-weight:300;color:var(--cp-accent);letter-spacing:0.1em}
.cp-author-sign-date{font-size:8px;letter-spacing:0.3em;text-transform:uppercase;color:#4a3e34;margin-top:4px}
.cp-footer-rule{width:40px;height:1px;background:var(--cp-accent);margin:0 auto 12px}
.cp-footer-text{text-align:center;font-size:8px;letter-spacing:0.4em;text-transform:uppercase;color:#3a3028}
@keyframes cpFadeIn{from{opacity:0}to{opacity:1}}
@keyframes cpFadeSlideDown{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@keyframes cpFadeSlideUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes cpScanMove{from{background-position:0 0}to{background-position:0 100px}}
@keyframes cpBlink{0%,100%{opacity:1}50%{opacity:0.3}}
.cp-blink{animation:cpBlink 3s ease-in-out infinite}
.cp-s01,.cp-s02,.cp-s04,.cp-s05{animation:cpFadeIn 1s ease both}
.cp-s02{animation-delay:0.1s}
.cp-s04{animation-delay:0.2s}
.cp-s05{animation-delay:0.25s}
卡斯蒂利亚的深秋午夜，雨声统治了整座城市。
你这间开在下城区边缘的小药铺没有招牌。木窗上常年挂着一块半旧的深蓝色布帘，隔绝了窗外的风雨。药铺里极其安静，只听得见炭炉上铁壶里的水被煮得“咕嘟”作响，以及你手中银剪裁断草药茎秆时发出的清脆声响。你穿着一件颜色极暗的旧袍子，边缘洗得发白，袖口用一根暗红色的细绳随意束着，正低着头，不急不缓地处理着手中的药草。
门被撞开了。
那是一声沉闷的巨响。力道之大，让那扇插着铁栓的木门发出痛苦的尖叫，在墙壁上弹了一下，随后敞开着，任由夹着雨水的冷风毫不客气地卷入室内。
门槛边，半跪着一个人。银色的长发被雨水打湿，沉甸甸地垂贴在他的脸侧和肩头。他穿着极其繁复的白色蕾丝衬衣，衣领层层叠叠，此刻却已经吸饱了雨水，像一朵被打烂的重瓣白花。他没有穿外套，一双黑色的羊皮手套死死地按在地上。
他的右手背处，手套有一道触目惊心的裂口。裂口边缘透出来的不是血肉，而是一种仿佛冰霜凝结而成的银色晶体，微光隐隐闪烁着。
他慢慢抬起头来。
那是一张极其苍白的脸。浅灰色的瞳孔边缘，正泛着一圈病态的、仿佛血液正在燃烧的浓重绯红。他的呼吸急促，撑着地面的手微微抽搐。
他开口了，声音沙哑干裂，像是从喉管深处硬生生刮出来的一样：
“月莲花……给我你的‘月莲花’……我可以……免除你今晚的罪名。”
你没有动。你的眼神很平静，没有恐惧，没有好奇，也没有怜悯。你只是看着他，像在观察一件被打碎的器皿。
你缓缓放下手中的银剪，起身走向药铺深处的木架。你在角落的阴影里取下一只细长的、被黄蜡封口的墨绿色琉璃瓶。回到柜台边，你拿起一只粗陶杯，倒了些许温水，单手拔开黄蜡，极轻地滴入两滴暗金色的液体。
你端着那杯水，绕过柜台，走到他面前，在他身前蹲下。
你伸出手，将温热的杯壁缓缓递到他破损手套的边缘。
“月莲花直接喝会灼伤食道。兑过温水的，先喝下去。”
他的目光从你的手移到你的脸上，盯着你看了足足三秒。他什么也没有找到，你像一面深不见底的暗井，只映着他此刻的狼狈。
他低下头，慢慢握住了那只粗陶杯。手指穿过破裂的黑手套，触碰到温热的杯壁时，他的指尖抖了一下。他极其缓慢地喝了一口。
温热的液体顺着喉咙蔓延下去，那种绷紧得几乎要断裂的呼吸，终于慢慢平复了一寸。
他握着杯子，沉默了许久。久到外面的风雨似乎都暂时歇了一瞬。
然后他微微抬起视线，声音依然沙哑，却多了一丝隐秘的情绪：
“我叫格里菲斯。格里菲斯·卡文迪许。”
他把杯子轻轻放在地板上，顿了顿。
“如果你以后要记账……就记这个名字。”
他没有等你回答。他撑着地面，缓缓站起，转身走向那扇敞开的暴雨中，没有回头。
你蹲在原处，看着地上那只粗陶杯。杯沿上残留着一道浅淡的银色光痕。你没有去洗它，伸手将杯子拿起来，放回柜台的一角，重新坐下，拿起那把银剪，剪断了手中那根未完成的草药。
