@font-face{font-family:Brush;src:url('../../assets/fonts/MaShanZheng-Regular.ttf')}*{box-sizing:border-box}body{margin:0;color:#24483e;background:#d6cba6;font:18px/1.8 'PingFang SC','Microsoft YaHei',sans-serif}[hidden]{display:none!important}button,a{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #aa9870;background:#f0e5c8;padding:12px 24px;min-height:48px;transition:background .2s,transform .2s}button:hover{background:#e2d5b0}button:focus-visible,a:focus-visible{outline:3px solid #9b6a31;outline-offset:4px}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}.primary{background:#274f45;border-color:#274f45;color:#f7eacb}.primary:hover{background:#346354}.plain{border:0;background:transparent}.landscape{position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,#d9d8b326,#fff0ca08),url('../../assets/backgrounds/2-5.png') center/cover}.mist{position:fixed;inset:25% -20% -20%;z-index:-1;pointer-events:none;opacity:.25;background:radial-gradient(ellipse,#fff3d1 0,transparent 55%);animation:mist 20s ease-in-out infinite alternate}@keyframes mist{to{transform:translate(7%,-3%)}}.topbar{margin:0 4%;padding:22px 0;border-bottom:1px solid #7b765c65;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar>a{font-size:21px;letter-spacing:2px}.topbar small{display:block;font:10px/1.6 sans-serif;letter-spacing:3px}.topbar>span{font-size:14px;letter-spacing:2px}.topbar i{font-style:normal;margin:0 12px;opacity:.5}.topbar button{font-size:14px;padding:8px 20px;min-height:42px;background:#eee2c27a}main{width:92%;max-width:1820px;margin:0 auto}.view{animation:appear .45s ease-out}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.home{position:relative;min-height:calc(100vh - 110px);display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:8%;padding:4% 6% 110px}.home-copy{padding:15px 0;text-shadow:0 1px 20px #fff0cb}.eyebrow{font:12px/1.8 sans-serif;letter-spacing:3px;color:#82683b}.home h1{font:clamp(64px,6.3vw,112px)/1.3 Brush;margin:18px 0 23px;letter-spacing:5px}.home h1 span{color:#8c6733}.home h2{font:clamp(22px,2vw,35px)/1.65 Brush;letter-spacing:1px;margin:15px 0}.intro{line-height:2.1;font-size:18px;color:#42594a}.home-actions{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}.home-actions button{font-size:18px;padding:17px 25px}.home-actions .primary span{margin-left:20px}.subtle{font-size:13px;color:#66715b}.debate{background:linear-gradient(145deg,#1d433ef2,#193c34ed);color:#ebdfbc;border:5px double #b4a275;padding:28px 42px;max-width:530px;justify-self:end;box-shadow:0 22px 60px #25382d40;width:100%;position:relative}.debate-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #b8a67770}.debate-head small{font-size:12px;letter-spacing:3px}.debate-head>span{border:1px solid #b59a69;color:#d8c190;padding:0 8px;font:20px/1.7 Brush}.scholar{padding:20px 0}.scholar>p{font-size:12px;color:#c0ae83;margin:0}.scholar h3{font:40px/1.5 Brush;margin:5px 0 10px;letter-spacing:3px}.scholar h3 small{font:14px sans-serif;margin-left:12px;color:#c6b58c;letter-spacing:2px}.scholar>div{font-size:16px;line-height:2}.meeting{border-top:1px solid #b8a67760;border-bottom:1px solid #b8a67760;text-align:center;padding:10px 0;font:20px Brush;color:#c6b68c}.debate-note{font-size:12px;color:#b8ba9f;margin:6px 0 0;text-align:center}.home-bottom{position:absolute;bottom:30px;left:6%;right:6%;display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid #887b5360;padding-top:20px}.home-bottom>span{font-size:15px;letter-spacing:2px}.home-bottom b{margin:0 16px;font-weight:normal;color:#8c7548}.home-bottom small{font-size:11px;max-width:400px}.quiz-heading{display:flex;align-items:center;gap:25px;padding:24px 0}.quiz-heading>span{margin-left:auto;font-size:15px}#progress{display:flex;gap:9px}#progress button{width:32px;min-height:32px;height:32px;border-radius:50%;padding:0;font:12px sans-serif;background:#e5d8b9}#progress button.current{background:#315c4e;color:#f0e3c1}#progress button.done{border:2px solid #315c4e}.question-layout{display:grid;grid-template-columns:24% 1fr;gap:4%;padding:0 3% 30px}.chapter{padding-top:30px}.chapter>small{font:22px Brush;letter-spacing:3px}#chapter-number{font:90px/1.5 Georgia;color:#977c4c}.chapter>p{font-size:15px;line-height:2}.ink-symbol{font:150px/1.3 Brush;color:#31554926;transform:rotate(-8deg);margin:20px 0}.question-paper{background:#f1e7ccf2;border:5px double #b5a67e;box-shadow:0 20px 50px #34423620;padding:35px 42px}.question-paper h2{font:clamp(25px,2vw,37px)/1.5 Brush;margin:12px 0 18px}.question-paper #context{font-size:16px;color:#69715a;margin:0 0 24px}.options{display:grid;grid-template-columns:1fr 1fr;gap:18px}.option{display:block;text-align:left;position:relative;background:#e8ddbe80;padding:22px;min-height:160px;border:1px solid #b8a57b}.option .letter{font:13px Georgia;color:#8d7648;display:block;margin-bottom:10px}.option b{font:25px/1.5 Brush;display:block;margin-bottom:8px}.option p{font-size:15px;line-height:1.9;margin:0}.option[aria-pressed=true]{background:#315c4e;color:#f7e8c5;border-color:#315c4e;box-shadow:inset 0 0 0 3px #b7a172}.option[aria-pressed=true] .letter{color:#d7be82}.feedback-heading{display:flex;align-items:center;gap:15px;border-top:1px solid #b7a27870;margin-top:24px;padding-top:15px}.feedback-heading h3{font:25px Brush;margin:0}.feedback-heading span{font-size:11px;color:#857c60;margin-left:auto}#voices{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:14px}#voices h4{font-size:14px;color:#836b3c;margin:0 0 7px}#voices p{font-size:14px;line-height:1.9;margin:0}.question-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:27px;padding-top:22px;border-top:1px solid #b4a58170}.question-actions button{font-size:15px}.question-actions span{font-size:12px;color:#7e765d}.result-heading{text-align:center;padding:25px 0 15px}.result-heading h2{font:42px Brush;margin:10px 0}.result-heading p:last-child{font-size:14px}.result-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:4%;max-width:1280px;margin:auto}.personality{background:#f0e4c9ee;border:5px double #a9905f;padding:30px 40px;position:relative;box-shadow:0 20px 60px #37463530}.personality>p:first-of-type{font-size:12px;letter-spacing:3px;color:#887044;margin:0}.seal{position:absolute;right:30px;top:30px;border:2px solid #936744;color:#936744;font:23px Brush;padding:5px;writing-mode:vertical-rl}.personality h3{font:48px/1.5 Brush;margin:7px 0;color:#2b5446}#motto{font:21px Brush;color:#8a7144;margin-top:0}.percentages{display:flex;justify-content:space-between;margin-top:25px}.percentages>div:last-child{text-align:right}.percentages span{display:block;font-size:12px}.percentages strong{font:52px Georgia;color:#315749}.percentages>div:last-child strong{color:#a57a46}.ratio{height:9px;display:flex;margin:10px 0 22px;background:#baa379}.ratio span:first-child{background:#315749;transition:width 1s}.ratio span:last-child{background:#ab834e;transition:width 1s}#result-text{font-size:16px;line-height:1.9}.result-note{font-size:11px!important;color:#82765b;border-top:1px solid #b9ac8760;padding-top:15px;line-height:1.8}.reflection{background:#e9dec5d9;border:1px solid #bdad85;padding:35px}.reflection>small{font-size:12px;letter-spacing:3px;color:#8b7245}.reflection h3{font:32px Brush;margin:20px 0}.reflection h4{font:23px Brush;color:#846c42;margin:25px 0 10px}.reflection p{font-size:16px;line-height:2}.reflection button{width:100%;text-align:left;margin-top:12px;background:#efe5c770;font-size:15px}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:13px;margin:28px 0 0}.result-actions button{font-size:15px}#save-status{text-align:center;font-size:13px;min-height:28px}.modal{position:fixed;inset:0;z-index:100;background:#153c32eb;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.modal-panel{position:relative;background:#ece2c8;border:5px double #ae9766;padding:35px 42px;max-width:950px;width:100%;max-height:92vh;overflow:auto}.modal-panel>h2{font:35px/1.5 Brush;margin:15px 0 24px}.modal-panel p{font-size:16px;line-height:2}#modal-close{position:absolute;right:12px;top:12px;width:42px;height:42px;min-height:42px;padding:0;font-size:28px}.two-voices{display:grid;grid-template-columns:1fr 1fr;gap:20px}.two-voices article{padding:20px;border:1px solid #b9a97d}.two-voices h3{font:28px Brush;margin:0 0 12px}.review-list{display:grid;gap:12px}.review-list button{text-align:left;display:flex;gap:20px;font-size:15px}.review-list b{font-size:16px;display:block}.review-list small{display:block;font-size:13px;margin-top:5px;color:#706e52}.qr-layout{display:flex;gap:30px;align-items:center}.qr-box{background:#fff;padding:18px;min-width:248px;min-height:248px;display:flex;justify-content:center;align-items:center}.qr-box img,.qr-box canvas{max-width:100%;height:auto}#qr-link{display:block;word-break:break-all;font-size:12px;line-height:1.8;padding:10px;background:#e0d5b8}.notice{border-left:3px solid #a3824e;padding:12px 18px;background:#d7d4b950}.settings{margin-top:20px;border-top:1px solid #baa77d;padding-top:16px}.settings summary{cursor:pointer;font-size:14px}.settings label{font-size:13px;display:block;margin-top:15px}.settings input{display:block;width:100%;padding:12px;margin:8px 0 12px;font:14px sans-serif;border:1px solid #b6a57b;background:#f5ecd6;color:#2b4b3c}.settings button{font-size:14px}.qr-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.qr-actions button{font-size:14px}.formula{font:24px Brush;text-align:center;padding:20px;border:1px solid #ac976b}.saved-image{width:220px;max-width:90%;display:block;margin:15px auto}.tagline{font-size:13px;color:#7d7052}noscript{display:block;background:#eee1c2;padding:30px}
@media(min-width:2200px){body{font-size:24px}.topbar{margin-top:1vh}.home{min-height:calc(100vh - 140px)}.home h1{font-size:135px}.home h2{font-size:42px}.intro{font-size:25px}.debate{max-width:610px;padding:40px}.scholar>div{font-size:20px}.scholar h3{font-size:50px}.question-paper{padding:55px}.option p,#context{font-size:20px!important}#voices p{font-size:18px}.question-paper h2{font-size:44px}.question-layout{padding-top:4vh}.result-layout{max-width:1550px}.personality,.reflection{padding:45px}.personality h3{font-size:62px}#result-text,.reflection p{font-size:21px}}
@media(max-width:1100px){.home{gap:4%;padding:30px 2% 100px}.home h1{font-size:65px}.home-actions button{font-size:15px;padding:12px 17px}.debate{padding:20px 27px}.scholar>div{font-size:14px}.topbar>span{display:none}.home-bottom{left:2%;right:2%;flex-wrap:wrap;gap:8px}.home-bottom small{max-width:none}.question-layout{grid-template-columns:18% 1fr;gap:3%;padding:0 0 25px}.question-paper{padding:25px}.chapter>p{font-size:13px}.chapter>small{font-size:18px}.option{padding:18px}.option b{font-size:22px}.result-layout{gap:20px}.personality,.reflection{padding:25px}.personality h3{font-size:37px}.reflection h3{font-size:26px}.result-actions{margin-top:20px}.percentages strong{font-size:44px}}
@media(max-width:720px){body{font-size:16px;background:#ded4b3}.landscape{background-position:48% center;opacity:.65}.topbar{padding:15px 0;align-items:center}.topbar>a{font-size:16px}.topbar small{font-size:8px;letter-spacing:2px}.topbar button{padding:8px 12px;font-size:12px;min-height:40px}main{width:92%}.home{display:block;padding:25px 0 30px;min-height:0}.home-copy{padding:0 8px}.home h1{font-size:64px;margin:16px 0}.home h2{font-size:26px;line-height:1.6}.intro{font-size:15px}.eyebrow{font-size:10px;letter-spacing:2px}.home-actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:24px}.home-actions button{font-size:17px;padding:14px 20px}.home-copy>.subtle{text-align:center}.debate{margin-top:25px;max-width:none;padding:22px 27px}.scholar{padding:17px 0}.scholar h3{font-size:34px}.scholar>div{font-size:15px}.home-bottom{position:static;margin-top:25px;padding:18px 8px 0;display:block}.home-bottom>span{font-size:12px;letter-spacing:0}.home-bottom b{margin:0 7px}.home-bottom small{display:block;margin-top:12px;font-size:11px}.quiz-heading{gap:8px;flex-wrap:wrap;padding:15px 0}.quiz-heading>.plain{padding:7px 0;font-size:13px}.quiz-heading>span{font-size:12px}#progress{width:100%;justify-content:space-between}#progress button{width:38px;height:38px;min-height:38px}.question-layout{display:block}.chapter{display:none}.question-paper{padding:22px 17px;border-width:3px}.question-paper h2{font-size:27px;line-height:1.6}.question-paper #context{font-size:14px}.options{grid-template-columns:1fr;gap:12px}.option{min-height:0;padding:18px}.option b{font-size:24px}.option p{font-size:14px}.option .letter{margin-bottom:6px}.feedback-heading{display:block}.feedback-heading span{font-size:10px}#voices{grid-template-columns:1fr;gap:16px}#voices p{font-size:14px}.question-actions{flex-wrap:wrap;margin-top:20px;padding-top:17px}.question-actions span{width:100%;order:-1}.question-actions button{font-size:14px;padding:10px 15px;flex:1}.result-heading{padding-top:25px}.result-heading h2{font-size:36px}.result-layout{display:block}.personality{padding:27px 22px}.personality h3{font-size:43px}.seal{right:20px;top:25px;font-size:19px}#motto{font-size:19px}.percentages span{font-size:10px}.percentages strong{font-size:42px}.reflection{margin-top:20px;padding:24px}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-actions button{padding:12px 8px;font-size:13px}.result-actions .primary{grid-column:1/-1}.modal{padding:10px}.modal-panel{padding:30px 20px;max-height:94vh}.modal-panel>h2{font-size:29px;padding-right:15px}.modal-panel p{font-size:14px}.two-voices{grid-template-columns:1fr;gap:12px}.qr-layout{flex-direction:column;gap:15px}.qr-box{min-width:236px;min-height:236px}.qr-actions button{width:100%}.review-list button{padding:15px 12px;gap:12px}.formula{font-size:20px}.topbar a:focus-visible{outline-offset:1px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.topbar{background:linear-gradient(90deg,#efe3c4e0,#efe3c49c);padding-left:20px;padding-right:20px}.home-copy{background:linear-gradient(90deg,#eee4cbdc,#eee4cbc7 80%,#eee4cb45);border-left:3px solid #aa915ca0;padding:28px 30px}.home h1{font-size:clamp(62px,5.5vw,102px)}.home-bottom{background:#eee3c5d6;padding:15px 20px;border-top:1px solid #97815e}.chapter{background:linear-gradient(#eee3cbdc,#eee3cb85);padding:28px 20px 20px}.debate{background:linear-gradient(145deg,#1d433efc,#193c34f5)}
@media(max-width:720px){.topbar{padding-left:10px;padding-right:10px}.home-copy{padding:20px 18px}.home h1{font-size:56px;letter-spacing:1px}.home h2{font-size:25px}.home-bottom{padding:16px 14px}.home-actions button{font-size:16px}}
.history-media{border-top:1px solid #ad9870;margin-top:24px;padding-top:12px}.history-media h3{font:25px Brush}.history-media video{width:100%;max-height:360px;background:#17392f}.history-media #history-video-pending{min-height:190px;border:1px solid #a38b5a;background:linear-gradient(#203f34da,#203f34ed),url('../../assets/backgrounds/2-5.png') center/cover;color:#eadeb9;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font:25px/1.8 Brush}.history-media small{font:13px/1.8 sans-serif}