:root{--red:#b24453;--deep:#691827;--ink:#ece5dc;--muted:#a9a0a1;--line:#35272a;--sans:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;--serif:'Songti SC','STSong',serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#000;color:var(--ink);font-family:var(--sans);font-size:16px}button,select{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #d8b1b5;outline-offset:4px}a{color:#d5a9af}#app{max-width:1080px;margin:auto;padding:28px 42px 16px;min-height:calc(100svh - 62px)}.brand{color:#c38c95;letter-spacing:3px;font-family:var(--serif);font-size:16px}.header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px}.plain{border:0;background:none;color:var(--muted);padding:10px;font-size:13px}.home{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;min-height:70svh}.eyebrow{color:#ba8790;font-size:12px;letter-spacing:3px;margin:0 0 23px}.hero{font:400 clamp(38px,5vw,65px)/1.35 var(--serif);margin:0;letter-spacing:1px}.hero span{display:block}.hero .big{color:var(--red);font-size:1.16em}.home-copy{font:19px/1.9 var(--serif);color:#c5b8b7;margin:28px 0}.home-aside{border-top:1px solid var(--line);padding:32px 0}.teaser{font:25px/1.8 var(--serif);margin:10px 0 28px;color:#dfd0cd}.tags{display:flex;gap:8px;flex-wrap:wrap}.tag{font-size:12px;color:#c6a4aa;border:1px solid #492c33;padding:6px 10px;border-radius:30px}.meta{font-size:13px;color:var(--muted);display:flex;gap:22px;margin:28px 0 20px}.primary{background:#792335;border:1px solid #a54153;border-radius:10px;color:#f5e9e4;min-height:52px;padding:14px 22px;font-size:16px}.wide{width:100%}.secondary{border:1px solid #4a363b;border-radius:10px;background:#130e10;padding:13px 20px;color:#d6c8c8;min-height:48px}.quiet{font-size:12px;line-height:1.8;color:var(--muted)}.resume-info{font-size:13px;color:#c6a4aa}.watermark{font:11px/1.7 var(--sans);text-align:center;color:#94878b;padding:15px 10px 23px}.quiz{max-width:640px;margin:auto;padding-bottom:110px}.quiz-top{display:flex;justify-content:space-between;align-items:center}.progress{height:3px;background:#302026;margin:16px 0 27px}.progress i{display:block;height:100%;background:#a53b4d;transition:width .25s}.question{font:400 26px/1.65 var(--serif);margin:14px 0 24px}.chapter{font-size:12px;color:#c18b95;letter-spacing:1px}.options{display:grid;gap:12px}.option{display:flex;align-items:center;text-align:left;gap:14px;width:100%;padding:17px 19px;min-height:68px;border:1px solid #39292e;border-radius:10px;background:#110d0f;font:16px/1.65 var(--sans);transition:background .2s,border .2s}.option:hover{border-color:#84505d;background:#1a1115}.option.selected{background:#4b1724;border-color:#a54255}.letter{font-family:var(--serif);font-size:21px;color:#b98591;flex-shrink:0}.tick{margin-left:auto;color:#eee2df}.quiz-controls{position:fixed;bottom:0;left:0;right:0;background:#0b080af5;border-top:1px solid var(--line);padding:12px max(22px,calc((100vw - 640px)/2)) max(12px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:14px;z-index:4}.quiz-controls button{white-space:nowrap}.auto-label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.auto-label input{accent-color:#a23b4e}.quiz-note{font-size:12px;color:var(--muted);margin-top:22px}.quiz-watermark{font-size:10px;color:#93848a;text-align:center;margin-top:24px}.result-cover{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;border-bottom:1px solid var(--line);padding:0 0 32px}.result-title{font:400 clamp(48px,6vw,76px)/1.2 var(--serif);color:var(--red);margin:15px 0 22px;letter-spacing:7px}.hook{font:27px/1.75 var(--serif);margin:15px 0}.lead{color:#c9b8bc;font-size:15px;line-height:1.9}.result-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin:12px 0 24px}.result-tabs button{border:0;background:none;padding:18px 2px 14px;color:#a89ba0;font-size:14px;position:relative}.result-tabs button.active{color:var(--ink)}.result-tabs button.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--red)}.result-content{max-width:730px;min-height:360px;margin:auto}.section-label{font-size:12px;color:#bc8893;letter-spacing:2px;margin:30px 0 12px}.prose{font-size:17px;line-height:2.05;color:#ded2d5;margin:0 0 22px}.scene{font:20px/2 var(--serif);border-left:2px solid #7d3344;padding:0 0 0 22px;margin:24px 0;color:#ecd8d7}.result-actions{display:flex;justify-content:space-between;gap:15px;margin-top:35px;border-top:1px solid var(--line);padding-top:20px}.book-launch{padding:25px 0}.book-launch blockquote{font:27px/1.8 var(--serif);margin:20px 0}.credit{font-size:13px;line-height:1.9;color:#b8a5aa;text-align:right}.book-dialog{border:0;padding:0;background:#090708;color:var(--ink);width:min(100vw,760px);max-width:100vw;max-height:100svh;height:min(100svh,860px);border-radius:16px;overflow:hidden}.book-dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}.reader{display:flex;flex-direction:column;height:100%;padding:22px 30px}.reader-header{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#b99aa2}.reader-stage{flex:1;min-height:0;perspective:1500px;margin:20px 0 0;position:relative;overflow:hidden;background:#100b0e;border-radius:8px}.reader-page{height:100%;overflow:auto;padding:35px 32px 24px;display:flex;flex-direction:column;background:linear-gradient(90deg,#191015,#100b0e 6%,#100b0e 96%,#1d1017);transform-origin:left center;backface-visibility:hidden;touch-action:pan-y}.reader-page blockquote{font:clamp(22px,3.5vw,29px)/1.85 var(--serif);margin:auto 0;padding:18px 0 30px}.reader-page.long blockquote{font-size:22px}.reader-page .credit{margin:15px 0}.reader-note{font-size:12px;line-height:1.8;color:#aa949c;margin-top:18px}.reader-note summary{cursor:pointer}.reader-note a{font-size:11px}.reader-nav{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px}.reader-nav button{min-height:44px;min-width:90px;border:1px solid #4d2e38;border-radius:8px;background:none;color:#d2b0b8}.dots{display:flex;gap:6px}.dots i{width:5px;height:5px;border-radius:50%;background:#51303a}.dots .active{background:#cf909e}.reader-foot{margin:16px 0 0;text-align:center;font-size:10px;color:#907e85}.turn-next{animation:pageNext .58s ease-in-out}.turn-prev{animation:pagePrev .58s ease-in-out}@keyframes pageNext{0%{transform:rotateY(0)}49%{transform:rotateY(-88deg);filter:brightness(.5)}50%{transform:rotateY(88deg)}100%{transform:rotateY(0)}}@keyframes pagePrev{0%{transform:rotateY(0)}49%{transform:rotateY(88deg);filter:brightness(.5)}50%{transform:rotateY(-88deg)}100%{transform:rotateY(0)}}.preview{position:relative;font-size:12px;text-align:center;margin-bottom:15px}.preview>button{border:0;background:none;color:#927a82;font-size:11px}#preview-menu{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);background:#21151a;padding:20px;border:1px solid #603443;width:260px;z-index:6;text-align:left}#preview-menu button,select{background:#160e12;color:var(--ink);border:1px solid #66434e;padding:8px;margin:4px}#preview-menu label{display:block}.hidden{display:none!important}.toast{font-size:12px;color:#c6a5b1}.review-note{font-size:11px;color:#97858b;margin-top:28px;line-height:1.8}.near{font-size:12px;line-height:1.8;color:#b59da5}.error{color:#dfa1b0}.fade-in{animation:fadeIn .25s ease}@keyframes fadeIn{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){#app{padding:22px 22px 10px;min-height:calc(100svh - 85px)}.header{margin-bottom:32px}.home{display:block;min-height:0}.hero{font-size:38px}.hero .big{font-size:45px;margin-top:5px}.home-copy{font-size:16px;line-height:1.9;margin:22px 0}.home-aside{padding-top:18px;margin-top:24px}.teaser{font-size:19px;line-height:1.8;margin:6px 0 16px}.meta{margin:22px 0 16px;justify-content:space-between;gap:8px;font-size:12px}.home-aside .tags{display:none}.question{font-size:23px;margin:13px 0 22px}.option{font-size:15px;min-height:68px;padding:15px}.quiz-controls{padding:10px 16px max(14px,env(safe-area-inset-bottom));gap:8px}.quiz-controls .primary{padding:10px 16px;font-size:14px;min-height:44px}.quiz-controls .plain{padding:8px 0}.result-cover{display:block;padding-bottom:24px}.result-title{font-size:55px;letter-spacing:5px}.hook{font-size:23px;margin:22px 0 12px}.lead{font-size:14px}.result-tabs{gap:25px;margin-top:8px}.result-tabs button{font-size:14px}.prose{font-size:16px;line-height:1.95}.scene{font-size:18px;line-height:1.9;padding-left:16px}.book-dialog{height:100svh;width:100vw;border-radius:0}.reader{padding:18px 19px max(18px,env(safe-area-inset-bottom))}.reader-stage{margin-top:14px}.reader-page{padding:24px}.reader-page blockquote{font-size:25px}.reader-page.long blockquote{font-size:22px}.reader-foot{font-size:10px}.auto-label{font-size:11px}.quiz{padding-bottom:90px}.book-launch blockquote{font-size:23px}.result-actions{flex-wrap:wrap}.result-actions button{flex:1}.watermark{font-size:10px}.preview{margin-top:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

body[data-view="quiz"]>.watermark,body[data-view="quiz"]>.preview{display:none}
/* 文学摘句作为结果首屏主体，直接翻页，无需进入二级入口。 */
.quote-first{grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}.quote-first .result-title{font-size:60px;letter-spacing:4px}.quote-first .hook{font-size:21px;margin-top:28px;color:#c8b7bd}.inline-reader{min-width:0}.inline-reader .reader-stage{height:420px;margin:0;border:1px solid #44232e}.inline-reader .reader-page{padding:28px 28px 20px}.inline-reader .reader-page blockquote{font-size:26px;line-height:1.8}.inline-reader .reader-page.long blockquote{font-size:22px}.inline-reader .reader-nav{margin-top:13px}.inline-reader .reader-foot{margin-top:8px}.inline-reader .reader-note{font-size:11px}.inline-reader .credit{font-size:13px}.quote-first{border-bottom:none;padding-bottom:15px}
@media(max-width:700px){body[data-view="result"] .header{margin-bottom:20px}.quote-first{display:block}.quote-first .eyebrow{margin-bottom:10px}.quote-first .result-title{font-size:43px;margin:12px 0 15px;letter-spacing:4px}.quote-first .tags{gap:6px}.quote-first .tag{font-size:10px;padding:4px 8px}.quote-first .hook{font-size:14px;line-height:1.7;margin:15px 0 20px;color:#bda5af}.inline-reader .reader-stage{height:380px}.inline-reader .reader-page{padding:20px 22px}.inline-reader .reader-page blockquote{font-size:25px}.inline-reader .reader-page.long blockquote{font-size:21px}.inline-reader .reader-note{font-size:11px}.inline-reader .reader-nav button{font-size:12px}.result-tabs{margin-top:22px}}

.inline-reader .reader-page blockquote{text-wrap:balance}

/* 摘句分段居中，作者与作品保留独立落款。 */
.inline-reader .reader-page blockquote{text-align:center;width:100%;padding:10px 0 16px}
.inline-reader .reader-page blockquote p{margin:0;text-wrap:balance}
.inline-reader .reader-page blockquote p+p{margin-top:.65em}
.inline-reader .reader-page .credit{text-align:center;margin:12px 0 20px}
.inline-reader .reader-note{margin-top:auto}

.reading-title{font:23px var(--serif);color:var(--ink);font-weight:400;border-top:1px solid #44232e;padding-top:30px;margin-top:26px}
.relationship-reading{max-width:700px;margin:0 auto}.relationship-reading p{font-size:16px;line-height:2.15;color:#d4c6cb;margin:24px 0}.relationship-reading p:last-child{font-family:var(--serif);font-size:19px;color:var(--ink)}
.inline-reader .reader-page{position:relative;isolation:isolate;background:#030303}.quote-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:.8;pointer-events:none}.inline-reader .reader-page blockquote{position:relative;text-shadow:0 2px 12px #000}.inline-reader .reader-note{position:relative;background:rgba(0,0,0,.7);border-radius:4px}.inline-reader .credit{position:relative;text-shadow:0 1px 8px #000}.inline-reader .reader-note[open]{padding:9px}.inline-reader .reader-stage{border-color:#35232b}
@media(max-width:700px){.relationship-reading p{font-size:15px;line-height:2.1}.relationship-reading p:last-child{font-size:18px}.reading-title{font-size:21px}.home-copy{font-size:16px}.teaser{font-size:17px}}

.quote-art{object-fit:contain;object-position:center bottom}
.quote-first .hook{text-wrap:pretty}

.relationship-advice{max-width:700px;margin:36px auto 0;padding-top:28px;border-top:1px solid #44232e}.relationship-advice h2{font:23px/1.5 var(--serif);color:var(--ink);margin:0 0 22px}.relationship-advice p{font-size:16px;line-height:2.1;color:#d4c6cb;margin:18px 0}.inline-reader .reader-page{background:#080507}
@media(max-width:700px){.relationship-advice h2{font-size:21px}.relationship-advice p{font-size:15px}}

.ending-card{max-width:700px;margin:36px auto 0;border-top:1px solid #44232e;padding:30px 0 4px}.ending-label{font-size:12px;color:#c999a7;letter-spacing:2px}.ending-card h2{font:23px/1.6 var(--serif);margin:12px 0 20px;color:var(--ink)}.ending-number{font:76px/1.15 var(--serif);color:#b54a65}.ending-number span{font-size:30px;margin-left:7px}.ending-disclaimer{font-size:12px;color:#bcadb2;line-height:1.8;margin:12px 0 24px}.ending-copy{font-size:16px;line-height:2;color:#d4c6cb}@media(max-width:700px){.ending-card h2{font-size:21px}.ending-number{font-size:68px}.ending-copy{font-size:15px}}

/* 阅读层级：类型与摘句、章节、段落重点、正文、注释。 */
body[data-view="result"] #app{max-width:1060px}.quote-first .result-title{font-size:68px;line-height:1.15;letter-spacing:3px;margin:18px 0 22px}.quote-first .eyebrow{font-size:11px;letter-spacing:3px;color:#ab828c}.quote-first .tag{border:none;padding:0;color:#a78c94;font-size:11px}.quote-first .tag+.tag:before{content:'·';padding-right:8px;color:#764450}.quote-first .hook{font:18px/1.8 var(--serif);color:#c8b4bb;margin-top:22px;max-width:22em}.inline-reader .reader-stage{border:0;border-top:1px solid #522633;border-bottom:1px solid #522633;border-radius:0}.inline-reader .reader-page{background:#040203}.inline-reader .reader-page blockquote{font-size:28px;line-height:1.7}.inline-reader .credit{color:#ad9ea3;font-size:12px}.inline-reader .reader-note{font-size:11px;background:transparent}.reader-nav button{font-size:12px}.reading-title,.relationship-advice,.ending-card{max-width:680px;margin-left:auto;margin-right:auto}.reading-title{font-size:30px;padding-top:36px;margin-top:44px;margin-bottom:28px}.relationship-reading{max-width:680px}.relationship-reading p,.relationship-reading p:last-child{font-family:var(--sans);font-size:16px;font-weight:400;line-height:1.95;color:#c1b5ba;margin:0}.reading-block{margin:0 0 30px}.reading-block h3,.advice-block h3,.ending-analysis h3{font-family:var(--sans);font-size:14px;font-weight:600;line-height:1.6;color:#cfabb6;margin:0 0 10px}.reading-block:first-child p{color:#ded3d7;font-size:17px}.reading-close{border-left:2px solid #803346;padding:3px 0 3px 20px;margin-top:36px}.reading-close p:last-child{font-family:var(--serif);font-size:21px;line-height:1.9;color:#eee4df}.relationship-advice{margin-top:44px;padding-top:32px}.relationship-advice h2{font-size:30px;line-height:1.4;margin-bottom:30px}.advice-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 34px}.relationship-advice p{font-size:15px;line-height:1.95;color:#bfb2b8;margin:0}.mobile-break{display:none}.ending-card{margin-top:44px;padding-top:32px}.ending-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.ending-card h2{font-size:28px;line-height:1.5;margin:0}.ending-number{font-size:88px;letter-spacing:-3px;white-space:nowrap}.ending-number span{letter-spacing:0;font-size:28px}.ending-profile{font:22px/1.7 var(--serif);color:#e5d7db;margin:26px 0}.ending-analysis p{font-size:15px;line-height:1.95;color:#c1b5ba;margin:0 0 22px}.ending-disclaimer{font-size:11px;line-height:1.7;color:#9e9197;margin:24px 0 0}.result-actions,.review-note,.toast{max-width:680px;margin-left:auto;margin-right:auto}
@media(max-width:700px){.quote-first .result-title{font-size:54px;margin:14px 0 18px}.quote-first .hook{font-size:16px;line-height:1.8;margin:20px 0 26px}.inline-reader .reader-page blockquote{font-size:25px;line-height:1.75}.reading-title{font-size:27px;margin-top:36px;padding-top:28px}.relationship-reading p,.relationship-reading p:last-child{font-size:15px;line-height:1.95}.reading-block:first-child p{font-size:16px}.reading-close p:last-child{font-size:20px;line-height:1.85}.reading-block{margin-bottom:26px}.relationship-advice h2{font-size:27px;margin-bottom:26px}.advice-grid{grid-template-columns:1fr;gap:26px}.relationship-advice p{font-size:15px}.ending-card h2{font-size:23px}.ending-number{font-size:72px}.ending-number span{font-size:23px}.ending-profile{font-size:21px}.ending-top{gap:16px}.ending-disclaimer{font-size:11px}.ending-analysis p{font-size:15px}}
@media(max-width:400px){.mobile-break{display:block}.ending-card h2{font-size:21px}.ending-number{font-size:64px}}
