:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#17232d;background:#f5f7f9;font-synthesis:none;--ink:#17232d;--muted:#71808d;--line:#dbe3e8;--blue:#2267a1;--blue-soft:#e9f2fa;--green:#14734c;--red:#ad4046;--red-soft:#fae9e9}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}.page{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:24px 0 35px}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:42px}.brand{display:flex;align-items:center;gap:10px}.brand-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;background:#183f61;color:#fff}.brand strong,.brand span{display:block}.brand strong{font-size:14px}.brand span{color:var(--muted);font-size:11px;margin-top:2px}.reset{border:0;background:transparent;color:#687784;display:flex;align-items:center;gap:6px;font-size:12px;padding:7px}.reset:hover{color:var(--blue)}.intro{max-width:760px;padding:34px 0 22px}.eyebrow{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.12em}.intro h1{font-size:30px;line-height:1.18;margin:8px 0 9px;letter-spacing:0}.intro h1 em{color:var(--blue);font-style:normal}.intro p{max-width:550px;color:var(--muted);line-height:1.75;margin:0;font-size:14px}.tool-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px;align-items:stretch}.tool-panel,.result-panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:23px;min-height:560px}.tool-panel{display:grid;align-content:start;gap:17px}.result-panel{background:#102331;border-color:#102331;color:#e9f2f7;display:flex;flex-direction:column}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:15px;border-bottom:1px solid var(--line)}.result-panel .panel-heading{border-color:#29404e}.panel-heading h2{font-size:16px;margin:0;letter-spacing:0}.panel-heading p{margin:5px 0 0;color:var(--muted);font-size:12px}.result-panel .panel-heading p{color:#8fa4b1}.secure-note{color:var(--green);background:#e8f5ef;border-radius:999px;padding:5px 8px;display:flex;gap:4px;align-items:center;font-size:10px;white-space:nowrap}label{display:grid;gap:7px;color:#40505d;font-weight:700;font-size:12px}input,textarea{width:100%;border:1px solid #ccd8df;border-radius:6px;padding:10px 11px;outline:none;color:var(--ink);background:#fff;min-height:42px}input:focus,textarea:focus{border-color:#4f8bb5;box-shadow:0 0 0 3px #2367a11a}.file-input{display:none}.upload-button{min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed #7da7c0;border-radius:6px;background:var(--blue-soft);color:#2c6088;font-weight:800;overflow-wrap:anywhere}.upload-button:hover{background:#dcecf7;border-color:#4f8bb5}.json-label>span{display:flex;align-items:center;gap:6px}.json-label textarea{min-height:155px;resize:vertical;font:12px/1.55 Consolas,Cascadia Code,monospace}.identity-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.identity-grid input{background:#f7fafc}.batch-summary{display:flex;align-items:baseline;gap:7px;padding:10px 12px;background:#f5f8fa;border:1px solid #e1e9ee;border-radius:6px;color:#667784;font-size:11px}.batch-summary strong{color:#264052;font-size:18px}.batch-summary .summary-good{color:#14734c;margin-left:8px}.batch-summary .summary-bad{color:#ad4046;margin-left:8px}.record-list{max-height:175px;overflow:auto;border:1px solid #e1e8ed;border-radius:6px;background:#fbfcfd}.record-row{display:grid;grid-template-columns:24px minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:center;padding:8px 10px;border-bottom:1px solid #edf1f3;font-size:10px}.record-row:last-child{border-bottom:0}.record-row>span{color:#94a2ab}.record-row code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#546b79}.record-row.invalid code{color:#ad4046}.record-empty,.record-more{padding:14px;color:#8a99a3;font-size:11px;text-align:center}.record-more{border-top:1px solid #edf1f3;padding:8px}.json-helper{border-top:1px solid #e8edf0;padding-top:14px}.helper-toggle{display:flex;align-items:center;gap:7px;border:0;background:none;padding:0;color:#3d6c8f;font-size:12px;font-weight:700}.helper-toggle span{color:var(--muted);font-weight:400;margin-left:3px}.helper-body{display:grid;gap:9px;margin-top:12px}.helper-body textarea{min-height:115px;font-family:Consolas,monospace;font-size:11px}.outline-button{justify-self:start;border:1px solid #b9ccd9;background:#fff;color:#2c6088;border-radius:6px;padding:8px 11px;display:flex;align-items:center;gap:6px;font-size:12px}.outline-button:hover{background:var(--blue-soft)}.error-banner{display:flex;align-items:flex-start;gap:8px;color:var(--red);background:var(--red-soft);border:1px solid #f0d0d1;border-radius:6px;padding:10px 11px;font-size:12px;line-height:1.5}.submit-button{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #21689e;border-radius:6px;background:#2267a1;color:#fff;font-weight:800}.submit-button:hover:not(:disabled){background:#175586}.submit-button:disabled{opacity:.6;cursor:not-allowed}.microcopy{margin:0;color:#8996a0;font-size:10px;text-align:center}.http-status{display:flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;white-space:nowrap}.http-status.ok{background:#dff3e9;color:#157149}.http-status.bad{background:#f9dfe0;color:#b4444b}.response-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:17px 0 10px;color:#9bb0bd;font-size:11px}.response-toolbar button{display:flex;align-items:center;gap:5px;border:1px solid #385366;background:#1a3445;color:#d5e4eb;border-radius:5px;padding:7px 9px;font-size:11px}.response-toolbar button:hover{background:#254459}.json-output{flex:1;min-height:330px;max-height:430px;overflow:auto;margin:0;padding:15px;background:#0b1822;border:1px solid #253e4e;border-radius:6px;color:#cbe3d6;font:12px/1.6 Consolas,Cascadia Code,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.result-empty{flex:1;display:grid;place-content:center;justify-items:center;gap:9px;color:#78909f;text-align:center}.result-empty div{width:48px;height:48px;display:grid;place-items:center;color:#89aec4;background:#1a394d;border-radius:8px}.result-empty strong{color:#c8d8e0;font-size:13px}.result-empty span{font-size:11px}footer{display:flex;justify-content:center;gap:9px;color:#87949e;font-size:11px;margin-top:22px}footer code{color:#5b7281}footer span{color:#b7c1c7}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.page{width:min(100% - 28px,560px);padding-top:16px}.intro{padding:28px 0 19px}.intro h1{font-size:25px}.tool-grid,.identity-grid{grid-template-columns:1fr}.tool-panel,.result-panel{min-height:0;padding:18px}.result-panel{min-height:390px}.json-output{min-height:250px}footer{flex-wrap:wrap;text-align:center}}