/*
 * 妙靈女子服務分頁共用視覺。
 * 僅處理塔羅與人生地圖內容區，不影響 Header、Footer 或沃映頁面。
 */
.brand-miaoling .miaoling-page-content:is(.page-miaoling-tarot, .page-miaoling-life-map) {
  --miaoling-service-deep: linear-gradient(135deg, #84321f 0%, #72291b 38%, #592116 68%, #3f160f 100%);
  --miaoling-service-dark-panel: linear-gradient(135deg, rgba(132, 50, 31, 0.42), rgba(63, 22, 15, 0.62));
  background: #3f160f;
  color: var(--miaoling-cream);
}

.brand-miaoling .miaoling-page-content:is(.page-miaoling-tarot, .page-miaoling-life-map) .miaoling-service-hero {
  align-items: center;
  box-shadow: inset 0 1px rgba(208, 174, 79, 0.22), inset 0 -1px rgba(208, 174, 79, 0.16);
  display: flex;
  isolation: isolate;
  min-height: calc(100vh - 6.5rem);
  min-height: calc(100svh - 6.5rem);
  overflow: hidden;
}

.brand-miaoling .miaoling-page-content:is(.page-miaoling-tarot, .page-miaoling-life-map) .miaoling-service-hero > .wp-block-group {
  position: relative;
  z-index: 1;
}

.brand-miaoling .miaoling-page-content:is(.page-miaoling-tarot, .page-miaoling-life-map) .miaoling-service-title {
  font-size: clamp(2.9rem, 5vw, 5.25rem);
  letter-spacing: 0.14em;
  line-height: 1.08;
  max-width: 100%;
  text-indent: 0.14em;
  text-shadow: 0 1.25rem 3.5rem rgba(35, 8, 5, 0.3);
  text-wrap: nowrap;
  white-space: nowrap;
}

.brand-miaoling .miaoling-page-content:is(.page-miaoling-tarot, .page-miaoling-life-map) :is(
  .tarot-questions,
  .tarot-process,
  .tarot-booking-shell,
  .life-map-insights,
  .life-map-process
) {
  background-color: #4e1e14;
  background-image:
    radial-gradient(circle at 14% 18%, rgba(132, 50, 31, 0.34), transparent 42%),
    var(--miaoling-service-deep);
  color: var(--miaoling-cream);
}

.brand-miaoling .miaoling-page-content:is(.page-miaoling-tarot, .page-miaoling-life-map) :is(
  .tarot-introduction,
  .tarot-plans,
  .tarot-notes,
  .life-map-introduction,
  .life-map-function-shell,
  .miaoling-faq
) {
  background: linear-gradient(135deg, #f2e8da 0%, #ead9cc 58%, #e1cabb 100%);
  color: var(--miaoling-deep);
}

.brand-miaoling .miaoling-page-content:is(.page-miaoling-tarot, .page-miaoling-life-map) :is(
  .tarot-questions,
  .tarot-process,
  .tarot-booking-shell,
  .life-map-insights,
  .life-map-process
) :is(.miaoling-outline-card, .miaoling-placeholder, .miaoling-function-shell) {
  -webkit-backdrop-filter: blur(12px) saturate(112%);
  backdrop-filter: blur(12px) saturate(112%);
  background: var(--miaoling-service-dark-panel);
  border: 1px solid rgba(208, 174, 79, 0.5);
  box-shadow: inset 0 1px rgba(242, 232, 218, 0.07), 0 1.5rem 3.5rem rgba(35, 8, 5, 0.18);
}

.brand-miaoling .miaoling-page-content:is(.page-miaoling-tarot, .page-miaoling-life-map) :is(
  .tarot-plan,
  .life-map-function-shell .miaoling-function-shell,
  .life-map-function-shell .miaoling-placeholder,
  .life-map-function-shell .miaoling-outline-card
) {
  background: rgba(242, 232, 218, 0.4);
  border: 1px solid rgba(196, 158, 58, 0.48);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.28), 0 1.5rem 3.5rem rgba(63, 22, 15, 0.1);
}

.brand-miaoling .miaoling-page-content:is(.page-miaoling-tarot, .page-miaoling-life-map) .tarot-plan--featured {
  background: rgba(242, 232, 218, 0.72);
  border-top: 3px solid var(--miaoling-gold-deep);
}

.brand-miaoling .miaoling-page-content:is(.page-miaoling-tarot, .page-miaoling-life-map) :is(
  .tarot-oracle-mark,
  .life-map-orbit,
  .life-map-result-mark
) {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: linear-gradient(145deg, rgba(132, 50, 31, 0.26), rgba(63, 22, 15, 0.2));
  border-color: rgba(208, 174, 79, 0.72);
  box-shadow: inset 0 0 0 1rem rgba(242, 232, 218, 0.025), 0 2rem 4rem rgba(63, 22, 15, 0.12);
}

.brand-miaoling .miaoling-page-content:is(.page-miaoling-tarot, .page-miaoling-life-map) :is(
  .miaoling-framework-note,
  .miaoling-status-label
) {
  background: rgba(208, 174, 79, 0.07);
  border-color: rgba(196, 158, 58, 0.72);
}

.brand-miaoling .miaoling-page-content:is(.page-miaoling-tarot, .page-miaoling-life-map) .miaoling-button-gold .wp-block-button__link {
  -webkit-backdrop-filter: blur(14px) saturate(115%);
  backdrop-filter: blur(14px) saturate(115%);
  background: linear-gradient(135deg, rgba(242, 232, 218, 0.055), rgba(63, 22, 15, 0.34));
  border: 1px solid rgba(208, 174, 79, 0.86);
  box-shadow: inset 0 1px rgba(242, 232, 218, 0.1), 0 1.25rem 3rem rgba(35, 8, 5, 0.22);
  color: var(--miaoling-cream);
  min-height: 4.25rem;
  min-width: 13rem;
  padding: 1rem 2.4rem;
}

.brand-miaoling .miaoling-page-content:is(.page-miaoling-tarot, .page-miaoling-life-map) .miaoling-button-gold .wp-block-button__link:hover {
  background: linear-gradient(135deg, rgba(208, 174, 79, 0.2), rgba(88, 30, 16, 0.42));
  border-color: var(--miaoling-gold);
  color: var(--miaoling-cream);
}

.brand-miaoling .miaoling-page-content:is(.page-miaoling-tarot, .page-miaoling-life-map) .miaoling-service-return {
  background-color: #4e1e14;
  background-image:
    linear-gradient(90deg, transparent, rgba(208, 174, 79, 0.2), transparent),
    var(--miaoling-service-deep);
  border-block: 1px solid rgba(208, 174, 79, 0.24);
}

@media (max-width: 900px) {
  .brand-miaoling .miaoling-page-content:is(.page-miaoling-tarot, .page-miaoling-life-map) .miaoling-service-hero {
    min-height: calc(100vh - 4.5rem);
    min-height: calc(100svh - 4.5rem);
  }
}

@media (max-width: 782px) {
  .brand-miaoling .miaoling-page-content:is(.page-miaoling-tarot, .page-miaoling-life-map) .miaoling-service-title {
    font-size: clamp(2.15rem, 8vw, 3.5rem);
    letter-spacing: 0.08em;
    text-indent: 0.08em;
  }

}

@media (max-width: 480px) {
  .brand-miaoling .miaoling-page-content:is(.page-miaoling-tarot, .page-miaoling-life-map) .miaoling-service-title {
    font-size: clamp(1.8rem, 7.5vw, 2.45rem);
    letter-spacing: 0.05em;
    text-indent: 0.05em;
  }

  .brand-miaoling .miaoling-page-content:is(.page-miaoling-tarot, .page-miaoling-life-map) .miaoling-button-gold,
  .brand-miaoling .miaoling-page-content:is(.page-miaoling-tarot, .page-miaoling-life-map) .miaoling-button-gold .wp-block-button__link {
    min-width: 0;
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .brand-miaoling .miaoling-page-content:is(.page-miaoling-tarot, .page-miaoling-life-map) .wp-block-button__link {
    transition: none;
  }
}

/* Page-specific artwork reuses the original visual frames and keeps content editable. */
.brand-miaoling .page-miaoling-tarot .tarot-oracle-mark,
.brand-miaoling .page-miaoling-life-map .life-map-orbit {
  background-color: #4e1e14;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 1.75rem 4.5rem rgba(35, 8, 5, 0.2);
}

.brand-miaoling .page-miaoling-tarot .tarot-oracle-mark {
  background-image:
    linear-gradient(180deg, rgba(63, 22, 15, 0.04), rgba(63, 22, 15, 0.7)),
    url("../../images/brands/miaoling/miaoling-tarot-editorial-v1.jpg");
  background-position: 52% center;
}

.brand-miaoling .page-miaoling-life-map .life-map-orbit {
  background-image:
    linear-gradient(180deg, rgba(63, 22, 15, 0.02), rgba(63, 22, 15, 0.42)),
    url("../../images/brands/miaoling/miaoling-life-map-editorial-v1.jpg");
  background-position: center;
}

.brand-miaoling .page-miaoling-tarot .tarot-oracle-mark::before,
.brand-miaoling .page-miaoling-life-map .life-map-orbit::before,
.brand-miaoling .page-miaoling-life-map .life-map-orbit::after {
  z-index: 1;
}

.brand-miaoling .page-miaoling-tarot .tarot-oracle-mark p,
.brand-miaoling .page-miaoling-life-map .life-map-orbit p {
  color: var(--miaoling-cream);
  position: relative;
  text-shadow: 0 0.25rem 1.2rem rgba(35, 8, 5, 0.85);
  z-index: 2;
}

/* Static background layers: no runtime SVG noise or blend modes; content stays editable. */
.brand-miaoling .miaoling-page-content:is(.page-miaoling-tarot, .page-miaoling-life-map) .miaoling-service-hero {
  background-color: #641f16;
  background-blend-mode: normal;
  background-image:
    none,
    url("../../images/brands/miaoling/miaoling-celestial-left-normal-20260827.png"),
    url("../../images/brands/miaoling/miaoling-celestial-right-normal-20260827.png"),
    url("../../images/brands/miaoling/miaoling-magic-circle-normal-20260827.png"),
    none,
    url("../../images/brands/miaoling/miaoling-surface-20260827.webp");
  background-position:
    center,
    left center,
    right center,
    center 48%,
    center,
    center;
  background-repeat: no-repeat;
  background-size:
    cover,
    min(52vw, 72svh) auto,
    min(52vw, 72svh) auto,
    min(84vw, 118svh) auto,
    cover,
    100% 100%;
}

.brand-miaoling .miaoling-page-content:is(.page-miaoling-tarot, .page-miaoling-life-map) .miaoling-service-hero::before,
.brand-miaoling .miaoling-page-content:is(.page-miaoling-tarot, .page-miaoling-life-map) .miaoling-service-hero::after {
  content: none;
  background: none;
  mix-blend-mode: normal;
}

@media (max-width: 782px) {
  .brand-miaoling .miaoling-page-content:is(.page-miaoling-tarot, .page-miaoling-life-map) .miaoling-service-hero {
    background-position:
      center,
      left -6rem center,
      right -6rem center,
      center 46%,
      center,
      center;
    background-size:
      cover,
      min(132vw, 72svh) auto,
      min(132vw, 72svh) auto,
      min(160vw, 92svh) auto,
      cover,
      100% 100%;
  }
}

@media (max-width: 480px) {
  .brand-miaoling .miaoling-page-content:is(.page-miaoling-tarot, .page-miaoling-life-map) .miaoling-service-hero {
    background-position:
      center,
      left -6.5rem center,
      right -6.5rem center,
      center 44%,
      center,
      center;
    background-size:
      cover,
      min(142vw, 74svh) auto,
      min(142vw, 74svh) auto,
      min(172vw, 88svh) auto,
      cover,
      100% 100%;
  }
}

@media (max-height: 560px) and (orientation: landscape) {
  .brand-miaoling .miaoling-page-content:is(.page-miaoling-tarot, .page-miaoling-life-map) .miaoling-service-hero {
    background-position: center, left -2rem center, right -2rem center, center, center, center;
    background-size: cover, min(45vw, 80svh) auto, min(45vw, 80svh) auto, min(70vw, 125svh) auto, cover, 100% 100%;
  }
}