.intro h1{font-size:54px;letter-spacing:-2px}.presets{display:flex;gap:8px;margin-top:9px}.presets button{flex:1;border:1px solid #dce4f4;border-radius:6px;background:#f4f7ff;color:#37569e;font-size:14px;padding:5px;cursor:pointer}.downscale{margin-top:20px;align-items:flex-start}.downscale input{margin-top:6px}.result{margin-top:24px;background:#edf6f1;border:1px solid #c9e2d3;border-radius:10px;padding:20px}.result p{font-size:14px}.result small{font-size:12px;color:#687e72}.result.warning{background:#fff6e6;border-color:#ebd6af}.faq{max-width:800px;padding:0 0 50px}.faq h2{font-size:24px}.faq details{border-top:1px solid #dce2ec;padding:15px 0}.faq summary{cursor:pointer;font-weight:600;font-size:16px}.faq p{color:#6c788d;font-size:14px}@media(max-width:600px){.intro h1{font-size:40px}.privacy{font-size:12px}}

.language-control{flex-shrink:0}.language-control select{width:auto;min-width:115px;font-size:14px;height:38px}header{gap:16px}header .header-note{margin-left:auto}header>a[href="#guide"]{font-size:14px;white-space:nowrap}@media(max-width:500px){header{padding:0 16px;height:76px;gap:10px}header .brand{font-size:20px}header>a[href="#guide"]{display:none}.language-control{margin-left:auto}.intro h1{letter-spacing:-1px}}

@media(max-width:480px){html[lang="zh-CN"] h1{font-size:28px;letter-spacing:-1px;line-height:1.5}}

.tool-links{margin:34px 0 54px;padding:24px;border:1px solid #dce4f4;border-radius:14px;background:#f8faff}.tool-links h2{margin:0 0 8px;font-size:24px}.tool-links p{color:#5c6b83}.tool-links ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:18px 0 0}.tool-links a{display:block;padding:9px 13px;border:1px solid #b9caef;border-radius:8px;background:white;color:#234a91;text-decoration:none}.tool-links a:hover,.tool-links a:focus-visible{background:#eaf0ff;outline:2px solid #4471db;outline-offset:2px}
