@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;700;900&display=swap');
:root{--ink:#142921;--muted:#68776f;--line:#d7dfd7;--paper:#f4f5ec;--green:#194d39;--lime:#c4ec7d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Microsoft YaHei',sans-serif}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.11;background-image:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,#99a995 4px)}main{position:relative;max-width:1120px;margin:auto;padding:0 32px}header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-family:'Noto Serif SC',serif;font-weight:900;font-size:22px}.brand small{font:700 9px 'DM Sans',sans-serif;letter-spacing:.18em;display:block;margin-top:4px}.mark{width:44px;height:44px;background:var(--green);color:var(--lime);display:grid;place-items:center;font-size:22px;border-radius:50%}.availability{font-size:10px;font-weight:700;letter-spacing:.15em}.availability i{display:inline-block;width:7px;height:7px;background:#6faa5a;border-radius:50%;margin-right:7px}.availability span{color:#a3aea1;margin:0 7px}.hero{padding:65px 0 56px;display:grid;grid-template-columns:1fr 1fr;align-items:end}.eyebrow{grid-column:1/-1;color:var(--green);font-size:10px;letter-spacing:.18em;font-weight:700;margin-bottom:22px}.eyebrow span{margin-left:12px}h1{font-family:'Noto Serif SC',serif;font-size:clamp(48px,6.7vw,82px);line-height:1.22;letter-spacing:.01em;margin:0;font-weight:900}h1 em{font-style:normal;color:#688d58}.dot{color:#97c858}.hero p{color:var(--muted);font-size:15px;line-height:2;justify-self:end;margin:0 5vw 9px 0}.workspace,.output{background:#fff;border:1px solid var(--line);padding:32px 36px;box-shadow:0 10px 30px #1d442508}.workspace-head,.output-head{display:flex;align-items:end;justify-content:space-between;gap:15px}.number{font-size:10px;color:#79917e;font-weight:700;letter-spacing:.15em}h2{font-family:'Noto Serif SC',serif;font-size:22px;margin:8px 0 0}.spec{font-size:10px;color:#87948a;letter-spacing:.08em;font-weight:700}.drop{margin-top:25px;min-height:230px;background:#f8faf5;border:1px dashed #abc1a8;display:grid;place-items:center;text-align:center;cursor:pointer;transition:.2s}.drop:hover,.drop.drag{border-color:#39744a;background:#eef6e9}.drop strong,.drop span{display:block}.drop strong{font-size:15px}.drop span{font-size:12px;color:#8a9b8b;margin-top:10px}.upload-icon{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 17px;background:#e1efd9;color:#325c3a;border-radius:50%;font-size:25px}.drop img{display:block;max-height:300px;max-width:100%;object-fit:contain;padding:12px}.drop img[hidden]{display:none}.action-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}#status{font-size:12px;color:#6c7f70}button{border:0;background:var(--green);color:#fff;font:600 13px inherit;padding:13px 18px;cursor:pointer}button span{padding-left:25px;color:var(--lime)}button:disabled{opacity:.5;cursor:wait}.output{margin-top:14px}.quiet{background:#f0f5eb;color:var(--green);white-space:nowrap;font-size:12px}textarea{width:100%;height:230px;margin-top:22px;padding:18px;border:1px solid var(--line);background:#fafbf8;color:var(--ink);font:14px/1.8 'DM Sans','Microsoft YaHei',sans-serif;resize:vertical}.link-block{border-top:1px solid var(--line);margin-top:25px;padding-top:24px}.link-block p{margin:8px 0 13px;font-weight:600}.link-controls{display:flex;gap:10px}.link-controls input{min-width:0;flex:1;border:1px solid var(--line);padding:12px;color:#5e7064;background:#fafbf8}.privacy{font-size:12px;color:#89948a}footer{display:flex;justify-content:space-between;padding:36px 0;color:#819185;font-size:10px;letter-spacing:.08em}footer b{color:#76a765;font-size:17px;margin-left:8px}@media(max-width:700px){main{padding:0 18px}header{height:76px}.hero{padding:50px 0 38px;display:block}.hero p{margin:20px 0 0}.workspace,.output{padding:23px 18px}.workspace-head{align-items:start;flex-direction:column}.drop{min-height:200px}.link-controls{flex-direction:column}footer{gap:10px}}