*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Inter,Arial,sans-serif;background:#f7f8fc;color:#202124}
a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}
header{background:#fff;border-bottom:1px solid #e8e8ef;position:sticky;top:0;z-index:50}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:10px;color:#6840df;font-weight:800;font-size:21px}
.logo-icon{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#7442ff,#3b82f6);display:flex;align-items:center;justify-content:center;color:#fff}
.links{display:flex;gap:24px;font-size:14px;font-weight:600}.links a:hover{color:#6840df}
.hero{text-align:center;padding:60px 0 35px}.badge{display:inline-block;padding:8px 14px;border-radius:30px;background:#eee9ff;color:#6840df;font-size:12px;font-weight:700}
.hero h1{font-size:46px;line-height:1.1;margin:15px 0}.hero h1 span{color:#6840df}.hero p{max-width:680px;margin:auto;color:#6d6d76;line-height:1.7}
.search{max-width:650px;margin:28px auto;display:flex;background:#fff;border:1px solid #ddd;border-radius:14px;overflow:hidden;box-shadow:0 8px 25px #0000000a}
.search input{flex:1;border:0;outline:0;padding:17px;font-size:15px}.search button{border:0;background:#6840df;color:#fff;padding:0 24px;font-weight:bold}
.section{padding:30px 0 70px}.section-title{text-align:center;margin-bottom:28px}.section-title h2{font-size:30px}.section-title p{color:#777;margin-top:7px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid #e8e8ef;border-radius:18px;padding:21px;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #0000000c}
.icon{width:52px;height:52px;border-radius:15px;background:#f0ebff;display:flex;align-items:center;justify-content:center;font-size:25px;margin-bottom:15px}.card h3{font-size:17px;margin-bottom:8px}.card p{font-size:13px;color:#777;line-height:1.5;min-height:40px}.btn{display:block;margin-top:17px;padding:11px;text-align:center;border-radius:10px;background:#6840df;color:#fff;font-size:13px;font-weight:bold}
.ad{display:flex;justify-content:center;align-items:center;overflow:hidden;background:#f0f0f5}.ad468{width:468px;height:60px;max-width:100%;margin:20px auto}.ad160{width:160px;height:300px;margin:auto}.native-ad{min-height:100px;margin:22px auto;display:flex;justify-content:center;align-items:center}
.tool-page{padding:40px 0 70px}.tool-layout{display:grid;grid-template-columns:1fr 160px;gap:28px}.main{background:#fff;border:1px solid #e8e8ef;border-radius:20px;padding:30px}.main h1{font-size:32px;margin-bottom:8px}.desc{color:#666;line-height:1.7;margin-bottom:18px}
.upload{min-height:270px;border:2px dashed #cfc7ef;border-radius:18px;background:#faf9ff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px}.upload .big{font-size:50px}.upload p{color:#777;margin:10px 0 18px}.convert{width:100%;border:0;background:#6840df;color:#fff;padding:15px;border-radius:12px;margin-top:18px;font-size:15px;font-weight:bold}
.info{line-height:1.8;margin-top:28px}.info h2{margin:22px 0 8px;font-size:22px}.info p{color:#666;margin-bottom:10px}
.legal{padding:50px 0}.legal-box{background:#fff;border:1px solid #e8e8ef;border-radius:18px;padding:35px;line-height:1.8}.legal-box h1{font-size:32px;margin-bottom:15px}.legal-box h2{margin-top:24px}.legal-box p{color:#666}
footer{background:#181525;color:#fff;margin-top:30px}.footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px;padding:42px 0}.footer p,.footer a{color:#bdb9cb;font-size:13px;line-height:1.9}.footer-links{display:flex;flex-direction:column}.copyright{text-align:center;border-top:1px solid #302d3d;padding:18px;color:#999;font-size:12px}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.tool-layout{grid-template-columns:1fr}.hero h1{font-size:38px}.ad160{margin:10px auto}}
@media(max-width:600px){.links{display:none}.grid{grid-template-columns:1fr}.hero h1{font-size:32px}.main{padding:20px}.footer{grid-template-columns:1fr}.ad468{transform:scale(.9)}}