/*
 * 重庆市2024年统考服装表演本科双上线综合分页面 - 专属布局修复
 * ------------------------------------------------------------------
 * 重要：
 * 1. 本文件只通过 body.page-fuzhuang-biaoyan-benke 作用于服装表演本科页面。
 * 2. 不修改共享 assets/styles.css，避免影响2024年度其他已上线页面。
 * 3. 修复原因：戏剧影视表演综合分节点非常密集，#densityBars 会生成大量 .mini-bar。
 *    公共CSS中的 .mini-bar{min-width:4px} + gap:4px 会形成很大的 min-content
 *    宽度，撑开 CSS Grid 第一列，并把右侧统计口径卡片挤窄。
 */

/* 所有关键 Grid/Flex 子项允许真正收缩，阻止内容反向撑开父级。 */
body.page-fuzhuang-biaoyan-benke .analysis-grid,
body.page-fuzhuang-biaoyan-benke .analysis-grid > *,
body.page-fuzhuang-biaoyan-benke .analysis-card,
body.page-fuzhuang-biaoyan-benke .density-card,
body.page-fuzhuang-biaoyan-benke .control-card,
body.page-fuzhuang-biaoyan-benke #nearbySection,
body.page-fuzhuang-biaoyan-benke .content-card,
body.page-fuzhuang-biaoyan-benke .table-scroll {
  min-width: 0;
  max-width: 100%;
}

/* PC：保持原设计的双栏比例，但使用 minmax(0,...) 消除 min-content 撑列问题。 */
@media (min-width: 961px) {
  body.page-fuzhuang-biaoyan-benke .analysis-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 1.25fr);
    gap: 20px;
    align-items: stretch;
    width: 100%;
  }
}

/*
 * 戏剧影视表演综合分在0.01精度下节点很多。
 * 只在本页允许柱条压缩，不再使用公共CSS的 min-width:4px。
 */
body.page-fuzhuang-biaoyan-benke .density-card {
  overflow: hidden;
}

body.page-fuzhuang-biaoyan-benke .density-card .mini-bars {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  gap: 1px;
}

body.page-fuzhuang-biaoyan-benke .density-card .mini-bar {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  max-width: none;
}

/* 避免右侧统计口径项目再次因为长文字产生不可收缩宽度。 */
body.page-fuzhuang-biaoyan-benke .control-card {
  overflow: hidden;
}

body.page-fuzhuang-biaoyan-benke .control-card .control-line-list {
  min-width: 0;
  width: 100%;
}

body.page-fuzhuang-biaoyan-benke .control-card .control-line-row {
  grid-template-columns: minmax(0, 1.25fr) 70px minmax(0, 1fr);
  min-width: 0;
  width: 100%;
}

body.page-fuzhuang-biaoyan-benke .control-card .control-line-row > * {
  min-width: 0;
}

body.page-fuzhuang-biaoyan-benke .control-card .control-line-row b,
body.page-fuzhuang-biaoyan-benke .control-card .control-line-row span,
body.page-fuzhuang-biaoyan-benke .control-card .control-line-row em {
  word-break: normal;
  overflow-wrap: break-word;
}

/* “综合分梯度”恢复完整父容器宽度。 */
body.page-fuzhuang-biaoyan-benke #nearbySection {
  display: block;
  width: 100%;
  clear: both;
}

/* 表格只在自身容器内横向滚动，不允许扩大页面宽度。 */
body.page-fuzhuang-biaoyan-benke #nearbySection .table-scroll,
body.page-fuzhuang-biaoyan-benke .full-table-card .table-scroll {
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* 平板及手机继续沿用公共样式的单栏思路，并补充本页防溢出。 */
@media (max-width: 960px) {
  body.page-fuzhuang-biaoyan-benke .analysis-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    width: 100%;
  }

  body.page-fuzhuang-biaoyan-benke .control-card .control-line-row {
    grid-template-columns: minmax(0, 1fr) 65px minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  body.page-fuzhuang-biaoyan-benke .density-card .mini-bars {
    gap: 0;
  }

  body.page-fuzhuang-biaoyan-benke .control-card .control-line-row {
    grid-template-columns: minmax(0, 1fr) 55px minmax(0, 1fr);
  }

  body.page-fuzhuang-biaoyan-benke #nearbySection {
    width: 100%;
  }
}

/* 服装表演本科页面：Hero专题更新日期卡，仅作用于本页 */
body.page-fuzhuang-biaoyan-benke .topic-update-card{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:15px;
  padding:9px 13px 9px 10px;
  max-width:100%;
  border:1px solid rgba(255,255,255,.24);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.08));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 22px rgba(3,55,42,.12);
  color:#fff;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
