/* proof.css */

/* proof 容器整体外边距 */
.proof {
  margin-top: 1em;
  margin-bottom: 1em;
}

/* 标题栏 */
.proof .proof-title {
  background-color: #9fb1b4;
  border: 1px solid #86989b;
  color: white;
  font-size: 120%;
  cursor: pointer;
  padding: 0.5em 1em;
  margin: 0;
  position: relative;
  transition: background-color 0.2s ease-in-out;
}

.proof .proof-title:hover {
  background-color: #8ea1a4;
}

/* 内容区域 */
.proof-content {
  border: 1px solid #9fb1b4;
  background-color: #F5F7F9;
  padding: 1em;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease, border 0.3s ease;
}

/* 折叠状态 */
.proof-content.collapsed {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  border: none;
}

/* 展开状态 */
.proof-content.expanded {
  /* max-height: 1000px; 足够大容纳内容 */
  padding-top: 1em;
  padding-bottom: 1em;
}

/* 小箭头与提示文字控制（所有 proof 类型生效） */
.proof > .proof-title::after {
  content: "▼ 点击收起";
  position: absolute;
  right: 1em;
  font-size: 90%;
  color: rgba(255, 255, 255, 0.9);
  transition: transform 0.3s ease;
}

.proof > .proof-title:not(.open)::after {
  content: "▶ 点击展开";
  transform: rotate(0deg);
}

/* 悬停时高亮提示 */
.proof > .proof-title:hover::after {
  color: #fff;
  text-decoration: underline;
}

/* 内外间距微调 */
div.proof-content {
  padding-top: 1em;
  padding-bottom: 1em;
}

/* 顶部“展开/收起全部”按钮
   交给主题样式（btn/pst-navbar-icon）管理高度/对齐/hover/tooltip
   因此不再定义自定义 tooltip，也不强制宽高 */
#proof-toggle-all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

/* 图标切换的过渡动画（可选） */
.proof-toggle-icon {
  transition: transform 0.2s ease;
}

#proof-toggle-all::before,
#proof-toggle-all::after {
  content: none !important;
  display: none !important;
}