/* ============================================================
   heie.cn 蜘蛛爬虫IP（spider）页面样式
   静态资源域名: img.heie.cn（绑定 heiehtml/img 目录）
   ============================================================ */

/* ---------- 面包屑 ---------- */
.crumb { padding: 14px 0 10px; color: #888; font-size: 13px; }
.crumb a { color: #666; }
.crumb a:hover { color: #1677ff; }

/* ---------- 通用卡片 ---------- */
.card {
    background: #fff;
    border-radius: 10px;
    padding: 24px 28px;
    margin-bottom: 18px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .05);
    transition: box-shadow .25s;
}
.card:hover { box-shadow: 0 4px 16px rgba(0, 0, 0, .08); }
.card-title {
    display: inline-block;
    font-size: 18px;
    color: #222;
    padding-bottom: 10px;
    margin-bottom: 18px;
    position: relative;
}
.card-title::after {
    content: '';
    position: absolute;
    left: 0; bottom: 0;
    width: 36px; height: 3px;
    border-radius: 2px;
    background: linear-gradient(90deg, #fa8c16, #ffa940);
}

/* ---------- 蜘蛛类型筛选 ---------- */
.spider-types { overflow: hidden; }
.spider-types a {
    display: inline-block;
    padding: 8px 18px;
    margin: 0 8px 8px 0;
    background: #fff7e6;
    color: #fa8c16;
    border: 1px solid #ffd591;
    border-radius: 6px;
    font-size: 14px;
    transition: all .2s;
}
.spider-types a:hover {
    background: #fa8c16;
    color: #fff;
    border-color: #fa8c16;
}

/* ---------- IP 列表 ---------- */
.spider-ip-list {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
.spider-ip-list li {
    width: 25%;
    padding: 6px 8px;
}
.spider-ip-list li a {
    display: block;
    color: #444;
    padding: 8px 12px;
    background: #fafafa;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    font-size: 14px;
    font-family: "Courier New", monospace;
    text-align: center;
    transition: all .2s;
}
.spider-ip-list li a:hover {
    background: #fff7e6;
    color: #fa8c16;
    border-color: #ffd591;
}

/* ---------- 分页 ---------- */
.pagination {
    margin-top: 20px;
    text-align: center;
}
.pagination li {
    display: inline-block;
    margin: 0 4px;
}
.pagination li a {
    display: inline-block;
    padding: 6px 14px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    color: #333;
    font-size: 14px;
    transition: all .2s;
}
.pagination li a:hover {
    border-color: #fa8c16;
    color: #fa8c16;
}
.pagination li.thisclass {
    display: inline-block;
    padding: 6px 14px;
    background: #fa8c16;
    color: #fff;
    border: 1px solid #fa8c16;
    border-radius: 4px;
    font-size: 14px;
}

/* ---------- 响应式 ---------- */
@media (max-width: 768px) {
    .spider-ip-list li { width: 50%; }
    .card { padding: 18px 16px; }
    .spider-types a { padding: 6px 12px; font-size: 13px; }
}