:root{--paper:#f5f1e7;--ink:#252d2b;--muted:#66706a;--red:#963229;--line:#c9c7ba;--green:#243e38}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 system-ui,-apple-system,'PingFang SC',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b16f31;outline-offset:5px}header{max-width:1240px;margin:auto;padding:30px 40px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:15px;text-decoration:none;color:inherit;font:bold 26px 'Songti SC',serif}.seal{display:inline-grid;place-items:center;width:39px;height:43px;background:var(--red);color:#fff5e6;font:28px 'Songti SC',serif;transform:rotate(-4deg)}.brand-sub{font:14px system-ui;border-left:1px solid var(--line);padding-left:15px;color:var(--muted)}.edition,.eyebrow{font-size:13px;letter-spacing:.15em;color:var(--muted)}main{min-height:72vh;max-width:1160px;margin:auto;padding:62px 40px}footer{max-width:1160px;margin:auto;border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.eyebrow{display:block;margin:0 0 25px;color:var(--red)}h1,h2,h3,.serif{font-family:'Songti SC','Noto Serif SC',serif}h1{font-size:clamp(40px,5vw,66px);font-weight:500;line-height:1.4;margin:0 0 24px}h1 em{font-style:normal;color:var(--red)}.lead{color:var(--muted);max-width:460px;margin-bottom:32px;font-size:17px}.primary,.secondary{border:1px solid var(--green);padding:14px 25px;min-height:52px;transition:.2s}.primary{background:var(--green);color:#fff}.primary:hover{background:#35554c}.secondary{background:transparent;color:var(--green)}.actions{display:flex;gap:12px;flex-wrap:wrap}.meta{display:flex;gap:22px;margin-top:24px;color:var(--muted);font-size:14px}.book{background:var(--green);color:#eee9d9;padding:32px;min-height:430px;position:relative;box-shadow:12px 12px 0 #dedbd0}.book-inner{border:1px solid #9aab9270;padding:28px;min-height:365px;display:flex;flex-direction:column;justify-content:space-between}.book-top{font-size:13px;letter-spacing:.18em;color:#b8c4b6}.book-title{font:54px/1.5 'Songti SC',serif;letter-spacing:.16em;writing-mode:vertical-rl;height:230px;margin:10px auto}.book-bottom{display:flex;justify-content:space-between;font:15px 'Songti SC',serif}.book-bottom b{color:#efb5a0}.note{margin-top:34px;border-top:1px solid var(--line);padding-top:20px;max-width:500px;font-size:14px;color:var(--muted)}.quiz{max-width:760px;margin:auto}.quiz-header{display:flex;justify-content:space-between;font-size:14px;color:var(--muted)}progress{width:100%;height:4px;border:0;display:block;margin:16px 0 40px;background:#deded2;accent-color:var(--red)}progress::-webkit-progress-bar{background:#deded2}progress::-webkit-progress-value{background:var(--red)}.question{font-size:32px;font-weight:500;line-height:1.6;margin:10px 0 10px}.hint{color:var(--muted);font-size:14px;margin-bottom:26px}.options{display:grid;gap:12px}.option{display:flex;text-align:left;gap:20px;align-items:center;padding:17px 20px;border:1px solid var(--line);background:#fbf9f2;color:var(--ink);width:100%;min-height:65px}.option:hover,.option.selected{border-color:var(--green);background:#e6ebe2}.letter{font:15px Georgia;color:var(--red);width:20px}.quiz-nav{display:flex;justify-content:space-between;margin-top:27px;gap:10px}.quiet{border:0;background:transparent;padding:9px 0;color:var(--muted);text-decoration:underline;text-underline-offset:5px}.quiet:disabled{opacity:.35;cursor:default}.result-head{display:grid;grid-template-columns:1fr 210px;gap:32px;padding-bottom:35px;border-bottom:1px solid var(--line)}.result-head h1{margin-bottom:14px}.result-head .lead{margin:0}.big-character{font:100px/1.3 'Songti SC',serif;color:var(--red);border-left:1px solid var(--line);text-align:center;display:flex;align-items:center;justify-content:center}.result-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;padding:35px 0}.result-grid h3{font-size:23px;margin:0 0 16px;font-weight:500}.result-grid p{color:#535c55}.tag{display:inline-block;margin:0 8px 8px 0;padding:3px 12px;border:1px solid #b6b9aa;font-size:14px}.quote{font:25px/1.7 'Songti SC',serif;border-left:3px solid var(--red);padding-left:22px;margin:27px 0}.dimension{margin-bottom:22px}.dimension-top{display:flex;justify-content:space-between;font-size:14px}.track{height:5px;background:#d9dbd0;margin:9px 0}.track i{display:block;height:100%;background:var(--green)}.endpoints{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}details{border-top:1px solid var(--line);padding:20px 0;font-size:14px;color:var(--muted)}summary{cursor:pointer;color:var(--ink)}.result-actions{border-top:1px solid var(--line);padding-top:28px}.aside-note{font-size:13px;color:var(--muted)}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:10px 20px;max-width:90vw;z-index:3}#notice:empty{display:none}dialog{border:1px solid var(--line);background:var(--paper);width:min(560px,95vw);max-height:90vh;padding:20px}dialog::backdrop{background:#172c27b0}dialog img{width:100%;height:auto}dialog p{font-size:14px;color:var(--muted)}@media(max-width:760px){header{padding:20px}.brand-sub{display:none}.brand{font-size:23px}.edition{font-size:12px;letter-spacing:0}main{padding:35px 22px}.intro{grid-template-columns:1fr;gap:35px}.book{min-height:260px;padding:20px}.book-inner{min-height:240px;padding:20px}.book-title{font-size:38px;height:160px;writing-mode:horizontal-tb;display:flex;align-items:center;text-align:center;margin:0;letter-spacing:.1em}.lead{font-size:16px}.meta{gap:14px}.note{margin-top:25px}.question{font-size:26px}.option{padding:17px 14px;font-size:16px;gap:12px}.result-head{grid-template-columns:1fr 70px;gap:15px}.result-head h1{font-size:43px}.big-character{font-size:48px}.result-grid{grid-template-columns:1fr;gap:25px}footer{margin:0 22px;flex-direction:column;gap:6px;font-size:12px}.result-actions .primary,.result-actions .secondary{flex:1;white-space:nowrap}progress{margin-bottom:28px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.demo-gate{margin-top:26px;padding:18px;border:1px solid var(--line);background:#fbf9f2;max-width:450px}.demo-gate label{display:block;margin-bottom:8px;font-size:14px}.gate-row{display:flex;gap:9px}.gate-row input{min-width:0;flex:1;border:1px solid var(--line);background:white;padding:10px 12px;font:inherit}.gate-row .secondary{min-height:45px;padding:8px 20px}.demo-gate p{margin:10px 0 0}.result-grid .trait,.result-grid .history{text-align:justify}.tags{margin-bottom:22px}
.character-radar{width:min(100%,400px);margin:6px auto 24px;aspect-ratio:1}.character-radar svg{display:block;width:100%;height:100%;overflow:visible}.radar-label{font:600 19px 'Songti SC','Noto Serif SC',serif;fill:var(--ink)}
.result-intro{padding:32px 0 4px}.result-intro h3,.profile-section h3{font-size:23px;font-weight:500;margin:0 0 16px}.result-intro .quote{margin:14px 0 28px}.profile-section{padding:24px 0 36px;border-bottom:1px solid var(--line)}.profile-section .character-radar{margin:8px auto 22px}.profile-section .dimension{max-width:760px;margin:0 auto 22px}
/* Keep the same reading width and order on desktop and mobile. */
.intro{display:block;max-width:720px;margin-inline:auto}.result-page{width:min(100%,680px);margin-inline:auto}.result-grid{grid-template-columns:minmax(0,1fr);gap:28px}.result-actions{gap:22px}
@media(min-width:761px){.result-page .result-head{display:block;text-align:center}.result-page .result-head .lead{max-width:none}.result-page .big-character{display:none}}