*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#f8fafc;color:#0f172a}.page{min-height:100vh;padding:16px}.container{max-width:1200px;margin:0 auto}.card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 1px 2px #0f172a0a,0 0 0 1px #0f172a14}.hero{margin-bottom:24px}.hero h1{margin:0 0 8px;font-size:32px}.hero p{margin:0;color:#475569;line-height:1.7}.layout{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.left-card{padding:16px}.toolbar,.movebar{display:flex;flex-wrap:wrap;gap:8px}.toolbar{margin-bottom:16px}.movebar{margin-top:20px}.btn{border:0;border-radius:16px;padding:10px 16px;font-size:14px;background:#e2e8f0;color:#334155;cursor:pointer}.btn:hover{filter:brightness(.98)}.btn.active{background:#0f172a;color:#fff}.btn.warn{background:#fef3c7;color:#92400e}.btn.danger{background:#ffe4e6;color:#be123c}.btn.white{background:#fff;border:1px solid #e2e8f0}.grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}.cell{aspect-ratio:1 / 1;border-radius:16px;border:1px solid #cbd5e1;background:#fff;color:#1e293b;font-weight:600;font-size:15px;cursor:pointer}.cell:hover{transform:translateY(-1px);box-shadow:0 1px 4px #0000000f}.cell.same-row{background:#fffbeb;border-color:#fcd34d;color:#92400e}.cell.same-col{background:#f0f9ff;border-color:#7dd3fc;color:#075985}.cell.same-both{background:#f5f3ff;border-color:#c4b5fd;color:#5b21b6}.cell.highlighted{background:#dcfce7;border-color:#86efac;color:#166534}.cell.selected{background:#0f172a;border-color:#0f172a;color:#fff;transform:scale(1.02)}.side{display:flex;flex-direction:column;gap:24px}.side h2{margin-top:0}.info{display:grid;gap:12px;font-size:14px;color:#334155}.info-box{background:#f8fafc;border-radius:16px;padding:16px}.big-number{font-size:42px;font-weight:800;margin-bottom:8px;color:#0f172a}.title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.quiz-box{margin-top:16px;padding:16px;border-radius:16px;background:linear-gradient(135deg,#f0f9ff,#f5f3ff)}.quiz-box p{margin:0 0 8px;color:#475569;font-size:14px}.quiz-target{font-size:56px;font-weight:800;margin-bottom:16px}.quiz-message{min-height:24px;color:#6d28d9;font-weight:600}.tips{margin:0;padding-left:18px;color:#334155;line-height:1.9}@media (max-width: 960px){.layout{grid-template-columns:1fr}}@media (max-width: 640px){.page{padding:12px}.card{padding:16px;border-radius:18px}.hero h1{font-size:24px}.grid{gap:6px}.cell{border-radius:12px;font-size:13px}.quiz-target{font-size:42px}}