:root{font-family:"Microsoft YaHei","Segoe UI",sans-serif;color:#20224b;background:#f4f5ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 8% 5%,#ffe9a6 0 8%,transparent 25%),radial-gradient(circle at 95% 87%,#dcc9ff 0 10%,transparent 29%),#f4f5ff}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #edaf34;outline-offset:3px}.shell{width:min(100% - 32px,1040px);margin:auto;padding:24px 0 48px}.top{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid #dfe1f4}.brand{display:flex;align-items:center;gap:10px;color:#34316f;text-decoration:none;font-weight:900;font-size:1.1rem}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#6268df;color:#fff;font-size:1.65rem;box-shadow:0 7px 15px #545dd542}.user-button{border:1px solid #d5d8f1;background:#fff;color:#464779;border-radius:999px;padding:9px 14px;font-weight:700}.user-button:hover{background:#f0efff}.eyebrow{margin:38px 0 8px;color:#5b5fc7;font-size:.78rem;font-weight:900;letter-spacing:.13em}.heading{display:flex;align-items:end;justify-content:space-between;gap:16px}.heading h1{margin:0;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.055em;line-height:1.13}.heading p{margin:0 0 5px;color:#6a6c90;line-height:1.65}.grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);gap:22px;margin-top:28px}.card{background:#fff;border:1px solid #e0e2f5;border-radius:26px;box-shadow:0 16px 40px #393c8010}.setup{padding:30px}.setup h2,.history h2{margin:0;font-size:1.35rem;letter-spacing:-.03em}.setup>p{margin:9px 0 25px;color:#727495;line-height:1.65}.time-options{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.time-choice{border:1px solid #d9dbf1;background:#f9f9ff;color:#4d4e77;border-radius:14px;padding:12px 6px;font-weight:800}.time-choice.active{background:#6268df;color:#fff;border-color:#6268df;box-shadow:0 7px 14px #6268df42}.custom{display:flex;align-items:center;gap:10px;margin:16px 0 22px;color:#626485;font-weight:700}.custom input{width:78px;border:1px solid #d7daf0;border-radius:10px;padding:8px;text-align:center;color:#363766}.primary{border:0;border-radius:14px;background:#f1aa31;color:#3b2a09;padding:14px 18px;font-weight:900;box-shadow:0 8px 0 #d58e1d;transition:transform .15s,box-shadow .15s}.primary:hover{transform:translateY(2px);box-shadow:0 6px 0 #d58e1d}.primary:active{transform:translateY(7px);box-shadow:0 1px 0 #d58e1d}.wide{width:100%}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat{padding:22px 18px;border-radius:20px;background:#fff}.stat strong{display:block;font-size:2rem;letter-spacing:-.05em}.stat span{display:block;margin-top:4px;color:#737593;font-size:.88rem;font-weight:700}.stat.correct{background:#e6f8e9;color:#1b8556}.stat.wrong{background:#fff0ed;color:#cc5946}.stat.total{background:#eeeefe;color:#525ac6}.stat.rate{background:#fff5d9;color:#a76d0e}.note{margin:16px 2px 0;color:#777999;font-size:.87rem;line-height:1.6}.history{margin-top:22px;padding:26px}.history-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.history-head span{color:#777999;font-size:.85rem}.empty{margin:18px 0 0;padding:19px;border-radius:16px;background:#f7f8ff;color:#777999;line-height:1.65}.record-list{display:grid;gap:10px;margin-top:17px}.record{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:13px 15px;background:#f7f8ff;border-radius:14px}.record b{font-size:1.05rem}.record small{color:#777999}.record-score{font-weight:900;color:#45468b}.practice{max-width:700px;margin:44px auto}.practice-card{padding:clamp(28px,6vw,55px);text-align:center;min-height:485px;display:flex;flex-direction:column;justify-content:center;align-items:center}.timer{align-self:stretch;height:11px;background:#eceef9;border-radius:99px;overflow:hidden}.timer i{display:block;height:100%;background:linear-gradient(90deg,#686fe3,#a65bd7);border-radius:inherit;transition:width .5s linear}.timer-text{margin:18px 0 0;color:#696b91;font-weight:800}.question{margin:36px 0 28px;font-size:clamp(4.5rem,18vw,8.5rem);font-weight:900;letter-spacing:-.09em;color:#35357d;line-height:1}.answer-row{display:flex;gap:10px;width:min(100%,370px)}.answer-row input{min-width:0;flex:1;border:2px solid #dce0f4;border-radius:15px;padding:13px 16px;text-align:center;font-size:1.35rem;font-weight:800;color:#36376d}.answer-row input:disabled{background:#f5f5fb}.submit{border:0;border-radius:15px;padding:0 19px;background:#6268df;color:#fff;font-weight:900}.feedback{min-height:28px;margin:18px 0 0;font-weight:800}.feedback.good{color:#219060}.feedback.bad{color:#d25b48}.live-stats{display:flex;gap:18px;margin-top:19px;color:#6c6e91;font-weight:700}.live-stats b{color:#373876}.result{max-width:610px;margin:50px auto;text-align:center;padding:45px}.result h1{font-size:2.25rem;margin:10px 0}.result p{color:#707296;line-height:1.7}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:27px 0}.result-grid div{padding:15px 7px;border-radius:15px;background:#f5f6ff}.result-grid b{display:block;font-size:1.7rem;color:#424696}.result-grid span{color:#747694;font-size:.82rem;font-weight:700}.dialog{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:#20214766}.dialog[hidden]{display:none}.dialog-box{width:min(100%,400px);padding:28px;background:#fff;border-radius:24px;box-shadow:0 22px 60px #1e205077}.dialog-box h2{margin:0}.dialog-box p{color:#717393;line-height:1.6}.dialog-box input{width:100%;border:1px solid #d7daf0;border-radius:12px;padding:12px;margin:6px 0 18px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.secondary{border:0;border-radius:12px;background:#eff0fa;color:#515278;padding:11px 14px;font-weight:800}@media(max-width:720px){.shell{width:min(100% - 26px,1040px);padding-top:15px}.top{padding-bottom:17px}.heading{display:block}.heading p{margin-top:10px}.grid{grid-template-columns:1fr}.practice{margin-top:25px}.practice-card{min-height:440px}.history{padding:22px}.time-options{grid-template-columns:repeat(2,1fr)}}
.sync-note{margin:15px 0 0;color:#36815f;font-size:.88rem;font-weight:700}
.mode-options{display:grid;gap:9px;margin:16px 0 25px}.mode-choice{display:grid;grid-template-columns:132px 1fr;gap:8px;align-items:center;text-align:left;border:1px solid #d9dbf1;background:#fafaff;color:#4d4e77;border-radius:14px;padding:12px 14px}.mode-choice b{font-size:1rem}.mode-choice small{color:#77799c}.mode-choice.active{border-color:#6268df;background:#eeefff;color:#4449b5;box-shadow:inset 4px 0 #6268df}.mode-choice.active small{color:#5f62a7}.time-title{margin:0 0 13px!important;font-size:1.08rem!important}