*{box-sizing:border-box}body{margin:0;font-family:Arial,"Microsoft YaHei",sans-serif;background:#f6f7fb;color:#171717}.wrap{max-width:900px;margin:0 auto;padding:70px 20px}.hero{text-align:center}.logo{margin:auto;width:58px;height:58px;border-radius:18px;background:#111;color:#fff;display:grid;place-items:center;font-weight:800;font-size:22px;box-shadow:8px 8px 0 #25f4ee,-5px -5px 0 #fe2c55}.hero h1{font-size:42px;margin:28px 0 10px}.hero p{color:#666;font-size:17px}.box{display:flex;background:#fff;padding:8px;border-radius:18px;margin:35px auto 10px;box-shadow:0 12px 40px #00000012;max-width:760px}.box input{flex:1;border:0;outline:0;padding:16px;font-size:16px;min-width:0}.box button,#download{border:0;border-radius:12px;background:#111;color:#fff;padding:0 24px;font-weight:700;cursor:pointer}.box button:hover,#download:hover{opacity:.85}#msg{min-height:24px;color:#d33}.result{display:flex;gap:25px;background:#fff;margin-top:35px;padding:20px;border-radius:20px;box-shadow:0 12px 40px #00000012}.result img{width:210px;height:280px;object-fit:cover;border-radius:14px;background:#eee}.info{flex:1}.info h2{font-size:22px}.info p{color:#666;margin-bottom:30px}.info button{height:48px}.hidden{display:none}footer{text-align:center;color:#999;font-size:13px;margin-top:70px}@media(max-width:600px){.wrap{padding:45px 14px}.hero h1{font-size:32px}.box{padding:6px}.box button{padding:0 14px}.result{flex-direction:column}.result img{width:100%;height:360px}.info button{width:100%}}