/* 高考志愿通 - 自定义样式 */



.step-badge {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 48px;

  height: 48px;

  border-radius: 50%;

  background: #1a73e8;

  color: #fff;

  font-size: 1.5rem;

  font-weight: bold;

  margin: 0 auto;

}



.hover-card {

  transition: transform .15s, box-shadow .15s;

  color: #333;

}

.hover-card:hover {

  transform: translateY(-3px);

  box-shadow: 0 6px 20px rgba(0,0,0,.12) !important;

  text-decoration: none;

}



.pkg-card {

  transition: border-color .2s, box-shadow .2s;

}

.pkg-card:hover {

  border-color: #1a73e8 !important;

  box-shadow: 0 4px 16px rgba(26,115,232,.2);

}



.btn-xs {

  padding: .2rem .5rem;

  font-size: .75rem;

  border-radius: .25rem;

}



.font-monospace { font-family: 'Consolas', monospace; }



/* 结果卡片 */

.tab-content { min-height: 200px; }


/* ====== 移动端响应式优化 ====== */

/* 小屏基础字体缩放 */
@media (max-width: 576px) {
  .table { font-size: .80rem; }
  body { font-size: 14px; }

  /* 英雄区 Hero Section */
  .display-4, h1.display-4 { font-size: 1.8rem !important; }
  .display-5, h1.display-5 { font-size: 1.5rem !important; }
  .lead { font-size: 1rem !important; }

  /* 导航栏 - 折叠时内间距调整 */
  .navbar-collapse .nav-link { padding: .5rem 1rem; }

  /* 查询页面 - 偏好设置折叠为紧凑布局 */
  .preference-panel { font-size: .85rem; }
  .preference-panel .btn-group { flex-wrap: wrap; }
  .preference-panel .btn-group .btn { font-size: .78rem; padding: .2rem .5rem; }

  /* 查询结果页 - 卡片内间距收紧 */
  .result-college-card .card-body { padding: .75rem; }

  /* 结果页面推荐表格 */
  .table-responsive { font-size: .78rem; }

  /* 卡片间距压缩 */
  .card-body { padding: 1rem; }
  .container { padding-left: .75rem; padding-right: .75rem; }

  /* 按钮组在手机上换行 */
  .d-flex.gap-2 { flex-wrap: wrap; }

  /* 步骤徽章缩小 */
  .step-badge { width: 36px; height: 36px; font-size: 1.2rem; }

  /* 充值套餐 */
  .pkg-card { margin-bottom: 1rem; }
}

/* 中等屏幕（平板）优化 */
@media (min-width: 577px) and (max-width: 768px) {
  .display-4 { font-size: 2.2rem !important; }
  .table { font-size: .88rem; }
}

