.tupai-landing .tp-quiz{max-width:720px;margin:0 auto}.tupai-landing.tp-quiz-page #quiz.tp-band{padding-top:40px}@media (min-width:768px){.tupai-landing.tp-quiz-page #quiz.tp-band{padding-top:70px}}@media (min-width:1280px){.tupai-landing.tp-quiz-page #quiz.tp-band{padding-top:80px}}.tupai-landing .tp-quiz p{margin:0}.tupai-landing .tp-quiz ul,.tupai-landing .tp-quiz ol{margin:0;padding:0;list-style:none}.tupai-landing .tp-quiz .tp-card{padding:24px}.tupai-landing .tp-quiz .tp-card:hover{border-color:var(--color-border)}.tupai-landing .tp-quiz-muted{color:var(--color-muted)}.tupai-landing .tp-quiz-intro,.tupai-landing .tp-quiz-register{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.tupai-landing .tp-quiz-avatar{width:112px;height:112px}.tupai-landing .tp-quiz-register .tp-quiz-avatar{width:96px;height:96px}.tupai-landing .tp-quiz-intro h1,.tupai-landing .tp-quiz-register h1{font-size:32px}@media (min-width:768px){.tupai-landing .tp-quiz-intro h1{font-size:48px}.tupai-landing .tp-quiz-register h1{font-size:36px}}.tupai-landing .tp-quiz-rules{text-align:left;width:100%;max-width:480px;margin-top:16px}.tupai-landing .tp-quiz-rules ul{flex-direction:column;gap:12px;margin-top:12px;display:flex}.tupai-landing .tp-quiz-rules li{align-items:flex-start;gap:10px;display:flex}.tupai-landing .tp-quiz-rules svg{color:var(--color-green);flex:none;margin-top:3px}.tupai-landing .tp-quiz-start{min-height:52px;margin-top:8px;padding:0 32px}.tupai-landing .tp-quiz-panel{flex-direction:column;gap:24px;display:flex}.tupai-landing .tp-quiz-bar{border-bottom:1px solid var(--color-border-light);grid-template-columns:1fr auto;align-items:center;gap:12px 16px;padding-bottom:20px;display:grid}.tupai-landing .tp-quiz-bar-title{font-size:20px;line-height:1.2}.tupai-landing .tp-quiz-answered{color:var(--color-muted);font-size:14px;font-weight:600}.tupai-landing .tp-quiz-timer{--timer:var(--color-primary);grid-column:1/-1;align-items:center;gap:12px;display:flex}.tupai-landing .tp-quiz-timer.is-warn{--timer:var(--color-error)}.tupai-landing .tp-quiz-timer-track{border-radius:var(--rounded-pill);background:var(--color-bg);flex:auto;height:8px;overflow:hidden}.tupai-landing .tp-quiz-timer-track span{background:var(--timer);border-radius:inherit;height:100%;transition:width 1s linear;display:block}.tupai-landing .tp-quiz-clock{font-variant-numeric:tabular-nums;min-width:72px;color:var(--timer);justify-content:flex-end;align-items:center;gap:6px;font-weight:700;display:inline-flex}.tupai-landing .tp-quiz-dots{gap:6px;margin:-12px 0;display:flex}.tupai-landing .tp-quiz-dots button{cursor:pointer;background:0 0;border:none;flex:1 1 0;min-width:0;height:44px;padding:0;position:relative}.tupai-landing .tp-quiz-dots button:before{content:"";border-radius:var(--rounded-pill);background:var(--color-border);height:8px;transition:background-color var(--duration) var(--ease);position:absolute;top:18px;left:0;right:0}.tupai-landing .tp-quiz-dots button.is-answered:before{background:color-mix(in srgb, var(--color-primary) 40%, var(--color-surface))}.tupai-landing .tp-quiz-dots button.is-current:before{background:var(--color-primary)}.tupai-landing .tp-quiz-question{flex-direction:column;gap:10px;display:flex}.tupai-landing .tp-quiz-count{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.tupai-landing .tp-quiz-count .tp-step-badge{background:var(--color-primary);border-color:var(--color-primary);width:36px;height:36px;color:var(--color-surface);font-size:16px}.tupai-landing .tp-quiz-topic{border-radius:var(--rounded-pill);background:var(--color-bg);color:var(--color-content);margin-left:auto;padding:4px 12px;font-size:13px}.tupai-landing .tp-quiz-bm{font-size:18px;font-weight:600;line-height:1.55}.tupai-landing .tp-quiz-en{color:var(--color-muted);font-size:15px;font-style:italic;line-height:1.55}.tupai-landing .tp-quiz-visual{background:var(--color-bg);border-radius:var(--rounded-md);justify-content:center;margin-top:8px;padding:16px;display:flex}.tupai-landing .tp-quiz-table{border-collapse:collapse;background:var(--color-surface);font-variant-numeric:tabular-nums}.tupai-landing .tp-quiz-table th,.tupai-landing .tp-quiz-table td{border:1px solid var(--color-border);text-align:center;padding:8px 20px}.tupai-landing .tp-quiz-table th{background:var(--color-border-light);font-weight:700}.tupai-landing .tp-quiz-matrix-wrap{align-items:center;gap:10px;font-size:18px;display:inline-flex}.tupai-landing .tp-quiz-matrix-label{font-style:italic;font-weight:600}.tupai-landing .tp-quiz-matrix{font-variant-numeric:tabular-nums;border-left:2px solid;border-right:2px solid;border-radius:14px;grid-template-columns:repeat(2,auto);place-items:center;gap:6px 18px;padding:4px 12px;display:inline-grid}.tupai-landing .tp-quiz-frac{flex-direction:column;align-items:center;font-size:.85em;line-height:1.15;display:inline-flex}.tupai-landing .tp-quiz-frac span:first-child{border-bottom:1.5px solid;padding:0 3px}.tupai-landing .tp-quiz-options{flex-direction:column;gap:12px;display:flex}.tupai-landing .tp-quiz-option{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--rounded-md);width:100%;min-height:56px;font-family:var(--font-body);color:var(--color-content);text-align:left;cursor:pointer;transition:border-color var(--duration) var(--ease), background-color var(--duration) var(--ease);align-items:center;gap:14px;padding:12px 16px;font-size:16px;display:flex}.tupai-landing .tp-quiz-option:hover{border-color:var(--color-hint);background:var(--color-bg)}.tupai-landing .tp-quiz-option[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-tint-orange)}.tupai-landing .tp-quiz-letter{border-radius:var(--rounded-sm);background:var(--color-bg);width:32px;height:32px;color:var(--color-content);flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.tupai-landing .tp-quiz-option[aria-pressed=true] .tp-quiz-letter{background:var(--color-primary);color:var(--color-surface)}.tupai-landing .tp-quiz-nav{justify-content:space-between;gap:12px;padding-top:4px;scroll-margin-bottom:96px;display:flex}.tupai-landing .tp-quiz-nav .tp-cta-secondary:disabled{opacity:.45;cursor:default}.tupai-landing .tp-quiz-nav .tp-cta-secondary:disabled:hover{background:0 0}.tupai-landing .tp-quiz-form{text-align:left;flex-direction:column;gap:18px;width:100%;max-width:440px;margin-top:16px;display:flex}.tupai-landing .tp-quiz-form label{margin-bottom:6px;font-size:14px;font-weight:700;display:block}.tupai-landing .tp-quiz-form input,.tupai-landing .tp-quiz-form select{width:100%;min-height:48px;font-family:var(--font-body);color:var(--color-content);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--rounded-md);padding:12px 14px;font-size:16px}.tupai-landing .tp-quiz-form select{appearance:auto}.tupai-landing .tp-quiz-form [aria-invalid=true]{border-color:var(--color-error)}.tupai-landing .tp-quiz-error{color:var(--color-error);font-size:13px;margin-top:6px!important}.tupai-landing .tp-quiz-form .tp-cta-primary{width:100%;min-height:48px}.tupai-landing .tp-quiz-privacy{color:var(--color-muted);text-align:center;font-size:13px;line-height:1.5}.tupai-landing .tp-quiz-results{flex-direction:column;gap:16px;display:flex}.tupai-landing .tp-quiz-score{text-align:center;--band:var(--color-green);--band-tint:color-mix(in srgb, var(--color-green) 12%, var(--color-surface));flex-direction:column;align-items:center;gap:8px;display:flex}.tupai-landing .tp-quiz-score.tp-band-improve{--band:var(--color-amber-deep);--band-tint:var(--color-tint-amber)}.tupai-landing .tp-quiz-score.tp-band-notReady{--band:var(--color-error);--band-tint:color-mix(in srgb, var(--color-error) 12%, var(--color-surface))}.tupai-landing .tp-quiz-score-img{width:200px;height:auto}.tupai-landing .tp-quiz-score-title{font-size:24px;line-height:1.2}.tupai-landing .tp-quiz-score-number{font-family:var(--font-display);color:var(--color-primary);font-size:72px;line-height:1;margin:8px 0 12px!important}.tupai-landing .tp-quiz-score-number span{color:var(--color-muted);font-size:32px}.tupai-landing .tp-quiz-band-chip{border-radius:var(--rounded-pill);background:var(--band-tint);color:var(--color-content);align-items:center;gap:8px;padding:6px 14px;font-size:14px;font-weight:700;display:inline-flex}.tupai-landing .tp-quiz-band-chip:before{content:"";background:var(--band);border-radius:50%;width:10px;height:10px}@media (min-width:768px){.tupai-landing .tp-quiz-score{text-align:left;flex-direction:row;justify-content:center;gap:32px}.tupai-landing .tp-quiz-score-title{font-size:28px}}.tupai-landing .tp-quiz-help{border-top:1px solid #1b1b1b1a;padding-top:12px;font-weight:700;margin-top:12px!important}.tupai-landing .tp-quiz-weak{flex-wrap:wrap;gap:8px;display:flex;margin-top:12px!important}.tupai-landing .tp-quiz-weak li{border-radius:var(--rounded-pill);background:color-mix(in srgb, var(--color-error) 12%, var(--color-surface));align-items:center;gap:8px;padding:6px 14px;font-size:14px;font-weight:600;display:inline-flex}.tupai-landing .tp-quiz-weak li:before{content:"";background:var(--color-error);border-radius:50%;width:8px;height:8px}.tupai-landing .tp-quiz-timeline{flex-direction:column;gap:12px;display:flex;margin-top:16px!important}.tupai-landing .tp-quiz-timeline li{border-radius:var(--rounded-md);background:var(--color-bg);flex-direction:column;gap:4px;padding:16px;display:flex}.tupai-landing .tp-quiz-timeline strong{font-family:var(--font-display);color:var(--color-primary-press);font-size:18px;font-weight:400}.tupai-landing .tp-quiz-timeline p{font-size:15px}.tupai-landing .tp-quiz-timeline p span{color:var(--color-content);font-weight:700}.tupai-landing .tp-quiz-review{flex-direction:column;gap:8px;display:flex;margin-top:12px!important}.tupai-landing .tp-quiz-review li{border-radius:var(--rounded-md);align-items:center;gap:12px;padding:10px 14px;font-size:15px;display:flex}.tupai-landing .tp-quiz-review li.is-right{background:color-mix(in srgb, var(--color-green) 12%, var(--color-surface));--mark:var(--color-green)}.tupai-landing .tp-quiz-review li.is-wrong{background:color-mix(in srgb, var(--color-error) 12%, var(--color-surface));--mark:var(--color-error)}.tupai-landing .tp-quiz-review-icon{background:var(--mark);width:24px;height:24px;color:var(--color-surface);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.tupai-landing .tp-quiz-review-q{min-width:28px;font-weight:700}.tupai-landing .tp-quiz-review-topic{flex:auto;min-width:0}.tupai-landing .tp-quiz-review-answer{text-align:right;flex:none;font-size:13px;font-weight:700}.tupai-landing .tp-quiz-cta{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex;padding:32px 24px!important}.tupai-landing .tp-quiz-cta h2{margin:0;font-size:26px}.tupai-landing .tp-quiz-cta p{max-width:46ch}.tupai-landing .tp-quiz-cta .tp-cta-pair{margin-top:8px}.tupai-landing .tp-quiz-retry{cursor:pointer;min-height:44px;font-family:var(--font-body);color:var(--color-surface);text-underline-offset:3px;background:0 0;border:none;margin-top:4px;padding:0 16px;font-size:15px;font-weight:700;text-decoration:underline}.tupai-landing .tp-quiz-retry:hover{text-decoration-thickness:2px}