@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;700&display=swap");

:root {
  --page-bg-base: #fcfcfc;
  --content-bg: rgba(255, 255, 255, 0.88);
  --content-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}

body {
  background: var(--page-bg-base);
  font-family: "Noto Serif SC", Georgia, "Times New Roman", serif;
}

.md-main { background: transparent; }
.md-grid { max-width: max(85%, 65rem); }

.md-content {
  margin: 0.5rem;
  padding: 1rem 1.5rem;
  border-radius: 12px;
  background: var(--content-bg);
  box-shadow: var(--content-shadow);
}

.profile-card {
  display: flex;
  min-height: 24rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  text-align: center;
}

.profile-card h1 { margin: 0.2rem 0 0; }
.profile-description { margin: 0; color: var(--md-default-fg-color--light); }

.profile-wallpaper {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: contain;
  box-shadow: 0 14px 35px rgba(63, 81, 181, 0.18);
}

.profile-wallpaper--dark { display: none; }

[data-md-color-scheme="slate"] .profile-wallpaper--light { display: none; }
[data-md-color-scheme="slate"] .profile-wallpaper--dark { display: block; }

[data-md-color-scheme="slate"] {
  --odp-bg: #282c34;
  --odp-bg-light: #21252b;
  --odp-fg: #abb2bf;
  --odp-blue: #61afef;
  --page-bg-base: var(--odp-bg);
  --content-bg: rgba(33, 37, 43, 0.76);
  --content-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
  --md-default-bg-color: var(--odp-bg);
  --md-default-fg-color: var(--odp-fg);
}

[data-md-color-scheme="slate"] .profile-wallpaper {
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.35);
}

@media screen and (max-width: 44.984375em) {
  .md-content { margin: 0; padding: 0.75rem; border-radius: 0; box-shadow: none; }
  .profile-card { min-height: 20rem; }
}