:root{--c-primary:#3b82f6;--c-primary-soft:#60a5fa;--c-accent:#34d399;--c-gradient:linear-gradient(135deg, #60a5fa, #34d399);--c-gradient-soft:linear-gradient(135deg, #dbeafe, #d1fae5);--c-bg:#f6faff;--c-bg-2:#eef6ff;--c-card:#fff;--c-border:#e5eaf2;--c-border-soft:#eff3f8;--c-text:#0f172a;--c-text-soft:#475569;--c-text-mute:#94a3b8;--c-success:#10b981;--c-warn:#f59e0b;--c-error:#ef4444;--radius-sm:10px;--radius:16px;--radius-lg:24px;--shadow-sm:0 1px 2px #0f172a0a, 0 1px 3px #0f172a0a;--shadow:0 8px 24px #2563eb14, 0 2px 6px #0f172a0a;--shadow-lg:0 20px 50px #2563eb26, 0 4px 12px #0f172a0d}*,:after,:before{box-sizing:border-box}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}#__nuxt,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;color:var(--c-text);background-color:#0000;background-image:radial-gradient(1200px 600px at -10% -20%,#dbeafe,#0000 60%),radial-gradient(900px 500px at 110% 10%,#d1fae5,#0000 60%),linear-gradient(#f6faff,#eef6ff);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,Segoe UI Emoji,sans-serif}button{font-family:inherit}a{color:inherit;text-decoration:none}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{-webkit-backdrop-filter:saturate(180%)blur(14px);z-index:20;background:#ffffffa6;border-bottom:1px solid #fffc;justify-content:space-between;padding:18px 28px;position:sticky;top:0}.brand,.site-header{align-items:center;display:flex}.brand{gap:10px;font-size:18px;font-weight:700}.brand-logo{background:var(--c-gradient);color:#fff;width:36px;height:36px;box-shadow:var(--shadow-sm);border-radius:10px;place-items:center;display:grid}.nav-links{gap:8px;display:flex}.nav-link{color:var(--c-text-soft);border-radius:999px;padding:8px 14px;font-size:14px;transition:all .2s}.nav-link.router-link-active,.nav-link:hover{color:var(--c-primary);background:#60a5fa1f}.site-main{flex:1;padding:32px 20px 48px}.site-footer{text-align:center;color:var(--c-text-mute);border-top:1px solid var(--c-border-soft);background:#fff6;padding:20px;font-size:13px}.site-footer b{color:var(--c-text-soft)}.container{width:100%;max-width:860px;margin:0 auto}.card{background:var(--c-card);border:1px solid var(--c-border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:32px}.card+.card{margin-top:20px}.btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:600;line-height:1.2;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{color:#fff;background:var(--c-gradient);box-shadow:0 10px 24px #3b82f647}.btn-primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 14px 30px #3b82f659}.btn-outline{color:var(--c-primary);background:#fff;border-color:#3b82f640}.btn-outline:not(:disabled):hover{background:#3b82f614}.btn-ghost{color:var(--c-text-soft);background:0 0}.btn-ghost:not(:disabled):hover{color:var(--c-text);background:#0f172a0d}.btn-lg{padding:16px 30px;font-size:16px}.tag{background:var(--c-gradient-soft);color:var(--c-primary);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.tag-warn{color:#b45309;background:#fef3c7}.tag-error{color:#b91c1c;background:#fee2e2}.tag-success{color:#065f46;background:#d1fae5}.tag-muted{color:#475569;background:#f1f5f9}.hero{text-align:center;padding:40px 24px 36px}.hero-emoji{margin-bottom:12px;font-size:64px;line-height:1;animation:3s ease-in-out infinite float;display:inline-block}.hero h1{background:var(--c-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin:8px 0 12px;font-size:36px;font-weight:800}.hero p.lead{color:var(--c-text-soft);max-width:560px;margin:0 auto 28px;font-size:16px;line-height:1.7}.hero-meta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:12px;display:flex}.feature-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:28px;display:grid}.feature{border-radius:var(--radius);border:1px solid var(--c-border-soft);box-shadow:var(--shadow-sm);text-align:left;background:#fff;padding:20px;transition:transform .2s,box-shadow .2s}.feature:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.feature-icon{margin-bottom:8px;font-size:28px}.feature h3{margin:0 0 6px;font-size:16px}.feature p{color:var(--c-text-soft);margin:0;font-size:13.5px;line-height:1.6}.quiz-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.progress-wrap{background:#eef2f7;border-radius:999px;height:10px;margin-bottom:18px;overflow:hidden}.progress-bar{background:var(--c-gradient);border-radius:999px;width:0;height:100%;transition:width .4s}.question-card{animation:.35s both fadeUp}.q-index{color:var(--c-text-soft);align-items:baseline;gap:6px;margin-bottom:10px;font-size:14px;display:inline-flex}.q-index b{color:var(--c-text);font-size:20px}.q-category{margin-left:10px}.q-content{color:var(--c-text);margin:6px 0 22px;font-size:20px;font-weight:700;line-height:1.6}.q-options{flex-direction:column;gap:12px;display:flex}.option{border:1.5px solid var(--c-border);border-radius:var(--radius);background:#fff;align-items:flex-start;gap:14px;padding:16px 18px;transition:all .18s;display:flex}.option:hover{border-color:var(--c-primary-soft);background:#f8fbff}.option.selected{border-color:var(--c-primary);background:linear-gradient(135deg,#eff6ff,#ecfdf5);box-shadow:0 6px 14px #3b82f61f}.option-key{width:32px;height:32px;color:var(--c-text-soft);background:#f1f5f9;border-radius:10px;flex:none;place-items:center;font-weight:700;display:grid}.option.selected .option-key{background:var(--c-gradient);color:#fff}.option-label{flex:1;padding-top:4px;font-size:15.5px;line-height:1.55}.option input{display:none}.q-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;display:flex}.q-tip{color:var(--c-text-mute);font-size:13px}.result-hero{text-align:center;padding:12px 10px 10px}.reward-badge{background:var(--c-gradient-soft);color:var(--c-primary);border-radius:999px;align-items:center;gap:10px;margin-bottom:20px;padding:6px 16px;font-weight:700;display:inline-flex}.reward-emoji{margin-bottom:6px;font-size:44px;animation:.5s both pop}.score-ring{width:220px;height:220px;margin:0 auto 16px;position:relative}.score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.score-ring .bg{stroke:#eef2f7}.score-ring .fg{stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.16,1,.3,1)}.score-ring .score-text{text-align:center;place-items:center;display:grid;position:absolute;inset:0}.score-text .num{background:var(--c-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:52px;font-weight:800;line-height:1}.score-text .unit{color:var(--c-text-mute);margin-top:4px;font-size:14px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;margin:20px 0;display:grid}.stat{border-radius:var(--radius);border:1px solid var(--c-border-soft);text-align:center;background:linear-gradient(#fff,#f8fbff);padding:16px}.stat .k{color:var(--c-text-mute);margin-bottom:4px;font-size:12px}.stat .v{color:var(--c-text);font-size:20px;font-weight:700}.stat.pass .v{color:var(--c-success)}.stat.fail .v{color:var(--c-error)}.reward-card{border-radius:var(--radius);background:var(--c-gradient-soft);flex-wrap:wrap;align-items:center;gap:18px;margin-top:8px;padding:24px;display:flex}.reward-card.fail{background:linear-gradient(135deg,#fff7ed,#fef2f2)}.reward-card .emoji{filter:drop-shadow(0 4px 8px #00000014);flex:none;font-size:48px}.reward-card .info{flex:1;min-width:200px}.reward-card h3{margin:0 0 4px;font-size:18px}.reward-card p{color:var(--c-text-soft);margin:0;font-size:14px;line-height:1.6}.review-list{flex-direction:column;gap:14px;margin-top:8px;display:flex}.review-item{border-radius:var(--radius);border:1px solid var(--c-border-soft);background:#fff;padding:18px 20px}.review-item.correct{border-left:4px solid var(--c-success)}.review-item.wrong{border-left:4px solid var(--c-error)}.review-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.review-title{color:var(--c-text);flex:1;font-weight:700;line-height:1.6}.review-answer{color:var(--c-text-soft);background:#f8fafc;border-radius:10px;grid-template-columns:90px 1fr;gap:6px 10px;margin-top:10px;padding:10px 14px;font-size:13.5px;display:grid}.review-answer b{color:var(--c-text);font-weight:600}.review-explain{color:var(--c-text-soft);background:linear-gradient(135deg,#eff6ff,#ecfdf5);border-radius:10px;margin-top:10px;padding:10px 14px;font-size:13.5px;line-height:1.6}.review-explain:before{content:"💡 解析：";color:var(--c-primary);font-weight:700}.empty-wrap,.loading-wrap{text-align:center;min-height:50vh;color:var(--c-text-soft);place-items:center;display:grid}.spinner{border:3px solid #dbeafe;border-top-color:var(--c-primary);border-radius:50%;width:40px;height:40px;margin:0 auto 12px;animation:.9s linear infinite spin}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(1turn)}}.layout-enter-active,.layout-leave-active,.page-enter-active,.page-leave-active{transition:opacity .3s,transform .3s}.layout-enter-from,.layout-leave-to,.page-enter-from,.page-leave-to{opacity:0;transform:translateY(6px)}:focus-visible,a[href]:focus-visible,button:focus-visible,label:focus-within{outline-offset:2px;border-radius:8px;outline:3px solid #93c5fd}button{-webkit-tap-highlight-color:transparent}.option{will-change:transform;position:relative}.option:hover{transform:translateY(-1px)}.option.selected:after{content:"✓";background:var(--c-success);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;font-weight:700;line-height:1;animation:.3s both pop;display:grid;position:absolute;top:8px;right:10px;box-shadow:0 4px 8px #10b9814d}.nav-btn.nav-done:not(.nav-current):after{content:"·";color:var(--c-success);font-weight:900}.option{cursor:pointer}.option-label{word-break:break-word}.card{transition:transform .25s,box-shadow .25s,border-color .25s}.card:hover{border-color:#60a5fa40}.btn{position:relative;overflow:hidden}.btn:after{content:"";opacity:0;background:#ffffff4d;transition:opacity .2s;position:absolute;inset:0}.btn:active:after{opacity:.35}.tag{transition:transform .2s}.tag:hover{transform:translateY(-1px)}.review-item,.reward-card,.stat{transition:transform .2s,box-shadow .2s}.review-item:hover,.reward-card:hover,.stat:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.action-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.link-chip{max-width:360px;color:var(--c-text-soft);border:1px solid var(--c-border);background:#f1f5f9;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:inline-flex;overflow:hidden}.link-chip code{white-space:nowrap;text-overflow:ellipsis;max-width:260px;color:var(--c-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;overflow:hidden}.warn-strip{color:#92400e;background:linear-gradient(135deg,#fff7ed,#fef3c7);border-radius:12px;align-items:flex-start;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:13.5px;line-height:1.55;display:flex}.warn-strip b{color:#78350f}@media (width<=640px){.link-chip{max-width:100%}.link-chip code{max-width:calc(100vw - 180px)}.action-row{width:100%}.action-row .btn{flex:1;min-width:120px}.quiz-top{margin-bottom:14px}.q-options{gap:10px}.option{padding:14px}.option-key{border-radius:8px;width:28px;height:28px;font-size:13px}.option.selected:after{width:20px;height:20px;font-size:12px;top:6px;right:8px}.stats-grid{grid-template-columns:repeat(2,1fr)}.reward-card{gap:14px;padding:18px}.reward-card .emoji{font-size:40px}}@media (width<=380px){.nav-link{padding:6px 10px;font-size:13px}.brand-name{font-size:16px}.hero h1{font-size:24px}.feature{padding:16px}.q-content{font-size:16px;line-height:1.55}.review-item{padding:14px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.error-emoji[data-v-0254963c]{margin-bottom:12px;font-size:72px;line-height:1;animation:2.4s ease-in-out infinite wobble-0254963c;display:inline-block}@keyframes wobble-0254963c{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.error-title[data-v-0254963c]{background:linear-gradient(135deg,#f87171,#f59e0b);color:#0000;-webkit-background-clip:text;background-clip:text;margin:6px 0;font-size:32px;font-weight:800}.error-code[data-v-0254963c]{color:var(--c-text-mute);margin:0 0 8px;font-size:14px}.error-code b[data-v-0254963c]{color:var(--c-text);font-weight:700}.error-msg[data-v-0254963c]{color:var(--c-text-soft);max-width:420px;margin:0 0 24px;font-size:15px;line-height:1.6}.error-actions[data-v-0254963c]{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}