:root{color-scheme:dark;--night:#101b2c;--night-2:#1b2b3d;--paper:#f7f0df;--ink:#273343;--gold:#d5ac70;--gold-light:#f3d7a2;--mist:#c7c5bb;--error:#ffd0bc;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}html{min-height:100%;background:var(--night)}body{min-width:320px;margin:0;color:#f8f0df;background:radial-gradient(circle at 86% 8%,#2b4053 0,transparent 30%),radial-gradient(circle at 5% 60%,#293546 0,transparent 36%),linear-gradient(160deg,#111b2a,#142435 63%,#0e1b29);min-height:100vh;min-height:100dvh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.68}[hidden]{display:none!important}.sky{position:fixed;inset:0;pointer-events:none;overflow:hidden}.halo{position:absolute;right:-110px;top:80px;width:310px;height:310px;border:1px solid #d5ac7045;border-radius:50%;box-shadow:0 0 0 34px #d5ac700c,0 0 0 85px #d5ac7009}.star{position:absolute;width:3px;height:3px;background:#f3d7a2;border-radius:50%;box-shadow:0 0 9px #eac985}.star-one{top:20%;left:13%}.star-two{top:43%;right:11%}.star-three{top:76%;left:21%}.shell{position:relative;max-width:600px;margin:auto;padding:28px 20px calc(48px + env(safe-area-inset-bottom));min-height:100vh;min-height:100dvh}.site-header{display:flex;align-items:center;gap:11px;margin-bottom:55px}.seal{display:grid;place-items:center;width:37px;height:37px;border:1px solid #d5ac70a8;border-radius:10px;color:var(--gold-light);font-family:serif;font-size:22px;transform:rotate(-5deg)}.eyebrow,.site-name{margin:0}.eyebrow{font-size:9px;letter-spacing:.24em;color:#b9a78d}.site-name{margin-top:2px;font-size:13px;letter-spacing:.15em}.screen{animation:rise .35s ease both}.chapter{margin:0 0 18px;color:var(--gold-light);font-size:12px;letter-spacing:.22em}.screen>h1{margin:0;font-family:"Songti SC","STSong",serif;font-size:clamp(39px,10vw,58px);font-weight:600;line-height:1.31;letter-spacing:.025em}.screen>h1 em{font-style:normal;color:var(--gold-light)}.intro{max-width:360px;margin:23px 0 35px;color:#d9d7ce;font-size:15px;line-height:1.9}.paper{position:relative;border:1px solid #f4e7cd;background:linear-gradient(150deg,#fbf6e9,#f1e8d5);color:var(--ink);box-shadow:0 18px 45px #050a1252,0 1px 0 #fff8 inset;border-radius:18px}.unlock-card{padding:28px 24px 25px}.card-ornament{position:absolute;top:20px;right:23px;color:#b8874d;font-size:23px}.unlock-card h2{margin:0 0 9px;font-family:"Songti SC","STSong",serif;font-size:25px;font-weight:600}.muted{margin:0 0 26px;font-size:13px;line-height:1.7;color:#69717a}.input-label{display:block;margin-bottom:9px;font-size:12px;font-weight:700;letter-spacing:.1em}.unlock-card input{width:100%;height:54px;padding:0 15px;border:1px solid #b9b1a2;border-radius:10px;outline:none;background:#fffbf3;color:#253344;font-size:18px;letter-spacing:.16em;text-transform:uppercase}.unlock-card input:focus{border-color:#9b713f;box-shadow:0 0 0 3px #d5ac7040}.unlock-card input::placeholder{color:#a9a69f;font-size:13px;letter-spacing:.08em}.primary-button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:17px;padding:0 19px;height:54px;border:0;border-radius:10px;background:#263748;color:#fff4df;font-size:15px;font-weight:700;letter-spacing:.09em;transition:transform .15s,background .15s}.primary-button:hover{background:#334c61}.primary-button:active{transform:scale(.985)}.primary-button span{color:#e6bf81;font-size:21px}.error{margin:12px 0 0;color:#a33525;font-size:13px;line-height:1.6}.footnote{max-width:450px;margin:20px auto 0;text-align:center;font-size:11px;line-height:1.8;color:#b7c0c7}.loading-screen{display:grid;place-items:center;align-content:center;gap:20px;min-height:54vh;color:#e9d6b8}.loading-mark{width:34px;height:34px;border:2px solid #d5ac7045;border-top-color:var(--gold-light);border-radius:50%;animation:spin 1s linear infinite}.quiz-top{display:flex;align-items:center;justify-content:space-between}.quiz-top .chapter{margin-bottom:13px}.progress-label{margin-bottom:13px;color:#ead9bd;font-size:13px;letter-spacing:.1em}.progress-track{height:4px;margin-bottom:22px;border-radius:9px;background:#68738455;overflow:hidden}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#bd9055,#f1d4a1);border-radius:9px;transition:width .25s}.quiz-card{padding:27px 23px 23px}.question-kicker{margin:0 0 12px;color:#a07849;font-size:12px;letter-spacing:.17em}.question-text{margin:0 0 25px;font-family:"Songti SC","STSong",serif;font-size:clamp(22px,5.7vw,29px);line-height:1.52;font-weight:600}.answer-options{display:grid;gap:11px}.answer-option{display:flex;align-items:flex-start;gap:13px;width:100%;padding:15px 14px;border:1px solid #d6cbb8;border-radius:12px;background:#fffaf0;color:#2c3947;text-align:left;line-height:1.6;transition:background .15s,border-color .15s,transform .15s}.answer-option:hover,.answer-option:focus-visible{border-color:#ad814c;background:#fff6e3}.answer-option:active{transform:scale(.99)}.option-letter{flex:none;display:grid;place-items:center;width:24px;height:24px;border:1px solid #bd9b6b;border-radius:50%;color:#9a6f3e;font-family:serif;font-size:12px;line-height:1}.result-hero{padding:29px 25px 23px;text-align:center;overflow:hidden}.result-hero::before,.result-hero::after{content:"";position:absolute;width:200px;height:200px;border:1px solid #c6a67a55;border-radius:50%;left:50%;top:-131px;transform:translateX(-50%)}.result-hero::after{width:235px;height:235px;top:-148px}.result-symbol{position:relative;margin:4px auto 11px;color:#a97640;font-size:31px}.result-overline{margin:0;color:#847761;font-size:12px;letter-spacing:.14em}.result-hero h1{margin:11px 0 4px;font-family:"Songti SC","STSong",serif;font-size:47px;letter-spacing:.14em}.result-role{margin:0;color:#796f60;font-size:13px}.result-line{margin:23px 0 21px;padding:18px 0;border-top:1px solid #d9cdb8;border-bottom:1px solid #d9cdb8;font-family:"Songti SC","STSong",serif;font-size:19px;line-height:1.6}.result-percent{display:flex;align-items:baseline;justify-content:center;gap:12px;color:#8f6438}.result-percent strong{font-family:Georgia,serif;font-size:40px;font-weight:400}.result-percent span{font-size:12px;letter-spacing:.1em}.result-note{margin:12px 7px 25px;color:#c4c8c5;text-align:center;font-size:11px;line-height:1.7}.result-details{display:grid;gap:14px}.detail-card,.monologue-card{padding:24px 22px}.section-index{margin:0 0 9px;color:#a57844;font-size:11px;letter-spacing:.18em}.detail-card h2,.monologue-card h2{margin:0 0 13px;font-family:"Songti SC","STSong",serif;font-size:23px;font-weight:600}.detail-card p,.detail-card li{font-size:14px;line-height:1.9}.detail-card p{margin:0}.detail-card ol{margin:0;padding-left:23px}.detail-card li+li{margin-top:9px}.detail-card li strong{color:#916433}.closing{margin-top:16px!important;padding-top:14px;border-top:1px solid #dfd4be;color:#8b613b;font-family:"Songti SC","STSong",serif;font-size:17px!important}.monologue-card{margin-top:20px;background:linear-gradient(150deg,#f8edd8,#e8d6b8)}.monologue-card p.line{margin:0;padding:14px 0;border-bottom:1px solid #cebfa8;font-family:"Songti SC","STSong",serif;font-size:17px;line-height:1.7}.monologue-card p.line:last-child{border:0}.monologue-card p.line:first-child{font-size:19px;color:#704d31}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:700px){.shell{padding-top:42px}.site-header{margin-bottom:65px}.unlock-card{padding:34px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}