:root{--brand: #7c3aed;--correct: #10b981;--correct-bg: #e7f8f1;--correct-text: #065f46;--wrong: #f43f5e;--wrong-bg: #feecf0;--wrong-text: #9f1239;--line: #e5e7eb;--violet-tint: #f5f3ff;--graybg: #f7f8fa;--inactive: #9ca3af;--sub: #6b7280;--ink: #0a0a0a;--badge: #f3f4f6;--badge-text: #374151;--opt-text: #1f2937;--progress: #ededed;--font-sans: "Sarasa Gothic SC", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--r-sm: 8px;--r-md: 10px;--r-12: 12px;--r-16: 16px;--r-26: 26px;--r-36: 36px;--r-pill: 999px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--font-sans);background:linear-gradient(160deg,#ece9fe,#f6f3ff 55%,#f3f0ff);color:var(--ink);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none}.hidden{display:none}.screen__body,.complete-body{scrollbar-width:none;-ms-overflow-style:none}.screen__body::-webkit-scrollbar,.complete-body::-webkit-scrollbar{display:none}.phone-frame{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#ece9fe,#f6f3ff 55%,#f3f0ff)}.phone-frame--mobile{display:block;min-height:100vh;min-height:100dvh;background:#fff}@media (max-width: 480px){.phone-frame--mobile{background:#fff}.screen{width:100%;height:100vh;height:100dvh;background:#fff}.tabbar__pill{width:calc(100% - 42px);max-width:333px}.status-bar{height:auto;min-height:62px;padding-top:max(14px,env(safe-area-inset-top))}.tabbar{height:auto;min-height:83px;padding-bottom:env(safe-area-inset-bottom)}}.screen{position:relative;display:flex;flex-direction:column;width:375px;height:812px;background:#fff}.screen__body{flex:1;overflow-y:auto;padding:16px 20px}.screen__body--stack{display:flex;flex-direction:column}.gap-4{gap:16px}.gap-5{gap:20px}.status-bar{display:flex;align-items:center;justify-content:space-between;height:62px;width:100%;background:#fff;padding:0 20px}.status-bar__time{font-size:15px;font-weight:600;line-height:1;color:var(--ink)}.status-bar__icons{display:flex;align-items:center;gap:6px}.tabbar{display:flex;align-items:center;justify-content:center;height:83px;width:100%;background:#fff}.tabbar__pill{display:flex;align-items:center;justify-content:space-around;height:62px;width:333px;border-radius:var(--r-36);border:1px solid var(--line);background:#fff;box-shadow:0 4px 16px #0000000f}.tabbar__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:54px;width:81.25px;border-radius:var(--r-26)}.tabbar__btn--active{background:var(--brand)}.tabbar__label{font-size:10px;font-weight:600;line-height:1;color:var(--inactive)}.tabbar__label--active{color:#fff}.option{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:14px;border-radius:var(--r-12);border:1px solid var(--line);background:#fff;text-align:left;transition:background-color .15s ease,border-color .15s ease}.option--clickable{cursor:pointer}.option--clickable:active{transform:scale(.99)}.option--idle{background:#fff;border-color:var(--line)}.option--selected{background:var(--violet-tint);border-color:var(--brand)}.option--correct{background:var(--correct-bg);border-color:var(--correct)}.option--wrong{background:var(--wrong-bg);border-color:var(--wrong)}.option__badge{display:flex;align-items:center;justify-content:center;flex:none;height:28px;width:28px;border-radius:var(--r-sm);font-size:14px;font-weight:600}.option__badge--idle{background:var(--badge);color:var(--badge-text)}.option__badge--selected{background:var(--brand);color:#fff}.option__badge--correct{background:var(--correct);color:#fff}.option__badge--wrong{background:var(--wrong);color:#fff}.option__text{flex:1;font-size:15px;line-height:1.4}.option__text--idle{color:var(--opt-text)}.option__text--selected{color:var(--ink)}.option__text--correct{color:var(--correct-text)}.option__text--wrong{color:var(--wrong-text)}.option__icon{display:flex;align-items:center;justify-content:center;flex:none;height:20px;width:20px}.btn{display:flex;align-items:center;justify-content:center;height:48px;padding:0 16px;border-radius:var(--r-12);border:none;font-family:inherit;font-size:15px;font-weight:600;gap:6px;cursor:pointer}.btn--sm{height:44px}.btn--50{height:50px;font-size:16px}.btn--block{width:100%}.btn--flex{flex:1}.btn--primary{background:var(--brand);color:#fff}.btn--secondary{background:var(--badge);color:var(--inactive)}.btn--tint{background:var(--violet-tint);color:var(--brand)}.btn--ghost{background:transparent;border:1px solid var(--line);color:var(--sub)}.btn:disabled{opacity:.4;cursor:default}.icon-btn{display:flex;align-items:center;justify-content:center;flex:none;height:32px;width:32px;border-radius:var(--r-16);background:var(--badge)}.icon-btn--active{background:var(--brand);color:#fff}.qnav{background:var(--badge);border-radius:var(--r-12);padding:12px}.qnav__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px;font-size:13px;color:var(--sub)}.qnav__hint{font-size:11px;color:var(--inactive)}.qnav__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.qnav__item{height:36px;border-radius:var(--r-10);background:#fff;border:1px solid var(--line);font-size:14px;color:var(--ink);display:flex;align-items:center;justify-content:center}.qnav__item--current{background:var(--brand);border-color:var(--brand);color:#fff}.qnav__item--done{border-color:var(--correct);color:var(--correct)}.qnav__item--current.qnav__item--done{color:#fff}.btn-pill{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 16px;border-radius:var(--r-16);background:var(--violet-tint);color:var(--brand);font-size:13px;font-weight:600}.btn-pill--lg{height:36px}.btn-pill:disabled{opacity:.4}.c-brand{color:var(--brand)}.c-ink{color:var(--ink)}.c-wrong{color:var(--wrong)}.c-correct{color:var(--correct)}.c-sub{color:var(--sub)}.c-inactive{color:var(--inactive)}.home-head{display:flex;align-items:center;justify-content:space-between}.home-head__left{display:flex;align-items:center;gap:12px}.home-head__titles{display:flex;flex-direction:column;gap:2px}.home-head__title{font-size:22px;font-weight:700;line-height:1.2;color:var(--ink)}.home-head__sub{font-size:12px;line-height:1.2;color:var(--sub)}.round-btn{display:flex;align-items:center;justify-content:center;flex:none;height:40px;width:40px;border-radius:var(--r-pill);background:var(--brand)}.import-card{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:var(--r-16);border:1px solid var(--brand);background:var(--violet-tint)}.import-card__title{font-size:17px;font-weight:700;color:var(--opt-text)}.import-card__desc{font-size:13px;color:var(--sub)}.bank-card{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--r-16);border:1px solid var(--line)}.bank-card__row{display:flex;align-items:center;gap:8px}.bank-card__title{flex:1;font-size:15px;font-weight:700;color:var(--ink)}.pill-imported{display:inline-flex;align-items:center;padding:4px 8px;border-radius:var(--r-md);background:var(--violet-tint);font-size:11px;font-weight:600;color:var(--brand)}.bank-card__meta{font-size:12px;color:var(--sub)}.stats-card{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:var(--r-16);background:var(--graybg)}.stat{display:flex;flex-direction:column;align-items:center;gap:4px}.stat__num{font-size:20px;font-weight:700}.stat__label{font-size:12px;color:var(--sub)}.quiz-top{display:flex;align-items:center;gap:8px;margin-bottom:16px}.quiz-top__titles{display:flex;flex-direction:column;min-width:0;flex:1}.quiz-top__title{font-size:17px;font-weight:700;line-height:1.2;color:var(--ink)}.quiz-top__sub{font-size:12px;line-height:1.2;color:var(--inactive)}.quiz-top__center{flex:1;display:flex;align-items:center;justify-content:center}.quiz-top__centertitle{font-size:14px;font-weight:600;color:var(--ink)}.quiz-counter{display:flex;align-items:center;flex:none;height:26px;padding:0 12px;border-radius:var(--r-16);background:var(--violet-tint)}.quiz-counter__num{font-size:13px;font-weight:600;color:var(--brand)}.progress{height:6px;width:100%;border-radius:3px;background:var(--progress);margin-bottom:16px}.progress__fill{height:6px;border-radius:3px;background:var(--brand);transition:width .3s ease}.qcard{margin-bottom:16px;padding:18px;border-radius:var(--r-16);border:1px solid var(--line)}.qcard__head{display:flex;align-items:center;gap:8px;margin-bottom:12px}.tag-type{display:inline-flex;align-items:center;height:23px;padding:0 8px;border-radius:var(--r-md);background:var(--violet-tint);font-size:12px;font-weight:600;color:var(--brand)}.qcard__chapter{font-size:12px;color:var(--inactive);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qcard__stem{font-size:16px;font-weight:700;line-height:1.6;color:var(--ink)}.options{display:flex;flex-direction:column;gap:12px}.feedback{display:flex;align-items:center;gap:8px;height:46px;margin-top:16px;padding:0 16px;border-radius:var(--r-12)}.feedback--correct{background:var(--correct-bg)}.feedback--wrong{background:var(--wrong-bg)}.feedback__iconwrap{display:flex;align-items:center;justify-content:center;height:22px;width:22px}.feedback__dot{display:flex;align-items:center;justify-content:center;height:20px;width:20px;border-radius:var(--r-pill)}.feedback__dot--correct{background:var(--correct)}.feedback__dot--wrong{background:var(--wrong)}.feedback__text{font-size:15px;font-weight:700}.feedback__text--correct{color:var(--correct-text)}.feedback__text--wrong{color:var(--wrong-text)}.analysis{margin-top:16px;padding:16px;border-radius:var(--r-16);background:var(--graybg)}.analysis__head{display:flex;align-items:center;gap:6px;margin-bottom:8px}.analysis__title{font-size:14px;font-weight:700;color:var(--brand)}.analysis__text{font-size:14px;line-height:1.6;color:var(--opt-text)}.quiz-pre,.quiz-subj,.quiz-subj .quiz-nav{margin-top:16px}.quiz-hint{margin-bottom:16px;font-size:12px;color:var(--inactive)}.quiz-nav{display:flex;align-items:center;gap:12px}.screen-title{font-size:22px;font-weight:700;line-height:1.2;color:var(--ink)}.screen-sub{font-size:13px;line-height:1.2;color:var(--sub)}.chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.chip{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 12px;border-radius:var(--r-16);background:var(--badge);font-size:13px;color:var(--sub);white-space:nowrap;flex:0 0 auto}.chip--active{background:var(--brand);color:#fff}.wrong-row{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--r-12);border:1px solid var(--line)}.wrong-row__badge{display:flex;align-items:center;justify-content:center;flex:none;height:28px;width:28px;border-radius:var(--r-pill);background:var(--wrong-bg)}.wrong-row__body{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.wrong-row__stem{font-size:14px;font-weight:600;line-height:1.4;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wrong-row__meta{font-size:12px;color:var(--sub)}.empty{margin-top:40px;text-align:center;font-size:14px;color:var(--inactive)}.complete-body{flex:1;overflow-y:auto;padding:32px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.complete-badge{display:flex;align-items:center;justify-content:center;height:88px;width:88px;border-radius:var(--r-pill);background:var(--correct-bg)}.complete-badge__inner{display:flex;align-items:center;justify-content:center;height:48px;width:48px;border-radius:var(--r-pill);background:var(--correct)}.complete-title{font-size:24px;font-weight:700;color:var(--ink)}.complete-sub{font-size:14px;color:var(--sub)}.score-card{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;border-radius:var(--r-16);background:var(--graybg)}.score-card__label{font-size:13px;color:var(--inactive)}.score-card__big{display:flex;align-items:center;gap:8px}.score-card__pct{font-size:40px;font-weight:700;line-height:1;color:var(--brand)}.score-card__unit{font-size:14px;color:var(--sub)}.score-card__stats{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 8px}.score-card__stats .mini{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.score-card__stats .mini__num{font-size:18px;font-weight:700}.score-card__stats .mini__label{font-size:12px;color:var(--sub)}.complete-actions{width:100%;display:flex;flex-direction:column;gap:12px}.bank-list{display:flex;flex-direction:column;gap:10px}.bank-list__head{font-size:13px;font-weight:600;color:var(--sub);padding:0 2px}.bank-card--active{border-color:var(--brand);background:var(--violet-tint);box-shadow:0 0 0 1px var(--brand) inset}.bank-card__right{display:flex;align-items:center;gap:8px}.pill-note{display:inline-flex;align-items:center;padding:3px 8px;border-radius:var(--r-md);background:#fef3c7;font-size:11px;font-weight:600;color:#b45309}.icon-x{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;border:none;background:transparent;cursor:pointer}.icon-x:active{background:#0000000d}.quiz-mode-tag{margin-left:8px;display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:#fef3c7;font-size:11px;font-weight:600;color:#b45309}.tag-noans{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:#fef3c7;font-size:11px;font-weight:600;color:#b45309}.feedback--done{align-self:flex-start}.feedback__dot--done{background:var(--brand)}.feedback__text--done{color:var(--brand)}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0006;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:dialog-fade-in .2s ease-out}@keyframes dialog-fade-in{0%{opacity:0}to{opacity:1}}.dialog{width:calc(100% - 48px);max-width:300px;background:#fff;border-radius:var(--r-26);box-shadow:0 20px 60px #00000026,0 8px 24px #00000014;overflow:hidden;animation:dialog-slide-up .25s cubic-bezier(.16,1,.3,1)}@keyframes dialog-slide-up{0%{transform:translateY(20px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.dialog__head{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 0}.dialog__title{font-size:16px;font-weight:600;color:var(--ink);line-height:1.3}.dialog__x{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--r-16);background:transparent;border:none;cursor:pointer;flex-shrink:0;transition:background .15s}.dialog__x:hover{background:var(--badge)}.dialog__msg{padding:12px 18px 0;font-size:14px;color:var(--sub);line-height:1.55}.dialog__actions{display:flex;gap:10px;padding:18px}.btn--danger{background:var(--wrong)!important;color:#fff!important;border-color:var(--wrong)!important}.btn--danger:hover{filter:brightness(1.08)}.toast{position:fixed;top:52px;left:50%;transform:translate(-50%);z-index:10000;display:flex;align-items:center;gap:8px;padding:10px 14px;min-width:200px;max-width:calc(100% - 32px);background:var(--toast-bg, #eff6ff);border:1px solid var(--toast-border, #7c3aed);border-radius:var(--r-12);box-shadow:0 8px 30px #0000001f;font-size:13px;color:var(--ink);animation:toast-in .25s ease-out}@keyframes toast-in{0%{transform:translate(-50%) translateY(-8px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.toast__icon{display:flex;align-items:center;flex-shrink:0}.toast__msg{flex:1;line-height:1.45;word-break:break-word}.toast__close{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--r-16);background:transparent;border:none;cursor:pointer;flex-shrink:0;transition:background .15s}.toast__close:hover{background:#0000000f}