:root{--ink: #172033;--navy: #111827;--bg: #f3f5f8;--card: #fff;--line: #edf0f3;--muted: #4a5464;--yellow: #ffb800;--yellow-dark: #9a6300;--green: #168148;--green-soft: #e8f7ee;--orange: #9e6100;--orange-soft: #fff4d6;--blue: #1768c5;--blue-soft: #e8f2ff;--red: #d22e2e;--red-soft: #fdecec}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}button{font:inherit;border:0;cursor:pointer}button:disabled{opacity:.45;cursor:default}.page{min-height:100vh;max-width:560px;margin:0 auto;background:var(--bg);display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:5;display:flex;align-items:center;padding:12px;padding-top:calc(12px + env(safe-area-inset-top));background:var(--navy);color:#fff}.header .side{width:76px;font-size:15px;color:#fff;background:none;text-align:left;padding:4px 0}.header .side.right{text-align:right}.header h1{flex:1;margin:0;text-align:center;font-size:17px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.body{flex:1;padding:16px;display:flex;flex-direction:column;gap:12px}.card{background:var(--card);border-radius:14px;padding:16px}.card.tap{cursor:pointer}.title{margin:0;font-size:17px;font-weight:800;line-height:1.45}.big-title{margin:0;font-size:19px;font-weight:800;line-height:1.45}.meta{margin:6px 0 0;color:var(--muted);font-size:13px}.empty{text-align:center;color:var(--muted);margin-top:40px}.loading{text-align:center;color:var(--muted);margin-top:48px}.track{height:6px;border-radius:3px;background:var(--line);overflow:hidden;margin-top:10px}.track>div{height:100%;border-radius:3px;background:var(--green)}.footer{position:sticky;bottom:0;display:flex;gap:10px;padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line)}.btn{flex:1;padding:13px 0;border-radius:10px;font-size:16px;font-weight:600;background:var(--bg);color:var(--ink)}.btn.primary{background:var(--yellow);color:var(--navy);font-weight:800}.btn.done{background:var(--green-soft);color:var(--green);font-weight:800}.tag{display:inline-block;font-size:12px;font-weight:800;padding:3px 8px;border-radius:6px}.tag.blue{color:var(--blue);background:var(--blue-soft)}.tag.yellow{color:var(--yellow-dark);background:var(--orange-soft)}.tag.green{color:var(--green);background:var(--green-soft)}.top{position:sticky;top:0;z-index:5}.top .header{position:static}.login{min-height:100vh;background:var(--navy);display:flex;align-items:center;justify-content:center;padding:24px}.login form{width:100%;max-width:360px;background:var(--card);border-radius:18px;padding:28px 22px}.login h1{margin:0;font-size:22px;font-weight:800}.login p{margin:6px 0 20px;color:var(--muted);font-size:14px}.login label{display:block;margin:14px 0 6px;font-size:13px;color:var(--muted)}.login input{width:100%;padding:12px;font-size:16px;border:1.5px solid var(--line);border-radius:10px;outline:none}.login input:focus{border-color:var(--yellow)}.login .error{color:var(--red);font-size:13px;margin-top:12px;min-height:18px}.login .btn{width:100%;margin-top:12px}.tabs{display:flex;gap:8px;padding:0 16px 10px;background:var(--navy)}.tabs button{flex:1;padding:8px 0;border-radius:8px;background:#ffffff14;color:#cbd2dc;font-weight:600}.tabs button.on{background:var(--yellow);color:var(--navy);font-weight:800}.status{margin-top:12px;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:600}.status.go{background:var(--green-soft);color:var(--green)}.status.wait{background:var(--orange-soft);color:var(--orange)}.status.done{background:var(--blue-soft);color:var(--blue)}.status.block{background:var(--bg);color:var(--muted)}.card .btn{width:100%;margin-top:12px;padding:11px 0;font-size:15px}.links{background:var(--card);border-radius:14px;padding:0 16px}.links button{display:flex;width:100%;padding:15px 0;background:none;color:var(--ink);font-size:15px;border-bottom:1px solid var(--line)}.links button:last-child{border-bottom:0}.links button span:first-child{flex:1;text-align:left}.list{background:var(--card);border-radius:14px;padding:0 16px}.row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);cursor:pointer}.row:last-child{border-bottom:0}.dot{width:28px;height:28px;border-radius:14px;background:var(--bg);color:var(--muted);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}.dot.ok{background:var(--green-soft);color:var(--green)}.row .main{flex:1;min-width:0}.row .name{font-weight:600}.row .sub{color:var(--muted);font-size:12px;margin-top:2px}.chev{color:var(--muted);font-size:18px}.paragraph{margin:12px 0 0;font-size:16px;line-height:1.7;white-space:pre-wrap}.figure{display:block;width:100%;border-radius:10px;margin-top:12px;background:var(--bg)}.player{width:100%;aspect-ratio:16 / 9;border-radius:14px;background:#000;display:block}.hint{margin-top:12px;color:var(--muted);font-size:13px}.lightbox{position:fixed;inset:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:20}.lightbox img{max-width:100%;max-height:100%}.rule{display:flex;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}.rule span:first-child{width:52px;color:var(--muted);flex:none}.section-label{color:var(--muted);font-size:13px;font-weight:800;margin-bottom:6px}.warn{text-align:center;color:var(--orange);font-size:14px}.clock{flex:1;text-align:center}.clock b{display:block;font-size:20px;font-variant-numeric:tabular-nums}.clock b.urgent{color:#ff7a7a}.clock small{color:#9aa3b2;font-size:11px}.bar{display:flex;justify-content:space-between;padding:8px 16px;background:var(--card);border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}.bar .failed{color:var(--red)}.stem{margin:12px 0 6px;font-size:18px;font-weight:600;line-height:1.55}.option{display:flex;align-items:center;gap:12px;width:100%;margin-top:10px;padding:14px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);text-align:left;color:var(--ink);font-size:16px}.option.on{border-color:var(--yellow);background:#fffaeb;font-weight:600}.option .key{width:30px;height:30px;border-radius:15px;border:1.5px solid #c9d0da;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:var(--muted);flex:none}.option .key.square{border-radius:7px}.option.on .key{background:var(--yellow);border-color:var(--yellow);color:var(--navy)}.mask{position:fixed;inset:0;background:#00000073;display:flex;align-items:flex-end;justify-content:center;z-index:10}.sheet{width:100%;max-width:560px;background:var(--card);border-radius:18px 18px 0 0;padding:20px 20px calc(28px + env(safe-area-inset-bottom))}.sheet h2{margin:0;font-size:16px;font-weight:800}.grid{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 20px}.grid button{width:46px;height:46px;border-radius:10px;background:var(--bg);color:var(--muted);font-weight:800;border:2px solid transparent}.grid button.done{background:var(--yellow);color:var(--navy)}.grid button.current{border-color:var(--navy)}.sheet .btn{width:100%}.hero{text-align:center;padding:22px 16px}.ring{width:128px;height:128px;margin:16px auto 0;border-radius:50%;border:8px solid;display:flex;align-items:baseline;justify-content:center;padding-top:26px}.ring b{font-size:44px;font-weight:800;line-height:1}.ring small{color:var(--muted);margin-left:2px}.verdict{margin-top:14px;font-size:17px;font-weight:800}.stats{display:flex;margin-top:18px}.stats div{flex:1}.stats b{display:block;font-size:16px}.stats small{color:var(--muted);font-size:12px}.switch{display:flex;align-items:center;justify-content:space-between;padding:0 4px;font-weight:600}.switch input{appearance:none;-webkit-appearance:none;position:relative;width:46px;height:26px;margin:0;border-radius:13px;background:#d5dae1;cursor:pointer;transition:background .2s}.switch input:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left .2s}.switch input:checked{background:var(--yellow)}.switch input:checked:after{left:23px}.q-top{display:flex;justify-content:space-between;align-items:center}.mark{font-weight:800;font-size:14px}.answer{display:flex;align-items:center;gap:10px;margin-top:8px;padding:10px 12px;border-radius:10px;background:var(--bg);font-size:15px}.answer.right{background:var(--green-soft)}.answer.wrong{background:var(--red-soft)}.answer b{width:18px;color:var(--muted)}.answer.right b,.right-text{color:var(--green)}.answer.wrong b,.wrong-text{color:var(--red)}.answer span:nth-child(2){flex:1}.answer small{font-weight:800}.analysis{margin-top:12px;padding:12px;border-radius:10px;background:var(--blue-soft);font-size:14px}.analysis b{display:block;color:var(--blue);font-size:12px}.record{display:flex;align-items:center;gap:12px}.record .main{flex:1;min-width:0}.score-box{text-align:center;min-width:52px}.score-box b{display:block;font-size:24px}.score-box small{font-size:12px;font-weight:600}.btn.done:disabled{opacity:1}