/* 消息通知大厅 */
.message-page {
  min-height: min(100vh, var(--view-height, 100vh));
  background: var(--theme-app-backgroud-color, #f4f4f4);
  display: flex;
  flex-direction: column;
}

.message-page-nav {
  position: sticky;
  top: 0;
  z-index: 100;
  background: var(--theme-card-background, #fff);
}

.message-page-nav .van-nav-bar__arrow {
  font-size: min(4.8vw, 26px);
  color: var(--theme-text-color, #333);
}

.message-page-nav .van-nav-bar__title {
  font-size: min(4.266667vw, 23px);
  font-weight: 600;
  color: var(--heading-color, #2d2d2d);
}

.message-page-body {
  flex: 1;
  padding: min(2.666667vw, 14.4px) min(2.933333vw, 15.84px) min(5.333333vw, 28.8px);
}

.message-status {
  text-align: center;
  color: var(--text-color-3, #999);
  font-size: min(3.733333vw, 20.16px);
  padding: min(8vw, 43.2px) 0;
}

.message-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: min(16vw, 86.4px) min(4vw, 21.6px) min(20vw, 108px);
}

.message-empty-icon {
  width: min(26.666667vw, 144px);
  height: min(19.555556vw, 105.6px);
  margin-bottom: min(4vw, 21.6px);
}

.message-empty-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.message-empty-text {
  margin: 0;
  font-size: min(3.733333vw, 20.16px);
  color: var(--text-color-3, #999);
}

.message-list.page-main {
  border-radius: min(4.444444vw, 24px);
}

.message-list .fence-item {
  display: flex;
  align-items: center;
  min-height: min(13.333333vw, 72px);
  padding: min(3.2vw, 17.28px) min(4.444444vw, 24px);
  margin-bottom: min(2.666667vw, 14.4px);
  border-radius: min(1.777778vw, 9.6px);
  background: var(--theme-card-background, #fff);
  cursor: pointer;
}

.message-list .fence-item.is-unread .fence-preview {
  font-weight: 600;
  color: var(--heading-color, #2d2d2d);
}

.message-list .fence-content {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.message-list .fence-time {
  margin: 0 0 min(1.066667vw, 5.76px);
  font-size: min(3.022222vw, 16.32px);
}

.message-list .fence-preview.notice-rich-text :deep(p) {
  margin: 0 0 min(1.066667vw, 5.76px);
  line-height: 1.5;
}

.message-list .fence-preview.notice-rich-text :deep(p:last-child) {
  margin-bottom: 0;
}

.message-list .fence-preview.notice-rich-text :deep(img) {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: min(1.066667vw, 5.76px);
}

.message-list .fence-preview.notice-rich-text :deep(a) {
  color: #1884bf;
  text-decoration: underline;
  word-break: break-all;
}

.message-list .fence-preview.notice-rich-text :deep(ul),
.message-list .fence-preview.notice-rich-text :deep(ol) {
  margin: 0 0 min(1.066667vw, 5.76px);
  padding-left: 1.2em;
}

.message-list .fence-preview {
  margin: 0;
  font-size: min(3.466667vw, 18.72px);
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.message-list .fence-preview.is-expanded,
.message-list .fence-preview.notice-rich-text.is-expanded {
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible;
}

.message-list .gray {
  color: var(--text-color-3, #999);
}

.message-list .fence-arrow {
  flex-shrink: 0;
  margin-left: min(2.666667vw, 14.4px);
  font-size: min(4.444444vw, 24px);
  color: #707070;
  transition: transform 0.2s ease;
}

.message-list .fence-item:has(.is-expanded) .fence-arrow {
  transform: rotate(90deg);
}