body,div,form,h1,h2,h3,input,li,p,ul{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,Helvetica,"Microsoft YaHei",sans-serif;color:#333;line-height:1.6;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:#000;transition:color .3s ease}
a:hover{color:#008c00}
.container{max-width:960px;margin:4rem auto;padding:0 15px}
.container-top{padding:0 15px}
h1{font-size:1.7em;color:#000;text-align:center;margin-bottom:20px;letter-spacing:3px}
h2{font-size:1.5em;color:#000;text-align:center;margin-top:30px;margin-bottom:15px}
h3{font-size:1.2em;color:#008c00;text-align:center;margin-bottom:15px;letter-spacing:.02em}
.ip-display{border-radius:8px;padding:20px;margin-bottom:25px;text-align:center;font-size:1.2em;color:#008c00;letter-spacing:.01em}
.ip-display strong{color:red}
.ip-display .region{color:red;font-weight:400}
.region a{color:red;text-decoration:underline}
.region a:hover{color:#008c00}
.query-form{background-color:#fff;border:0 solid #e0e0e0;border-radius:1px;padding:20px;margin-bottom:30px;text-align:center}
.query-form form{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:0;position:relative;z-index:100}
.query-form input[type=text]{flex-grow:2;max-width:250px;padding:12px 15px;border:0 solid #ccc;font-size:1em;line-height:1.1;background-color:#f2f2f2!important}
.query-form input[type=submit]{padding:10px 12px;background-color:#ccc;color:#000;border:none;cursor:pointer;background:#e0e0e0;color:#000;font-size:16px;padding:0 25px;cursor:pointer;margin-left:2px;font-family:SimSun,"宋体";font-weight:700}
.query-form input[type=submit]:hover{background-color:#b3b3b3}
.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3px;margin-bottom:30px}
.tool-item{background-color:#f2f2f2;border:0 solid #e0e0e0;border-radius:1px;padding:6px;text-align:center}
.tool-item a{color:#343a40;font-size:1em}
.tool-item a:hover{color:#008c00}
.ad-section{min-height:250px;background:#f8f8f8;margin:25px 0;text-align: center;width: 100%;overflow: hidden}
@media (max-width:767px){.tools-grid{display:flex;flex-direction:column;gap:10px}
.tool-item{padding:12px;font-size:1em}
}
.history-section{margin-top:3px;padding-top:20px;border-top:1px solid #e9ecef}
.history-section h2{text-align:center;margin-bottom:15px}
.history-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}
.history-list li{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;padding:2px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:transform .2s ease,box-shadow .2s ease;display:flex;justify-content:center;align-items:center;height:60px}
.history-list li:hover{transform:translateY(-3px);box-shadow:0 4px 8px rgba(0,0,0,.1)}
.history-list li a{color:#333;font-size:.8em;word-break:break-all;display:block}
.error-section{margin-top:15px;margin-bottom:15px;padding:10px 15px;background-color:#ffebeb;border:1px solid #faa;border-radius:5px;text-align:center;font-size:1.1em}
.error-message{color:#c00;font-weight:700}
@media (max-width:767px){.history-list{display:flex;flex-direction:column;gap:10px}
.history-list li{padding:10px;height:auto}
.query-form{padding:15px 5px}
.query-form form{display:flex;width:100%;box-sizing:border-box}
.query-form input[type=text]{max-width:none!important;flex-grow:1;min-width:0;width:auto}
.query-form input[type=submit]{flex-shrink:0}
}
.error-section{margin-top:15px;margin-bottom:15px;padding:10px 15px;background-color:#ffebeb;border-radius:5px;text-align:center;font-size:1.1em}
.error-message{color:#c00}
.footer{text-align:center;padding:30px 0 20px;margin-top:40px;color:#888;font-size:.9em}
.footer a{color:#888}
.footer a:hover{color:#000}
.query-form form{position:relative;z-index:100}
#search-history-box{position:absolute;top:100%;left:0;background-color:#fff;border:1px solid #ddd;border-top:none;box-shadow:0 4px 8px rgba(0,0,0,.15);display:none;box-sizing:border-box;border-radius:0 0 4px 4px;text-align:left;z-index:9999}
.history-item{padding:10px 15px;cursor:pointer;border-bottom:1px solid #f5f5f5;font-size:14px;color:#333;transition:background .2s}
.history-item:hover{background-color:#f2f2f2;color:#008c00}
.history-clear{padding:8px 10px;text-align:right;font-size:12px;color:#999;background-color:#fafafa;cursor:pointer}
.history-clear:hover{color:#ff4d4f;text-decoration:underline}