/* IP查询站 蓝色科技主题 */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;background:#f4f6f9;color:#333;font-size:14px;line-height:1.7}
a{color:#1a73e8;text-decoration:none}
a:hover{color:#0d5bbd}
.container{max-width:1080px;margin:0 auto;padding:0 16px}

/* ===== 页头 ===== */
.site-header{background:linear-gradient(135deg,#1a73e8,#0d5bbd);color:#fff;padding:14px 0}
.header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.logo{font-size:22px;font-weight:700;color:#fff;letter-spacing:1px}
.logo:hover{color:#fff}
.main-nav{display:flex;flex-wrap:wrap;gap:2px}
.main-nav a{color:#dce7ff;padding:6px 9px;border-radius:6px;transition:background .2s;white-space:nowrap}
.main-nav a:hover{background:rgba(255,255,255,.15);color:#fff}
.main-nav a.active{background:rgba(255,255,255,.22);color:#fff;font-weight:600}

/* ===== 搜索区 ===== */
.search-hero{background:linear-gradient(135deg,#1a73e8,#0d5bbd);padding:46px 0 44px;color:#fff}
.search-hero h1{font-size:28px;text-align:center;margin-bottom:6px;font-weight:700}
.search-hero p{text-align:center;color:#dce7ff;margin-bottom:22px}
.search-box{max-width:680px;margin:0 auto;display:flex;box-shadow:0 6px 20px rgba(0,0,0,.18);border-radius:10px;overflow:hidden}
.search-box input{flex:1;border:none;outline:none;padding:15px 18px;font-size:16px}
.search-box button{background:#ffb300;border:none;color:#333;font-size:16px;font-weight:600;padding:0 26px;cursor:pointer;transition:background .2s}
.search-box button:hover{background:#ffc733}
.search-tips{text-align:center;margin-top:12px;color:#dce7ff;font-size:12px}
.search-tips a{color:#fff;text-decoration:underline;margin:0 6px}

/* ===== 卡片 ===== */
.card{background:#fff;border-radius:10px;padding:22px;margin:20px 0;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.card h2{font-size:18px;color:#0d5bbd;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid #eef2f7;display:flex;align-items:center;gap:8px}
.card h2 .bar{display:inline-block;width:4px;height:18px;background:#1a73e8;border-radius:2px}

/* ===== 最新查询标签 ===== */
.tag-cloud{display:flex;flex-wrap:wrap;gap:10px}
.tag-cloud a{background:#f0f5ff;border:1px solid #d6e4ff;color:#1a73e8;padding:6px 14px;border-radius:20px;font-size:13px;transition:all .2s}
.tag-cloud a:hover{background:#1a73e8;color:#fff;border-color:#1a73e8}

/* ===== 收录列表（/list/） ===== */
.more-link{float:right;font-size:13px;font-weight:400;color:#1a73e8;line-height:24px}
.list-tabs{display:flex;gap:6px;margin-bottom:14px;border-bottom:1px solid #eef2f7}
.list-tabs a{padding:8px 18px;font-size:14px;color:#555;border-radius:6px 6px 0 0;transition:all .2s}
.list-tabs a.active{background:#1a73e8;color:#fff}
.list-tabs a:not(.active):hover{background:#f0f5ff;color:#1a73e8}
.list-grid{display:flex;flex-wrap:wrap;gap:8px}
.list-item{display:inline-block;background:#fff;border:1px solid #e3e9f2;color:#0d5bbd;padding:7px 12px;border-radius:6px;font-size:13px;transition:all .2s;word-break:break-all}
.list-item:hover{background:#1a73e8;color:#fff;border-color:#1a73e8}
.pager{display:flex;justify-content:center;align-items:center;gap:16px;margin:20px 0}
.pager a{background:#fff;border:1px solid #d6e4ff;color:#1a73e8;padding:8px 18px;border-radius:6px;font-size:14px;transition:all .2s}
.pager a:hover{background:#1a73e8;color:#fff;border-color:#1a73e8}
.pager-info{color:#888;font-size:13px}

/* ===== 工具网格 ===== */
.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.tool-item{background:#f8fafd;border:1px solid #eef2f7;border-radius:10px;padding:16px;transition:all .2s}
.tool-item:hover{border-color:#1a73e8;box-shadow:0 4px 14px rgba(26,115,232,.12)}
.tool-item h3{font-size:15px;color:#0d5bbd;margin-bottom:6px}
.tool-item p{font-size:12px;color:#777}

/* ===== 详情结果表 ===== */
.detail-hero{background:#fff;border-radius:10px;padding:24px;margin:20px 0;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.detail-hero .keyword{font-size:26px;font-weight:700;color:#0d5bbd;word-break:break-all}
.detail-hero .sub{color:#888;margin-top:4px;font-size:13px}
.info-table{width:100%;border-collapse:collapse;margin-top:10px}
.info-table th,.info-table td{padding:11px 14px;border:1px solid #eef2f7;text-align:left;vertical-align:top;font-size:14px}
.info-table th{background:#f7f9fc;color:#555;width:140px;white-space:nowrap;font-weight:600}
.info-table td{word-break:break-all}
.badge{display:inline-block;padding:3px 12px;border-radius:14px;font-size:12px;font-weight:600}
.badge-green{background:#e6f7ed;color:#0a7a2f}
.badge-orange{background:#fff3e0;color:#b26a00}
.badge-red{background:#fde8e8;color:#c62828}
.badge-gray{background:#eef1f5;color:#666}

/* ===== 当前解析（ip138 风格：归属地 + IP 一行）===== */
.a-list{list-style:none}
.a-item{padding:10px 4px;border-bottom:1px dashed #eef2f7;font-size:14px}
.a-item:last-child{border-bottom:none}
.a-item .loc{color:#666}
.a-item .val{margin-left:10px;font-family:Consolas,Menlo,monospace;color:#0d5bbd;word-break:break-all}

/* ===== 解析记录列表 ===== */
.rec-list{list-style:none}
.rec-list li{padding:10px 4px;border-bottom:1px dashed #eef2f7;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}
.rec-list li:last-child{border-bottom:none}
.rec-list .type-tag{font-size:12px;color:#1a73e8;background:#f0f5ff;padding:2px 10px;border-radius:10px;font-weight:600}
.rec-list .val{font-family:Consolas,Menlo,monospace;color:#0d5bbd;word-break:break-all}

/* ===== 子页标签页 ===== */
.sub-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}
.sub-tabs a{padding:8px 18px;border-radius:8px;background:#eef2f7;color:#555;font-size:14px;transition:all .2s}
.sub-tabs a:hover{background:#e0eaff;color:#1a73e8}
.sub-tabs a.active{background:#1a73e8;color:#fff;font-weight:600}

/* ===== 面包屑 ===== */
.breadcrumb{font-size:13px;color:#888;padding:14px 0 0}
.breadcrumb a{color:#1a73e8}

/* ===== 页脚 ===== */
.site-footer{background:#1c2333;color:#98a2b3;margin-top:40px;padding:28px 0;font-size:13px}
.site-footer a{color:#aeb8c9;margin:0 4px}
.site-footer a:hover{color:#fff}
.footer-inner{text-align:center}
.footer-inner p{margin:4px 0}

/* ===== 顶部搜索条（结果页） ===== */
.top-search{background:#fff;border-bottom:1px solid #e4e8ee;padding:14px 0;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.top-search .search-box{box-shadow:0 3px 10px rgba(0,0,0,.1)}
.top-search .search-box button{font-size:15px;padding:0 20px}
.top-search .search-box input{padding:12px 16px;font-size:15px}
.search-box.compact{max-width:760px}
.search-box.compact button{background:#1a73e8;color:#fff}
.search-box.compact button:hover{background:#0d5bbd}
.search-box.compact button:last-child{background:#4caf50}
.search-box.compact button:last-child:hover{background:#43a047}

/* ===== ipchaxun 风格紧凑信息条 ===== */
.detail-hero.compact{padding:16px 20px}
.ip-meta-bar{display:flex;flex-wrap:wrap;gap:10px 28px;font-size:14px;color:#444}
.ip-meta-bar strong{color:#0d5bbd;font-weight:600}

/* ===== 历史记录行（域名/IP 共用） ===== */
.history-row{display:flex;justify-content:space-between;align-items:center;padding:10px 4px;border-bottom:1px dashed #eef2f7;font-size:14px;flex-wrap:wrap;gap:8px}
.history-row:last-child{border-bottom:none}
.history-row .val{font-family:Consolas,Menlo,monospace;color:#0d5bbd;word-break:break-all}
.history-row .history-range{color:#888;font-family:Consolas,Menlo,monospace;font-size:13px;white-space:nowrap}

/* ===== 嵌套互链子列表（目标站 ipchaxun 风格：域名↔IP 互相展开） ===== */
.history-sub{background:#f7f9fc;border-left:3px solid #1a73e8;margin:2px 0 6px 18px;padding:6px 10px;border-radius:0 8px 8px 0}
.history-sub .sub-row{display:flex;align-items:center;gap:10px;padding:5px 2px;border-bottom:1px dashed #e8edf5;font-size:13px;flex-wrap:wrap}
.history-sub .sub-row:last-child{border-bottom:none}
.history-sub .sub-label{color:#1a73e8;background:#e8f0fe;font-size:12px;padding:1px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0}
.history-sub .sub-row .val{font-family:Consolas,Menlo,monospace;color:#0d5bbd;word-break:break-all}
.history-sub .sub-row .history-range{color:#aaa;font-family:Consolas,Menlo,monospace;font-size:12px;white-space:nowrap}

/* ===== 响应式 ===== */
@media(max-width:640px){
    .header-inner{flex-direction:column;gap:10px}
    .search-hero h1{font-size:22px}
    .search-box{flex-direction:column}
    .search-box button{padding:13px}
    .info-table th{width:auto}
    .ip-meta-bar{flex-direction:column;gap:6px}
    .history-row{flex-direction:column;align-items:flex-start}
}