.article-quiz{max-width:760px;margin:56px auto;padding:32px 28px;border-radius:24px;background:linear-gradient(135deg,#faf8ff,#f5f0ff);border:1px solid rgba(124,58,237,.15);box-shadow:0 8px 32px #7c3aed14;position:relative;overflow:hidden}.article-quiz:before{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(124,58,237,.12),transparent 70%);pointer-events:none}.article-quiz-head{display:flex;align-items:center;gap:12px;margin-bottom:8px;position:relative;z-index:1}.article-quiz-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.article-quiz-title{font-size:22px;font-weight:800;color:#1a1033;margin:0 0 4px;line-height:1.25;position:relative;z-index:1}.article-quiz-sub{font-size:14px;color:#5f4b7a;margin:0 0 24px;position:relative;z-index:1}.aq-progress{display:flex;gap:6px;margin-bottom:22px;position:relative;z-index:1}.aq-progress-dot{flex:1;height:4px;border-radius:2px;background:#7c3aed26;transition:background .3s}.aq-progress-dot.done{background:linear-gradient(90deg,#7c3aed,#a855f7)}.aq-progress-dot.wrong{background:#ef4444}.aq-question{position:relative;z-index:1;animation:aqFadeIn .35s ease}.aq-question.hidden{display:none}@keyframes aqFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.aq-q{font-size:17px;font-weight:600;color:#1a1033;margin:0 0 18px;line-height:1.45}.aq-q-num{display:inline-block;color:#7c3aed;font-weight:800;margin-right:6px}.aq-opt{display:block;width:100%;text-align:left;padding:13px 16px;margin-bottom:10px;border-radius:12px;border:1.5px solid rgba(124,58,237,.18);background:#fff;color:#2a1f4a;font-size:15px;font-weight:500;cursor:pointer;transition:all .18s;font-family:inherit;line-height:1.4}.aq-opt:hover:not(:disabled){border-color:#7c3aed;background:#faf5ff;transform:translate(2px)}.aq-opt:disabled{cursor:default}.aq-opt.correct{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#16a34a;color:#14532d;font-weight:600}.aq-opt.wrong{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#dc2626;color:#7f1d1d;font-weight:600}.aq-opt.dim{opacity:.55}.aq-opt-icon{display:inline-block;margin-right:8px;font-weight:800}.aq-explain{margin-top:14px;padding:14px 16px;border-radius:12px;background:#7c3aed0f;border-left:3px solid #7c3aed;font-size:14px;color:#3d2a5e;line-height:1.5;display:none;animation:aqFadeIn .3s ease}.aq-explain.show{display:block}.aq-explain strong{color:#1a1033}.aq-next{margin-top:16px;padding:11px 22px;border-radius:10px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;font-weight:700;font-size:14px;cursor:pointer;transition:transform .15s,box-shadow .15s;font-family:inherit;display:none}.aq-next.show{display:inline-flex;align-items:center;gap:8px}.aq-next:hover{transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed4d}.aq-result{text-align:center;padding:24px 12px;position:relative;z-index:1}.aq-result-score{font-size:48px;font-weight:900;background:linear-gradient(135deg,#7c3aed,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 0 8px;line-height:1}.aq-result-msg{font-size:18px;font-weight:600;color:#1a1033;margin:0 0 8px}.aq-result-sub{font-size:14px;color:#5f4b7a;margin:0 0 18px;line-height:1.5}.aq-replay{padding:10px 18px;border-radius:10px;background:#fff;color:#7c3aed;border:1.5px solid #7c3aed;font-weight:700;font-size:14px;cursor:pointer;font-family:inherit;transition:all .15s}.aq-replay:hover{background:#7c3aed;color:#fff}.aq-cta{display:inline-flex;margin-top:14px;padding:11px 22px;border-radius:10px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;text-decoration:none;font-weight:700;font-size:14px;transition:transform .15s,box-shadow .15s;align-items:center;gap:8px}.aq-cta:hover{transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed4d;color:#fff;text-decoration:none}@media(max-width:640px){.article-quiz{padding:24px 18px;margin:40px auto;border-radius:18px}.article-quiz-title{font-size:19px}.aq-q{font-size:16px}.aq-opt{padding:12px 14px;font-size:14px}.aq-result-score{font-size:40px}}