.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}}
