*{box-sizing:border-box}body{margin:0;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;background:linear-gradient(#fff7e6,#e6f7ff);min-height:100vh;color:#333}
header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#ffb703;color:#fff;font-size:24px;font-weight:bold;box-shadow:0 2px 6px #0002}
header span{cursor:pointer}#who{font-size:18px}
main{max-width:900px;margin:0 auto;padding:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}
.tile,button.big{border:none;border-radius:20px;padding:24px 12px;font-size:22px;background:#fff;box-shadow:0 4px 0 #0002;cursor:pointer;text-align:center}
.tile:active,button:active{transform:translateY(3px);box-shadow:none}
.tile .e{font-size:48px;display:block}
button{font-size:18px;border:none;border-radius:12px;padding:10px 18px;background:#219ebc;color:#fff;cursor:pointer;font-family:inherit}
button.sec{background:#8ecae6;color:#023047}button.danger{background:#e63946}
input,select,textarea{font-size:18px;padding:10px;border:2px solid #8ecae6;border-radius:12px;font-family:inherit;width:100%}
.card{background:#fff;border-radius:24px;padding:30px;box-shadow:0 6px 0 #0001;text-align:center;margin:16px 0}
.word{font-size:56px;font-weight:bold;color:#023047;word-break:break-all}.mean{font-size:36px;color:#fb8500}
.ex{font-size:20px;color:#666;margin-top:10px}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}.choices button{font-size:26px;padding:22px;background:#fff;color:#023047;border:3px solid #8ecae6}
.choices button.ok{background:#b7e4c7;border-color:#2d6a4f}.choices button.bad{background:#ffccd5;border-color:#e63946}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;margin:10px 0}
.bar{height:14px;background:#eee;border-radius:7px;overflow:hidden}.bar i{display:block;height:100%;background:#ffb703}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}td,th{padding:8px;border-bottom:1px solid #eee;text-align:left}
.stat{font-size:32px;font-weight:bold;color:#fb8500}
#toast{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);font-size:60px;pointer-events:none;opacity:0;transition:opacity .3s}
#toast.show{opacity:1}
@media(max-width:600px){.word{font-size:40px}.choices{grid-template-columns:1fr}}
.sent{font-size:30px;line-height:1.7;color:#023047}
.mis{background:#ffe066;border-bottom:4px solid #e63946;padding:0 6px;border-radius:6px}
.tok{cursor:pointer;padding:2px 4px;border-radius:6px}.tok:hover{background:#e6f7ff}.tok.sel{background:#ffccd5}.tok.ok{background:#b7e4c7}
.blank{display:inline-block;min-width:110px;border-bottom:4px solid #219ebc;text-align:center}
.timer{font-size:22px;font-weight:bold;color:#e63946}
.count{font-size:22px;background:#023047;color:#fff;border-radius:16px;padding:10px 16px;display:inline-block}
.hl{background:#ffccd5;color:#c1121f;border-radius:4px;padding:0 2px;text-decoration:underline}
.powercard{background:linear-gradient(90deg,#ff006e,#fb5607);color:#fff;border-radius:20px;padding:18px;font-size:22px;cursor:pointer;text-align:center;margin:12px 0;box-shadow:0 4px 0 #0002}