/* Sitewide profile-card surface shared by home, posts, and standalone pages. */
#App-Container .h-98.w-full.rounded-2xl.relative.shadow-xl.mb-8 {
  isolation: isolate;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

@media (min-width: 1024px) {
  #App-Container .h-98.w-full.rounded-2xl.relative.shadow-xl.mb-8 {
    margin-top: 2rem !important;
  }
}

#App-Container
  .h-98.w-full.rounded-2xl.relative.shadow-xl.mb-8
  .ob-gradient-cut-plate {
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  border: 1px solid var(--shayu-xiaowo-line) !important;
  background: var(--shayu-xiaowo-panel) !important;
  background-image: none !important;
  box-shadow: 0 8px 20px -8px var(--shayu-xiaowo-shadow) !important;
  opacity: 1 !important;
  backdrop-filter: blur(8px) saturate(108%);
  transition: background-color 500ms ease, border-color 500ms ease,
    box-shadow 300ms ease;
}

body.theme-dark
  #App-Container
  .h-98.w-full.rounded-2xl.relative.shadow-xl.mb-8
  .ob-gradient-cut-plate {
  background: rgba(29, 30, 34, 0.7) !important;
}

#App-Container
  .h-98.w-full.rounded-2xl.relative.shadow-xl.mb-8
  .profile {
  z-index: 1;
}

#App-Container
  .h-98.w-full.rounded-2xl.relative.shadow-xl.mb-8
  .profile
  .ob-avatar {
  border-color: var(--shayu-xiaowo-line) !important;
  background: var(--shayu-xiaowo-surface) !important;
  box-shadow: 0 10px 22px -12px var(--shayu-xiaowo-shadow) !important;
}

@media (max-width: 639px) {
  #App-Container
    .h-98.w-full.rounded-2xl.relative.shadow-xl.mb-8
    .ob-gradient-cut-plate {
    backdrop-filter: blur(6px) saturate(105%);
  }
}