:root{--ink:#23353d;--muted:#7c8b92;--bg:#f5f7f8;--blue:#2f789d}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial;color:var(--ink)}button,input,textarea{font:inherit}button{cursor:pointer}.topbar{min-height:84px;padding:18px 34px;background:#fff;border-bottom:1px solid #e7ecef;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:20}.brand-cn{font-size:20px;font-weight:750;color:#21465a}.brand-en{font-size:10px;color:#92a0a8;margin-top:5px}.backlink{font-size:13px;color:#53717f;text-decoration:none}.shell{max-width:960px;margin:auto;padding:36px 24px 70px}.screen{display:none}.screen.active{display:block}.hero{padding:44px;border-radius:28px;background:linear-gradient(150deg,#f0f8f5,#f8fbfa 65%,#fff);border:1px solid #e0ebe7}.eyebrow{font-size:12px;letter-spacing:1.7px;color:#618879;font-weight:700}.hero h1{font-size:44px;margin:14px 0 0;color:#183e36}.hero p{font-size:16px;line-height:1.8;color:#6c7c76}.start-btn,.primary{border:0;background:#2f789d;color:#fff;border-radius:15px;padding:14px 20px;font-weight:700}.hero .start-btn{margin-top:12px}.history-card{width:100%;margin-top:20px;padding:18px;border:1px solid #e0e7ea;border-radius:18px;background:#fff;text-align:left}.history-card b{display:block}.history-card span{display:block;margin-top:5px;font-size:13px;color:#88969d}.notice{margin-top:20px;padding:18px;background:#fff;border-radius:16px;color:#87949a;font-size:13px;line-height:1.7}.question-top{display:flex;justify-content:space-between}.ghost{border:0;background:transparent;color:#627a85}.progress{height:8px;background:#e1e8eb;border-radius:99px;overflow:hidden}.bar{height:100%;background:#4c91ad}.smart{margin-top:18px;padding:12px 15px;background:#edf5f8;border-radius:14px;color:#5e7e8b;font-size:13px}.qcard{margin-top:22px;padding:30px;background:#fff;border-radius:24px}.dimtag{display:inline-block;padding:6px 12px;border-radius:999px;background:#eaf3f7;color:#47788e;font-size:12px}.qcard h2{font-size:28px;line-height:1.5}.options{display:grid;gap:12px}.option-btn{border:1px solid #e2e8eb;background:#f8fafb;border-radius:15px;padding:16px;text-align:left;color:#43555d}.result-hero{padding:32px;border-radius:24px;background:linear-gradient(155deg,#eaf4f9,#f8fbfd)}.score-row{display:flex;justify-content:space-between;align-items:flex-end}.score{font-size:70px;font-weight:780;color:#245f7d}.grade{width:140px;height:105px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.grade b{font-size:36px}.grade-a{background:#e6f5ee;color:#297052}.grade-b{background:#edf3fb;color:#426f9a}.grade-c{background:#fff2e8;color:#a2612d}.credentials{margin-top:18px;padding:18px;background:#f8fbfd;border:1px solid #bfd7e2;border-radius:16px}.cred-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed #dce8ed}.copy{width:100%;margin-top:12px;padding:11px;border:1px solid #91b8ca;background:#eef7fb;color:#2f6f8d;border-radius:12px}.block{margin-top:28px}.dimension-row,.action-card{background:#fff;border-radius:16px;padding:18px;margin-top:12px}.dim-head{display:flex;justify-content:space-between}.dim-track{height:7px;background:#e8eef1;border-radius:99px;overflow:hidden;margin-top:10px}.dim-bar{height:100%;background:#4b91ad}.dim-foot{font-size:12px;color:#90a0a6;margin-top:6px}.action-card p{color:#7d8c93;line-height:1.6}.actions{display:grid;gap:10px;margin-top:24px}.secondary{border:1px solid #dfe7ea;background:#fff;color:#60767f;border-radius:15px;padding:14px}.recover-card,.expert-card{background:#fff;border-radius:22px;padding:26px}.recover-card label,.expert-card label{display:block;margin-top:14px;font-size:13px;color:#63757e}.recover-card input,.expert-card input,.expert-card textarea{width:100%;margin-top:6px;padding:13px;border:1px solid #dfe7ea;border-radius:12px}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.topic-btn{border:1px solid #e1e7ea;background:#fff;border-radius:13px;padding:13px;text-align:left}.topic-btn.selected{background:#eef7fb;border-color:#7baec4;color:#2f6f8d}.consent-link{border:0;background:transparent;color:#2f789d;text-decoration:underline;font-weight:700}.modal{position:fixed;inset:0;background:rgba(20,35,43,.5);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal[hidden]{display:none}.modal-card{max-width:700px;max-height:86vh;overflow:auto;background:#fff;border-radius:22px;padding:24px}.modal-card p{line-height:1.75;color:#6f7f86}.modal-foot{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}@media(max-width:720px){.shell{padding:22px 15px 50px}.hero{padding:28px 22px}.hero h1{font-size:34px}.topic-grid{grid-template-columns:1fr}.topbar{padding:14px 18px}.brand-en{display:none}.score{font-size:56px}}