:root{color-scheme:dark;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#ecf1e8;background:#101c22;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 0 15%,#44685b33,transparent 50%),radial-gradient(ellipse at 100% 65%,#35586633,transparent 50%),#101c22}button,input,a{font:inherit}button{cursor:pointer}a{color:inherit}header{max-width:590px;margin:auto;padding:24px 24px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #718a762b}header a{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:15px;letter-spacing:1px}header small{display:block;font-size:10px;color:#86988b;letter-spacing:4px;margin-top:5px}.logo{display:grid;place-items:center;background:#cee9ba;color:#203f32;border-radius:3px;width:39px;height:39px;font-family:serif;font-size:26px}.clock{font:23px monospace;color:#cbe7b9;letter-spacing:1px}.clock span{font-size:10px;color:#819583}main{max-width:590px;padding:30px 24px 20px;margin:auto}h1,h2,p{margin-top:0}.eyebrow{font:11px monospace;letter-spacing:2px;color:#a1b799;margin-bottom:22px}.intro h1{font-size:40px;line-height:1.55;font-weight:500;letter-spacing:2px;margin-bottom:18px}.intro h1 em{font-style:normal;color:#d1edb9}.intro>p{font-size:15px;color:#9faea7;line-height:1.9}.status-strip{display:flex;justify-content:space-between;border-block:1px solid #80927836;padding:13px 0;margin:26px 0;color:#98a891;font:12px monospace}.card{border:1px solid #65806f61;border-radius:12px;background:#192b2ed9;padding:26px;box-shadow:0 18px 55px #0002}.card h2{font-size:22px;font-weight:500;margin:0 0 13px;line-height:1.7}.card>p{font-size:14px;color:#a5b5aa;line-height:1.8}.small{font-size:12px;color:#8c9c91;line-height:1.9}.label{display:block;font-size:14px;color:#bcccb8;margin:23px 0 10px}input{width:100%;padding:15px;border-radius:7px;border:1px solid #64816d;background:#0f2022;color:#eef6e6;letter-spacing:2px;font-size:16px}input::placeholder{letter-spacing:0;color:#6e8478}.primary,.secondary{border-radius:7px;min-height:49px;padding:14px 18px;text-align:center;display:block;font-size:15px;text-decoration:none}.primary{width:100%;background:#c7e5b1;border:1px solid #c7e5b1;color:#223f32;font-weight:600;margin-top:14px}.primary:hover{background:#d8efc8}.secondary{border:1px solid #687c6b;background:transparent;color:#b5c5ae}button:disabled{opacity:.35;cursor:not-allowed}.error{color:#f0b6a4;min-height:22px;font-size:13px;margin-top:8px}.notice{border-top:1px dashed #72846a65;margin-top:23px;padding-top:18px;font-size:12px;color:#8eaa92;line-height:1.9}.opening{line-height:2;color:#d1dccf;font-size:17px}.opening p{margin-bottom:18px}.opening blockquote{border-left:2px solid #c4dca5;padding:14px 18px;margin:24px 0;background:#c6e1a807;color:#c6dfa9;font-size:20px}.topline{display:flex;justify-content:space-between;color:#98ae98;font-size:12px;margin-bottom:17px}.progress{height:3px;background:#32483e;margin-bottom:26px}.progress span{height:100%;display:block;background:#c6dfa9;transition:width .2s}.scene-number{font:12px monospace;letter-spacing:3px;color:#91ac85}.question-title{font-size:25px!important;line-height:1.6!important;margin:18px 0!important}.story{font-size:16px;line-height:1.95;color:#c7d4c9;white-space:pre-line;margin-bottom:25px}.options{display:grid;gap:12px}.option{display:flex;align-items:flex-start;gap:12px;width:100%;padding:15px;text-align:left;line-height:1.7;font-size:15px;border:1px solid #59726180;border-radius:7px;background:#142428;color:#b9c9bb}.option .letter{font:13px monospace;padding-top:5px;color:#7f9b82;flex-shrink:0}.option.selected{background:#c5dfab12;color:#e5f1d8;border-color:#bfd69b}.option.selected .letter{color:#d4e9b7}.navigation{display:flex;gap:12px;margin-top:25px}.navigation .primary{margin:0;flex:1}.navigation .secondary{flex-shrink:0}.hint{font-size:12px;color:#748e7e;text-align:center;line-height:1.8;margin-top:20px}.receipt{background:#edeedb;color:#34443b;border-radius:2px;padding:28px;box-shadow:0 24px 65px #0004}.receipt-head{display:flex;justify-content:space-between;font:10px monospace;letter-spacing:1px;color:#77836c;padding-bottom:17px;border-bottom:1px dashed #a7b095}.receipt .eyebrow{color:#829071;margin:25px 0 13px}.receipt h1{font-family:"Songti SC","SimSun",serif;font-size:34px;color:#273f30;line-height:1.6;margin:0 0 12px;letter-spacing:2px}.identity-tags{font-size:12px;color:#718265;margin-bottom:22px}.tagline{font-size:19px;line-height:1.9;color:#4c6548;padding:18px 0;border-block:1px dashed #a7b095}.receipt .body-copy{font-size:15px;line-height:1.95;color:#667360;margin:20px 0}.report-field{margin:20px 0;padding-bottom:18px;border-bottom:1px solid #d5dac5}.report-field h2{font-size:13px;color:#8c916e;letter-spacing:2px;margin:0 0 10px}.report-field p{font-size:16px;color:#485c43;line-height:1.85;margin:0}.receipt details{margin-top:24px;color:#7b896c;font-size:12px;line-height:1.9}.receipt summary{cursor:pointer;padding:10px 0}.score-row{display:grid;grid-template-columns:45px 1fr 35px;align-items:center;gap:10px;margin:10px 0}.track{height:4px;background:#d9dfc9}.track i{display:block;height:100%;background:#899e70}.outro{font-size:14px;line-height:2;color:#708066;margin-top:28px;text-align:center}.outro strong{display:block;font-size:16px;color:#435b39;margin-bottom:12px}.after-report{padding:18px 0;display:grid;gap:12px}.after-report .primary{margin:0}.after-report .secondary{width:100%}footer{font-size:11px;color:#647b70;text-align:center;line-height:2;padding:20px 24px 32px;max-width:590px;margin:auto}dialog{border:1px solid #819b7c;border-radius:12px;background:#182a2b;color:#e2ecd9;max-width:530px;width:calc(100% - 32px);max-height:90vh;padding:24px}dialog::backdrop{background:#071312dd}dialog h2{font-size:21px;margin:12px 30px 12px 0}dialog p{font-size:13px;color:#a9bba4;line-height:1.8}dialog img{width:100%;height:auto;display:block;border-radius:3px}.close{position:absolute;right:13px;top:8px;border:none;background:transparent;color:#d4e4ca;font-size:30px;min-width:40px;min-height:40px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #dfeca7;outline-offset:4px}.receipt summary:focus-visible{outline-color:#677d4f}@media(max-width:380px){main{padding:24px 17px 15px}header{padding:20px 17px}.intro h1{font-size:34px}.card{padding:22px 18px}.receipt{padding:23px 19px}.receipt h1{font-size:29px}.question-title{font-size:22px!important}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
