:root{font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:#172033;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}main{width:min(760px,100%);margin:auto;padding:22px 16px 60px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}h1{margin:0;font-size:28px}header p{margin:5px 0 0;color:#778197}h2{font-size:18px;margin:0 0 16px}.card{background:#fff;border-radius:18px;padding:18px;box-shadow:0 8px 30px #26355f0d}label{display:block;font-weight:650;margin:13px 0;color:#34405a}input{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #dbe0ea;border-radius:12px;font-size:16px;background:#fff}button{border:0;border-radius:11px;padding:11px 16px;font-size:15px;cursor:pointer}.primary{width:100%;background:#356df3;color:#fff;font-weight:700;margin-top:8px}.ghost{background:#edf1f8;color:#44506a}.danger{background:#e43f4f;color:#fff}.message{min-height:20px;margin:10px 0 0;text-align:center;color:#d33}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.stat{background:#fff;padding:14px 6px;color:#7b8497;border:2px solid transparent}.stat strong,.stat span{display:block}.stat strong{font-size:24px;color:#26324a}.stat.active{border-color:#356df3}.list{display:grid;gap:12px}.record{background:#fff;border-radius:16px;padding:12px;display:grid;grid-template-columns:94px 1fr auto;gap:12px;align-items:center}.record img{width:94px;height:94px;object-fit:cover;border-radius:11px;background:#eee}.record h3{margin:0 0 7px;font-size:17px}.meta{font-size:13px;color:#8992a4}.badge{display:inline-block;padding:4px 8px;border-radius:20px;font-size:12px;background:#fff1d8;color:#9c6500}.badge.done{background:#dff7e8;color:#187546}.actions{display:flex;flex-direction:column;gap:7px}.actions button{padding:8px 10px}.doneBtn{background:#356df3;color:#fff}.more{background:#edf1f8;font-size:20px}.empty{text-align:center;color:#8d96a8;padding:38px 0}#previewBox{margin:8px 0 12px}#preview{display:block;max-width:100%;max-height:260px;margin:auto;border-radius:12px}dialog{border:0;border-radius:16px;padding:22px;width:min(360px,90%);box-shadow:0 20px 80px #0004}dialog::backdrop{background:#10152288}dialog div{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}@media(max-width:560px){.record{grid-template-columns:78px 1fr auto}.record img{width:78px;height:88px}.actions .doneBtn{font-size:13px;padding:8px 6px}main{padding-top:17px}}