/* 基础 */
body { background: #f5f7fa; }
.content-cell { max-width: 720px; white-space: pre-wrap; word-break: break-all; }

/* 分类拼音选择器 */
.cat-picker { position: relative; }
.cat-picker .cat-list {
  position: absolute; top: 100%; left: 0; right: 0; z-index: 1050;
  display: none; max-height: 240px; overflow-y: auto;
  border-radius: 0 0 .375rem .375rem;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
  background: #fff;
}

/* 查询区：控件紧凑，宽度自适应内容，尽量一行放下 */
.filter-form .form-control,
.filter-form .form-select {
  width: auto;
  flex: 0 1 auto;
  padding: .2rem .4rem;
  font-size: .82rem;
}
.filter-form input[type="date"] { width: 8.2rem; }
.filter-form input[name="applicant"] { width: 6.5rem; }
.filter-form input[name="kw"] { width: 8.5rem; }
.filter-form .form-select { max-width: 9rem; }

/* 手机端放宽换行 */
@media (max-width: 575px) {
  .filter-form input[type="date"] { width: 100%; }
  .filter-form input[name="applicant"],
  .filter-form input[name="kw"] { width: 45%; }
  .filter-form .form-select { max-width: 45%; }
}

/* 手机底部导航 */
.bottom-nav {
  position: fixed; bottom: 0; left: 0; right: 0; z-index: 1040;
  display: flex; background: #fff; border-top: 1px solid #dee2e6;
  padding-bottom: env(safe-area-inset-bottom);
}
.bottom-nav a {
  flex: 1; text-align: center; padding: 6px 0 4px;
  text-decoration: none; color: #6c757d; font-size: 11px;
}
.bottom-nav a span { display: block; }
.bottom-nav a.active { color: #0d6efd; }

/* 统计图表容器 */
.chart-box { height: 320px; }
@media (max-width: 575px) { .chart-box { height: 260px; } }

/* 表格在手机上缩小字号 */
@media (max-width: 575px) {
  .table { font-size: .82rem; }
  .content-cell { max-width: 240px; }
}

/* 顶部导航：桌面端鼠标悬停展开二级菜单 */
@media (min-width: 992px) {
  .navbar .nav-item.dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
  }
}
.navbar .dropdown-menu .dropdown-item.text-muted {
  color: #adb5bd !important;
}

/* 列表隔行底色（#DDEBF7 与默认色交替），悬停时仍高亮 */
.table-zebra > tbody > tr:nth-of-type(even) > * {
  box-shadow: inset 0 0 0 9999px #DDEBF7;
}
.table-zebra.table-hover > tbody > tr:hover > * {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .1);
}