:root{font-family:"Microsoft YaHei",system-ui,sans-serif;color:#243d35;background:#f6f7f3;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0}main{max-width:1240px;margin:auto;padding:56px 32px 24px}.eyebrow{font-size:13px;letter-spacing:2px;color:#54796a;font-weight:600}h1{font-size:clamp(28px,4vw,44px);font-weight:600;letter-spacing:-1.2px;margin:15px 0}header p{color:#6c7c73;margin-bottom:20px}.status{font-size:13px;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:20px;background:#e8eee5}.status::before{content:"";width:7px;height:7px;background:#51856c;border-radius:50%}.workspace{display:grid;grid-template-columns:340px 1fr;gap:32px;margin-top:34px}.input-panel{align-self:start;background:#fff;padding:22px;border-radius:18px;border:1px solid #e2e8de}.dropzone{display:flex;min-height:320px;border:1px dashed #a9bfae;border-radius:12px;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;background:#f9faf6}.dropzone:focus-within{outline:3px solid #83ac94;outline-offset:3px}.dropzone.drag{background:#e2eee3}.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.dropzone img{width:100%;max-height:360px;object-fit:contain}.dropzone img[hidden]{display:none}#empty-preview{text-align:center;padding:20px}#empty-preview strong{display:block;font-size:16px;font-weight:500}#empty-preview small{display:block;color:#7c897e;font-size:12px;margin-top:12px}.plus{display:block;font-size:36px;font-weight:300;color:#6e937b;margin-bottom:16px}.options{font-size:13px;margin:22px 0 18px}.options input{accent-color:#2c634b;vertical-align:middle}button{border:0;border-radius:9px;padding:14px;width:100%;font:inherit;font-size:15px;cursor:pointer;background:#295b44;color:white}button:disabled{opacity:.48;cursor:default}button:focus-visible{outline:3px solid #83ac94;outline-offset:3px}.hint{font-size:11px;line-height:1.8;color:#7a897e;margin:16px 0 0}.message{font-size:17px;line-height:1.6;margin:4px 0 8px}.timing{font-size:12px;color:#6d8274;margin-bottom:18px;min-height:18px}.results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{background:white;border:1px solid #e1e7df;border-radius:12px;overflow:hidden;min-width:0}.card:first-child{border:2px solid #73957c}.card img{width:100%;height:180px;object-fit:contain;background:white;display:block}.card-info{padding:12px}.rank{font-size:10px;letter-spacing:.6px;color:#688b74}.number{font-size:22px;letter-spacing:1px;margin:7px 0 5px;font-weight:650}.name{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.score{font-size:11px;color:#819085;margin-top:9px}footer{font-size:11px;line-height:1.8;color:#7c897f;border-top:1px solid #e0e6dd;margin-top:36px;padding-top:18px}.error{color:#a13d34}@media(max-width:900px){.workspace{grid-template-columns:290px 1fr;gap:20px}.results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){main{padding:30px 18px}.workspace{grid-template-columns:1fr}.dropzone{min-height:240px}.results{grid-template-columns:repeat(2,minmax(0,1fr))}.card img{height:165px}}