/* ===== Photo back panel ===== */
.flip-container.show-photo {
  width: var(--card-width-photo);
}

/* 翻转时显示 Photo 背面 */
.flip-container.show-photo .back-photo {
  display: block;
}

#photo-wrapper {
  background: transparent !important;
  background-color: transparent !important;

  /* 2. 核心：背景模糊滤镜 (磨砂效果) */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  /* 这里的样式是为了适配布局，和你之前的 inline style 保持一致 */
  margin-top: 35px !important;
  height: calc(90vh - 35px) !important;
  overflow: hidden;
  border-radius: 20px;
}

.back-photo {
  background-color: rgba(220, 220, 220, 0.4);

  border-radius: 20px;
  overflow: hidden;

  box-shadow: 0px -4px 8px rgba(0, 0, 0, 0.25);
}