body.page-fuzhuang-biaoyan-benke .topic-update-icon{
  width:34px;height:34px;flex:0 0 34px;
  display:grid;place-items:center;
  border-radius:10px;
  background:rgba(255,255,255,.14);
}
body.page-fuzhuang-biaoyan-benke .topic-update-icon svg{
  width:19px;height:19px;
  fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
body.page-fuzhuang-biaoyan-benke .topic-update-copy{
  display:flex;align-items:baseline;gap:8px;min-width:0;
}
body.page-fuzhuang-biaoyan-benke .topic-update-copy small{
  color:rgba(255,255,255,.78);
  font-size:12px;font-weight:600;white-space:nowrap;
}
body.page-fuzhuang-biaoyan-benke .topic-update-copy strong{
  color:#fff;font-size:14px;font-weight:800;
  letter-spacing:.1px;white-space:nowrap;
}
@media(max-width:640px){
  body.page-fuzhuang-biaoyan-benke .topic-update-card{
    margin-top:13px;padding:9px 12px 9px 9px;
  }
  body.page-fuzhuang-biaoyan-benke .topic-update-copy{
    flex-direction:column;align-items:flex-start;gap:1px;
  }
  body.page-fuzhuang-biaoyan-benke .topic-update-copy strong{font-size:13px}
}

/* Hero右侧：数据概览整体上移，专题更新卡置于其下方 */
@media (min-width: 961px) {
  body.page-fuzhuang-biaoyan-benke .hero-layout {
    align-items: start;
  }

  body.page-fuzhuang-biaoyan-benke .hero-side {
    width: 100%;
    min-width: 0;
    align-self: start;
    display: flex;
    flex-direction: column;
    gap: 8px;
    transform: translateY(-18px);
  }

  body.page-fuzhuang-biaoyan-benke .hero-side .hero-summary {
    width: 100%;
    margin: 0;
  }

  body.page-fuzhuang-biaoyan-benke .hero-side .topic-update-card {
    width: 100%;
    min-height: 42px;
    margin-top: 0;
    padding: 7px 12px;
    justify-content: center;
    border-radius: 10px;
    background: linear-gradient(
      135deg,
      rgba(255,255,255,.14),
      rgba(255,255,255,.07)
    );
  }

  body.page-fuzhuang-biaoyan-benke .hero-side .topic-update-icon {
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
    border-radius: 8px;
  }

  body.page-fuzhuang-biaoyan-benke .hero-side .topic-update-icon svg {
    width: 17px;
    height: 17px;
  }

  body.page-fuzhuang-biaoyan-benke .hero-side .topic-update-copy {
    flex-direction: row;
    align-items: baseline;
    gap: 8px;
  }

  body.page-fuzhuang-biaoyan-benke .hero-side .topic-update-copy small {
    font-size: 12px;
  }

  body.page-fuzhuang-biaoyan-benke .hero-side .topic-update-copy strong {
    font-size: 13px;
  }
}

/* 平板与手机：恢复自然流，避免右侧区域因负位移产生响应式错位 */
@media (max-width: 960px) {
  body.page-fuzhuang-biaoyan-benke .hero-side {
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transform: none;
  }

  body.page-fuzhuang-biaoyan-benke .hero-side .hero-summary {
    width: 100%;
  }

  body.page-fuzhuang-biaoyan-benke .hero-side .topic-update-card {
    width: 100%;
    margin-top: 0;
    justify-content: center;
  }
}

/* Hero右侧专题更新时间：紧凑外框 + 与上方数据卡拉开距离 */
@media (min-width: 961px) {
  body.page-fuzhuang-biaoyan-benke .hero-side {
    gap: 0;
  }

  body.page-fuzhuang-biaoyan-benke .hero-side .topic-update-card {
    width: fit-content;
    max-width: 100%;
    align-self: flex-end;
    min-height: 0;
    margin-top: 14px;
    padding: 7px 10px 7px 8px;
    justify-content: flex-start;
    border-radius: 10px;
  }

  body.page-fuzhuang-biaoyan-benke .hero-side .topic-update-icon {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
  }

  body.page-fuzhuang-biaoyan-benke .hero-side .topic-update-copy {
    flex: 0 0 auto;
  }
}

@media (max-width: 960px) {
  body.page-fuzhuang-biaoyan-benke .hero-side {
    gap: 0;
  }

  body.page-fuzhuang-biaoyan-benke .hero-side .topic-update-card {
    width: fit-content;
    max-width: 100%;
    align-self: flex-start;
    margin-top: 12px;
    padding: 8px 10px 8px 8px;
    justify-content: flex-start;
  }
}

/* 专题更新状态框：右侧区域居中，并与上方数据概览拉开更大距离 */
@media (min-width: 961px) {
  body.page-fuzhuang-biaoyan-benke .hero-side .topic-update-card {
    width: fit-content;
    max-width: 100%;
    align-self: center;
    margin-top: 24px;
    justify-content: center;
  }
}

@media (max-width: 960px) {
  body.page-fuzhuang-biaoyan-benke .hero-side .topic-update-card {
    width: fit-content;
    max-width: 100%;
    align-self: center;
    margin-top: 18px;
    justify-content: center;
  }
}

/* 手机端隐藏专题更新时间，PC和平板保持显示 */
@media (max-width: 640px) {
  body.page-fuzhuang-biaoyan-benke .topic-update-card {
    display: none !important;
  }
}