:root{--ink:#151515;--red:#ff3b30;--cream:#f7f4ed;--line:#d9d3c7}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}main{max-width:1160px;margin:auto;padding:64px 24px}header{max-width:850px}.badge{display:inline-block;background:var(--ink);color:#fff;padding:8px 13px;font-size:12px;font-weight:800;letter-spacing:1.5px}h1{font-size:clamp(42px,6vw,78px);line-height:1.04;margin:22px 0 18px;letter-spacing:-3px}h1 em{font-style:normal;color:var(--red)}header p{font-size:18px;line-height:1.7;color:#5d5a54}.studio{display:grid;grid-template-columns:1.35fr .65fr;margin-top:42px;background:#fff;border:3px solid var(--ink);box-shadow:12px 12px 0 var(--ink)}form{padding:34px}.step{display:grid;grid-template-columns:54px 1fr;gap:14px;padding:24px 0;border-bottom:1px solid var(--line)}.step>b{font-size:28px;color:var(--red)}label{display:block;font-weight:900;font-size:19px;margin-bottom:5px}small{display:block;color:#777;margin-bottom:13px}input[type=file],textarea{width:100%;border:2px solid var(--ink);background:#faf9f6;padding:13px;font:inherit}textarea{height:148px;resize:vertical;line-height:1.6}#count{display:block;text-align:right;color:#888;font-size:12px;margin-top:5px}.consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;font-weight:600;margin:22px 0}.consent input{margin-top:2px}button{width:100%;border:0;background:var(--red);color:#fff;padding:17px;cursor:pointer;box-shadow:5px 5px 0 var(--ink);font:inherit}button span{display:block;font-size:20px;font-weight:900}button i{font-style:normal;font-size:12px;opacity:.8}button:disabled{opacity:.5}aside{background:var(--ink);color:#fff;padding:28px}.phone{height:420px;border:7px solid #333;border-radius:26px;overflow:hidden;position:relative;background:#596653}.portrait-preview{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;background-size:cover;background-position:center;color:#d9dfd4}.demo-text{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-shadow:3px 3px #000,-3px -3px #000,3px -3px #000,-3px 3px #000}.demo-text strong{font-size:56px;transform:rotate(-5deg)}.demo-text .red{color:var(--red);font-size:72px;transform:rotate(4deg)}.demo-text small{font-weight:900;font-size:28px;color:#fff}aside ul{list-style:none;padding:0;margin:22px 0 0}aside li{display:flex;justify-content:space-between;border-top:1px solid #444;padding:14px 0}aside li span{font-size:12px;color:#aaa}.progress{margin-top:34px;background:#fff;border:3px solid var(--ink);padding:26px;box-shadow:7px 7px 0 var(--red)}.progress-head{display:flex;justify-content:space-between}.bar{height:15px;background:#e7e4dc;margin:17px 0}.bar i{display:block;width:0;height:100%;background:var(--red);transition:width .4s}.progress p{color:#666}.progress a{display:inline-block;background:var(--ink);color:#fff;padding:13px 20px;text-decoration:none;font-weight:900}.hidden{display:none!important}footer{text-align:center;padding:24px;color:#777;font-size:12px}@media(max-width:800px){main{padding:35px 15px}h1{letter-spacing:-1px}.studio{grid-template-columns:1fr}.step{grid-template-columns:42px 1fr}aside{display:none}form{padding:22px}}