.home-hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;padding:40px 0 32px;display:grid}.home-introduction h1{letter-spacing:-2px;text-wrap:balance;max-width:13ch;margin:0;font-size:clamp(38px,4.2vw,58px);font-weight:650;line-height:1.16}.home-introduction>p{color:var(--site-muted);max-width:53ch;margin:12px 0;line-height:1.65}.home-introduction h1:lang(zh-CN){text-wrap:wrap;max-width:9em}.primary-link{background:var(--site-action);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:10px 20px;font-weight:600;text-decoration:none;display:inline-flex}.home-introduction .home-local-note{align-items:center;gap:8px;margin-bottom:0;font-size:13px;display:flex}.format-map{min-height:260px;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));isolation:isolate;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:14px;padding:28px 24px;transition:transform .18s ease-out;display:grid;position:relative}.format-map-input,.format-map-output{gap:18px;display:grid}.format-map-input span,.format-map-output span{background:var(--site-paper);border:1px solid var(--site-border);text-align:center;border-radius:8px;padding:11px 8px;font-size:16px;font-weight:600}.format-map-core{color:var(--site-accent);flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.catalogue-section{scroll-margin-top:24px}.catalogue-heading{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.catalogue-heading h2,.home-benefits h2,.home-how h2,.home-cases h2{letter-spacing:-.7px;margin:0 0 14px;font-size:24px;font-weight:600}.catalogue-heading p{color:var(--site-muted);font-size:13px}.catalogue-controls{gap:12px;margin-bottom:16px;display:flex}.catalogue-controls input{flex:1;min-width:0}.catalogue-controls input,.catalogue-controls select,.catalogue-controls button{border:1px solid var(--site-control-border);background:var(--site-paper);color:var(--site-ink);border-radius:8px;min-height:44px;padding:9px 12px}.catalogue-controls button{cursor:pointer}.tool-catalogue{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.tool-entry{border:1px solid var(--site-border);background:var(--site-paper);border-radius:12px;min-width:0;transition:translate .16s ease-out,border-color .16s ease-out;translate:0}.tool-entry[hidden]{display:none}.tool-entry a{height:100%;padding:20px;text-decoration:none;display:block}.tool-entry h3{letter-spacing:-.3px;margin:0 0 8px;font-size:18px;font-weight:600;line-height:1.5}.tool-entry p{color:var(--site-muted);margin:0;font-size:13px;line-height:1.6}.home-benefits,.home-cases,.home-how{border-top:1px solid var(--site-border);margin-top:32px;padding-top:22px}.benefit-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.benefit-columns h3{margin:0 0 8px;font-size:18px;font-weight:600}.benefit-columns p{color:var(--site-muted);max-width:45ch;font-size:14px;line-height:1.7}.benefit-columns a{color:var(--site-accent);text-underline-offset:4px;font-size:14px}.home-how ol{grid-template-columns:repeat(4,1fr);gap:20px;padding:0;list-style:none;display:grid}.home-how li{align-items:center;gap:12px;font-size:15px;display:flex}.home-how li span{border:1px solid var(--site-border);width:32px;height:32px;color:var(--site-accent);border-radius:50%;place-items:center;display:grid}.tool-breadcrumb{color:var(--site-muted);flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0 0;font-size:13px;display:flex}.tool-breadcrumb a{text-underline-offset:4px;padding:6px 0}.related-tools{flex-wrap:wrap;gap:16px;margin:28px 0;display:flex}.related-tools h2{flex-basis:100%;margin:0;font-size:21px}.related-tools a{color:var(--site-accent);font-size:14px;line-height:1.6}.reveal-ready{opacity:0;transform:translateY(12px)}.reveal-ready.revealed{opacity:1;transition:opacity .3s ease-out,transform .3s ease-out;transform:none}.tool-source-content h1{font-size:1.8em}@media (hover:hover){.tool-entry:hover{border-color:var(--site-accent);translate:0 -3px}.primary-link:hover{filter:brightness(1.08)}}@media (prefers-reduced-motion:no-preference){.tool-entry{animation:.3s ease-out both tool-enter;animation-delay:calc(var(--entry-index,0) * 50ms)}}@keyframes tool-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1000px){.home-hero{gap:24px;padding:32px 0}.format-map{gap:10px;padding:20px 16px}.tool-catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit-columns{gap:24px}}@media (width<=640px){.home-hero{grid-template-columns:1fr;gap:0;padding:24px 0}.home-introduction h1{letter-spacing:-1px;max-width:16ch;font-size:clamp(32px,9vw,38px)}.format-map{display:none}.format-map-input,.format-map-output{gap:12px}.catalogue-heading p{display:none}.catalogue-controls{flex-wrap:wrap}.catalogue-controls input{flex-basis:100%}.catalogue-controls select{flex:1;min-width:0}.tool-catalogue{grid-template-columns:1fr}.tool-entry a{padding:16px}.benefit-columns{grid-template-columns:1fr;gap:18px}.home-how ol{grid-template-columns:1fr 1fr;gap:22px 12px}.home-benefits,.home-how,.home-cases{margin-top:28px}.home-how li{font-size:13px}}@media (prefers-reduced-motion:reduce){.format-map,.tool-entry,.reveal-ready{opacity:1!important;transition:none!important;animation:none!important;transform:translate(0,0)!important}}
