:root{color-scheme:dark;--bg:#171522;--panel:#252030;--ink:#fff5ee;--muted:#c5b6c6;--rose:#f1b5b6;--gold:#f8d9b2;--line:rgba(246,215,200,.22)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;background:#100f19;color:var(--ink);font-size:1rem}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{cursor:default;opacity:.45}.romance-shell{padding:18px;min-height:100dvh;display:grid;place-items:center}.romance-frame{width:min(100%,980px);height:min(860px,calc(100dvh - 36px));min-height:620px;display:grid;grid-template-rows:70px minmax(0,1fr) 62px;background:var(--bg);border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 24px 90px #0008}.romance-top{padding:0 25px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);background:#211c2b}.brand-link{text-decoration:none;font-size:0.9375rem;font-weight:700;letter-spacing:.03em}.edition{color:var(--rose);font-size:0.875rem;white-space:nowrap}.romance-nav{display:flex;align-items:stretch;border-top:1px solid var(--line);background:#211c2b;padding-bottom:env(safe-area-inset-bottom,0px)}.romance-nav button{flex:1;border:0;background:transparent;color:var(--muted);font-size:0.875rem;padding:12px 5px}.romance-nav button:hover{color:var(--gold);background:#ffffff05}#romanceScreen{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#997681 transparent}.r-cover{position:relative;min-height:100%;display:flex;align-items:end;isolation:isolate;padding:48px}.r-cover:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#181321ed,#18132166 65%,#18132155),url('assets/hex-library.png') center/cover}.r-cover .cover-portrait{position:absolute;right:1%;bottom:0;height:94%;width:56%;object-fit:contain;object-position:bottom;z-index:-1;opacity:.97}.r-cover-copy{max-width:490px;width:100%;padding-top:140px}.kicker{color:var(--gold);font-size:0.875rem;letter-spacing:.14em;margin:0 0 16px}.r-cover h1{font-family:"STSong","Songti SC",serif;letter-spacing:.1em;font-size:clamp(2.5rem,6vw,4rem);font-weight:600;margin:0 0 15px;line-height:1.3}.r-cover .lead{font-size:1.125rem;line-height:1.9;color:#ead8db;margin:0 0 26px}.soft{color:var(--muted);font-size:0.875rem;line-height:1.8}.cover-buttons{display:grid;gap:10px;max-width:310px}.r-primary,.r-secondary,.r-choice{padding:13px 19px;border-radius:13px;min-height:48px;line-height:1.6;transition:background .15s}.r-primary{background:linear-gradient(135deg,#f8d9b2,#f1b5b6);color:#322133;border:0;font-weight:750}.r-secondary{background:#ffffff08;color:var(--ink);border:1px solid var(--line)}.r-choice{background:#f1b5b60d;color:var(--ink);border:1px solid #f1b5b63b;text-align:left;width:100%}.r-choice:hover,.r-secondary:hover{border-color:var(--rose);background:#f1b5b61a}.r-choices{display:grid;gap:10px;margin-top:18px}.r-panel{max-width:600px;margin:40px auto;padding:30px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#2c2237,#211d2c)}.r-panel h1,.r-panel h2{font-family:"STSong","Songti SC",serif;font-size:1.875rem;line-height:1.4;margin:10px 0 16px}.r-panel p{line-height:1.9}.r-panel label{display:block;margin:20px 0 9px}.r-input{border:1px solid #f1b5b64d;border-radius:12px;padding:13px;background:#100f1966;color:var(--ink);width:100%;font-size:1rem;resize:vertical;min-height:48px}.r-panel .r-primary{width:100%;margin-top:20px}.r-transition{padding:35px 25px;min-height:100%;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 30%,#6a41553d,transparent 70%),#201b2d}.chapter-number{font:italic 3.25rem Georgia,serif;color:#f1b5b669}.chapter-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:0.875rem}.r-stage{min-height:100%;display:grid;grid-template-columns:42% 58%;background:linear-gradient(140deg,#241f32,#191624)}.stage-art{position:relative;min-height:440px;overflow:hidden;isolation:isolate;background:linear-gradient(0deg,#191624cc,#19162422),url('assets/hex-library.png') center/cover}.stage-art img{position:absolute;inset:auto 0 0;height:90%;width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 22px #0006)}.r-stage[data-theme=rain] .stage-art{background-blend-mode:multiply;filter:saturate(.76)}.r-stage[data-theme=night] .stage-art{background-image:linear-gradient(0deg,#171624,#252344e8),url('assets/hex-library.png')}.r-stage[data-theme=sunset] .stage-art,.r-stage[data-theme=promise] .stage-art{background-image:linear-gradient(0deg,#211927cc,#72485655),url('assets/hex-library.png')}.place-chip{position:absolute;z-index:1;top:20px;left:18px;max-width:calc(100% - 36px);border:1px solid var(--line);border-radius:14px;background:#191624ba;padding:10px 13px;font-size:0.875rem;line-height:1.7}.stage-dialogue{padding:34px;display:flex;flex-direction:column;justify-content:center;position:relative}.scene-meta{font-size:0.875rem;color:var(--muted);display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px;padding-bottom:21px;border-bottom:1px solid var(--line);margin-bottom:24px}.speaker-row{display:flex;align-items:center;gap:12px;margin-bottom:13px}.speaker-row h2{font-size:1.0625rem;margin:0;color:var(--gold)}.mood{font-size:0.875rem;color:var(--muted)}.dialogue-text{font-size:1.125rem;line-height:1.95;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.dialogue-text:focus{outline:none}.r-next{width:100%;margin-top:24px}.key-hint{margin:12px 0 0;text-align:right;color:var(--muted);font-size:0.875rem}.reply-label{font-size:0.875rem;color:var(--rose);margin-bottom:12px}.activity-card{border:1px solid var(--line);border-radius:16px;padding:18px;margin-top:18px;background:#ffffff04}.activity-card h3{margin:0 0 12px;font-size:1.0625rem}.activity-card p{font-size:1rem;line-height:1.8}.option-row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 20px}.option-row button{flex:1;padding:11px 9px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink);font-size:0.9375rem;min-height:46px;white-space:nowrap}.option-row button.selected{border-color:var(--rose);background:#f1b5b627}.chat-bubble{background:#473147;border-radius:14px 14px 14px 3px;padding:12px 14px;line-height:1.8;font-size:1rem;margin:12px 0}.chat-bubble.mine{background:#5f4149;border-radius:14px 14px 3px 14px;margin-left:18px}.message-prompt{margin:10px 0;font-size:0.875rem;color:var(--muted)}.memories-list{display:grid;gap:14px}.memory-card{padding:18px;border:1px solid var(--line);border-radius:15px;background:#ffffff04}.memory-card h3{font-size:1.125rem;margin:5px 0 10px;color:var(--gold)}.memory-card p{font-size:1rem;margin:0;line-height:1.85}.memory-num{font-size:0.875rem;color:var(--rose)}.end-quote{font-family:"STSong","Songti SC",serif;font-size:1.4375rem!important;color:var(--gold);padding-left:16px;border-left:2px solid var(--rose)}.chapter-list{display:grid;gap:9px;margin-top:20px}.chapter-list button{padding:13px;border-radius:12px;border:1px solid var(--line);background:#ffffff04;color:var(--ink);text-align:left;line-height:1.6}dialog{width:min(580px,calc(100% - 28px));max-height:82dvh;padding:25px;border:1px solid #f1b5b655;border-radius:20px;background:#251e30;color:var(--ink);overflow:auto;box-shadow:0 24px 90px #0008}dialog::backdrop{background:#080612c9;backdrop-filter:blur(6px)}dialog h2{font-family:"STSong","Songti SC",serif;font-size:1.5625rem;margin:0 0 18px}dialog .r-secondary{width:100%;margin-top:22px}.log-line{padding:13px 0;border-bottom:1px solid var(--line)}.log-line strong{color:var(--gold);font-size:0.875rem}.log-line p{font-size:1rem;line-height:1.8;margin:7px 0}.disclaimer{border-top:1px solid var(--line);padding-top:15px;margin-top:20px}#romanceToast{position:fixed;bottom:88px;left:50%;transform:translate(-50%,15px);background:#39283fed;padding:12px 20px;border:1px solid var(--line);border-radius:14px;color:var(--ink);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:20;max-width:calc(100% - 32px);font-size:0.9375rem}#romanceToast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:680px){.romance-shell{padding:0}.romance-frame{height:100dvh;min-height:550px;width:100%;border:0;border-radius:0;grid-template-rows:62px minmax(0,1fr) calc(58px + env(safe-area-inset-bottom,0px))}.romance-top{padding:0 17px}.brand-link{font-size:0.875rem}.edition{font-size:0.875rem}.r-cover{padding:27px 23px}.r-cover:before{background-image:linear-gradient(0deg,#171321 8%,#17132166 80%),url('assets/hex-library.png')}.r-cover .cover-portrait{width:94%;height:83%;right:0;bottom:21%;opacity:.8}.r-cover-copy{padding-top:240px;position:relative;z-index:2;background:linear-gradient(0deg,#171321 65%,transparent)}.r-cover h1{font-size:2.6875rem}.r-cover .lead{font-size:1.0625rem}.cover-buttons{max-width:none}.r-cover .soft{margin-bottom:0}.r-panel{margin:22px 18px;padding:24px}.r-transition{padding:20px 0}.r-transition .r-panel{margin:20px 18px}.r-stage{grid-template-columns:1fr;grid-template-rows:clamp(180px,31dvh,290px) auto;min-height:100%}.stage-art{min-height:0}.stage-art img{height:115%;width:75%;left:23%;object-position:center 27%;object-fit:cover;top:-3%;bottom:auto}.place-chip{top:13px;left:16px;max-width:57%;font-size:0.875rem;backdrop-filter:blur(5px)}.stage-dialogue{padding:21px 20px 24px;justify-content:start;border-top:1px solid var(--line)}.scene-meta{padding-bottom:12px;margin-bottom:17px}.dialogue-text{font-size:1.0625rem;line-height:1.9}.key-hint{display:none}.r-next{margin-top:18px}.r-choices{gap:9px}.r-choice{font-size:1rem}.option-row{gap:6px}.option-row button{font-size:0.875rem;padding:10px 7px}.activity-card{padding:15px}.speaker-row h2{font-size:1.0625rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* Scene backgrounds and flexible text enlargement. */
.stage-art canvas.xiaoye-pose{position:absolute;inset:auto 0 0;height:90%;width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 22px #0006)}
@media(max-width:680px){.stage-art canvas.xiaoye-pose{height:115%;width:75%;left:23%;object-position:center 27%;object-fit:cover;top:-3%;bottom:auto}}
.romance-frame{grid-template-rows:auto minmax(0,1fr) auto}.romance-top{min-height:70px;flex-wrap:wrap;padding-block:12px}.romance-nav{min-height:62px}.r-stage[data-theme=rain] .stage-art{background-image:linear-gradient(0deg,#191624aa,#19162422),url('assets/romance-cafe.png');filter:none}.r-stage[data-theme=night] .stage-art{background-image:radial-gradient(ellipse at 80% 20%,#744c6855,transparent 70%),linear-gradient(135deg,#26213c,#151423)}.r-stage[data-theme=sunset] .stage-art,.r-stage[data-theme=promise] .stage-art{background-image:linear-gradient(0deg,#21192799,#21192722),url('assets/romance-riverside.png')}.r-stage[data-theme=promise] .stage-art{background-position:70% center}.brand-link,.edition{max-width:100%}
@media(max-width:680px){.romance-frame{grid-template-rows:auto minmax(0,1fr) auto}.romance-top{min-height:62px}.romance-nav{min-height:calc(58px + env(safe-area-inset-bottom,0px))}}
/* Keep the crown/umbrella top visible while using HD cover art on phones. */
@media(max-width:680px){.stage-art img.xiaoye-pose,.stage-art canvas.xiaoye-pose{top:0;object-position:center 0%}}