:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#172a28;background:#f6f8f5;font-synthesis:none;line-height:1.6;--green:#166d54;--line:#dce5dd;--muted:#667a71}
*{box-sizing:border-box}body{margin:0}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #e1ac3e;outline-offset:4px}[hidden]{display:none!important}.topbar{max-width:1100px;margin:auto;padding:24px 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px}.brand{display:flex;align-items:center;gap:10px;color:#172a28;font-size:16px;font-weight:750}.brand-icon{background:#166d54;color:white;border-radius:8px;font-size:21px;width:34px;height:34px;display:grid;place-items:center}main{max-width:1000px;margin:auto;padding:0 28px}.intro{padding:54px 0 31px}.eyebrow{display:inline-flex;gap:12px;align-items:center;font-size:12px;letter-spacing:1px;color:var(--green);font-weight:700}.eyebrow span{border:1px solid #d3ddcf;border-radius:5px;padding:2px 8px;font-weight:400;letter-spacing:0;color:var(--muted)}h1{font-size:44px;letter-spacing:-1.8px;line-height:1.25;margin:19px 0 17px;font-weight:750}.accent{color:var(--green)}.lead{font-size:15px;color:var(--muted);line-height:1.85;margin:0}.benefits{display:flex;gap:24px;font-size:12px;margin-top:23px;color:#526b5d}.tool{background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 40px #203d2610;overflow:hidden}.tool-header,.settings-heading,.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.tool-header{padding:20px 26px;border-bottom:1px solid #edf0eb}h2{margin:0;font-size:16px;font-weight:650}.step{font-size:11px;border:1px solid #dce5dd;border-radius:5px;color:var(--green);padding:3px 6px;margin-right:9px;vertical-align:2px}.text-button{background:transparent;border:0;padding:3px 0;color:var(--green);font-size:13px}.text-button:hover{text-decoration:underline}.dropzone{margin:24px;background:#f7faf6;border:1px dashed #becfbd;border-radius:10px;text-align:center;padding:27px 16px 20px;transition:.15s}.dropzone.drag{background:#e6f1e6;border-color:var(--green)}.upload-symbol{width:42px;height:42px;background:#e9f1e7;border-radius:50%;margin:0 auto 9px;font-size:25px;color:var(--green)}.drop-title{font-size:17px;font-weight:600;margin:5px 0}.muted{color:var(--muted);font-size:12px}.dropzone>.muted{margin:4px 0 17px}.primary{border:0;border-radius:7px;background:var(--green);color:white;font-size:14px;font-weight:600;padding:12px 23px;min-height:44px}.primary:hover:not(:disabled){background:#105a45}.sample-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:9px;margin-top:17px;font-size:12px;color:var(--muted)}.sample-row a{font-size:12px;border-left:1px solid #d4dfd3;padding-left:9px}.file-summary{display:flex;align-items:center;gap:10px;margin:22px 26px 12px;padding:12px;background:#f3f7f0;border-radius:8px;font-size:13px}.file-summary strong{overflow-wrap:anywhere}.file-summary>span:first-child{font-size:22px;color:var(--green)}.status{margin:14px 26px;padding:12px 14px;font-size:13px;border-radius:7px;background:#f1f6ef;overflow-wrap:anywhere}.status.error{background:#fff1ee;color:#9a3628}.status.warning{background:#fff7e8;color:#876020}.settings{padding:18px 26px 8px;border-top:1px solid #edf0eb}.fields{display:grid;grid-template-columns:1.15fr 1.35fr .75fr;gap:16px;margin:20px 0 10px}label{font-size:12px;color:#40594b}select,input[type=number]{display:block;width:100%;min-height:42px;padding:9px 10px;border:1px solid #cedbce;border-radius:6px;background:white;color:#203c2e;margin-top:6px;font-size:13px}.hint{font-size:12px;color:var(--muted);margin:11px 0 15px;line-height:1.8}.preview{padding:17px 26px 0}.counts{font-size:12px;color:var(--green);text-align:right}.table-scroll{overflow-x:auto;margin-top:17px;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;min-width:580px;text-align:left;font-size:12px}th{background:#f4f7f1;padding:10px 13px;color:#63745f;font-weight:500}td{padding:10px 13px;border-top:1px solid #eaf0e5;vertical-align:middle;max-width:260px;overflow-wrap:anywhere}.thumb{width:46px;height:40px;object-fit:contain;border-radius:4px;background:repeating-conic-gradient(#edf2ea 0% 25%,white 0% 50%) 50%/10px 10px}.thumb-missing{font-size:11px;color:#9a3628}.filename{font-weight:600;color:#274433}.ok{color:#2f7952}.warn{color:#976123}.bad{color:#a24433}.confirm{display:flex;align-items:flex-start;gap:8px;background:#fff8ea;padding:12px;border-radius:6px;color:#785c23;margin:14px 0}.confirm input{margin-top:4px;flex-shrink:0}.export-bar{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:18px}.export-bar p{margin:0;font-size:14px}.export-bar .muted{display:block;margin-top:3px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:62px;padding:45px 0 34px}.section-number{font-size:11px;letter-spacing:1px;color:var(--green)}.help-grid h2{font-size:20px;line-height:1.5;margin:12px 0 10px}.help-grid p{font-size:13px;color:var(--muted);margin:0;line-height:1.9}.faq{border-top:1px solid var(--line);padding-top:28px}.faq>h2{margin-bottom:14px}.faq details{border-bottom:1px solid var(--line);padding:14px 0}.faq summary{cursor:pointer;font-size:13px;font-weight:500}.faq details p{font-size:13px;color:var(--muted);max-width:800px;line-height:1.85}footer{display:flex;justify-content:space-between;gap:18px;padding:25px 0 32px;color:var(--muted);font-size:11px}
@media(min-width:1100px){.intro{position:relative}.intro::after{content:'XLSX → ZIP';position:absolute;right:0;top:97px;font-size:22px;letter-spacing:1px;color:#8aab98;border:1px solid #d7e3d4;border-radius:12px;padding:24px 25px;transform:rotate(-4deg);background:#edf3e8}}
@media(max-width:650px){.topbar{padding:18px 20px}main{padding:0 17px}.intro{padding:35px 0 27px}h1{font-size:32px;letter-spacing:-1px}.lead{font-size:13px}.desktop{display:none}.benefits{gap:16px;font-size:11px}.tool-header{padding:16px}.dropzone{margin:16px;padding:22px 10px}.drop-title{font-size:15px}.settings,.preview{padding-left:16px;padding-right:16px}.file-summary,.status{margin-left:16px;margin-right:16px}.fields{grid-template-columns:1fr;gap:12px}.settings-heading,.preview-heading{align-items:flex-start;flex-wrap:wrap}.settings-heading>.muted{display:none}.export-bar{align-items:stretch;flex-direction:column}.export-bar .primary{width:100%}.help-grid{grid-template-columns:1fr;gap:27px;padding-top:32px}.help-grid h2 br{display:none}footer{flex-direction:column;gap:6px}h2{font-size:15px}.sample-row{gap:6px}.sample-row a{border:0}.file-summary{flex-wrap:wrap}}