*{box-sizing:border-box}body{margin:0;background:#f4f8ff;color:#182236;font-family:Arial,Helvetica,sans-serif;line-height:1.55}.top{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #dbe5f3;box-shadow:0 4px 18px #0001;padding:11px 5%;display:flex;justify-content:space-between;align-items:center}.nav{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-weight:800}.brand,.home{color:#145dcc;text-decoration:none}.brand{font-size:20px}.home{font-weight:900}.hero{display:flex;gap:25px;align-items:center;padding:30px 6%;background:linear-gradient(135deg,#e7f2ff,#fff2c5);overflow:hidden}.hero h1{font-size:clamp(28px,4.5vw,48px);line-height:1.08;margin:9px 0}.hero p{font-size:18px}.art{width:165px;height:130px;position:relative;flex:none}.book{position:absolute;font-size:76px;left:20px;bottom:0;animation:bob 2.2s infinite}.cap{position:absolute;font-size:50px;right:0;top:0;animation:float 3s infinite}.coin{position:absolute;font-size:33px}.one{right:35px;bottom:22px;animation:coin 2.3s infinite}.two{right:0;bottom:48px;animation:coin 2.3s .5s infinite}.badge,.chips span{display:inline-block;background:#fff;border:1px solid #dce6f4;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:900}.chips{display:flex;gap:7px;flex-wrap:wrap}.wrap{max-width:1200px;margin:auto;padding:20px}.panel,.empty,.result,.guide{background:#fff;border:1px solid #dce6f4;border-radius:20px;padding:21px;margin-bottom:20px;box-shadow:0 8px 30px #17345b12}.topic{font-size:22px;font-weight:900}.notice{background:#eef6ff;border-left:5px solid #1769d2;padding:12px;border-radius:10px;margin-top:10px}.controls{display:flex;gap:12px;flex-wrap:wrap;margin:17px 0}.controls label{display:flex;flex-direction:column;gap:5px;font-weight:800}.controls select,.answer{padding:11px;border:1px solid #c8d6e8;border-radius:10px;background:#fff;font-size:16px}.primary,.secondary,.check,.show{border:0;border-radius:11px;padding:12px 15px;font-weight:900;cursor:pointer;transition:.2s}.primary{background:#1769d2;color:#fff}.secondary{background:#fff0bd;color:#4b3900}.check{background:#19283f;color:#fff}.show{background:#e8f8ec;color:#176b2c}.primary:hover,.secondary:hover,.check:hover,.show:hover{transform:translateY(-2px)}.stats{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.bar{height:14px;background:#e6eef8;border-radius:999px;overflow:hidden;margin-top:9px}.bar div{height:100%;width:0;background:linear-gradient(90deg,#1769d2,#51c0ff);transition:.3s}.empty{text-align:center;padding:48px}.mascot,.trophy{font-size:70px;animation:bob 2s infinite}.hidden{display:none!important}.result{text-align:center;background:linear-gradient(135deg,#fff,#effaf1)}.resultgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.resultgrid div{border:1px solid #dce6f4;border-radius:14px;padding:14px}.resultgrid b{font-size:28px;display:block}.resultgrid small{color:#667085}.tools{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.question{background:#fff;border:1px solid #dce6f4;border-radius:18px;padding:19px;margin-bottom:15px;box-shadow:0 6px 20px #17345b0d;animation:slide .35s both}.qhead{display:flex;justify-content:space-between;gap:10px;align-items:center}.qnum{font-weight:900;color:#145dcc}.qtopic{font-size:12px;font-weight:900;background:#eef4ff;border-radius:999px;padding:5px 9px}.qtext{font-size:18px;font-weight:750;margin:13px 0}.options{display:grid;gap:9px}.option{border:1px solid #cbd8e9;border-radius:10px;padding:11px;background:#fbfdff;cursor:pointer}.answerrow{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.answer{flex:1;min-width:190px}.feedback{min-height:25px;font-weight:900;margin-top:9px}.correct{background:#eaffef!important;border-color:#2eaf55!important;color:#176b2c!important}.wrong{background:#fff0f0!important;border-color:#e04444!important;color:#a51e1e!important}.answerbox{display:none;margin-top:9px;padding:12px;background:#f7fafc;border-left:4px solid #1769d2;border-radius:9px}.tab{width:100%;border-collapse:collapse;margin:12px 0}.tab th,.tab td{border:1px solid #cbd8e9;padding:9px;text-align:center}.tab th{background:#eef4ff}.subpart{border:1px dashed #b9c9dd;border-radius:11px;padding:12px;margin:9px 0}.guide h2{background:linear-gradient(90deg,#145dcc,#7c3aed);color:#fff;border-radius:12px;padding:12px 15px}.guide h3{color:#145dcc;border-left:5px solid #ffd029;padding-left:10px;margin-top:28px}.float{position:fixed;z-index:0;pointer-events:none;opacity:.12;font-size:50px}.a{right:3%;top:28%;animation:float 5s infinite}.b{left:2%;top:58%;animation:float 6s infinite}.c{right:5%;bottom:8%;animation:coin 5s infinite}@keyframes bob{50%{transform:translateY(-9px) rotate(2deg)}}@keyframes float{50%{transform:translateY(-14px) rotate(5deg)}}@keyframes coin{50%{transform:translateY(-13px) rotate(18deg)}}@keyframes slide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pop{50%{transform:scale(1.04)}}@keyframes shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}@media(max-width:700px){.top{padding:10px 14px}.brand{font-size:17px}.nav{font-size:13px}.home{font-size:13px}.hero{display:block;text-align:center;padding:24px 16px}.art{margin:auto;height:105px}.chips{justify-content:center}.wrap{padding:12px}.panel,.guide,.result,.empty{padding:15px;border-radius:15px}.controls>*{width:100%}.controls button{width:100%}.resultgrid{grid-template-columns:repeat(2,1fr)}.question{padding:15px}.qtext{font-size:16px}.answer{min-width:100%;width:100%}.answerrow button{width:100%}.tab{font-size:13px;display:block;overflow-x:auto}.tools button{width:100%}}@media print{.top,.controls,.stats,.bar,.art,.float,.tools,.guide,.empty,.result,footer{display:none!important}.hero{padding:10px;background:#fff}.question{break-inside:avoid;box-shadow:none}}