.page-wrapper{max-width:1200px;margin:0 auto;padding:30px 20px;}
.main-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.08);padding:30px;}
.tool-header{text-align:center;margin-bottom:25px;}
.tool-title{font-size:32px;color:#2563eb;margin-bottom:8px;}
.tool-desc{color:#666;font-size:15px;}
.query-row{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;}
.domain-textarea{flex:1;min-width:300px;border:1px solid #ddd;border-radius:8px;padding:12px;min-height:46px;font-size:15px;resize:vertical;height:46px;}
.domain-textarea-multi{min-height:160px;}
.btn-group{display:flex;gap:10px;flex-shrink:0;}
.submit-btn{padding:10px 24px;border:none;border-radius:6px;font-size:15px;cursor:pointer;height:46px;}
.primary-btn{background:#2563eb;color:#fff;}
.secondary-btn{background:#f5f5f5;color:#333;}
.domain-count-tip{margin-top:8px;font-size:13px;color:#666;width:100%;}
.loading-container{margin:20px 0;display:none;}
.progress-bar-container{width:100%;height:8px;background:#eee;border-radius:4px;overflow:hidden;margin:8px 0;}
.progress-bar{height:100%;width:0;background:#2563eb;transition:width .3s;}
.result-section{margin-top:25px;display:none;}
.result-header{font-size:18px;font-weight:600;margin-bottom:12px;}
.result-table{width:100%;border-collapse:collapse;font-size:14px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;}
.result-table th{padding:12px 10px;border-bottom:2px solid #e5e7eb;text-align:left;background:#f8fafc;color:#374151;font-weight:600;}
.result-table td{padding:12px 10px;border-bottom:1px solid #e5e7eb;text-align:left;color:#1f2937;}
.result-table .td-ip{font-family:Consolas,Monaco,monospace;font-weight:600;color:#111827;}
.result-table .td-loc{color:#2563eb;font-weight:500;}
.main-row{cursor:pointer;}
.main-row:hover{background:#f0f7ff;}
.ver-tag{padding:2px 8px;border-radius:4px;font-size:12px;}
.tag-ipv4{background:#e6f7ff;color:#2563eb;}
.tag-ipv6{background:#f6ffed;color:#52c41a;}
.tag-other{background:#fff7e6;color:#fa8c16;}
.map-link{color:#2563eb;text-decoration:none;}
.detail-row{display:none;}
.detail-row.open{display:table-row;}
.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;padding:16px;background:#fafafa;border-radius:6px;}
.detail-item{display:flex;font-size:13px;}
.detail-label{width:110px;color:#666;flex-shrink:0;}
.ua-box,.use-desc-container{margin-top:20px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.06);}
.use-desc-container{font-size:14px;color:#444;}
.use-desc-container h3{font-size:16px;margin-bottom:12px;color:#222;}
@media (max-width:768px){
.query-row{flex-direction:column;}
.btn-group{width:100%;}
.submit-btn{flex:1;}
}
#loading{margin:20px 0;}
#loading .loading{font-size:14px;color:#666;margin-bottom:8px;}
.progress-bar-container{width:100%;height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin:8px 0;}
#progressBar{height:100%;width:0%;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:999px;transition:width 0.3s ease;}
#progressText{font-size:13px;color:#666;text-align:center;margin:0;}