*{box-sizing:border-box;margin:0;padding:0}body{color:#33475b;background:#f5f7fa;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.topbar{background:#fff;border-bottom:1px solid #e1e6eb;box-shadow:0 1px 3px #0000000a}.topbar .inner{justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto;padding:14px 20px;display:flex}.logo{color:#2e79d6;align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.logo .dot{background:linear-gradient(135deg,#48a0f5,#2e79d6);border-radius:50%;width:26px;height:26px;display:inline-block}.logo b{color:#ff6b35}.topnav a{color:#5a6b7b;margin-left:18px;font-size:14px;text-decoration:none}.hero{text-align:center;background:linear-gradient(#eaf3fd 0%,#f5f7fa 100%);padding:40px 20px 24px}.hero h1{color:#1f3a5f;font-size:34px;font-weight:700}.hero h1 span{color:#2e79d6}.hero p{color:#5a6b7b;margin-top:8px;font-size:17px}.container{max-width:720px;margin:0 auto;padding:24px 20px 60px}.card{background:#fff;border:1px solid #e1e6eb;border-radius:12px;padding:28px;box-shadow:0 2px 10px #0000000f}.drop{text-align:center;cursor:pointer;background:#f7fafd;border:3px dashed #b8cee6;border-radius:10px;padding:44px 20px}.drop:hover{background:#eef6ff;border-color:#2e79d6}.drop.over{background:#e4f0ff;border-color:#2e79d6}.drop .big{color:#2e79d6;font-size:19px;font-weight:600}.drop .small{color:#8a9bab;margin-top:6px;font-size:13px}.uploadbtn{color:#fff;cursor:pointer;background:linear-gradient(#48a0f5,#2e79d6);border:none;border-radius:6px;margin-top:14px;padding:11px 26px;font-size:15px;font-weight:700;display:inline-block;box-shadow:0 2px #2364b5}.uploadbtn:hover{filter:brightness(1.05)}.drop img{border:1px solid #e1e6eb;border-radius:6px;max-width:100%;max-height:200px}.gatebox{flex-direction:column;align-items:center;gap:14px;margin-top:20px;display:flex}.bigbtn{color:#fff;cursor:pointer;background:linear-gradient(#38b24a,#2f9c3f);border:none;border-radius:8px;width:100%;padding:16px;font-size:18px;font-weight:700;display:block;box-shadow:0 2px #237a30}.bigbtn:hover:not(:disabled){filter:brightness(1.05)}.bigbtn:disabled{cursor:not-allowed;background:#b7c3ce;box-shadow:0 2px #9aa8b4}.resultbox{border:1px solid #e1e6eb;border-radius:10px;margin-top:18px;overflow:hidden}#themap{background:#dde6ee;width:100%;height:300px}.stats{flex-wrap:wrap;display:flex}.stat{border-top:1px solid #eef2f6;border-right:1px solid #eef2f6;flex:33%;min-width:120px;padding:14px 16px}.stat label{text-transform:uppercase;color:#8a9bab;letter-spacing:.03em;font-size:11px}.stat div{color:#1f3a5f;margin-top:3px;font-size:17px;font-weight:600}.badge{color:#ff6b35;background:#fff3e0;border-radius:20px;margin-left:6px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.matchhead{color:#1f3a5f;padding:14px 16px 8px;font-size:15px;font-weight:700}.matchtable{border-collapse:collapse;width:100%;font-size:14px}.matchtable th{text-align:left;color:#5a6b7b;text-transform:uppercase;background:#f0f4f8;border-top:1px solid #e1e6eb;padding:8px 16px;font-size:12px}.matchtable td{color:#1f3a5f;border-top:1px solid #eef2f6;padding:10px 16px}.matchtable td:first-child{color:#2e79d6;width:34px;font-weight:700}.retry{color:#5a6b7b;cursor:pointer;background:#eef2f6;border:none;width:100%;padding:12px;font-size:14px;display:block}.retry:hover{background:#e4ebf1}.errbox{color:#c0392b;text-align:center;background:#fdecea;border:1px solid #f5b5ae;border-radius:6px;margin-top:14px;padding:12px 14px;font-size:14px}.trust{text-align:center;color:#8a9bab;margin-top:22px;font-size:13px}.trust span{margin:0 10px}.seobox{color:#5a6b7b;background:#fff;border:1px solid #e1e6eb;border-radius:12px;margin-top:8px;padding:24px 26px}.seobox h2{color:#1f3a5f;font-size:22px}.seobox h3{color:#2e79d6;margin-top:20px;font-size:17px}.seobox p{margin-top:10px;font-size:15px;line-height:1.6}.seobox ol{margin:10px 0 0 20px;font-size:15px;line-height:1.7}.seobox strong{color:#2e79d6}.seobox b{color:#1f3a5f}.foot{text-align:center;color:#9aa8b4;background:#fff;border-top:1px solid #e1e6eb;padding:24px;font-size:12px}.loader{vertical-align:-2px;border:3px solid #fff6;border-top-color:#fff;border-radius:50%;width:15px;height:15px;margin-right:8px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}