:root{--blue:#1f5f8b;--night:#153449;--green:#2d9c7a;--teal:#4cb8c4;--bg:#f4f7fa;--text:#193247;--muted:#647785;--red:#c74743;--orange:#f59e0b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--text);line-height:1.55}.wrap{max-width:1050px;margin:auto;padding-left:20px;padding-right:20px}
.top{background:#fff;border-bottom:1px solid #dce6eb}.top-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}.identity{display:flex;align-items:center;gap:15px}.identity img{height:64px;max-width:220px;object-fit:contain}.identity strong{display:block;color:var(--night);font-size:18px}.identity span{display:block;color:var(--muted);font-size:12px}.back{font-weight:800;color:var(--blue);text-decoration:none}
.hero{margin:30px 0 18px;padding:28px;background:linear-gradient(135deg,var(--night),var(--blue));border-radius:20px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:25px}.hero h1{font-size:36px;margin:8px 0 4px}.hero p{margin:0;color:#dbe9f0}.badge{display:inline-block;background:#dff4ee;color:#21765f;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;letter-spacing:.06em}.score-info{min-width:150px;text-align:center;background:#ffffff12;border:1px solid #ffffff2c;border-radius:16px;padding:14px}.score-info strong{display:block;font-size:38px}.score-info span{display:block;font-weight:900}.score-info small{display:block;margin-top:6px;color:#cfe0e8}
.notice{background:#fff;border-left:5px solid var(--teal);padding:16px 18px;border-radius:12px;margin:18px 0}.notice p{margin:4px 0 0;color:var(--muted)}
.question{background:#fff;border:1px solid #dbe5ea;border-radius:16px;padding:20px;margin:15px 0;box-shadow:0 8px 22px #1534490c}.question.ok{border-left:6px solid var(--green)}.question.bad{border-left:6px solid var(--red)}.question.missing{border-left:6px solid var(--orange)}.question-head{display:flex;justify-content:space-between;gap:10px}.qnum,.point{font-size:11px;font-weight:900;border-radius:999px;padding:5px 9px}.qnum{background:#e7f1f8;color:var(--blue)}.point{background:#eef5f1;color:#28745d}.question h2{font-size:19px;line-height:1.35;margin:14px 0}.options{display:grid;gap:9px}.option{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;padding:12px;border:1px solid #dce6eb;border-radius:11px;cursor:pointer;background:#fbfdfe}.option:hover{border-color:#9fbfce}.option input{width:18px;height:18px}.letter{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#eaf2f6;color:var(--night);font-weight:900}.option.right{background:#eaf8f1;border-color:#76c6a7}.option.wrong{background:#fff0f0;border-color:#e3a09d}.feedback{margin-top:14px;border-radius:10px;background:#f0f5f7;padding:12px;font-size:14px}.actions{display:flex;gap:12px;justify-content:center;margin:30px 0 40px}.btn{border:0;border-radius:11px;padding:13px 18px;font-weight:900;text-decoration:none;cursor:pointer;font-size:15px}.primary{background:var(--blue);color:#fff}.secondary{background:#fff;color:var(--blue);border:1px solid var(--blue)}.result{display:flex;align-items:center;gap:22px;padding:24px;border-radius:18px;margin:25px 0 45px;background:#fff}.result.pass{border-left:7px solid var(--green)}.result.fail{border-left:7px solid var(--red)}.result-score{font-size:42px;font-weight:950;color:var(--night)}.result h2{margin:0 0 5px}.result p{margin:0;color:var(--muted)}footer{background:#0e2738;color:#d2dee5;padding:24px 0;margin-top:30px}.footer-inner{display:flex;justify-content:space-between;gap:18px;font-size:12px}
@media(max-width:700px){.top-inner,.hero,.footer-inner{flex-direction:column;align-items:flex-start}.identity img{height:54px}.hero h1{font-size:29px}.score-info{width:100%}.actions{flex-direction:column}.btn{width:100%}.result{align-items:flex-start}.result-score{font-size:34px}}