:root{--ink:#18212b;--muted:#72808c;--line:#dfe5e8;--paper:#f7f8f5;--card:#fff;--blue:#1260df;--blue-soft:#eaf1ff;--lime:#d8f26d;--green:#28865e;--amber:#ad771d;--shadow:0 18px 55px rgba(26,42,56,.08)}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);font-family:Manrope,"Microsoft YaHei",sans-serif;background:radial-gradient(circle at 95% 0,#e8f0fb 0,transparent 30%),var(--paper);min-height:100vh}.app-shell{max-width:1440px;margin:0 auto;padding:0 56px 42px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(24,33,43,.09)}.brand-lockup{display:flex;gap:12px;align-items:center}.brand-mark{display:flex;gap:3px;align-items:flex-end;width:28px;height:25px}.brand-mark span{display:block;width:7px;background:var(--blue);border-radius:2px}.brand-mark span:nth-child(1){height:12px}.brand-mark span:nth-child(2){height:19px}.brand-mark span:nth-child(3){height:25px}.brand-name{font-size:15px;font-weight:800;letter-spacing:.03em}.brand-sub,.eyebrow{font:500 10px "DM Mono",monospace;letter-spacing:.15em;color:var(--muted)}.brand-sub{font-size:8px;margin-top:3px}.topbar-actions{display:flex;align-items:center;gap:20px}.secure-note{font-size:11px;color:#596a76;display:flex;align-items:center;gap:7px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#54ae70;box-shadow:0 0 0 4px #dcefe1}.icon-btn{border:0;background:transparent;color:#83909a;padding:4px;cursor:pointer}.icon-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7}.hero{display:flex;justify-content:space-between;align-items:flex-end;padding:68px 0 53px}.eyebrow{margin:0 0 15px}.eyebrow span{color:var(--blue);margin-left:9px}h1{font-size:48px;line-height:1.15;margin:0;letter-spacing:-.06em;font-weight:800}h1 em{color:var(--blue);font-style:normal} .hero-copy{margin:20px 0 0;max-width:590px;font-size:14px;line-height:1.8;color:#697781}.hero-badge{display:flex;gap:12px;align-items:center;background:var(--lime);padding:14px 22px 14px 14px;min-width:170px;transform:rotate(-2deg);box-shadow:8px 8px 0 rgba(18,96,223,.13)}.badge-number{font:700 22px "DM Mono",monospace}.hero-badge b{display:block;font-size:13px}.hero-badge span{display:block;font-size:10px;margin-top:4px;color:#4b5f32}.stepper{display:flex;align-items:center;gap:14px;margin-bottom:22px}.step{display:flex;align-items:center;gap:10px;color:#84909a}.step.active{color:var(--ink)}.step-no{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;border:1px solid #c9d1d6;font:500 10px "DM Mono",monospace}.step.active .step-no{color:white;background:var(--blue);border-color:var(--blue)}.step b{font-size:12px;display:block}.step small{font-size:10px;display:block;margin-top:3px;color:#9aa5ac}.step-line{height:1px;background:#d7dee1;width:90px}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.upload-card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:24px 25px 23px;box-shadow:0 5px 24px rgba(26,42,56,.03)}.source-card{border-top:3px solid var(--blue)}.target-card{border-top:3px solid #d3e158}.card-kicker{display:flex;align-items:center;gap:9px;font:500 10px "DM Mono",monospace;letter-spacing:.12em;color:#85929c}.kicker-index{width:20px;height:20px;border-radius:4px;background:#f0f3f5;display:grid;place-items:center;color:var(--blue);font-size:11px}.target-card .kicker-index{color:#829412}.file-state{margin-left:auto;letter-spacing:0;color:#a2adb3;font-family:Manrope;font-size:10px}.file-state.loaded{color:var(--green)}h2{margin:14px 0 8px;font-size:20px;letter-spacing:-.03em}.card-desc{font-size:12px;line-height:1.65;color:var(--muted);margin:0 0 19px;min-height:40px}.dropzone{height:126px;border:1.5px dashed #c9d4dc;border-radius:6px;background:#fbfcfd;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.18s}.dropzone:hover,.dropzone.dragover{border-color:var(--blue);background:var(--blue-soft)}.dropzone input{display:none}.upload-glyph{width:34px;height:34px;border-radius:50%;background:#e8f0ff;color:var(--blue);display:grid;place-items:center;margin-bottom:9px}.upload-glyph svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7}.drop-title{font-size:12px}.drop-title u{color:var(--blue);text-underline-offset:3px}.drop-hint{font-size:10px;color:#a0abb2;margin-top:5px}.loaded-file{display:flex;align-items:center;gap:11px;height:126px;border:1px solid #dce9e0;border-radius:6px;background:#f8fcf9;padding:15px 14px}.file-icon{display:grid;place-items:center;width:39px;height:46px;background:#eaf1ff;border-radius:4px;color:var(--blue);font:700 10px "DM Mono",monospace}.target-icon{background:#f2f6d8;color:#849412}.loaded-file div{min-width:0;flex:1}.loaded-file b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loaded-file span{display:block;font-size:10px;color:#7b8b85;margin-top:5px}.remove-file{border:0;background:transparent;font-size:22px;color:#a3afb5;cursor:pointer}.workspace{margin-top:37px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:14px}.section-heading h2{font-size:24px;margin:0}.section-heading .eyebrow{margin-bottom:8px}.match-chip{font-size:11px;color:#7c8991;background:#eef1f2;padding:7px 11px;border-radius:4px}.match-chip.ready{color:var(--green);background:#e6f5ec}.mapping-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:18px}.panel{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden}.panel-head{padding:19px 20px 16px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #edf0f1}.panel-head h3{font-size:14px;margin:0 0 5px}.panel-head p{font-size:11px;color:var(--muted);margin:0}.auto-tag{font:500 9px "DM Mono",monospace;color:var(--blue);background:var(--blue-soft);padding:5px 7px;border-radius:3px}.preview-count{font:500 10px "DM Mono",monospace;color:#7d8a92}.mapping-table-wrap,.preview-table-wrap{overflow:auto;max-height:360px}.mapping-table,.preview-table{border-collapse:collapse;width:100%;font-size:11px}.mapping-table th,.mapping-table td,.preview-table th,.preview-table td{padding:11px 14px;border-bottom:1px solid #edf0f1;text-align:left;white-space:nowrap}.mapping-table th,.preview-table th{font-size:10px;font-weight:600;color:#91a0a8;background:#fafbfb;position:sticky;top:0}.mapping-table td:first-child{font-weight:600}.mapping-table select{width:100%;border:1px solid #d9e0e4;border-radius:4px;padding:6px 8px;color:#41505b;background:white;font:inherit}.mapping-table select:focus{outline:2px solid #c8d9ff;border-color:var(--blue)}.mapping-action{font-size:10px;color:var(--green)}.mapping-action.skip{color:#a1adb3}.preview-table th:first-child,.preview-table td:first-child{font-family:"DM Mono",monospace}.preview-table td{max-width:160px;overflow:hidden;text-overflow:ellipsis}.preview-table .old-val{color:#9aa6ac}.preview-table .new-val{color:var(--blue);font-weight:600}.arrow{color:#abb6bd}.empty-cell{text-align:center!important;color:#a2adb3;padding:55px!important}.summary-bar{margin-top:18px;background:#17232f;border-radius:8px;color:white;padding:16px 20px;display:flex;align-items:center;gap:25px}.summary-item{display:flex;align-items:baseline;gap:6px;white-space:nowrap}.summary-label{font-size:10px;color:#aab7c0;margin-right:2px}.summary-item strong{font:600 22px "DM Mono",monospace}.summary-item>span:last-child{font-size:10px;color:#aab7c0}.summary-item.success strong{color:#a5e4bb}.summary-item.warning strong{color:#f2c874}.summary-divider{height:30px;width:1px;background:#344451}.summary-actions{margin-left:auto;display:flex;gap:9px}.ghost-btn,.primary-btn{border:0;border-radius:4px;padding:11px 15px;font:600 11px Manrope;cursor:pointer;display:inline-flex;align-items:center;gap:8px;justify-content:center}.ghost-btn{background:transparent;color:#c5d0d6;border:1px solid #42515d}.ghost-btn:disabled,.primary-btn:disabled{opacity:.42;cursor:not-allowed}.primary-btn{background:var(--blue);color:white;min-width:125px}.primary-btn svg,.export-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7}.export-card{margin-top:18px;padding:24px 25px;display:flex;align-items:center;gap:15px;background:#edf7ef;border:1px solid #cce5d2;border-radius:8px}.export-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#d7efdc;color:var(--green)}.export-icon svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7}.export-card .eyebrow{color:var(--green);margin:0 0 5px}.export-card h2{margin:0 0 4px;font-size:16px}.export-card p{margin:0;font-size:11px;color:#6e8176}.export-btn{margin-left:auto;min-width:170px}.rules-note{display:flex;gap:10px;margin:21px 0 0;padding:13px 15px;border-radius:5px;background:#f0f3f2;color:#728087;align-items:flex-start}.rules-icon{flex:none;width:17px;height:17px;border:1px solid #a1afb2;border-radius:50%;display:grid;place-items:center;font:600 11px serif;color:#7c8b90}.rules-note p{margin:0;font-size:10px;line-height:1.7}.rules-note b{color:#4a5a62}.rules-note strong{color:#48606d}footer{display:flex;justify-content:space-between;padding-top:38px;color:#a1abb0;font:500 9px "DM Mono",monospace;letter-spacing:.08em}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,15px);padding:11px 16px;color:white;background:#1e2e3a;border-radius:5px;font-size:12px;opacity:0;pointer-events:none;transition:.22s;box-shadow:0 8px 20px rgba(0,0,0,.15)}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.app-shell{padding:0 22px 30px}.hero{padding:42px 0 35px}.hero-badge{display:none}h1{font-size:38px}.upload-grid,.mapping-layout{grid-template-columns:1fr}.summary-bar{flex-wrap:wrap;gap:14px}.summary-actions{width:100%;margin-left:0}.summary-actions button{flex:1}.step-line{width:30px}}
@media(max-width:560px){.topbar{height:68px}.secure-note{display:none}.hero{padding:35px 0 30px}h1{font-size:31px}.hero-copy{font-size:12px}.stepper{gap:7px}.step b{font-size:10px}.step small{font-size:9px}.step-no{width:26px;height:26px}.step-line{width:15px}.upload-card{padding:19px 17px}.summary-item strong{font-size:18px}.summary-divider{display:none}}
.progress-wrap{height:126px;border:1px solid #d8e1e6;border-radius:6px;background:#fbfcfd;padding:28px 23px}.progress-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#64737c;margin-bottom:14px}.progress-head b{font:500 11px "DM Mono",monospace;color:var(--blue)}.progress-track{height:7px;background:#e6ebee;border-radius:99px;overflow:hidden}.progress-track i{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blue),#5b97ef);transition:width .2s ease}
.progress-track i[style="width: 2%;"]{animation:progressPulse 1.2s ease-in-out infinite alternate}@keyframes progressPulse{from{opacity:.55}to{opacity:1}}