:root{font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;color:#191a2c;background:#f4f3f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f4f3f8;background-image:linear-gradient(#e8e6ef 1px,transparent 1px),linear-gradient(90deg,#e8e6ef 1px,transparent 1px);background-size:28px 28px}button{font:inherit;cursor:pointer}.topbar{height:82px;padding:0 clamp(20px,4vw,58px);display:flex;justify-content:space-between;align-items:center;background:#191a2c;color:#fff;border-bottom:5px solid #ffca55}.logo{display:flex;align-items:center;gap:13px}.logo>span{display:grid;place-items:center;width:42px;height:42px;background:#ff5e7e;color:#191a2c;font-weight:900;transform:rotate(-4deg)}.logo b,.logo small{display:block}.logo b{font-size:18px}.logo small{font-size:8px;letter-spacing:.18em;margin-top:3px}.topbar>button{border:1px solid #a9a9bb;color:#fff;background:transparent;padding:9px 13px}.hero{padding:46px clamp(20px,5vw,72px);display:grid;grid-template-columns:1.1fr .8fr 1fr;align-items:end;gap:50px;background:#dcd7ff;border-bottom:1px solid #1a1b2d}.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:800;margin:0 0 10px;color:#5c577a}.hero h1{font-size:clamp(42px,6vw,78px);line-height:.85;letter-spacing:-.07em;margin:0}.hero h1 em{font-style:normal;color:#ee315d}.hero>p{font:16px/1.7 Songti SC,Georgia,serif;margin:0;max-width:360px}.scoreboard{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid #191a2c;background:#f9f8ff;box-shadow:6px 6px #191a2c}.scoreboard div{text-align:center;padding:17px 5px}.scoreboard div+div{border-left:1px solid #191a2c}.scoreboard span,.scoreboard strong{display:block}.scoreboard span{font-size:9px}.scoreboard strong{font-size:28px;margin-top:6px}.rule-strip{display:flex;align-items:center;gap:26px;padding:15px clamp(20px,5vw,72px);background:#ffca55;border-bottom:2px solid #191a2c;font-size:11px;overflow:auto;white-space:nowrap}.rule-strip b{font-size:12px}.rule-strip i{font-style:normal;font-weight:900}.game{display:grid;grid-template-columns:310px minmax(0,1fr);max-width:1500px;margin:0 auto;border-left:1px solid #aaa8b5;border-right:1px solid #aaa8b5}.pool-panel{background:#25263d;color:#fff;padding:24px 20px;min-height:600px}.panel-title,.board-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.panel-title span,.panel-title b{display:block}.panel-title span{font-size:11px;color:#b9b8c9}.panel-title b{font-size:27px}.panel-title small{font-size:9px;color:#9494a8}.garment-list{display:grid;gap:9px}.garment{width:100%;display:grid;grid-template-columns:44px 1fr 20px;align-items:center;gap:10px;border:2px solid transparent;background:#f8f7fb;color:#1c1d2e;padding:8px;text-align:left;box-shadow:3px 3px #0c0d18}.garment:hover,.garment.selected{border-color:#ffca55;transform:translate(-2px,-2px)}.garment>i,.placed>i{display:grid;place-items:center;width:40px;height:40px;background:#dcd7ff;font-style:normal;font-weight:900;border:1px solid #191a2c}.garment b,.garment small{display:block}.garment b{font-size:12px}.garment small{font-size:9px;color:#656478;margin-top:4px}.garment em{color:#858497}.pool-empty{height:300px;display:grid;place-content:center;text-align:center;color:#9debd4;font-size:40px}.pool-empty b,.pool-empty span{display:block}.pool-empty b{font-size:17px;margin-top:10px}.pool-empty span{font-size:10px;color:#aaaabd;margin-top:6px}.board{padding:24px;background:#f9f8fb;min-width:0}.board-title{height:32px}.board-title span{font-weight:800}.board-title small{color:#767487}.columns{display:grid;grid-template-columns:repeat(4,minmax(155px,1fr));gap:10px;overflow:auto}.batch{border:2px solid #191a2c;background:#fff;min-height:480px;display:flex;flex-direction:column;cursor:pointer}.batch>header{display:flex;gap:10px;align-items:center;padding:12px;background:var(--batch);border-bottom:2px solid #191a2c}.batch>header>i{display:grid;place-items:center;width:32px;height:32px;background:#191a2c;color:#fff;font-style:normal;font-weight:900}.batch h2{font-size:13px;margin:0}.batch header span{font-size:9px}.batch ul{margin:0;padding:15px 15px 15px 29px;min-height:112px;border-bottom:1px dashed #aaa8b4;font-size:9px;line-height:1.7}.dropzone{flex:1;padding:10px;background:repeating-linear-gradient(-45deg,#faf9fd 0,#faf9fd 7px,#f2f0f6 7px,#f2f0f6 14px)}.dropzone>p{height:100%;min-height:140px;display:grid;place-content:center;margin:0;color:#aaa8b5;font-size:10px}.placed{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #5e5d6c;margin-bottom:8px;padding:6px;font-size:10px;font-weight:700}.placed>i{width:27px;height:27px;font-size:9px}.feedback{max-width:1500px;margin:20px auto;display:flex;align-items:center;gap:16px;border:2px solid #191a2c;background:#fff;padding:14px 20px;box-shadow:5px 5px #191a2c}.feedback .signal{display:grid;place-items:center;flex:0 0 40px;height:40px;background:#dcd7ff;font-size:22px;font-weight:900}.feedback.bad .signal{background:#ff8aa1}.feedback.ok .signal{background:#9debd4}.feedback b{font-size:11px}.feedback p{margin:4px 0 0;font-size:12px}.mistakes{max-width:1500px;margin:50px auto 0;padding:35px clamp(20px,4vw,55px);background:#fff1f4;border-top:2px solid #191a2c}.mistake-head{display:flex;justify-content:space-between}.mistake-head h2{font-size:30px;margin:0}.mistake-head button{align-self:center;border:1px solid #191a2c;background:transparent;padding:8px 12px;font-size:10px}.mistake-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.mistake-list article{background:#fff;border-left:5px solid #ff5e7e;padding:14px}.mistake-list span{font-size:11px;font-weight:800}.mistake-list p{font-size:10px;line-height:1.5;margin:7px 0 0;color:#656478}.no-mistakes{font-size:12px;color:#747184;margin-top:25px}footer{max-width:1500px;margin:0 auto;padding:18px clamp(20px,4vw,55px);background:#191a2c;color:#c7c6d2;font-size:10px;text-align:center}@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr}.scoreboard{grid-column:1/-1}.game{grid-template-columns:260px 1fr}.columns{grid-template-columns:repeat(4,180px)}}@media(max-width:700px){.topbar{height:70px}.hero{grid-template-columns:1fr;padding-top:32px;gap:24px}.hero>p{max-width:none}.scoreboard{grid-column:auto}.rule-strip{padding-left:20px}.game{display:block}.pool-panel{min-height:0}.garment-list{grid-template-columns:1fr 1fr}.board{padding:20px}.columns{grid-template-columns:repeat(4,175px)}.batch{min-height:390px}.mistake-list{grid-template-columns:1fr 1fr}}@media(max-width:470px){.logo small{display:none}.topbar>button{font-size:10px}.garment-list{grid-template-columns:1fr}.scoreboard strong{font-size:23px}.mistake-list{grid-template-columns:1fr}.feedback{margin:15px 10px}.hero h1{font-size:52px}}