:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fdfdfc;--surface:#fff;--ink:#181818;--muted:#6e6e6b;--line:#e9e9e6;--hover:#f2f2ef;--ring:#858580;--button-line:#dcdcd7;--shadow:0 1px 2px #0000000c;--font:-apple-system, BlinkMacSystemFont, Inter, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--measure:582px;--radius:8px;--duration:.15s}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#141414;--surface:#202020;--ink:#efefec;--muted:#a1a19b;--line:#30302e;--hover:#292927;--ring:#92928a;--button-line:#41413c;--shadow:0 1px 2px #0003}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141414;--surface:#202020;--ink:#efefec;--muted:#a1a19b;--line:#30302e;--hover:#292927;--ring:#92928a;--button-line:#41413c;--shadow:0 1px 2px #0003}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--bg:#f7f5ee;--surface:#fffdf8;--ink:#283d32;--muted:#667268;--line:#deded1;--green:#315d4a;--gold:#9d6e30;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:16px/1.65 var(--font);margin:0}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:var(--surface);min-height:44px;box-shadow:var(--shadow);border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:10px 16px;display:inline-flex}button:hover:not(:disabled){border-color:var(--green);background:#edf0e7}button:disabled{cursor:default;opacity:.55}button:focus-visible,summary:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #ad7a35}button.primary{background:var(--green);color:#fff;border-color:var(--green)}button.primary:hover{background:#244736}h1:focus{outline:none}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Songti SC,Noto Serif CJK SC,serif;font-weight:500}h2{font-size:26px}h3{margin:22px 0 7px;font-size:16px}p{margin-bottom:15px}.app{max-width:1180px;margin:auto;padding:0 32px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:25px 0;display:flex}.wordmark{letter-spacing:.12em;box-shadow:none;background:0 0;border:0;padding:0;font:26px Songti SC,serif}.wordmark span{font:12px var(--font);letter-spacing:.12em;color:var(--muted);border-left:1px solid var(--line);margin-left:16px;padding-left:16px}.icon{box-shadow:none;background:0 0;border:0;padding:10px}.info{background:var(--surface);border-left:3px solid var(--green);margin:20px 0;padding:24px}.info button{float:right}.info h2{font-size:22px}.info p{max-width:800px;font-size:14px}.warning{color:#663d06;background:#fff1c9;border:1px solid #dfc99b;margin-top:16px;padding:14px}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:60px;padding:50px 0;display:grid}.hero h1{letter-spacing:.03em;margin:20px 0;font-size:clamp(32px,4.2vw,52px);line-height:1.35}.hero-copy>p:not(.eyebrow){color:var(--muted)}.eyebrow{letter-spacing:.14em;color:var(--gold);margin:0 0 15px;font-size:12px;font-weight:600}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.hero-art{object-fit:contain;mix-blend-mode:multiply;width:100%;height:360px}.overview{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-bottom:45px;padding:22px 0;display:grid}.overview>div{border-right:1px solid var(--line);flex-direction:column;align-items:center;display:flex}.overview>div:last-child{border:0}.overview strong{font-variant-numeric:tabular-nums;font-size:28px;font-weight:500}.overview strong small{color:var(--muted);font-size:16px}.overview span,.muted{color:var(--muted);font-size:14px}.chapters{padding-bottom:36px}.chapters h2{margin-bottom:5px}.level-list{grid-template-columns:1fr 1fr;column-gap:36px;margin-top:25px;display:grid}.level{border:0;border-top:1px solid var(--line);box-shadow:none;text-align:left;background:0 0;border-radius:0;justify-content:flex-start;gap:18px;padding:22px 5px}.level-no{color:var(--gold);min-width:36px;font:28px Georgia,serif}.level-name{flex:1}.level-name strong{font-size:18px;font-weight:500;display:block}.level-name small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.level:disabled{opacity:.5}.play-nav{justify-content:space-between;align-items:center;gap:10px;margin:25px 0 16px;font-size:14px;display:flex}.play-nav button{box-shadow:none;background:0 0;border:0;padding:8px 10px}.play-nav>span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}progress{width:100%;height:5px;accent-color:var(--green);border:0;display:block}.play-grid{grid-template-columns:1fr 1fr;align-items:start;gap:46px;padding:35px 0 60px;display:grid}.art-panel{border:1px solid var(--line);background:#fffdf8;flex-direction:column;align-items:center;min-width:0;padding:20px;display:flex;position:sticky;top:24px}.art-panel img{object-fit:contain;width:100%;height:min(65vh,620px)}.art-number{letter-spacing:.15em;color:var(--muted);margin-top:15px;font-size:11px}.question-panel h1{margin-bottom:24px;font:500 25px/1.55 Songti SC,serif}.options{gap:12px;display:grid}.option{text-align:left;justify-content:flex-start;width:100%;padding:15px 16px;font-size:16px}.option>b{border:1px solid var(--line);text-align:center;border-radius:4px;min-width:27px;font-size:13px;font-weight:500}.option>span:nth-child(2){flex:1}.option:disabled{opacity:1}.option.correct{background:#e7efe6;border-color:#467458}.option.wrong{background:#f8e8df;border-color:#ba7058}.reading{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.verdict{margin-bottom:25px;font-weight:600}.verdict span{margin-top:4px;font-size:14px;font-weight:400;display:block}.yes{color:#306047}.no{color:#9c492e}.reading h2{align-items:center;gap:10px;font-size:24px;display:flex}.reading p{font-size:15px;line-height:1.9}.reading h3{color:var(--green)}details{color:var(--muted);margin-top:20px;font-size:13px}summary{cursor:pointer;min-height:35px}.reading details p{font-size:13px}.next{width:100%;margin-top:24px}.result{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:68vh;padding:50px 0;display:flex}.trophy{color:var(--gold);margin:20px}.result h1{font-size:30px}.score{color:var(--green);font-family:Georgia,serif;font-size:78px;line-height:1.3}.score small{font:16px var(--font);margin-left:8px}.result-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:20px 0;display:flex}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:12px;padding:26px 0 34px;font-size:12px;display:flex}footer span{font-size:11px}@media (prefers-color-scheme:dark){:root{--bg:#18221d;--surface:#202e25;--ink:#e4e7d9;--muted:#a6b3a8;--line:#3a493e;--green:#9bbf9c;--gold:#c6a36d}.hero-art{mix-blend-mode:normal;border-radius:4px}button.primary{color:#fff;background:#416e53;border-color:#648c6b}button.primary:hover{background:#4e7e60}button:hover:not(:disabled){background:#314437}.art-panel{background:#f9f6ee}.option.correct{background:#2c4a35;border-color:#739f7d}.option.wrong{background:#51362d;border-color:#ad806d}.yes{color:#a6d1ae}.no{color:#edb09a}.art-number{color:#586454}}@media (width<=700px){.app{padding:0 20px}header{padding:18px 0}.wordmark{font-size:23px}.wordmark span{margin-left:10px;padding-left:10px;font-size:11px}.hero{grid-template-columns:1fr .75fr;gap:8px;padding:30px 0}.hero h1{font-size:30px}.hero-copy>p:not(.eyebrow){font-size:13px}.eyebrow{font-size:11px}.hero-art{height:255px}.hero-actions{grid-column:1/-1}.hero-actions button{width:100%}.overview{margin-bottom:30px;padding:18px 0}.overview strong{font-size:25px}.overview span{font-size:12px}.level-list{grid-template-columns:1fr;gap:0}.play-grid{grid-template-columns:1fr;gap:25px;padding-top:22px}.art-panel{padding:12px;position:static}.art-panel img{height:min(48vh,380px)}.question-panel h1{font-size:23px}.art-number{margin-top:8px}.play-nav{margin-top:15px;font-size:12px}.reading p{font-size:16px}.result h1{font-size:26px}.result-actions{flex-direction:column;width:100%}footer{display:block}footer span{margin-top:5px;display:block}}@media (width<=360px){.app{padding:0 14px}.hero{grid-template-columns:1fr}.hero-art{display:none}.hero h1{font-size:33px}.wordmark span{display:none}.play-nav{gap:4px}.option{padding:13px 11px}.overview strong,.result h1{font-size:23px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width>=361px) and (width<=500px){.hero h1{letter-spacing:0;font-size:26px}.hero-copy>p:not(.eyebrow){font-size:12px}}