:root{font-family:Inter,"Microsoft YaHei","PingFang SC",sans-serif;color:#192b3e;background:#f3f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:16px}header{height:76px;padding:0 5%;background:#fff;border-bottom:1px solid #dde4ed;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:13px;align-items:center;font-size:16px;font-weight:600}.brand b{color:#bbc6d2;margin:0 13px}.mark{background:#174bba;color:#fff;border-radius:8px;width:34px;height:34px;text-align:center;line-height:32px;font-size:26px}.privacy{font-size:14px;color:#607084}main{max-width:1480px;padding:38px 5% 30px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:12px;letter-spacing:2px;color:#3666b8;font-weight:700;margin:0 0 8px}h1{font-size:30px;letter-spacing:-.7px;margin:0}h2{font-size:17px;margin:0}.intro{color:#64748b;margin:10px 0 0;font-size:15px}button,.file-button,select{font:inherit;font-size:14px;border-radius:6px}button,.file-button{padding:11px 18px;cursor:pointer;border:1px solid #cfd9e5;background:#fff;color:#243b53;font-weight:600}button:hover:enabled,.file-button:hover{background:#eef4ff;border-color:#7497de}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#2056c4;border-color:#2056c4;color:white}.primary:hover:enabled{background:#1544a4;color:white}.upload{border:1px dashed #9fb7da;border-radius:10px;display:flex;align-items:center;gap:20px;background:#f9fbff;padding:27px 30px;transition:background .15s}.upload.drag{background:#e5edff;border-color:#2056c4}.upload-icon{height:48px;width:48px;flex-shrink:0;border-radius:10px;background:#e8effd;color:#2056c4;display:grid;place-items:center;font-size:28px}.upload-copy{flex:1;min-width:0}.upload h2{overflow-wrap:anywhere}.upload p{margin:8px 0 0;color:#61748b;font-size:14px}.file-button{position:relative;white-space:nowrap}.file-button:focus-within{outline:3px solid #96b8ff}#file{position:absolute;width:1px;height:1px;opacity:0}.sheet-row{display:flex;align-items:center;gap:12px;margin:18px 0 24px;font-size:14px;color:#516176;flex-wrap:wrap}select{padding:9px 32px 9px 12px;max-width:100%;border:1px solid #d7e0eb;background:#fff;color:#243b53}#message{margin-left:auto;font-size:14px}#error{background:#fff2ec;border:1px solid #efbea1;padding:15px 18px;color:#8a3819;border-radius:8px;margin:0 0 20px;line-height:1.7;font-size:14px;overflow-wrap:anywhere}.metrics{display:grid;grid-template-columns:1fr 1fr 1.2fr;background:#fff;border:1px solid #dce4ee;border-radius:10px;margin-bottom:25px;padding:23px 0}.metrics>div{padding:0 28px;border-right:1px solid #e3e9f1}.metrics>div:last-child{border:0}.metrics span{display:block;font-size:14px;color:#61748b;margin-bottom:13px}.metrics strong{font-size:32px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-1px;overflow-wrap:anywhere}.metrics small{margin-left:10px;font-size:14px;color:#8190a3}.metrics .total strong{color:#2155bd}.result{background:white;border:1px solid #dce4ee;border-radius:10px;overflow:hidden}.result-head{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:14px}.result-head h2 span{font-size:12px;color:#6e7d90;background:#f0f4f8;border-radius:4px;padding:4px 8px;margin-left:12px;font-weight:400}.result-head p{margin:0;font-size:13px;color:#6f7f92}.table-wrap{overflow:auto;max-height:620px}table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:870px}th{text-align:left;font-size:14px;color:#4c6079;background:#f5f8fc;padding:16px 22px;border-top:1px solid #e5eaf2;border-bottom:1px solid #e5eaf2;position:sticky;top:0;z-index:1;font-weight:500}th:nth-child(1){width:20%}th:nth-child(2){width:25%}th:nth-child(3){width:14%}th:nth-child(4){width:27%}th:nth-child(5){width:14%}th small{font-size:12px;color:#7b8fa9}td{padding:15px 22px;border-bottom:1px solid #edf1f6;font-size:14px;line-height:1.6;overflow-wrap:anywhere}td:first-child{font-family:Consolas,monospace;color:#244570}tbody tr:hover{background:#f8fbff}.numeric{text-align:right;font-variant-numeric:tabular-nums}td.numeric{font-weight:600}#empty{text-align:center;padding:60px 20px 65px;color:#7e8da1}#empty>span{font-size:34px;color:#a7b9d1}#empty h3{font-size:16px;color:#54687f;margin:15px 0 10px}#empty p{font-size:14px;margin:0}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:15px 24px;color:#6c7f94;font-size:13px;background:#fcfdff}.table-footer>div{display:flex;gap:15px;align-items:center}.table-footer button{padding:7px 11px;font-weight:400;font-size:13px}.note{font-size:13px;color:#718197;line-height:1.8;margin:19px 2px}button:focus-visible,select:focus-visible{outline:3px solid #96b8ff;outline-offset:2px}[hidden]{display:none!important}@media(max-width:720px){header{padding:0 20px;height:65px}.brand{font-size:14px}.privacy{font-size:12px}.brand b{margin:0 5px}main{padding:26px 18px}.heading{align-items:flex-start;flex-direction:column}h1{font-size:27px}.upload{padding:22px 18px;flex-wrap:wrap;gap:14px}.upload-copy{flex-basis:70%}.file-button{margin-left:62px}.metrics>div{padding:0 13px}.metrics strong{font-size:24px}.metrics span{font-size:12px}.metrics small{display:none}.result-head{align-items:flex-start;flex-direction:column;padding:18px}.table-footer{padding:14px;gap:12px;flex-wrap:wrap}#message{margin-left:0;width:100%}}
#detail-file{position:absolute;width:1px;height:1px;opacity:0}#detail-message{margin-left:auto;font-size:14px}.compared{min-width:1560px}.compared th:nth-child(n){width:auto}.compared th:nth-child(2){width:240px}.compared th:nth-child(4){width:230px}.shortage{color:#a34814}.review{color:#92661b}#comparison-note{background:#eef4ff;padding:16px;border-radius:8px;color:#354d71}@media(max-width:720px){#detail-message{margin-left:0;width:100%}}
.compared{min-width:1180px}.compared th,.compared td{padding:14px 12px}.compared th:nth-child(1){width:15%}.compared th:nth-child(2){width:17%}.compared th:nth-child(3){width:10%}.compared th:nth-child(4){width:17%}.compared th:nth-child(5){width:10%}.compared th:nth-child(6){width:10%}.compared th:nth-child(7){width:11%}.compared th:nth-child(8){width:10%}
.upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:26px}.upload-card{background:#fff;border:1px dashed #a8bdda;border-radius:10px;padding:22px;min-width:0}.upload-card h2{display:flex;gap:12px;color:#2056c4}.upload-card h2 span{font-size:15px;color:#243b53;line-height:1.5}.upload-card p{font-size:13px;overflow-wrap:anywhere;color:#607084;min-height:38px}.upload-card input{position:absolute;opacity:0;width:1px;height:1px}.upload-card .file-button{display:inline-block}.sheet-label{display:block;font-size:14px;margin:20px 0 8px}.upload-card select{width:100%}.upload-card .file-status{margin:12px 0 0;min-height:24px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs [aria-selected=true]{background:#2056c4;color:#fff;border-color:#2056c4}#summary{font-size:14px;color:#607084}.abc-table{min-width:1450px;table-layout:auto}.abc-table th:nth-child(n){width:auto}.abc-table th,.abc-table td{padding:14px 12px}.abc-table th:first-child{min-width:280px}.abc-table td:first-child{font-size:13px}.drag{background:#e5edff}@media(max-width:900px){.upload-grid{grid-template-columns:1fr}.upload-card p{min-height:0}}
.filter-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 24px;background:#f8faff;border-top:1px solid #e5eaf2;font-size:14px}.filter-toolbar span{flex:1}.column-filter{padding:2px 6px;margin-left:6px;color:#2056c4;font-size:14px}dialog{width:min(440px,94vw);border:1px solid #ccd8e7;border-radius:12px;padding:22px;color:#243b53;box-shadow:0 20px 70px #142d5555}dialog::backdrop{background:#10233c66}dialog h2{margin-bottom:16px;overflow-wrap:anywhere}#filter-search{width:100%;padding:10px;font:inherit;border:1px solid #bdccdf;border-radius:6px}.filter-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.filter-actions button{padding:8px 12px}#filter-options{height:240px;overflow:auto;border:1px solid #e0e7f0;padding:6px}#filter-options label{display:flex;gap:10px;padding:7px;align-items:flex-start;font-size:14px;overflow-wrap:anywhere}#filter-options input{width:17px;height:17px;flex-shrink:0}#number-filter{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;font-size:14px}#number-filter input{width:100px;padding:8px}#number-filter small{width:100%;line-height:1.6;color:#607084}#filter-error{color:#b53c21;font-size:14px}
.table-wrap{max-height:660px}.abc-table th{padding:10px 12px;white-space:nowrap}.abc-table td{padding:4px 12px;line-height:20px;white-space:nowrap;overflow-wrap:normal}