:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8fa;--panel:#fff;--ink:#111827;--muted:#5d6678;--line:#dde2ea;--accent:#0f766e;--accent-ink:#fff;--danger:#b42318;--soft:#eef8f6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);letter-spacing:0;margin:0;font-family:Arial,Microsoft YaHei,PingFang SC,sans-serif}a{color:inherit}button,input{font:inherit}.page{min-height:100dvh}.shell{width:min(1120px,100% - 32px);margin:0 auto}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.brand{font-size:18px;font-weight:800}.nav a{color:var(--muted);font-size:14px;text-decoration:none}.hero{grid-template-columns:minmax(0,.95fr) minmax(320px,.8fr);align-items:center;gap:32px;padding:48px 0 24px;display:grid}.hero h1{letter-spacing:0;margin:0;font-size:clamp(36px,7vw,68px);line-height:1.03}.hero p,.section p{color:var(--muted);margin:16px 0 0;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.button{border:1px solid var(--ink);min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:0 18px;text-decoration:none;display:inline-flex}.button.primary{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.button:active{transform:translateY(1px)}.tool-panel,.info-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px}.tool-panel{padding:20px}.info-panel{padding:18px}.tool-panel h2,.section h2{margin:0;font-size:24px;line-height:1.25}.field{gap:8px;margin-top:16px;display:grid}.field label{font-weight:700}.field input{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;min-height:44px;padding:8px 12px}.hint{color:var(--muted);font-size:13px}.state-box{border:1px solid var(--line);color:var(--muted);white-space:pre-wrap;background:#fbfcfd;border-radius:8px;margin-top:16px;padding:14px;line-height:1.65}.state-box.error{color:var(--danger);background:#fff7f6;border-color:#f1b8b2}.result-text{min-height:130px;color:var(--ink)}.section{padding:40px 0}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.steps{counter-reset:step}.step{padding-top:42px;position:relative}.step:before{counter-increment:step;content:counter(step);background:var(--soft);width:26px;height:26px;color:var(--accent);border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:18px;left:18px}.faq details{border-top:1px solid var(--line);padding:16px 0}.faq summary{cursor:pointer;font-weight:800}.footer{border-top:1px solid var(--line);color:var(--muted);padding:24px 0 40px;font-size:14px}@media (max-width:780px){.shell{width:min(100% - 24px,1120px)}.hero{grid-template-columns:1fr;padding-top:28px}.grid{grid-template-columns:1fr}.button{width:100%}}