/* site.css · tide-harbor 旧模板类名兼容 + 二级页 */
body.body-ab .div-header,
body.body-ab .div-footer,
body.body-ab .div-hero,
body.body-ab .page-main{display:none!important}
body.body-ab .image-off{opacity:.35}

body.body-ab .compact-hero,
body.body-ab .page-hero{
  display:block!important;
  margin-bottom:22px;padding:24px 22px;border-radius:22px;
  background:linear-gradient(135deg,rgba(14,116,144,.1),rgba(34,211,238,.08)),#fff;
  border:1px solid rgba(14,116,144,.12);
  box-shadow:0 8px 24px rgba(8,51,68,.05);
  color:var(--ab-ink,#0c2d3a);
}
body.body-ab .compact-hero h1,
body.body-ab .page-hero h1{
  margin:8px 0;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:900;
  color:var(--ab-ink,#0c2d3a)!important;
}
body.body-ab .compact-hero p,
body.body-ab .page-hero p{color:var(--ab-muted,#5b7d8a)!important;line-height:1.75}
body.body-ab .eyebrow,.body-ab .eyebrow.solo{
  display:inline-block;margin-bottom:10px;padding:4px 12px;border-radius:999px;
  background:rgba(14,116,144,.1);
  color:var(--ab-primary,#0e7490)!important;
  font-size:.76rem;font-weight:800;
}
body.body-ab .filter-panel{
  display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;
  padding:14px 16px;border-radius:16px;
  background:var(--ab-surface,#fff);
  border:1px solid var(--ab-line,rgba(14,116,144,.16));
}
body.body-ab .filter-panel input,
body.body-ab .filter-panel select{
  border:1px solid var(--ab-line,rgba(14,116,144,.16));border-radius:999px;
  background:var(--ab-bg,#e6f4f7);color:var(--ab-ink,#0c2d3a);
  padding:9px 12px;font-weight:600;
}
body.body-ab .filter-panel input:focus,
body.body-ab .filter-panel select:focus{border-color:var(--ab-primary,#0e7490);outline:none}
body.body-ab .empty-state{
  padding:28px;border-radius:16px;text-align:center;
  background:var(--ab-surface,#fff);color:var(--ab-muted,#5b7d8a);font-weight:700;
}
body.body-ab .rank-panel{background:transparent;padding:0}
body.body-ab .category-grid.large{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;
}
body.body-ab .overview-card{
  padding:18px;border-radius:18px;
  background:var(--ab-surface,#fff);
  border:1px solid var(--ab-line,rgba(14,116,144,.16));
  transition:border-color .2s,transform .2s;
}
body.body-ab .overview-card:hover{
  border-color:var(--ab-primary,#0e7490);
  transform:translateY(-2px);
}
body.body-ab .overview-card strong{color:var(--ab-ink,#0c2d3a)!important}
body.body-ab .overview-main span{color:var(--ab-muted,#5b7d8a)}
body.body-ab .overview-links span{
  padding:4px 10px;border-radius:999px;
  background:rgba(14,116,144,.1);
  color:var(--ab-primary,#0e7490)!important;font-weight:700;font-size:.82rem;
}
body.body-ab .section-head{
  display:flex;justify-content:space-between;align-items:end;margin-bottom:14px;
}
body.body-ab .section-head h2{
  margin:0;font-size:1.05rem;font-weight:900;color:var(--ab-ink,#0c2d3a);
}
body.body-ab .section-head a{font-size:.86rem;font-weight:700;color:var(--ab-primary,#0e7490)!important}
body.body-ab .section-icon{color:var(--ab-cta,#f59e0b)}
@media(max-width:820px){
  body.body-ab .filter-panel{flex-direction:column}
}