@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;font-family:'Noto Sans SC',sans-serif;color:#24382f;background:#f7f9f5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 38%,#e8f1df88,transparent 58%)}header,footer{max-width:1120px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:28px 32px}.brand{display:flex;align-items:center;gap:10px;color:#24382f;text-decoration:none;font-size:21px;font-weight:800;letter-spacing:-.5px}.logo{background:#254b3a;color:#e5f1bd;width:35px;height:35px;border-radius:10px;display:grid;place-items:center;font-size:25px}.header-note{font-size:12px;color:#79877b}main{max-width:720px;margin:48px auto 62px;padding:0 24px;text-align:center}.eyebrow{font-size:11px;letter-spacing:2px;color:#638161;font-weight:600;display:flex;gap:9px;justify-content:center;align-items:center}.eyebrow span{width:6px;height:6px;background:#6f9560;border-radius:50%}h1{font-size:49px;line-height:1.42;letter-spacing:-2px;font-weight:800;margin:20px 0 16px}h1 span{color:#6f8f4a}.intro{font-size:14px;color:#7b867c;line-height:1.9;margin-bottom:30px}.card{background:#fff;border:1px solid #e1e7dd;border-radius:22px;padding:30px;text-align:left;box-shadow:0 15px 45px #253f2910}label{display:block;font-size:13px;font-weight:600;margin-bottom:10px}.input-wrap{display:flex;align-items:center;gap:12px;border:1px solid #dce3d8;border-radius:10px;padding:0 15px;background:#fafbf9}.input-wrap:focus-within{outline:2px solid #93ad72}.input-wrap>span{color:#7b9271;font-size:23px}input{width:100%;min-width:0;font:inherit;font-size:13px;background:none;border:0;padding:17px 0;outline:0;color:#24382f}input::placeholder{color:#a5ada5}.options{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:23px 0}.options>div{display:flex;align-items:center;gap:15px}.options label{margin:0;font-size:12px;color:#71816d}select{font:inherit;font-size:12px;border:1px solid #e2e7df;border-radius:8px;padding:9px;color:#485c42;background:white}.format{font-size:11px;color:#8b9687}.format strong{color:#58714b;margin-left:8px;font-size:11px;background:#edf2e7;border-radius:5px;padding:5px 8px}button,.download{border:0;border-radius:10px;display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;background:#2f503d;color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .2s}button:hover,.download:hover{background:#42684c}button:disabled{opacity:.65;cursor:wait}.hint{font-size:10px;color:#939d90;text-align:center;margin:13px 0 0}.status{border-top:1px solid #edf0e8;margin-top:22px;padding-top:20px;font-size:13px}.status-line{display:flex;justify-content:space-between;gap:14px}progress{width:100%;height:7px;accent-color:#6c8e51;margin-top:13px}.status p{overflow-wrap:anywhere;line-height:1.7;color:#6f7c68}.status.error{color:#a64036}.download{margin-top:18px;background:#42684c}.retry{margin-top:12px}.steps{display:flex;justify-content:space-around;margin:29px 0 30px;text-align:left;gap:20px}.steps>div{display:flex;align-items:center;gap:13px}.steps>div>span{font-size:11px;color:#799266;border:1px solid #dce5d3;border-radius:50%;width:29px;height:29px;display:grid;place-items:center}.steps p{font-size:12px;margin:0}.steps small{display:block;color:#939d8e;font-size:10px;margin-top:6px}.footnote{font-size:10px;line-height:1.8;color:#98a18f}footer{border-top:1px solid #e5eade;color:#94a08b;font-size:11px;padding-top:22px;padding-bottom:24px}[hidden]{display:none!important}:focus-visible{outline:2px solid #6f8f4a;outline-offset:4px}@media(max-width:600px){header{padding:23px}.header-note{display:none}main{margin-top:35px;padding:0 18px}h1{font-size:36px}.card{padding:22px 18px}.steps{gap:10px}.steps>div{gap:7px}.steps small{font-size:9px}.options{gap:10px}.options>div{gap:8px}.format{font-size:10px}footer{padding:20px;font-size:9px}}
