:root{--ink:#1d211d;--paper:#f6f1e7;--cream:#fffaf0;--green:#244d3b;--mint:#c9d8c5;--orange:#df6f43;--line:rgba(29,33,29,.15);--shadow:0 24px 70px rgba(45,39,25,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:'Microsoft YaHei','PingFang SC',system-ui,sans-serif}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,76px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-weight:800;letter-spacing:-.03em}.brand i{font-family:Georgia,serif;font-weight:400;color:#647066}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:50% 50% 46% 54%;background:var(--green);color:white;font-family:Georgia,serif;font-size:19px}.nav-note{font-size:12px;color:#657067}.live-dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#3b9a63;box-shadow:0 0 0 5px rgba(59,154,99,.1)}main{overflow:hidden}.hero{min-height:590px;padding:86px clamp(22px,8vw,130px) 70px;position:relative;background:radial-gradient(circle at 82% 42%,rgba(201,216,197,.75) 0 15%,transparent 35%),linear-gradient(120deg,var(--paper),#eee9de)}.hero:after{content:'P';position:absolute;right:5vw;top:20px;font-family:Georgia,serif;font-size:min(45vw,610px);line-height:1;color:rgba(36,77,59,.045);pointer-events:none}.eyebrow,.step-kicker{font-size:11px;letter-spacing:.2em;font-weight:800;color:var(--orange)}h1{position:relative;z-index:1;margin:16px 0 20px;font-size:clamp(62px,10vw,142px);line-height:.87;letter-spacing:-.08em;max-width:1000px}h1 em{font-family:'Playfair Display',Georgia,serif;font-weight:700;color:var(--green)}.lede{position:relative;z-index:1;width:min(570px,100%);font-size:17px;line-height:1.9;color:#596159}.promise{position:relative;z-index:1;display:flex;gap:24px;flex-wrap:wrap;margin-top:28px;font-size:12px;font-weight:600}.promise span:before{content:'✓';color:var(--orange);margin-right:7px}.studio{width:min(1160px,calc(100% - 36px));margin:-20px auto 90px;background:var(--cream);box-shadow:var(--shadow);position:relative;z-index:2;padding:clamp(25px,5vw,62px)}.studio-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:34px}.studio h2,.how h2{font-size:clamp(30px,4vw,53px);letter-spacing:-.055em;margin:8px 0 0}.studio-head p{font-size:12px;color:#777d75;line-height:1.8;text-align:right}.drop-zone{min-height:250px;border:1.5px dashed #aab2a8;background:rgba(201,216,197,.13);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.drop-zone:hover,.drop-zone:focus,.drop-zone.dragging{border-color:var(--green);background:rgba(201,216,197,.28);outline:none}.upload-symbol{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white;font-size:29px;margin-bottom:16px}.drop-zone strong{font-size:18px}.drop-zone span{font-size:13px;color:#737a72;margin-top:7px}.drop-zone small{font-size:10px;color:#9a9e98;margin-top:16px}.previews{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.preview{height:160px;position:relative;overflow:hidden;background:#ddd}.preview img{width:100%;height:100%;object-fit:cover}.preview button{position:absolute;right:8px;top:8px;border:0;border-radius:50%;width:28px;height:28px;background:rgba(20,20,20,.72);color:white;cursor:pointer}.code-field{display:grid;gap:8px;margin-top:22px;font-size:12px;font-weight:700}.code-field input{height:50px;border:1px solid var(--line);background:white;padding:0 15px;font:inherit}.consent{display:flex;align-items:flex-start;gap:9px;margin:22px 0 16px;font-size:12px;color:#6f756e}.consent input{margin-top:3px;accent-color:var(--green)}button.primary,a.primary{width:100%;min-height:58px;border:0;background:var(--green);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font:700 15px inherit;text-decoration:none;cursor:pointer;transition:.2s}.primary:hover{background:#173b2c}.primary:disabled{opacity:.35;cursor:not-allowed}.primary b{font-size:22px}.error{color:#b3382f;font-size:13px;min-height:20px}.progress-panel,.result{margin-top:28px;padding:28px;border:1px solid var(--line);background:white}.progress-top{display:flex;justify-content:space-between;font-weight:700}.progress-track{height:7px;background:#e7e7e1;margin:15px 0}.progress-track i{display:block;height:100%;width:10%;background:var(--orange);transition:width .4s}.progress-panel ol{display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:24px 0;list-style:none;counter-reset:phase}.progress-panel li{font-size:12px;color:#989c96}.progress-panel li:before{counter-increment:phase;content:'0' counter(phase);display:block;font-size:10px;font-weight:800;color:#b6bab5;margin-bottom:6px}.progress-panel li.done{color:var(--green);font-weight:700}.progress-panel li.done:before{content:'✓';color:var(--orange)}.progress-panel p{font-size:11px;color:#8b9089;margin:0}.result{border-top:5px solid var(--orange);display:grid;gap:22px;position:relative}.result-stamp{position:absolute;right:20px;top:18px;font:900 11px monospace;color:var(--orange);letter-spacing:.12em}.result p{font-size:12px;color:#727970;margin:0 0 4px}.result h3{font-size:24px;margin:0;letter-spacing:-.04em}.result-actions{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}.secondary{display:grid;place-items:center;border:1px solid var(--green);background:white;color:var(--green);text-decoration:none;font:700 12px inherit;cursor:pointer;padding:0 12px;min-height:58px}.result small{color:#8b9089;font-size:10px}.download-tip{margin:0;padding:12px 14px;background:#f5efe3;color:#655f55;font-size:12px;line-height:1.7}.how{width:min(1160px,calc(100% - 36px));margin:0 auto 110px}.how-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:38px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.how-grid article{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:210px}.how-grid b{font:700 12px monospace;color:var(--orange)}.how-grid h3{font-size:20px;margin:44px 0 10px}.how-grid p{font-size:12px;line-height:1.8;color:#747b73}footer{min-height:170px;background:var(--green);color:white;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:30px clamp(22px,6vw,90px);gap:30px}footer span{font-weight:800}footer p{text-align:center;font-family:Georgia,serif;font-style:italic;color:#d6e0d4}footer small{text-align:right;color:#aabaaa}
@media(max-width:760px){.nav-note{display:none}.hero{min-height:520px;padding-top:72px}h1{font-size:64px}.studio{padding:25px 18px}.studio-head{display:block}.studio-head p{text-align:left}.drop-zone{min-height:210px}.previews{grid-template-columns:1fr}.preview{height:210px}.progress-panel ol,.how-grid{grid-template-columns:1fr 1fr}.result-actions{grid-template-columns:1fr}.secondary{min-height:50px}footer{grid-template-columns:1fr;text-align:center}footer small{text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}