@font-face{font-family:"Shantell Sans";src:url("assets/fonts/ShantellSans.ttf") format("truetype");font-weight:300 800;font-style:normal;font-display:swap}
:root{--paper:#f7f7f2;--ink:#252820;--muted:#62665a;--yellow:#eced82;--line:#d6d8cc;--serif:"Songti SC","Noto Serif CJK SC","Source Han Serif SC","SimSun",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #77791d;outline-offset:5px}::selection{background:var(--yellow)}.skip{position:fixed;top:-100px;left:15px;padding:10px;background:var(--yellow);z-index:20}.skip:focus{top:10px}.header{height:88px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:3}.brand{font-family:var(--serif);font-weight:bold;font-size:22px;letter-spacing:2px;display:flex;align-items:baseline;gap:5px}.brand span{font-size:15px}.brand i{font-style:normal;font-size:28px;margin-left:12px}nav{display:flex;align-items:center;gap:34px;font-size:14px}nav a:hover{box-shadow:0 2px var(--ink)}.nav-read{border:1px solid var(--ink);padding:8px 17px}.hero{position:relative;min-height:740px;height:calc(100svh - 88px);max-height:1000px;overflow:hidden;background:#fff}.hero-street{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.28;bottom:0}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f7f7f2 0%,#f7f7f2e8 30%,transparent 72%);pointer-events:none}.hero-copy{position:relative;z-index:2;margin-left:9%;padding-top:80px;width:55%}.eyebrow{font-size:13px;letter-spacing:3px}.hero h1{font-family:var(--serif);font-size:clamp(54px,5.6vw,90px);line-height:1.25;letter-spacing:8px;font-weight:500;margin:32px 0}.hero h1 span{margin-left:1em}.hero h1 b{color:#8c9142;font-weight:400;position:absolute}.hero-line{font-family:var(--serif);font-size:22px;margin:32px 0 20px}.highlight{background:linear-gradient(transparent 60%,var(--yellow) 60%)}.hero-sub{font-size:15px;color:var(--muted);line-height:2}.button{display:inline-flex;justify-content:space-between;gap:40px;padding:14px 22px;background:var(--ink);color:white;font-size:14px;margin-top:23px;border:1px solid var(--ink);transition:background .2s,color .2s}.button:hover{background:var(--yellow);color:var(--ink)}.hero-character{position:absolute;right:7%;bottom:20px;width:34%;height:90%;z-index:1}.hero-character>img{height:100%;width:100%;object-fit:contain;object-position:center bottom;mix-blend-mode:multiply}.speech{position:absolute;right:-8%;top:9%;font-family:var(--serif);font-size:18px;letter-spacing:2px;transform:rotate(6deg);background:var(--yellow);padding:18px 22px;z-index:2}.speech strong{font-weight:400}.hero-bottom{position:absolute;bottom:0;left:5%;right:5%;z-index:2;display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid #9999;font-size:12px;letter-spacing:1px;background:#f7f7f2b8}.section{padding:88px 8%;scroll-margin-top:0}.section-label{display:flex;justify-content:space-between;border-top:1px solid var(--ink);padding-top:14px;font-size:12px;letter-spacing:2px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:65px}h2{font-family:var(--serif);font-size:clamp(30px,3.2vw,46px);font-weight:400;line-height:1.65;margin:0;letter-spacing:3px}h2 em{font-style:normal;background:linear-gradient(transparent 73%,var(--yellow) 73%)}.story-text{color:var(--muted);font-size:16px}.story-text p:first-child{margin-top:0}.story-text p{margin-bottom:26px;line-height:2.2}.story-end strong{color:var(--ink);font-family:var(--serif);font-size:24px;line-height:2.4;font-weight:400}.notes{display:flex;gap:40px;margin-top:45px;font-size:13px;letter-spacing:2px}.notes span:before{content:"＋";margin-right:12px}.characters{background:#edefe7}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:45px 0}.section-heading p{color:var(--muted);font-size:14px}.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.portrait{height:355px;position:relative;overflow:hidden;border-bottom:1px solid #9fa493;background:#f7f7f2}.portrait img{width:100%;height:auto;mix-blend-mode:multiply;position:absolute;top:22px;transition:transform .4s}.character:hover .portrait img{transform:translateY(-7px)}.character-number{position:absolute;top:10px;left:13px;font-family:var(--serif);color:#686d5f;font-size:15px;z-index:1}.character-info{padding-top:20px}.tag{font-size:12px;color:var(--muted);letter-spacing:1px}h3{font-family:var(--serif);font-size:25px;font-weight:400;margin:7px 0 14px}h3 small{font-family:Arial,sans-serif;font-size:10px;letter-spacing:1px;display:block;color:var(--muted);margin-top:4px}.character-info p{font-size:14px;color:var(--muted);line-height:2}.character-info blockquote{margin:15px 0;font-family:var(--serif);font-size:17px}.scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 30px}figure{margin:0}figure img{display:block;width:100%;height:auto;border:1px solid var(--line);background:white}figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:14px;font-size:13px}figcaption span+span{color:var(--muted)}.wide-scene{grid-column:1/-1}.wide-scene img{max-height:470px;object-fit:cover;object-position:center 60%}.excerpt{padding-top:30px}.novel{position:relative;aspect-ratio:16/9;min-height:400px;overflow:hidden;background:#fff;border:1px solid var(--line)}.novel-bg{width:100%;height:100%;position:absolute;object-fit:cover;opacity:.55}.novel-her{position:absolute;height:135%;width:76%;object-fit:contain;top:4%;left:12%}.dialogue{position:absolute;bottom:20px;left:4%;right:4%;padding:18px 28px;background:#f7f7f2f5;border:1px solid var(--ink);box-shadow:5px 5px 0 #25282015}.dialogue #speaker{display:inline-block;background:var(--yellow);padding:0 17px;font-size:14px}.dialogue #line{font-family:var(--serif);font-size:24px;margin:12px 0;min-height:44px}.dialogue-controls{display:flex;justify-content:end;align-items:center;gap:12px;font-size:13px}.dialogue-controls>span{margin-right:auto;letter-spacing:2px;color:var(--muted)}.dialogue button{background:transparent;border:1px solid #777b6c;padding:6px 16px;min-height:40px}.dialogue button:hover:not(:disabled){background:var(--yellow)}.dialogue button:disabled{opacity:.35;cursor:default}.excerpt-note{text-align:center;color:var(--muted);font-size:14px;margin-top:25px}.ending{text-align:center;padding:90px 24px 110px;background:var(--yellow)}.ending h2{margin:30px 0;font-size:clamp(32px,3.7vw,52px)}.ending p{font-size:13px;margin-top:28px;color:#535739}footer{padding:28px 5%;display:flex;justify-content:space-between;gap:20px;font-size:12px}footer>a{font-family:var(--serif);font-size:16px}
@media(min-width:1600px){.section{padding-left:max(8%,calc((100% - 1340px)/2));padding-right:max(8%,calc((100% - 1340px)/2))}.portrait{height:420px}}
@media(max-width:1000px){.header{padding:0 4%}nav{gap:20px}.hero-copy{margin-left:6%;padding-top:80px;width:64%}.hero-character{right:-7%;width:48%;height:77%}.speech{right:18%;top:-4%;font-size:14px}.hero h1{font-size:64px}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 25px}.portrait{height:410px}.portrait img{width:88%;left:6%}.section{padding:65px 6%}.story-grid{gap:6%}.story-text br{display:none}}
@media(max-width:640px){.header{height:auto;min-height:90px;flex-wrap:wrap;justify-content:center;padding:12px 15px;gap:8px}.brand{font-size:18px}.brand span{font-size:13px}.brand i{font-size:20px}nav{width:100%;justify-content:center;gap:27px;font-size:12px}.nav-read{padding:2px 8px}.hero{height:850px;min-height:0;max-height:none}.hero-copy{padding-top:30px;margin-left:7%;width:86%}.hero h1{font-size:49px;letter-spacing:5px;margin:22px 0}.hero h1 span{margin-left:.5em}.eyebrow{font-size:12px;letter-spacing:2px}.hero-line{font-size:18px;margin-top:20px}.hero-sub{font-size:13px}.button{margin-top:14px;padding:11px 18px;font-size:13px}.hero-character{height:420px;bottom:32px;width:66%;right:-1%}.speech{right:auto;left:-36%;top:32%;font-size:14px;padding:15px}.hero-street{height:55%;bottom:0;opacity:.4}.hero:after{background:linear-gradient(#f7f7f2 20%,#f7f7f200 70%)}.hero-bottom{font-size:11px;padding:12px 0}.hero-bottom>span:last-child{display:none}.section{padding:48px 6%}.section-label{font-size:11px;letter-spacing:1px}.story-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}h2{font-size:30px}.story-text{font-size:15px}.notes{gap:12px;flex-wrap:wrap;margin-top:18px;font-size:11px;letter-spacing:0}.notes span:before{margin-right:4px}.section-heading{align-items:start;flex-direction:column;gap:12px;margin:30px 0}.section-heading p{margin:0}.portrait{height:260px}.portrait img{width:115%;left:-7.5%}.character-grid{gap:25px 15px}h3{font-size:22px}.tag{font-size:11px}.character-info p{font-size:13px}.scene-grid{grid-template-columns:1fr;gap:28px}.wide-scene{grid-column:auto}.wide-scene img{max-height:none}figcaption{font-size:12px}.novel{aspect-ratio:auto;height:490px;min-height:0}.novel-bg{object-position:45%}.novel-her{height:105%;width:110%;left:-5%}.dialogue{bottom:12px;padding:14px;left:3%;right:3%}.dialogue #line{font-size:20px;min-height:60px}.dialogue-controls{gap:8px}.dialogue button{padding:6px 12px}.excerpt-note{font-size:12px}.ending{padding:65px 20px}.ending h2{font-size:32px}footer{flex-wrap:wrap;justify-content:center;font-size:11px}footer>a{width:100%;text-align:center}}
.brand{font-family:"Shantell Sans",Georgia,"Times New Roman",serif;font-size:30px;letter-spacing:5px}.hero h1{font-family:"Shantell Sans",Georgia,"Times New Roman",serif;font-size:clamp(110px,13vw,200px);line-height:1.15;letter-spacing:.09em;margin:28px 0 32px}.ending>.eyebrow{font-family:Georgia,"Times New Roman",serif;font-size:24px;letter-spacing:6px}
@media(max-width:640px){.brand{font-size:25px}.hero h1{font-size:100px;margin:18px 0 25px}.dialogue #line{font-size:18px;line-height:1.8;min-height:66px}}
.character-info blockquote{font-family:"Microsoft YaHei","微软雅黑",sans-serif;color:var(--muted)}.dialogue #speaker[hidden]{display:none}footer{justify-content:center}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


.ending-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px 20px}.ending-links .button{margin-top:0;justify-content:center}.button-outline{background:transparent;color:var(--ink)}.button-outline:hover{background:var(--ink);color:var(--yellow)}.ending-reread{flex-basis:100%;width:fit-content;font-size:13px;text-decoration:underline;text-underline-offset:5px;margin-top:8px}