:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#23334c;background:#f3f5f8;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,a{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;background:#fff;color:#324c76;border:1px solid #dce3ed;border-radius:8px;cursor:pointer;text-decoration:none;gap:6px}button:hover,.button:hover{background:#f0f5fc}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #7da9ee;outline-offset:3px}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}main{max-width:1120px;margin:0 auto;padding:36px 24px}.page-header{background:linear-gradient(125deg,#e4eaf3,#edf1f6);border:1px solid #e0e6ef;border-radius:16px;padding:28px 32px}.eyebrow{font-size:12px;color:#667a99;letter-spacing:2px;font-weight:600}h1{font-size:28px;margin:8px 0 10px;letter-spacing:1px}.page-header p{font-size:14px;color:#66768c;margin:0 0 24px}form label{display:block;font-size:13px;margin-bottom:8px;color:#627492}.search-row{display:flex;gap:12px}input[type=text],input:not([type]){width:100%;min-width:0;background:#fff;border:1px solid #d7dfeb;border-radius:9px;padding:14px 16px;color:#23334c;min-height:50px}.primary{background:#304b79;color:white;border-color:#304b79;min-width:96px}.primary:hover{background:#233e68}.results-header{display:flex;align-items:center;justify-content:space-between;margin:26px 0 14px;gap:12px}h2{font-size:16px;font-weight:600;margin:0}.text-button{border:0;background:transparent;font-size:12px;min-height:32px;padding:5px 8px}.toolbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px;font-size:13px}.card{border:1px solid #e3e8f0;border-radius:14px;background:#fff;margin:14px 0;padding:24px 26px;box-shadow:0 3px 12px #243c5e03}.card-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #edf0f5;padding-bottom:16px;margin-bottom:18px}.card-index{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;color:#6682ad;background:#eff4fb;border-radius:8px;font-size:12px;flex-shrink:0}.name-block{flex:1;min-width:0}.field-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#77859b;gap:12px;margin-bottom:7px}.field-label .text-button{color:#5375a7;min-height:26px}h3{font-size:17px;line-height:1.6;margin:0;overflow-wrap:anywhere;font-weight:600}.details{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:32px}.field{margin-bottom:18px;min-width:0}.value{font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.product-link{color:#3e659e;font-size:13px;line-height:1.7;overflow-wrap:anywhere;word-break:break-all}.qr-area{text-align:center}.qr-area img{width:200px;max-width:100%;height:auto;display:block;margin:0 auto 8px;image-rendering:pixelated}.qr-area .button{font-size:12px;min-height:36px}.qr-note{font-size:12px;line-height:1.6;color:#7c899e;margin:8px 0}.photos{display:flex;gap:12px;flex-wrap:wrap}.photo{width:116px}.photo button{padding:0;width:116px;height:100px;overflow:hidden;border-radius:9px;background:#f6f8fb}.photo img{width:100%;height:100%;object-fit:contain}.photo a{font-size:12px;text-decoration:none;color:#5073a4;display:block;text-align:center;margin-top:8px}.card-bottom{display:flex;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid #edf0f5;margin-top:20px;padding-top:17px;font-size:13px}.completion{display:flex;align-items:center;gap:9px;cursor:pointer}.completion input{width:18px;height:18px;accent-color:#3d6b98;margin:0}.completion-status{color:#8794a6;font-size:12px}.is-complete .completion-status{color:#2c8064}.is-complete{border-color:#d4e6de}.message{padding:20px;background:#fff;border:1px solid #e2e7f0;border-radius:12px;color:#60718c;font-size:14px;line-height:1.8}.error{color:#a83c3c!important}footer{font-size:12px;text-align:center;color:#8794a7;margin:28px 0 8px;line-height:1.8}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#23364f;color:#fff;padding:12px 20px;border-radius:10px;box-shadow:0 5px 25px #1233;z-index:5;max-width:90vw;text-align:center;font-size:14px}dialog{border:0;border-radius:14px;padding:18px;max-width:min(700px,94vw);max-height:90vh;box-shadow:0 20px 80px #0004}dialog::backdrop{background:#172d4c77}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:50px}#full-image{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:auto auto 18px}
.save-hint{font-size:14px;color:#52769f;line-height:1.8;background:#f0f5fc;padding:12px;border-radius:8px}.save-qr{padding:14px 0;border-bottom:1px solid #e3e8f0}.save-qr p{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.save-qr img{display:block;width:280px;max-width:100%;height:auto;margin:auto;image-rendering:pixelated}
@media(max-width:600px){main{padding:16px 12px}.page-header{padding:20px;border-radius:12px}h1{font-size:24px}.page-header p{font-size:12px;line-height:1.8;margin-bottom:18px}.search-row{gap:8px}.primary{min-width:76px}.card{padding:19px 17px}.card-head{gap:9px}h3{font-size:16px}.details{grid-template-columns:1fr;gap:8px}.qr-area{border-top:1px dashed #e3e9f1;padding-top:16px}.qr-area img{width:220px}.toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px}.toolbar button:first-child{grid-column:1/-1}.toolbar .button{padding:10px 6px;font-size:12px}.results-header{margin-top:22px}.value{font-size:14px}.card-bottom{align-items:flex-start;gap:8px}.completion-status{max-width:120px;text-align:right;line-height:1.6}.photo{width:100px}.photo button{width:100px;height:90px}}