:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#172033;background:#eef2f6;--navy:#11243a;--blue:#176bdb;--green:#16875d;--red:#cf3d45;--line:#dce3ea;--muted:#6b7788}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 0,#dceafd 0,transparent 32%),#eef2f6}header{height:72px;background:var(--navy);color:#fff;padding:0 max(22px,calc((100vw - 1440px)/2));display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 18px #0d1e3024}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#2d8cff,#125ac0);font-weight:900;font-size:20px;box-shadow:0 7px 18px #06142355}.brand b{display:block;font-size:16px;letter-spacing:.08em}.brand small{display:block;color:#9fb0c2;margin-top:2px}.connection{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #ffffff1f;border-radius:99px;background:#ffffff0d;font-size:13px;color:#b9c7d5}.connection i{width:8px;height:8px;border-radius:50%;background:#f1b84b;box-shadow:0 0 0 4px #f1b84b20}.connection.online{color:#a8e5c9}.connection.online i{background:#41c98a;box-shadow:0 0 0 4px #41c98a20}.connection.offline{color:#ffb5b9}.connection.offline i{background:#ef5d65;box-shadow:0 0 0 4px #ef5d6520}select,input,button{font:inherit}button{cursor:pointer}main{max-width:1440px;margin:auto;padding:24px}.scanner{height:70px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:8px;display:flex;gap:8px;align-items:center;box-shadow:0 8px 30px #1939580d}.scan-icon{width:48px;height:48px;position:relative;flex:0 0 48px;background:linear-gradient(145deg,#eff6ff,#e3efff);border-radius:12px}.scan-icon:before{content:"";position:absolute;inset:12px;border:2px solid var(--blue);border-left-color:transparent;border-right-color:transparent}.scan-icon:after{content:"";position:absolute;left:14px;right:14px;top:23px;height:2px;background:var(--blue)}.scanner input{flex:1;min-width:0;height:52px;border:0;outline:0;font-size:21px;font-weight:650;color:#162238;background:transparent;padding:0 8px}.scanner input::placeholder{font-weight:450;color:#99a4b2}.scanner:focus-within{border-color:#8ab7f2;box-shadow:0 0 0 4px #176bdb12,0 8px 30px #19395812}.scanner button{height:52px;min-width:112px;border:0;border-radius:11px;background:var(--blue);color:#fff;font-weight:750;font-size:16px;box-shadow:0 8px 18px #176bdb32}.scanner button:disabled{opacity:.55;cursor:wait}.current{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 12px 38px #1939580c}.current-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:17px;border-bottom:1px solid #e8edf2}.eyebrow{display:block;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.08em;margin-bottom:5px}.current h1{font-size:24px;line-height:1.25;margin:0;color:#162238;word-break:break-all}.item-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.item-meta span{padding:5px 9px;border-radius:7px;background:#f1f4f7;color:#637083;font-size:12px}.inspection-status{flex:0 0 auto;padding:8px 12px;border-radius:99px;font-size:13px;font-weight:800;background:#edf1f5;color:#6f7c8c}.inspection-status.passed{background:#e8f7f0;color:#11704c}.inspection-status.failed{background:#fdecee;color:#b82e37}.photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.photos figure{margin:0;border:1px solid #e0e6ec;border-radius:14px;overflow:hidden;background:#f8fafc}.image-frame{position:relative;aspect-ratio:1/1;background:linear-gradient(145deg,#f5f7f9,#e9eef3);overflow:hidden}.photos img{width:100%;height:100%;object-fit:contain;display:block}.image-missing{position:absolute;inset:0;display:grid;place-items:center;color:#94a0ae;font-size:22px;font-weight:800;background:linear-gradient(145deg,#f5f7f9,#e9eef3)}.image-missing:before,.image-missing:after{content:"";position:absolute;width:38px;height:38px;border-color:#c5ced7}.image-missing:before{left:18px;top:18px;border-left:2px solid #c5ced7;border-top:2px solid #c5ced7}.image-missing:after{right:18px;bottom:18px;border-right:2px solid #c5ced7;border-bottom:2px solid #c5ced7}.photos figcaption{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;color:#273448}.photos figcaption b{font-size:14px}.photos figcaption small{color:#8b96a4}.review-bar{margin-top:18px;padding-top:18px;border-top:1px solid #e8edf2;display:flex;justify-content:space-between;align-items:center;gap:20px}.review-copy b,.review-copy span{display:block}.review-copy b{font-size:14px}.review-copy span{font-size:12px;color:var(--muted);margin-top:3px}.actions{display:flex;gap:10px}.actions button,.reason-panel button{border:0;border-radius:10px;color:#fff;font-weight:750;padding:11px 17px}.pass{background:var(--green)}.fail{background:var(--red)}.reason-panel{margin-top:14px;padding:14px;background:#fff2f3;border:1px solid #f5c9cd;border-radius:12px}.reason-panel label{display:block;font-size:12px;font-weight:800;color:#a82c35;margin-bottom:7px}.reason-panel div{display:flex;gap:8px}.reason-panel input{flex:1;min-width:0;border:1px solid #eab8bd;border-radius:9px;background:#fff;padding:11px;outline:0}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.summary div{background:white;padding:15px;border-radius:12px}.summary b{float:right;font-size:24px}.board{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px}.basket{background:white;border-radius:12px;padding:14px;border-left:7px solid #ff9f1c}.basket h3{margin:0 0 8px}.unit{padding:9px 0;border-top:1px solid #edf0f2}.bad{color:var(--red);font-weight:700}.hidden{display:none!important}#toast{position:fixed;left:50%;bottom:24px;z-index:10;transform:translate(-50%,16px);background:#172433eF;color:white;padding:12px 18px;border-radius:10px;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 12px 30px #0f203044;font-weight:650}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:760px){header{height:62px;padding:0 14px}.brand small{display:none}.connection span{font-size:0}.connection span:after{content:"在线";font-size:12px}.connection.offline span:after{content:"离线"}.connection.connecting span:after{content:"连接中"}main{padding:12px}.scanner{height:62px;border-radius:14px;padding:6px}.scan-icon{width:42px;height:42px;flex-basis:42px}.scanner input{height:48px;font-size:17px;padding:0 4px}.scanner button{height:48px;min-width:74px}.current{margin-top:12px;padding:14px;border-radius:15px}.current-head{gap:8px}.current h1{font-size:18px}.inspection-status{padding:6px 9px;font-size:11px}.photos{gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;margin-left:-2px;margin-right:-2px;padding:2px 2px 8px}.photos figure{min-width:76vw;scroll-snap-align:start}.review-bar{align-items:stretch;flex-direction:column;gap:12px}.actions button{width:100%}.reason-panel div{flex-direction:column}.reason-panel button{width:100%}.summary{grid-template-columns:1fr}}@media(min-width:1200px){.image-frame{aspect-ratio:4/3}}