.tool-page-shell{--tool-shell-line:#dfe8f5;--tool-shell-surface:#f5f8ff;color:var(--ink)}.tool-page-shell>.hero{text-align:center;padding:28px 0 0}.tool-page-shell>.hero>.container>.breadcrumbs{text-align:left;align-items:center;gap:5px 9px;margin:0 0 26px;font-size:13px;line-height:1.6}.tool-page-shell .breadcrumbs a{text-underline-offset:4px;border-radius:3px}.tool-page-shell .breadcrumbs a:hover{color:var(--brand-blue-dark);text-decoration:underline}.tool-page-shell>.hero>.container>.eyebrow{letter-spacing:.065em;color:var(--brand-blue-dark)!important}.tool-page-shell>.hero h1{letter-spacing:-.04em;text-wrap:balance;max-width:850px;margin-inline:auto;font-size:clamp(30px,4.3vw,48px);line-height:1.15}.tool-page-shell:lang(zh-CN)>.hero h1{word-break:keep-all;overflow-wrap:break-word;letter-spacing:-.025em;line-height:1.3}.tool-page-shell>.hero>.container>p:not(.eyebrow){max-width:700px;color:var(--muted-ink);margin:14px auto 0;font-size:16px;line-height:1.75}.tool-page-shell .tool-page-workspace{border:1px solid var(--tool-shell-line);background:var(--tool-shell-surface);border-radius:24px;max-width:856px;margin:26px auto 0;padding:18px 28px 26px}.tool-page-shell .tool-page-workspace>.tool-page-local{color:#276044;justify-content:center;align-items:center;gap:7px;margin:0 0 14px;font-size:12px;font-weight:650;line-height:1.5;display:flex}.tool-page-shell .tool-page-local svg{flex:none;width:18px;height:18px}.tool-page-shell .tool-page-workspace>.converter-shell{margin-top:0}.tool-page-shell>.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:32px 0 44px}.tool-page-shell>.content-grid>.card{border-color:var(--tool-shell-line);background:#fff;border-radius:18px;min-width:0;padding:24px;box-shadow:0 3px 12px #17305908}.tool-page-shell .tool-benefit-icon{width:36px;height:36px;color:var(--brand-blue);background:#edf3ff;border-radius:10px;margin-bottom:16px;padding:7px;display:block}.tool-page-shell>.content-grid>.card h2{letter-spacing:-.02em;margin:0 0 9px;font-size:18px;line-height:1.4}.tool-page-shell>.content-grid>.card p{color:var(--muted-ink);margin:0;font-size:14px;line-height:1.75}.tool-page-shell>.section{border-color:#eaf0f8;padding:48px 0}.tool-page-shell>.section h2{color:var(--ink);letter-spacing:-.025em;text-wrap:balance;margin-bottom:24px;font-size:clamp(23px,3vw,30px);line-height:1.3}.tool-page-shell .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tool-page-shell .step{background:0 0;border-radius:0;min-width:0;padding:0 20px 0 0}.tool-page-shell .step:not(:last-child){border-right:1px solid var(--tool-shell-line)}.tool-page-shell .step-number{width:38px;height:38px;color:var(--brand-blue-dark);background:#eaf1ff}.tool-page-shell .step h3{margin:16px 0 8px;font-size:17px;line-height:1.45}.tool-page-shell .step p{color:var(--muted-ink);margin:0;font-size:15px;line-height:1.75}.tool-page-shell>.section:has(>.prose-block){background:#f9fbff}.tool-page-shell .prose-block{max-width:740px}.tool-page-shell .prose-block p{color:#45566e;margin:16px 0 0;font-size:16px;line-height:1.85}.tool-page-shell .prose-block a{color:var(--brand-blue-dark);text-underline-offset:4px;text-decoration-thickness:1px}.tool-page-shell .faq>.container{max-width:800px}.tool-page-shell .faq details{border:1px solid var(--tool-shell-line);background:#fff;border-radius:14px;margin-bottom:10px;padding:0}.tool-page-shell .faq details:hover{border-color:#b9cef0}.tool-page-shell .faq details[open]{background:#f8faff;border-color:#adc5ee}.tool-page-shell .faq summary{border-radius:13px;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;font-size:16px;line-height:1.5;list-style:none;display:flex}.tool-page-shell .faq summary::-webkit-details-marker{display:none}.tool-page-shell .faq summary:after{content:"";border-bottom:2px solid #6482b1;border-right:2px solid #6482b1;flex:none;width:9px;height:9px;margin-right:3px;transform:rotate(45deg)}.tool-page-shell .faq details[open] summary:after{transform:rotate(225deg)}.tool-page-shell .faq details p{color:var(--muted-ink);margin:0;padding:0 22px 22px;font-size:15px;line-height:1.8}.tool-page-shell .related,.tool-page-shell .related-block{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tool-page-shell :is(.related,.related-block)>a{border:1px solid var(--tool-shell-line);color:#294568;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:15px 17px;font-size:14px;font-weight:650;line-height:1.5;text-decoration:none;display:flex}.tool-page-shell :is(.related,.related-block)>a:after{content:"→";color:var(--brand-blue);flex:none}.tool-page-shell :is(.related,.related-block)>a:hover{background:var(--tool-shell-surface);color:var(--brand-blue-dark);border-color:#a9c4ed}.tool-page-shell .related-block>strong{grid-column:1/-1}.tool-page-shell .guide-card{border-color:var(--tool-shell-line);border-radius:16px}.tool-page-shell .guide-card:hover{background:var(--tool-shell-surface);border-color:#a9c4ed}.tool-page-shell :is(.breadcrumbs a,.related a,.related-block a,.guide-card,.prose-block a,.faq summary):focus-visible{outline-offset:4px;outline:3px solid #548ef1}@media (width<=767px){.tool-page-shell>.hero{padding-top:20px}.tool-page-shell>.hero>.container>.breadcrumbs{margin-bottom:20px;font-size:12px}.tool-page-shell>.hero h1{font-size:clamp(28px,6.5vw,38px)}.tool-page-shell>.hero>.container>p:not(.eyebrow){margin-top:12px;font-size:14px;line-height:1.65}.tool-page-shell .tool-page-workspace{border-radius:18px;margin-top:20px;padding:12px 10px 16px}.tool-page-shell .tool-page-workspace>.tool-page-local{margin-bottom:10px}.tool-page-shell>.content-grid{grid-template-columns:1fr;gap:12px;padding:24px 0 32px}.tool-page-shell>.content-grid>.card{padding:20px 20px 20px 68px;position:relative}.tool-page-shell .tool-benefit-icon{width:32px;height:32px;margin:0;position:absolute;top:20px;left:20px}.tool-page-shell>.content-grid>.card h2{font-size:17px}.tool-page-shell>.section{padding:34px 0}.tool-page-shell>.section h2{margin-bottom:20px}.tool-page-shell .steps{grid-template-columns:1fr;gap:20px}.tool-page-shell .step{padding:0 0 20px 56px;position:relative}.tool-page-shell .step:not(:last-child){border-right:0;border-bottom:1px solid var(--tool-shell-line)}.tool-page-shell .step:last-child{padding-bottom:0}.tool-page-shell .step-number{position:absolute;top:0;left:0}.tool-page-shell .step h3{margin-top:0}.tool-page-shell .prose-block p{font-size:15px;line-height:1.8}.tool-page-shell .faq summary{gap:12px;padding:18px 16px;font-size:15px}.tool-page-shell .faq details p{padding:0 16px 18px}.tool-page-shell .related,.tool-page-shell .related-block{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-page-shell :is(.related,.related-block)>a{gap:6px;min-height:64px;padding:12px;font-size:13px}}@media (width<=374px){.tool-page-shell>.hero h1{font-size:27px}.tool-page-shell .related,.tool-page-shell .related-block{grid-template-columns:1fr}}.tool-page-shell.heic-png-page{--png-page-width:960px;--png-card-line:#e0e8f3;--png-muted:#50617a;--png-soft:#f7f9fd;background:#fff}.tool-page-shell.heic-png-page>:is(.hero,.section)>.container,.tool-page-shell.heic-png-page>.content-grid{width:min(calc(100% - 32px), var(--png-page-width));max-width:var(--png-page-width);min-width:0;margin-inline:auto}.tool-page-shell.heic-png-page>.section,.tool-page-shell.heic-png-page>.section:has(>.prose-block){background:#fff;border-top:1px solid #e9edf5;padding:36px 0}.tool-page-shell.heic-png-page>.section h2{color:#17253d;letter-spacing:-.027em;margin:0 0 18px;font-size:clamp(24px,2.8vw,30px);line-height:1.28}.tool-page-shell.heic-png-page>.hero{padding-top:26px}.tool-page-shell.heic-png-page .tool-page-workspace{max-width:var(--png-page-width);border:1px solid var(--png-card-line);background:var(--png-soft);border-radius:20px;width:100%;margin:24px auto 0;padding:16px}.tool-page-shell.heic-png-page .tool-page-workspace>.converter-shell{border-radius:16px;width:100%;max-width:none;box-shadow:0 5px 18px #1f395e0d}.tool-page-shell.heic-png-page>.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px 0 36px}.tool-page-shell.heic-png-page>.content-grid>.card{border-color:var(--png-card-line);min-width:0;box-shadow:none;border-radius:14px;padding:18px 20px}.tool-page-shell.heic-png-page>.content-grid>.card .tool-benefit-icon{width:29px;height:29px;margin-bottom:8px}.tool-page-shell.heic-png-page>.content-grid>.card strong{color:#17253d;margin:0 0 5px;font-size:15px;line-height:1.4;display:block}.tool-page-shell.heic-png-page>.content-grid>.card p{color:var(--png-muted);margin:0;font-size:13px;line-height:1.55}.tool-page-shell.heic-png-page .steps{gap:14px}.tool-page-shell.heic-png-page .step{padding-right:16px}.tool-page-shell.heic-png-page>.heic-png-context>.prose-block{max-width:var(--png-page-width)}.tool-page-shell.heic-png-page .heic-png-context-content{border:1px solid var(--png-card-line);background:var(--png-soft);border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;padding:24px 26px;display:grid}.tool-page-shell.heic-png-page .heic-png-context-content>p{color:#40536d;min-width:0;margin:0;font-size:15px;line-height:1.72}.tool-page-shell.heic-png-page .heic-png-context-content a{color:#2058b4;text-underline-offset:3px}.tool-page-shell.heic-png-page>.heic-png-answers .answers-intro{color:var(--png-muted);margin:-5px 0 17px;font-size:15px;line-height:1.65}.tool-page-shell.heic-png-page .answers-list,.tool-page-shell.heic-png-page .heic-png-faq-list{border:1px solid var(--png-card-line);background:#fff;border-radius:16px;width:100%;min-width:0;overflow:hidden}.tool-page-shell.heic-png-page .faq>.container{max-width:var(--png-page-width)}.tool-page-shell.heic-png-page .heic-png-faq-list>details{background:#fff;border:0;border-radius:0;margin:0;padding:0}.tool-page-shell.heic-png-page .heic-png-faq-list>details+details{border-top:1px solid #e9edf5}.tool-page-shell.heic-png-page .heic-png-faq-list>details:hover{background:#fafcff;border-color:#0000}.tool-page-shell.heic-png-page .heic-png-faq-list>details[open]{background:#f9fbff;border-color:#0000}.tool-page-shell.heic-png-page .heic-png-faq-list summary{color:#21324c;cursor:pointer;border-radius:0;min-height:60px;padding:17px 20px;font-size:15px;font-weight:700;line-height:1.5}.tool-page-shell.heic-png-page .heic-png-faq-list details>p{color:var(--png-muted);margin:0;padding:0 20px 19px;font-size:15px;line-height:1.7}.tool-page-shell.heic-png-page :is(.related,.related-block)>a{border-color:var(--png-card-line);overflow-wrap:anywhere;min-width:0;min-height:64px;box-shadow:none;border-radius:14px}@media (width<=767px){.tool-page-shell.heic-png-page>.section,.tool-page-shell.heic-png-page>.section:has(>.prose-block){padding:27px 0}.tool-page-shell.heic-png-page>.section h2{margin-bottom:16px;font-size:clamp(23px,5.8vw,27px)}.tool-page-shell.heic-png-page .tool-page-workspace{border-radius:16px;margin-top:18px;padding:10px}.tool-page-shell.heic-png-page>.content-grid{grid-template-columns:1fr;gap:10px;padding:14px 0 27px}.tool-page-shell.heic-png-page>.content-grid>.card{grid-template-columns:30px minmax(0,1fr);align-items:center;gap:2px 11px;padding:13px 15px;display:grid}.tool-page-shell.heic-png-page>.content-grid>.card .tool-benefit-icon{grid-row:span 2;width:29px;height:29px;margin:0;position:static}.tool-page-shell.heic-png-page>.content-grid>.card strong{margin:0}.tool-page-shell.heic-png-page>.content-grid>.card p{grid-column:2}.tool-page-shell.heic-png-page .heic-png-context-content{grid-template-columns:1fr;gap:13px;padding:18px}.tool-page-shell.heic-png-page .heic-png-context-content>p{font-size:14px;line-height:1.7}.tool-page-shell.heic-png-page .heic-png-faq-list summary{padding:15px 16px}.tool-page-shell.heic-png-page .heic-png-faq-list details>p{padding:0 16px 17px}}@media (width<=374px){.tool-page-shell.heic-png-page .heic-png-context-content{padding:15px}}.tool-page-shell:not(.heic-png-page){--tool-page-content-width:960px}.tool-page-shell:not(.heic-png-page)>:is(.hero,.section)>.container,.tool-page-shell:not(.heic-png-page)>.content-grid{width:min(calc(100% - 32px), var(--tool-page-content-width));max-width:var(--tool-page-content-width);min-width:0;margin-inline:auto}.tool-page-shell:not(.heic-png-page)>.section>.container.prose-block,.tool-page-shell:not(.heic-png-page) .faq>.container{max-width:var(--tool-page-content-width)}.tool-page-shell:not(.heic-png-page) .tool-page-workspace{width:100%;max-width:var(--tool-page-content-width);margin-inline:auto}.tool-page-shell:not(.heic-png-page) .tool-page-workspace>.converter-shell,.tool-page-shell:not(.heic-png-page)>.section>.container.prose-block>:is(p,ul,ol){width:100%;max-width:none}.tool-page-shell:not(.heic-png-page)>.section>.container.prose-block>p{padding-inline:23px}@media (width<=767px){.tool-page-shell:not(.heic-png-page)>.section>.container.prose-block>p{padding-inline:17px}}