:root{--ink:#111;--muted:#77777f;--line:#e7e7ea;--soft:#f7f7f8;--coral:#ff4d4f;--coral-dark:#ed3d41;--coral-pale:#fff1f1;--violet:#7c4dff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #7c4dff47}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1240px;height:80px;margin:0 auto;padding:0 24px;display:flex}.brand{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:11px;font-size:23px;font-weight:850;text-decoration:none;display:inline-flex}.brand-mark{border:3px solid var(--coral);width:34px;height:30px;box-shadow:-4px 4px 0 -1px var(--violet);border-radius:7px;display:inline-block;position:relative;transform:rotate(-4deg)}.brand-mark:before{content:"";background:var(--coral);border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px}.brand-mark span{background:var(--coral);clip-path:polygon(0 100%,38% 30%,58% 68%,72% 48%,100% 100%);height:10px;position:absolute;bottom:4px;left:4px;right:4px}nav{gap:42px;display:flex}nav a{color:#2b2b30;font-size:15px;font-weight:650;text-decoration:none}nav a:hover{color:var(--coral)}.hero{max-width:1120px;margin:0 auto;padding:64px 24px 50px}.hero-copy{text-align:center}.hero h1{letter-spacing:-.06em;margin:0;font-size:clamp(40px,5.2vw,67px);font-weight:900;line-height:1.08}.hero h1 span{letter-spacing:-.045em}.hero-copy>p{color:var(--muted);margin:20px 0 34px;font-size:18px;line-height:1.7}.tool-wrap{width:100%}.url-form{grid-template-columns:1fr 156px;gap:12px;max-width:930px;margin:0 auto;display:grid}.url-field{color:#8d8d94;border:1px solid #d8d8dd;border-radius:10px;align-items:center;gap:12px;height:58px;padding:0 18px;transition:border-color .2s,box-shadow .2s;display:flex}.url-field:focus-within{border-color:var(--coral);box-shadow:0 0 0 4px #ff4d4f14}.url-field input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:16px}.url-field input::placeholder{color:#9a9aa1}.clear-button{background:var(--soft);color:#777;cursor:pointer;border:0;border-radius:50%;width:28px;height:28px;font-size:20px;line-height:1}.resolve-button,.save-all{background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-weight:760;transition:background .2s,transform .2s;display:inline-flex}.resolve-button{height:58px;font-size:16px}.resolve-button:hover,.save-all:hover{background:var(--coral-dark);transform:translateY(-1px)}.resolve-button:disabled,.save-all:disabled{opacity:.58;cursor:wait;transform:none}.spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.privacy-note,.form-error{text-align:center;color:#8b8b92;margin:13px 0 0;font-size:13px}.form-error{color:#d82f34;font-weight:600}.result-panel{background:#fff;border:1px solid #ffb7b8;border-radius:16px;margin-top:36px;padding:22px 20px 20px;position:relative;box-shadow:8px 8px 0 -3px #fff,8px 8px 0 -2px #ffd0d1,16px 16px 0 -7px #fff,16px 16px 0 -6px #ffe1e1}.result-progress{background:var(--coral);border-radius:99px;width:22%;height:3px;position:absolute;top:-1px;left:26px}.result-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.result-header>div{align-items:center;gap:9px;display:flex}.result-header strong{font-size:19px}.result-header span{color:var(--muted);margin-left:4px;font-size:13px}.save-all{min-height:44px;padding:0 19px;font-size:15px}.image-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.image-item{min-width:0;position:relative}.image-item img{aspect-ratio:4/3;object-fit:cover;background:var(--soft);border-radius:10px;width:100%;display:block}.select-button{z-index:1;color:#0000;cursor:pointer;background:#11111159;border:2px solid #fff;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid;position:absolute;top:9px;right:9px;box-shadow:0 2px 6px #0000001f}.select-button.active{background:var(--coral);color:#fff}.single-download{color:#28282c;border:1px solid #ffbfc0;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:fit-content;min-height:40px;margin:13px auto 0;padding:0 18px;font-size:14px;font-weight:650;text-decoration:none;display:flex}.single-download svg{color:var(--coral)}.single-download:hover{background:var(--coral-pale)}.ios-tip{color:var(--muted);text-align:center;margin:17px 0 0;font-size:12px}.steps{max-width:1040px;margin:0 auto;padding:56px 24px 72px}.steps h2,.faq h2{text-align:center;letter-spacing:-.045em;margin:0 0 34px;font-size:30px}.step-list{grid-template-columns:repeat(3,1fr);gap:56px;display:grid}.step-list article{align-items:flex-start;gap:17px;display:flex;position:relative}.step-list article:not(:last-child):after{content:"";border-top:1px dashed #ffb7b8;width:38px;position:absolute;top:27px;right:-47px}.step-number{width:54px;height:54px;color:var(--coral);background:var(--coral-pale);border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:850;display:grid}.step-list h3{margin:4px 0 7px;font-size:17px}.step-list p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.faq{max-width:1040px;margin:0 auto;padding:40px 24px 78px}.faq h2{text-align:left;margin-bottom:14px}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:20px 4px;font-weight:680;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:#777;font-size:20px;font-weight:400}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);margin:-4px 0 20px;font-size:14px;line-height:1.7}footer{border-top:1px solid var(--line);color:#8a8a90;justify-content:space-between;align-items:center;max-width:1240px;min-height:90px;margin:0 auto;padding:24px;font-size:12px;display:flex}@media (max-width:760px){.site-header{height:66px;padding:0 18px}.brand{font-size:19px}.brand-mark{border-width:2.5px;width:29px;height:26px}nav{display:none}.hero{padding:50px 16px 34px}.hero h1{font-size:clamp(34px,10.4vw,46px);line-height:1.12}.hero-copy>p{max-width:290px;margin:17px auto 26px;font-size:15px}.url-form{grid-template-columns:1fr;gap:10px}.url-field,.resolve-button{height:54px}.resolve-button{width:100%}.result-panel{box-shadow:none;border-radius:14px;margin-top:30px;padding:18px 13px 17px}.result-header{margin-bottom:14px}.result-header strong{font-size:16px}.result-header span{display:none}.save-all{min-height:40px;padding:0 12px;font-size:13px}.image-grid{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;padding-bottom:7px;display:flex;overflow-x:auto}.image-grid::-webkit-scrollbar{display:none}.image-item{scroll-snap-align:center;flex:0 0 78%}.image-item img{aspect-ratio:1}.single-download{width:100%}.steps{padding:45px 22px 56px}.steps h2,.faq h2{font-size:25px}.step-list{grid-template-columns:1fr;gap:26px;max-width:410px;margin:0 auto}.step-list article:not(:last-child):after{border:0;border-left:1px dashed #ffb7b8;width:1px;height:20px;top:60px;left:27px;right:auto}.faq{padding:32px 18px 58px}.faq summary{font-size:14px}footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;min-height:110px;padding:25px 18px;line-height:1.6}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}