@charset "utf-8";
/* ============================================================
   地区黄页页（/huangye/province-N.html、city-N.html、county-N.html）
   骨架复用 hy-page.css（1200 = 930 主栏 + 250 侧栏），
   这里只放地区页特有的：行业门类分组、新加入企业卡、当前地区高亮
   ============================================================ */

/* ---------------- 当前地区 chip 高亮 ---------------- */
.hy-chips span.on {
    display: block;
    text-align: center;
    font-size: 13px;
    line-height: 32px;
    font-weight: 600;
    color: #E1251B;
    background: #FFF1EF;
    border: 1px solid #FFD9D5;
    border-radius: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 侧栏 chip 固定三列，省份名长短不一时也整齐 */
.hy-side-card .hs-chips {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
}
.hy-side-card .hs-chips a,
.hy-side-card .hs-chips span.on {
    padding: 0 4px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.hs-chips span.on {
    font-size: 13px;
    line-height: 27px;
    font-weight: 600;
    color: #E1251B;
    background: #FFF1EF;
    border-radius: 6px;
}

/* ---------------- 问答式说明块（长尾词承载） ---------------- */
.ar-fact {
    margin: 0 0 16px;
    padding: 13px 18px;
    background: #FFFCFB;
    border: 1px solid #FFE7E4;
    border-radius: 12px;
    font-size: 13px;
    line-height: 1.95;
    color: #5A6474;
}
.ar-fact p { margin: 0; }
.ar-fact b { color: #E1251B; font-weight: 600; }
.ar-fact a { color: #E1251B; }
.ar-fact a:hover { text-decoration: underline; }

/* ---------------- 行业门类分组 ---------------- */
.ar-row {
    display: flex;
    align-items: flex-start;
    gap: 0 16px;
    padding: 10px 10px;
    border-bottom: 1px dashed #F0F2F6;
    border-radius: 8px;
    transition: background .16s;
}
.ar-row:last-child { border-bottom: none; }
.ar-row:hover { background: #FCFDFE; }
.ar-cat {
    flex: 0 0 96px;
    width: 96px;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    color: #1F2329;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
a.ar-cat:hover { color: #E1251B; }
.ar-links {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0 15px;
}
.ar-links a {
    font-size: 13px;
    line-height: 24px;
    color: #5A6474;
    white-space: nowrap;
    transition: color .16s;
}
.ar-links a:hover { color: #E1251B; }
.ar-links em {
    font-style: normal;
    font-size: 11px;
    color: #B6BDC9;
    margin-left: 3px;
}

/* ---------------- 新加入企业 ---------------- */
.ar-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 14px;
}
.ar-co {
    display: block;
    padding: 9px 13px 8px;
    border: 1px solid #F0F2F6;
    border-radius: 9px;
    background: #FFFFFF;
    transition: border-color .16s, box-shadow .16s;
}
.ar-co:hover {
    border-color: #FFD7D3;
    box-shadow: 0 4px 14px rgba(225, 37, 27, .07);
}
.ar-co b {
    display: block;
    font-size: 13px;
    font-weight: 500;
    line-height: 21px;
    color: #1F2329;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ar-co:hover b { color: #E1251B; }
.ar-co i {
    display: block;
    font-style: normal;
    font-size: 12px;
    line-height: 18px;
    color: #B6BDC9;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* ---------------- 空态 ---------------- */
.ar-empty {
    padding: 30px 20px;
    text-align: center;
    font-size: 14px;
    line-height: 1.9;
    color: #9AA3B2;
    background: #FAFBFC;
    border: 1px dashed #E6E9EF;
    border-radius: 10px;
}
.ar-empty a { color: #E1251B; font-weight: 500; }
.ar-empty a:hover { text-decoration: underline; }

/* ---------------- 统计条 ---------------- */
.ar-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 16px;
}
.ar-stats div {
    flex: 1 1 0;
    min-width: 120px;
    padding: 12px 16px;
    background: #FFFFFF;
    border: 1px solid #EEF0F4;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .04);
}
.ar-stats b {
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    color: #E1251B;
}
.ar-stats span { font-size: 12px; color: #8A93A3; }

/* ---------------- responsive ---------------- */
@media screen and (max-width: 900px) {
    .ar-grid { grid-template-columns: 1fr; }
    .ar-row { gap: 0 12px; }
    .ar-cat { flex: 0 0 88px; width: 88px; }
    .ar-stats div { flex: 1 1 45%; }
}