.quiz-box{max-width:680px;margin:0 auto;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:26px 26px 22px}.quiz-progress{display:flex;align-items:center;gap:12px;margin-bottom:18px}.quiz-progress-bar{flex:1;height:5px;border-radius:3px;background:var(--border);overflow:hidden}.quiz-progress-bar i{display:block;height:100%;background:var(--accent);transition:width .25s ease}.quiz-progress-text{font-size:13px;color:var(--text-mute);white-space:nowrap}.quiz-q{margin:0 0 4px;font-size:22px}.quiz-note{margin:0 0 16px;color:var(--text-dim);font-size:14px}.quiz-options{display:grid;gap:9px;margin-bottom:18px}.quiz-option{display:flex;align-items:center;gap:11px;width:100%;padding:13px 15px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font:inherit;font-size:15px;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.quiz-option:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.quiz-option.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.quiz-option .qo-icon{font-size:19px;flex:none}.quiz-option .qo-title{flex:1;min-width:0}.quiz-option .qo-check{color:var(--accent);font-weight:700}.quiz-nav{display:flex;justify-content:space-between;align-items:center;gap:10px}.quiz-result-head{margin-bottom:16px}.quiz-result-head h2{margin:0 0 4px;font-size:22px}.quiz-cards{display:grid;gap:11px;margin-bottom:16px}.quiz-card{display:flex;align-items:center;gap:13px;padding:14px 16px;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-sm);background:var(--bg);text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}.quiz-card:hover{transform:translateY(-1px);border-color:var(--accent)}.quiz-card .qc-icon{font-size:26px;flex:none}.quiz-card .qc-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.quiz-card .qc-title{font-size:16px}.quiz-card .qc-why{font-size:13.5px;color:var(--accent)}.quiz-card .qc-sub{font-size:13px;color:var(--text-dim)}.quiz-card .qc-go{font-size:14px;color:var(--text-dim);white-space:nowrap}.quiz-again{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between}@media (max-width:560px){.quiz-box{padding:20px 16px 18px}.quiz-q{font-size:19px}.quiz-card .qc-go{display:none}}.quiz-invite{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:20px 22px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 7%,transparent)}.quiz-invite .qi-text{flex:1;min-width:220px}.quiz-invite h3{margin:0 0 4px;font-size:18px}.quiz-invite p{margin:0;color:var(--text-dim);font-size:14.5px}.quiz-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(6,8,14,.66);backdrop-filter:blur(3px);animation:quiz-fade .16s ease-out}@keyframes quiz-fade{from{opacity:0}to{opacity:1}}.quiz-modal-box{position:relative;width:min(620px,100%);max-height:min(88vh,760px);overflow:auto;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:26px 26px 22px;box-shadow:0 24px 60px rgba(0,0,0,.45)}.quiz-modal-box .quiz-box{background:none;border:none;padding:0;max-width:none}.quiz-modal-box .quiz-progress{padding-right:40px}.quiz-modal-close{position:absolute;top:10px;right:12px;width:34px;height:34px;border:none;border-radius:8px;background:transparent;color:var(--text-mute);font-size:24px;line-height:1;cursor:pointer}.quiz-modal-close:hover{background:var(--bg);color:var(--text)}@media (max-width:560px){.quiz-modal{padding:0;place-items:stretch}.quiz-modal-box{width:100%;max-height:100%;border-radius:0;border:none;padding:46px 16px 20px}}