:root{--green:#168a55;--deep:#0b3727;--pale:#eff9f3;--line:#cfe2d7;--ink:#173328;--muted:#63756c;--red:#c93434;--yellow:#b36b00}*{box-sizing:border-box}body{margin:0;background:#f4f7f5;color:var(--ink);font:16px/1.6 "Microsoft YaHei","PingFang SC",sans-serif}a{color:var(--green)}.wrap{width:min(1050px,calc(100% - 28px));margin:24px auto}.header{background:linear-gradient(135deg,var(--deep),#176542);color:#fff;padding:28px;border-radius:18px;margin-bottom:18px}.header h1{margin:0 0 5px;font-size:27px}.header p{margin:0;color:#d7ede1}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:16px;box-shadow:0 3px 15px #103d2010}h2{font-size:21px;margin:0 0 14px}h3{margin:0 0 10px}.tabs,.actions,.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.tabs button{flex:1}.tab{display:none}.tab.active{display:block}label{display:block;margin:12px 0 5px;font-weight:700}input,select,button{font:inherit}input,select{width:100%;height:46px;border:1px solid #aac4b5;border-radius:9px;padding:8px 11px;background:#fff}button,.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #84a996;border-radius:9px;background:#fff;color:var(--ink);padding:10px 16px;min-height:44px;font-weight:700;text-decoration:none;cursor:pointer}.primary{background:var(--green);border-color:var(--green);color:#fff}.danger{color:var(--red);border-color:#e1aaaa}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.notice{padding:12px 15px;border-radius:10px;background:#fff8dc;border:1px solid #ecd17a;color:#624700;margin:12px 0}.ok{background:#e7f8ee;border-color:#9ed9b8;color:#145d37}.error{background:#fff0f0;border-color:#e5aaaa;color:#8f2020}.muted,small{color:var(--muted)}#photoCanvas{display:block;width:100%;max-height:430px;object-fit:contain;background:#e8eeea;border-radius:10px;touch-action:none;margin:12px 0}.hidden{display:none!important}.status{display:inline-block;border-radius:20px;padding:3px 9px;font-size:13px;background:#e4f4ea;color:#16613b}.status.pending{background:#fff0ce;color:#805200}.status.departed{background:#ecefed;color:#59645e}.list{display:grid;gap:10px}.person{border:1px solid var(--line);border-radius:12px;padding:15px}.person img{width:140px;height:85px;object-fit:contain;background:#eef2ef;border-radius:7px}.person-line{display:flex;gap:15px;justify-content:space-between;align-items:center}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.metric{background:var(--pale);padding:14px;border-radius:12px}.metric b{font-size:28px;display:block;color:var(--green)}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--line);padding:10px 7px;text-align:left}.login{width:min(430px,calc(100% - 28px));margin:70px auto}.footer{text-align:center;color:var(--muted);padding:15px}.ocr-progress{width:100%}@media(max-width:680px){.wrap{margin:14px auto}.header,.card{padding:18px}.grid{grid-template-columns:1fr}.person-line{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1fr 1fr}.wide-table{overflow:auto}.header h1{font-size:23px}}
.qrbox{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.qrbox svg{width:190px;height:190px;border:10px solid #fff}