:root {
  --wmi-bg: #12090f;
  --wmi-surface: #241013;
  --wmi-gold: #d7af69;
  --wmi-gold-soft: #f2d28a;
  --wmi-wine: #4a1818;
  --wmi-shadow: #12090f;
  --wmi-cream: #f3e7cf;
  --wmi-nav-alpha: 0.54;
  --wmi-nav-blur: 18px;
  --wmi-smoke-alpha: 0.44;
  --wmi-ornament-alpha: 0.32;
  --wmi-circle-scale: 1;
  --wmi-circle-glow: 0.72;
  --wmi-card-glow: 0.78;
  --wmi-circle-glow-alpha: 0.23;
  --wmi-card-glow-alpha: 0.3;
}

body.wmi-sitewide {
  --miaoling-shadow: var(--wmi-bg);
  --miaoling-russet-mid: var(--wmi-wine);
  --miaoling-deep: #5d211d;
  --miaoling-brick: #76402d;
  --miaoling-cream: var(--wmi-cream);
  --miaoling-blush: #c8ad9b;
  --miaoling-gold: var(--wmi-gold);
  background:
    radial-gradient(ellipse at 78% 8%, color-mix(in srgb, var(--wmi-gold) 8%, transparent), transparent 38rem),
    radial-gradient(ellipse at 48% 24%, color-mix(in srgb, var(--wmi-wine) 44%, transparent), transparent 62rem),
    linear-gradient(145deg, #08060a, var(--wmi-bg) 48%, #180a10 100%) fixed !important;
  color: var(--wmi-cream);
}

body.wmi-sitewide .wp-site-blocks,
body.wmi-sitewide main.walkin-brand-main,
body.wmi-sitewide .walkin-brand-main {
  background-color: transparent;
}

body.wmi-sitewide main.walkin-brand-main {
  min-height: calc(100svh - 6rem);
  position: relative;
  z-index: 1;
}

.wmi-site-atmosphere {
  contain: strict;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  z-index: 2;
}

.wmi-site-atmosphere__ornaments {
  background: var(--wmi-ornament-image, none) center / cover no-repeat;
  filter: drop-shadow(0 0 0.8rem rgba(215, 175, 105, 0.08));
  inset: 0;
  opacity: var(--wmi-ornament-alpha);
  position: absolute;
  transform: translate3d(0, var(--wmi-ornament-shift, 0px), 0) scale(1.08);
  transform-origin: center;
  will-change: transform;
}

.wmi-site-atmosphere__veil {
  background:
    radial-gradient(ellipse at 18% 22%, rgba(128, 75, 53, 0.28), transparent 38%),
    radial-gradient(ellipse at 78% 32%, rgba(115, 68, 50, 0.26), transparent 42%),
    radial-gradient(ellipse at 48% 96%, rgba(85, 39, 35, 0.34), transparent 45%);
  filter: blur(30px);
  inset: -18%;
  opacity: calc(var(--wmi-smoke-alpha) * 0.82);
  position: absolute;
  transform: translate3d(0, var(--wmi-veil-shift, 0px), 0) scale(1.08);
  will-change: transform;
}

.wmi-site-atmosphere__smoke {
  background:
    radial-gradient(ellipse at 12% 58%, rgba(190, 132, 101, 0.5) 0 4%, rgba(118, 75, 61, 0.3) 18%, transparent 48%),
    radial-gradient(ellipse at 86% 30%, rgba(174, 116, 89, 0.48) 0 4%, rgba(103, 63, 54, 0.28) 21%, transparent 51%);
  filter: blur(34px);
  inset: -24%;
  mix-blend-mode: screen;
  opacity: var(--wmi-smoke-alpha);
  position: absolute;
  transform: translate3d(-2%, var(--wmi-smoke-scroll-shift, 0px), 0) rotate(-3deg) scale(1.08);
}

.wmi-site-atmosphere__smoke::before,
.wmi-site-atmosphere__smoke::after {
  background:
    radial-gradient(ellipse at 38% 52%, transparent 0 23%, rgba(188, 128, 96, 0.48) 27%, rgba(103, 64, 53, 0.25) 31%, transparent 39%),
    radial-gradient(ellipse at 66% 42%, transparent 0 26%, rgba(164, 105, 83, 0.34) 30%, rgba(94, 57, 49, 0.19) 34%, transparent 43%);
  content: "";
  filter: blur(22px);
  inset: -8%;
  position: absolute;
}

.wmi-site-atmosphere__smoke::before { transform: translate3d(-24%, 10%, 0) rotate(8deg) scale(1.22, 0.72); }
.wmi-site-atmosphere__smoke::after { transform: translate3d(26%, -8%, 0) rotate(-9deg) scale(1.18, 0.76); }

.wmi-motion-quiet .wmi-site-atmosphere__smoke,
.wmi-motion-full .wmi-site-atmosphere__smoke {
  animation: wmi-smoke-drift 34s ease-in-out infinite alternate;
}

.wmi-motion-quiet .wmi-site-atmosphere__smoke::before,
.wmi-motion-full .wmi-site-atmosphere__smoke::before { animation: wmi-smoke-left 42s ease-in-out infinite alternate; }

.wmi-motion-quiet .wmi-site-atmosphere__smoke::after,
.wmi-motion-full .wmi-site-atmosphere__smoke::after { animation: wmi-smoke-right 48s ease-in-out infinite alternate; }

.wmi-profile-quiet .wmi-site-atmosphere { opacity: 0.68; }
.wmi-profile-minimal .wmi-site-atmosphere { opacity: 0.46; }
.wmi-profile-minimal .wmi-site-atmosphere__smoke { opacity: var(--wmi-smoke-alpha); }

body.wmi-nav-glass-on > .wp-site-blocks > header.wp-block-template-part,
body.wmi-nav-glass-on header.wp-block-template-part:first-of-type {
  -webkit-backdrop-filter: blur(var(--wmi-nav-blur)) saturate(138%);
  backdrop-filter: blur(var(--wmi-nav-blur)) saturate(138%);
  background: linear-gradient(100deg, rgba(14, 7, 12, var(--wmi-nav-alpha)), rgba(42, 16, 19, var(--wmi-nav-alpha)), rgba(14, 7, 12, var(--wmi-nav-alpha))) !important;
  border-bottom: 1px solid color-mix(in srgb, var(--wmi-gold) 36%, transparent);
  box-shadow:
    0 10px 34px rgba(5, 2, 5, 0.2),
    inset 0 1px rgba(255, 244, 218, 0.045),
    inset 0 -1px rgba(242, 210, 138, 0.055);
  position: sticky;
  top: var(--wp-admin--admin-bar--height, 0px);
  z-index: 100;
}

body.wmi-nav-glass-on header.wp-block-template-part:first-of-type > *,
body.wmi-nav-glass-on header.wp-block-template-part:first-of-type .wp-block-group,
body.wmi-nav-glass-on .walkin-miaoling-header {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

body.wmi-sitewide.wmi-nav-glass-on.brand-miaoling .walkin-miaoling-header .miaoling-primary-nav .wp-block-navigation-item:has(> a[aria-current="page"]),
body.wmi-sitewide.wmi-nav-glass-on.brand-miaoling .walkin-miaoling-header .miaoling-primary-nav .wp-block-navigation-item.current-menu-item {
  background-color: rgba(77, 36, 31, 0.28) !important;
  background-image: linear-gradient(180deg, rgba(124, 73, 48, 0.3), rgba(64, 27, 27, 0.18)) !important;
  box-shadow:
    inset 1px 0 rgba(215, 175, 105, 0.42),
    inset -1px 0 rgba(215, 175, 105, 0.42),
    inset 0 1px rgba(242, 210, 138, 0.24),
    inset 0 -1px rgba(242, 210, 138, 0.48),
    0 0 1.35rem rgba(164, 99, 50, 0.09) !important;
  isolation: isolate;
  position: relative;
}

body.wmi-sitewide.wmi-nav-glass-on.brand-miaoling .walkin-miaoling-header .miaoling-primary-nav .wp-block-navigation-item:has(> a[aria-current="page"])::after,
body.wmi-sitewide.wmi-nav-glass-on.brand-miaoling .walkin-miaoling-header .miaoling-primary-nav .wp-block-navigation-item.current-menu-item::after {
  background: linear-gradient(90deg, transparent, rgba(242, 210, 138, 0.9), transparent);
  bottom: 0;
  box-shadow: 0 0 0.75rem rgba(242, 210, 138, 0.42);
  content: "";
  height: 1px;
  left: 18%;
  pointer-events: none;
  position: absolute;
  right: 18%;
}

body.wmi-sitewide:not(.home) .brand-shop-content {
  background:
    radial-gradient(ellipse at 50% 4%, rgba(92, 30, 30, 0.26), transparent 40rem),
    linear-gradient(150deg, rgba(10, 7, 11, 0.9), rgba(29, 11, 16, 0.84) 54%, rgba(12, 7, 11, 0.92)) !important;
}

/* The public WordPress login route is part of the Miaoling visitor journey.
   This block changes presentation only; WordPress still owns the form, nonce,
   authentication, errors and redirects. */
body.login.wmi-sitewide {
  background:
    radial-gradient(ellipse at 50% 28%, rgba(79, 25, 30, 0.52), transparent 40rem),
    linear-gradient(145deg, #08060a, var(--wmi-bg) 52%, #1a0a11) fixed !important;
  color: var(--wmi-cream);
}

body.login.wmi-sitewide #login {
  padding: clamp(3.2rem, 8vh, 6rem) 0 2rem;
  position: relative;
  width: min(27rem, calc(100vw - 2rem));
  z-index: 5;
}

body.login.wmi-sitewide #login h1 a {
  background: url("../images/miaoling-logo-gold.webp") center / contain no-repeat;
  filter: drop-shadow(0 0 1.2rem rgba(215, 175, 105, 0.2));
  height: clamp(8.5rem, 20vh, 11.5rem);
  margin-bottom: 1rem;
  width: clamp(8rem, 32vw, 10.5rem);
}

body.login.wmi-sitewide #loginform,
body.login.wmi-sitewide #lostpasswordform,
body.login.wmi-sitewide #registerform {
  -webkit-backdrop-filter: blur(18px) saturate(125%);
  backdrop-filter: blur(18px) saturate(125%);
  background: linear-gradient(145deg, rgba(37, 15, 20, 0.74), rgba(14, 8, 12, 0.68));
  border: 1px solid rgba(215, 175, 105, 0.34);
  border-radius: 1rem;
  box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.38), inset 0 1px rgba(255, 244, 218, 0.035);
  color: var(--wmi-cream);
  padding: 2rem;
}

body.login.wmi-sitewide #login label,
body.login.wmi-sitewide #login .forgetmenot label { color: rgba(243, 231, 207, 0.82); }

body.login.wmi-sitewide #login :is(input[type="text"], input[type="email"], input[type="password"]) {
  background: rgba(8, 6, 10, 0.58);
  border: 1px solid rgba(215, 175, 105, 0.28);
  border-radius: 0.55rem;
  box-shadow: inset 0 0.3rem 1rem rgba(0, 0, 0, 0.2);
  color: var(--wmi-cream);
}

body.login.wmi-sitewide #login :is(input[type="text"], input[type="email"], input[type="password"]):focus {
  border-color: var(--wmi-gold);
  box-shadow: 0 0 0 1px var(--wmi-gold), 0 0 1.1rem rgba(215, 175, 105, 0.11);
}

body.login.wmi-sitewide .button.wp-hide-pw { color: var(--wmi-gold-soft); }

body.login.wmi-sitewide .button-primary {
  background: linear-gradient(180deg, #8a392e, #5e211e);
  border-color: var(--wmi-gold);
  border-radius: 0.55rem;
  box-shadow: 0 0.6rem 1.4rem rgba(0, 0, 0, 0.2);
  color: var(--wmi-cream);
  text-shadow: none;
}

body.login.wmi-sitewide .button-primary:hover,
body.login.wmi-sitewide .button-primary:focus { background: #743027; border-color: var(--wmi-gold-soft); color: #fff7e8; }

body.login.wmi-sitewide #login :is(#nav, #backtoblog) a,
body.login.wmi-sitewide .privacy-policy-page-link a { color: rgba(243, 231, 207, 0.7); }

body.login.wmi-sitewide #login :is(#nav, #backtoblog) a:hover,
body.login.wmi-sitewide .privacy-policy-page-link a:hover { color: var(--wmi-gold-soft); }

body.login.wmi-sitewide #loginform .wps-limit-login-credits {
  align-items: center;
  background: rgba(8, 6, 10, 0.28) !important;
  border: 1px solid rgba(215, 175, 105, 0.16) !important;
  border-radius: 0.55rem !important;
  box-shadow: none !important;
  color: rgba(243, 231, 207, 0.58) !important;
  display: flex !important;
  font-size: 0.72rem !important;
  gap: 0.45rem;
  height: auto !important;
  inset: auto !important;
  line-height: 1.35 !important;
  margin: 0.9rem 0 !important;
  min-height: 0 !important;
  padding: 0.55rem 0.7rem !important;
  position: static !important;
  transform: none !important;
  width: auto !important;
}

body.login.wmi-sitewide #loginform .wps-limit-login-credits img { height: 1.15rem !important; margin: 0 !important; width: 1.15rem !important; }
body.login.wmi-sitewide #loginform .wps-limit-login-credits br { display: none; }
body.login.wmi-sitewide #loginform .wps-limit-login-credits a { color: var(--wmi-gold-soft) !important; }

body.login.wmi-sitewide .language-switcher {
  color: rgba(243, 231, 207, 0.72);
  position: relative;
  z-index: 5;
}

body.wmi-sitewide .walkin-brand-main :is(h1, h2, h3, h4) {
  text-wrap: balance;
}

body.wmi-booking-sync.wb-page .page-miaoling-tarot {
  background: transparent !important;
}

body.wmi-booking-sync.wb-page .walkin-booking-experience {
  --wbe-ink: var(--wmi-bg);
  --wbe-shadow: #0d070b;
  --wbe-wine: var(--wmi-wine);
  --wbe-rust: #5d211d;
  --wbe-terracotta: #76402d;
  --wbe-cream: var(--wmi-cream);
  --wbe-paper: #f4e9dc;
  --wbe-blush: #c8ad9b;
  --wbe-gold: var(--wmi-gold);
  --wbe-gold-soft: color-mix(in srgb, var(--wmi-gold) 44%, transparent);
  background: transparent;
}

body.wmi-booking-sync.wb-page .walkin-booking-experience__hero,
body.wmi-booking-sync.wb-page .walkin-booking-experience__booking {
  background-color: var(--wmi-bg) !important;
  background-image:
    radial-gradient(ellipse at 50% 25%, color-mix(in srgb, var(--wmi-wine) 76%, transparent), transparent 58%),
    linear-gradient(160deg, #0b070d, var(--wmi-bg) 52%, #241013) !important;
}

body.wmi-booking-sync.wb-page .wb-root {
  --wcal-surface: #1b0d12 !important;
  --wcal-sidebar: #13090e !important;
  --wcal-text: var(--wmi-cream) !important;
  --wcal-muted: #c3aa98 !important;
  --wcal-gold: var(--wmi-gold) !important;
  --wcal-input: #291419 !important;
  --wcal-available: #32191d !important;
  --wcal-selected: var(--wmi-gold) !important;
  --wcal-selected-text: #190c10 !important;
  --wcal-unavailable: #170b10 !important;
  --wcal-unavailable-text: #846d67 !important;
  --wcal-service-price: var(--wmi-gold-soft) !important;
  --wcal-total-price: var(--wmi-gold-soft) !important;
  --wcal-scrollbar-thumb: #896c47 !important;
  --wcal-scrollbar-track: #170b10 !important;
}

.wmi-enabled .page-miaoling-home .miaoling-home-hero {
  background:
    radial-gradient(circle at 50% 44%, rgba(93, 30, 34, 0.56) 0, rgba(51, 18, 25, 0.42) 27%, transparent 58%),
    radial-gradient(ellipse at 82% 8%, rgba(151, 102, 75, 0.12), transparent 36%),
    linear-gradient(150deg, #09070b 0%, var(--wmi-bg) 38%, #1d0c13 73%, #0d080c 100%) !important;
  isolation: isolate;
  min-height: calc(100vh - 6.5rem);
  min-height: calc(100svh - 6.5rem);
  position: relative;
}

.wmi-enabled .page-miaoling-home .miaoling-hero-content {
  padding-block: clamp(0.8rem, 2.2svh, 1.8rem) !important;
  position: relative;
  z-index: 3;
}

.wmi-enabled .miaoling-home-hero :is(.miaoling-four-star, .miaoling-kicker, .miaoling-english-mark, .miaoling-hero-lead) {
  display: none;
}

.wmi-hero-logo {
  isolation: isolate;
  margin: 0 auto;
  position: relative;
  width: clamp(10rem, 15vw, 13.5rem);
  z-index: 4;
}

.wmi-hero-logo picture,
.wmi-hero-logo img {
  display: block;
  height: auto;
  width: 100%;
}

.wmi-hero-logo picture {
  filter: drop-shadow(0 0 1.2rem rgba(205, 166, 90, 0.34)) drop-shadow(0 1rem 2rem rgba(0, 0, 0, 0.32));
  position: relative;
  transform: translate3d(var(--wmi-parallax-x, 0), var(--wmi-parallax-y, 0), 0);
  transition: transform 420ms cubic-bezier(0.2, 0.7, 0.2, 1);
  z-index: 2;
}

.wmi-logo-aura,
.wmi-logo-sheen {
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.wmi-logo-aura {
  background: radial-gradient(ellipse at 50% 48%, rgba(236, 216, 162, 0.18) 0%, rgba(205, 166, 90, 0.08) 38%, transparent 72%);
  border-radius: 50%;
  filter: blur(0.65rem);
  inset: -10% -24%;
  opacity: 0.52;
  transform: scale(0.94);
  z-index: 0;
}

.wmi-logo-sheen {
  -webkit-mask: url("../images/miaoling-logo-gold.webp") center / contain no-repeat;
  background: linear-gradient(108deg, transparent 26%, rgba(255, 244, 202, 0.04) 39%, rgba(255, 244, 202, 0.82) 48%, rgba(236, 216, 162, 0.1) 56%, transparent 68%);
  background-position: 145% center;
  background-repeat: no-repeat;
  background-size: 240% 100%;
  mask: url("../images/miaoling-logo-gold.webp") center / contain no-repeat;
  opacity: 0;
  z-index: 3;
}

.wmi-atmosphere {
  inset: 0;
  margin: 0 !important;
  max-width: none !important;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  width: auto !important;
  z-index: 1;
}

.wmi-css-particles {
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  z-index: 3;
}

.wmi-css-particles i {
  --wmi-particle-x: 50%;
  --wmi-particle-y: 50%;
  --wmi-particle-size: 2px;
  --wmi-particle-alpha: 0.45;
  --wmi-particle-duration: 24s;
  --wmi-particle-delay: 0s;
  --wmi-particle-drift-x: 12px;
  --wmi-particle-drift-y: -52px;
  animation: wmi-particle-drift var(--wmi-particle-duration) ease-in-out var(--wmi-particle-delay) infinite;
  background: radial-gradient(circle, #fff8d8 0 16%, var(--wmi-gold-soft) 42%, rgba(215, 175, 105, 0) 74%);
  border-radius: 50%;
  box-shadow: 0 0 0.45rem rgba(242, 210, 138, 0.48);
  height: var(--wmi-particle-size);
  left: var(--wmi-particle-x);
  opacity: var(--wmi-particle-alpha);
  position: absolute;
  top: var(--wmi-particle-y);
  width: var(--wmi-particle-size);
}

.wmi-css-particles i:nth-child(13n) {
  background:
    linear-gradient(90deg, transparent 43%, rgba(255, 244, 206, 0.9) 47% 53%, transparent 57%),
    linear-gradient(0deg, transparent 43%, rgba(255, 244, 206, 0.9) 47% 53%, transparent 57%);
  border-radius: 0;
  filter: drop-shadow(0 0 0.3rem rgba(242, 210, 138, 0.55));
  transform: rotate(45deg);
}

.wmi-css-particles--site {
  opacity: 0.72;
}

.wmi-css-particles--hero {
  opacity: 0.9;
}

.wmi-hero-smoke,
.wmi-hero-smoke::before,
.wmi-hero-smoke::after {
  inset: -18%;
  pointer-events: none;
  position: absolute;
}

.wmi-hero-smoke {
  background:
    radial-gradient(ellipse at 14% 56%, rgba(180, 121, 92, 0.38), transparent 43%),
    radial-gradient(ellipse at 86% 30%, rgba(164, 105, 83, 0.34), transparent 45%);
  filter: blur(28px);
  mix-blend-mode: screen;
  opacity: var(--wmi-smoke-alpha);
}

.wmi-hero-smoke::before,
.wmi-hero-smoke::after {
  background:
    radial-gradient(ellipse at 34% 54%, transparent 0 22%, rgba(181, 120, 92, 0.52) 27%, rgba(105, 65, 53, 0.28) 31%, transparent 40%),
    radial-gradient(ellipse at 68% 40%, transparent 0 26%, rgba(153, 96, 77, 0.36) 30%, rgba(91, 55, 47, 0.2) 34%, transparent 43%);
  content: "";
  filter: blur(16px);
}

.wmi-hero-smoke::before { transform: translate(-22%, 2%) rotate(8deg) scale(1.25, 0.78); }
.wmi-hero-smoke::after { transform: translate(30%, -9%) rotate(-11deg) scale(1.12, 0.72); }

.wmi-motion-quiet .wmi-hero-smoke::before,
.wmi-motion-full .wmi-hero-smoke::before { animation: wmi-smoke-left 28s ease-in-out infinite alternate; }
.wmi-motion-quiet .wmi-hero-smoke::after,
.wmi-motion-full .wmi-hero-smoke::after { animation: wmi-smoke-right 36s ease-in-out infinite alternate; }

.wmi-magic-disc,
.wmi-cardinals {
  aspect-ratio: 1;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 49%;
}

.wmi-magic-disc {
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(var(--wmi-circle-scale));
  transform-origin: center;
}

.wmi-magic-disc--outer {
  background:
    radial-gradient(circle, rgba(117, 53, 34, 0.18) 0 28%, transparent 57%),
    radial-gradient(circle, transparent 53%, rgba(205, 166, 90, 0.1) 53.2%, transparent 53.8%),
    var(--wmi-magic-circle-image, none) center / contain no-repeat;
  filter:
    drop-shadow(0 2.2rem 3.6rem rgba(0, 0, 0, 0.58))
    drop-shadow(0 0 2.2rem rgb(215 175 105 / var(--wmi-circle-glow-alpha)));
  opacity: var(--wmi-circle-glow);
  width: clamp(40rem, 52vw, 58rem);
}

.wmi-magic-disc--inner {
  background:
    radial-gradient(circle, rgba(192, 102, 54, 0.2) 0 24%, rgba(115, 49, 34, 0.13) 42%, transparent 68%),
    var(--wmi-magic-inner-image, none) center / contain no-repeat;
  border: 0;
  box-shadow:
    0 1.8rem 3.5rem rgba(0, 0, 0, 0.42),
    0 0 3.2rem rgb(215 175 105 / var(--wmi-circle-glow-alpha)),
    inset 0 0 3.8rem rgba(205, 166, 90, 0.09);
  opacity: 0.78;
  width: clamp(24rem, 34vw, 39rem);
}

.wmi-magic-disc--inner::before,
.wmi-magic-disc--inner::after {
  border-radius: inherit;
  content: "";
  position: absolute;
}

.wmi-magic-disc--inner::before { border: 1px solid rgba(215, 175, 105, 0.1); inset: 11%; }

.wmi-magic-disc--inner::after {
  -webkit-mask: radial-gradient(circle, transparent 0 67%, #000 68% 70%, transparent 71%);
  background: repeating-conic-gradient(from 12deg, transparent 0 21deg, rgba(236, 216, 162, 0.72) 21.5deg 22deg, transparent 22.5deg 44deg);
  inset: 2%;
  mask: radial-gradient(circle, transparent 0 67%, #000 68% 70%, transparent 71%);
}

.wmi-cardinals {
  transform: translate(-50%, -50%);
  width: clamp(24rem, 48vw, 44rem);
}

.wmi-cardinals i {
  background: var(--wmi-gold-soft);
  box-shadow: 0 0 0.8rem rgba(236, 216, 162, 0.5);
  height: 0.34rem;
  opacity: 0.38;
  position: absolute;
  transform: rotate(45deg);
  width: 0.34rem;
}

.wmi-cardinals i:nth-child(1) { left: 50%; top: 0; }
.wmi-cardinals i:nth-child(2) { right: 0; top: 50%; }
.wmi-cardinals i:nth-child(3) { bottom: 0; left: 50%; }
.wmi-cardinals i:nth-child(4) { left: 0; top: 50%; }

.wmi-motion-quiet .wmi-magic-disc--outer,
.wmi-motion-full .wmi-magic-disc--outer {
  animation: wmi-orbit-clockwise 148s linear infinite;
  will-change: transform;
}

.wmi-motion-full .wmi-magic-disc--outer {
  animation-duration: 126s;
  opacity: min(0.86, var(--wmi-circle-glow));
}

.wmi-motion-quiet .wmi-magic-disc--inner,
.wmi-motion-full .wmi-magic-disc--inner {
  animation: wmi-orbit-counter 210s linear infinite;
  will-change: transform;
}

.wmi-motion-full .wmi-magic-disc--inner { animation-duration: 184s; }

.wmi-motion-quiet .wmi-cardinals i,
.wmi-motion-full .wmi-cardinals i {
  animation: wmi-cardinal-glint 8s ease-in-out infinite;
}

.wmi-cardinals i:nth-child(2) { animation-delay: -2s !important; }
.wmi-cardinals i:nth-child(3) { animation-delay: -4s !important; }
.wmi-cardinals i:nth-child(4) { animation-delay: -6s !important; }

.wmi-logo-breathe-on.wmi-motion-quiet .wmi-logo-aura,
.wmi-logo-breathe-on.wmi-motion-full .wmi-logo-aura {
  animation: wmi-aura-breathe 7.8s ease-in-out infinite;
}

.wmi-logo-breathe-on.wmi-motion-quiet .wmi-hero-logo picture,
.wmi-logo-breathe-on.wmi-motion-full .wmi-hero-logo picture {
  animation: wmi-logo-breathe 7.8s ease-in-out 1s infinite;
}

.wmi-logo-sheen-on.wmi-motion-quiet .wmi-logo-sheen,
.wmi-logo-sheen-on.wmi-motion-full .wmi-logo-sheen {
  animation: wmi-logo-sheen 11s cubic-bezier(0.3, 0, 0.25, 1) 2.2s infinite;
}

.wmi-circle-speed-very-slow .wmi-magic-disc--outer { animation-duration: 180s; }
.wmi-circle-speed-very-slow .wmi-magic-disc--inner { animation-duration: 260s; }
.wmi-circle-speed-slow .wmi-magic-disc--outer { animation-duration: 126s; }
.wmi-circle-speed-slow .wmi-magic-disc--inner { animation-duration: 184s; }
.wmi-circle-speed-gentle .wmi-magic-disc--outer { animation-duration: 88s; }
.wmi-circle-speed-gentle .wmi-magic-disc--inner { animation-duration: 132s; }

.wmi-circle-direction-reverse .wmi-magic-disc--outer { animation-name: wmi-orbit-counter; }
.wmi-circle-direction-reverse .wmi-magic-disc--inner { animation-name: wmi-orbit-clockwise; }

.wmi-tarot-cards {
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.wmi-tarot-card {
  aspect-ratio: 360 / 620;
  background: var(--wmi-card-image, none) center / contain no-repeat;
  bottom: clamp(2rem, 4vw, 4rem);
  filter:
    drop-shadow(0 2.4rem 3.4rem rgba(0, 0, 0, 0.78))
    drop-shadow(0 0 1.35rem rgb(215 175 105 / var(--wmi-card-glow-alpha)));
  opacity: 0.9;
  position: absolute;
  transform-origin: 50% 84%;
  transition: filter 420ms ease, opacity 420ms ease, transform 620ms cubic-bezier(0.2, 0.75, 0.2, 1);
  width: clamp(12rem, 16vw, 16rem);
  will-change: transform;
}

.wmi-tarot-card::before,
.wmi-tarot-card::after {
  border-radius: 1rem;
  content: "";
  inset: 1.6%;
  pointer-events: none;
  position: absolute;
}

.wmi-tarot-card::before {
  background: linear-gradient(112deg, transparent 22%, rgba(255, 244, 207, 0.03) 38%, rgba(255, 235, 174, 0.34) 48%, rgba(255, 244, 207, 0.04) 58%, transparent 76%);
  background-position: 130% 50%;
  background-size: 260% 100%;
  mix-blend-mode: screen;
  opacity: 0.28;
}

.wmi-tarot-card::after {
  border: 1px solid rgb(242 210 138 / var(--wmi-card-glow-alpha));
  box-shadow: inset 0 0 1.35rem rgb(215 175 105 / var(--wmi-card-glow-alpha));
}

.wmi-tarot-card--left-back {
  left: clamp(-6rem, -4vw, -2.5rem);
  transform: translate3d(var(--wmi-card-left-x, 0px), var(--wmi-card-left-y, 0px), 0) rotate(-17deg);
}

.wmi-tarot-card--left-front {
  bottom: clamp(-3.5rem, -2vw, -1rem);
  left: clamp(1rem, 5vw, 5rem);
  transform: translate3d(var(--wmi-card-front-x, 0px), var(--wmi-card-front-y, 0px), 0) rotate(-28deg) scale(0.92);
}

.wmi-tarot-card--right-back {
  right: clamp(-6rem, -4vw, -2.5rem);
  transform: translate3d(var(--wmi-card-right-x, 0px), var(--wmi-card-right-y, 0px), 0) rotate(17deg);
}

.wmi-tarot-card--right-front {
  bottom: clamp(-3.5rem, -2vw, -1rem);
  right: clamp(1rem, 5vw, 5rem);
  transform: translate3d(var(--wmi-card-right-front-x, 0px), var(--wmi-card-right-front-y, 0px), 0) rotate(28deg) scale(0.92);
}

.wmi-motion-full .miaoling-home-hero:hover .wmi-tarot-card {
  filter: drop-shadow(0 2.5rem 3.8rem rgba(0, 0, 0, 0.74)) drop-shadow(0 0 1.7rem rgb(242 210 138 / var(--wmi-card-glow-alpha)));
  opacity: 0.98;
}

.wmi-motion-quiet .wmi-tarot-card::before,
.wmi-motion-full .wmi-tarot-card::before {
  animation: wmi-card-foil 15s ease-in-out infinite;
}

.wmi-enabled .page-miaoling-home .miaoling-display-title {
  font-size: clamp(2.45rem, 4vw, 4.15rem);
  letter-spacing: 0.24em;
  margin: 0.15rem 0 0;
  text-indent: 0.24em;
  text-shadow: 0 0.3rem 1.4rem rgba(35, 8, 5, 0.45), 0 0 1.7rem rgba(205, 166, 90, 0.08);
}

.wmi-enabled .page-miaoling-home .miaoling-hero-tagline {
  font-size: clamp(1.05rem, 1.55vw, 1.35rem);
  letter-spacing: 0.16em;
  margin: clamp(0.7rem, 1.6svh, 1.05rem) auto 0;
  max-width: none;
}

.wmi-enabled .page-miaoling-home .miaoling-hero-actions {
  margin-top: clamp(0.9rem, 2.1svh, 1.35rem);
}

.wmi-enabled .page-miaoling-home .miaoling-hero-actions .wp-block-button__link {
  background: linear-gradient(180deg, rgba(112, 37, 27, 0.58), rgba(69, 20, 15, 0.72));
  border-color: rgba(236, 216, 162, 0.72);
  box-shadow: 0 0.9rem 2.3rem rgba(35, 8, 5, 0.2), inset 0 0 0 1px rgba(205, 166, 90, 0.08);
  isolation: isolate;
  border-radius: 999px;
  min-height: 3rem;
  min-width: 10.5rem;
  overflow: hidden;
  position: relative;
  transition: border-color 220ms ease, box-shadow 220ms ease, color 220ms ease, transform 220ms ease;
}

.wmi-enabled .page-miaoling-home .miaoling-hero-actions .wp-block-button__link::after {
  background: linear-gradient(105deg, transparent 24%, rgba(255, 243, 198, 0.52) 49%, transparent 72%);
  content: "";
  inset: -30% -70%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: translateX(-45%);
  transition: opacity 180ms ease, transform 620ms cubic-bezier(0.2, 0.65, 0.2, 1);
  z-index: -1;
}

.wmi-cta-glow-on .page-miaoling-home .miaoling-hero-actions .wp-block-button__link:hover,
.wmi-cta-glow-on .page-miaoling-home .miaoling-hero-actions .wp-block-button__link:focus-visible {
  border-color: var(--wmi-gold-soft);
  box-shadow: 0 1rem 2.6rem rgba(35, 8, 5, 0.26), 0 0 1.4rem rgba(205, 166, 90, 0.15), inset 0 0 0 1px rgba(236, 216, 162, 0.12);
  transform: translateY(-2px);
}

.wmi-cta-glow-on .page-miaoling-home .miaoling-hero-actions .wp-block-button__link:hover::after,
.wmi-cta-glow-on .page-miaoling-home .miaoling-hero-actions .wp-block-button__link:focus-visible::after {
  opacity: 0.72;
  transform: translateX(45%);
}

.wmi-js:not(.wmi-returning) .wmi-motion-quiet .wmi-hero-logo,
.wmi-js:not(.wmi-returning) .wmi-motion-full .wmi-hero-logo {
  animation: wmi-quiet-rise 820ms cubic-bezier(0.2, 0.7, 0.2, 1) both;
}

.wmi-js:not(.wmi-returning) .wmi-motion-quiet .miaoling-display-title,
.wmi-js:not(.wmi-returning) .wmi-motion-full .miaoling-display-title {
  animation: wmi-quiet-rise 620ms cubic-bezier(0.2, 0.7, 0.2, 1) 180ms both;
}

.wmi-js:not(.wmi-returning) .wmi-motion-quiet .miaoling-hero-tagline,
.wmi-js:not(.wmi-returning) .wmi-motion-full .miaoling-hero-tagline {
  animation: wmi-quiet-rise 560ms cubic-bezier(0.2, 0.7, 0.2, 1) 300ms both;
}

.wmi-returning .wmi-hero-logo,
.wmi-returning .miaoling-display-title,
.wmi-returning .miaoling-hero-tagline {
  animation-duration: 180ms !important;
  animation-delay: 0ms !important;
}

@keyframes wmi-quiet-rise {
  from { opacity: 0; transform: translateY(0.65rem); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes wmi-logo-breathe {
  0%, 100% { transform: translate3d(var(--wmi-parallax-x, 0px), var(--wmi-parallax-y, 0px), 0) scale(1); }
  50% { transform: translate3d(var(--wmi-parallax-x, 0px), calc(var(--wmi-parallax-y, 0px) - 2px), 0) scale(1.012); }
}

@keyframes wmi-aura-breathe {
  0%, 100% { opacity: 0.38; transform: scale(0.94); }
  50% { opacity: 0.72; transform: scale(1.035); }
}

@keyframes wmi-logo-sheen {
  0%, 74%, 100% { background-position: 145% center; opacity: 0; }
  79% { opacity: 0.68; }
  88% { background-position: -45% center; opacity: 0.42; }
  92% { opacity: 0; }
}

@keyframes wmi-orbit-clockwise {
  from { transform: translate(-50%, -50%) rotate(0deg) scale(var(--wmi-circle-scale)); }
  to { transform: translate(-50%, -50%) rotate(360deg) scale(var(--wmi-circle-scale)); }
}

@keyframes wmi-orbit-counter {
  from { transform: translate(-50%, -50%) rotate(360deg) scale(var(--wmi-circle-scale)); }
  to { transform: translate(-50%, -50%) rotate(0deg) scale(var(--wmi-circle-scale)); }
}

@keyframes wmi-smoke-drift {
  from { transform: translate3d(-3%, var(--wmi-smoke-scroll-shift, 0px), 0) rotate(-3deg) scale(1.08); }
  to { transform: translate3d(4%, calc(var(--wmi-smoke-scroll-shift, 0px) - 2%), 0) rotate(3deg) scale(1.14); }
}

@keyframes wmi-smoke-left {
  from { transform: translate(-24%, 4%) rotate(7deg) scale(1.18, 0.72); opacity: 0.56; }
  to { transform: translate(-14%, -3%) rotate(12deg) scale(1.32, 0.82); opacity: 0.94; }
}

@keyframes wmi-smoke-right {
  from { transform: translate(31%, -10%) rotate(-12deg) scale(1.1, 0.7); opacity: 0.62; }
  to { transform: translate(20%, 2%) rotate(-5deg) scale(1.24, 0.84); opacity: 1; }
}

@keyframes wmi-particle-drift {
  0%, 100% { opacity: 0.08; transform: translate3d(0, 0, 0) scale(0.74); }
  46% { opacity: var(--wmi-particle-alpha); transform: translate3d(var(--wmi-particle-drift-x), var(--wmi-particle-drift-y), 0) scale(1.08); }
  72% { opacity: 0.24; transform: translate3d(0, 0, 0) scale(0.88); }
}

@keyframes wmi-card-foil {
  0%, 66%, 100% { background-position: 130% 50%; opacity: 0.12; }
  76% { opacity: 0.38; }
  88% { background-position: -35% 50%; opacity: 0.24; }
}

@keyframes wmi-cardinal-glint {
  0%, 100% { opacity: 0.22; transform: rotate(45deg) scale(0.78); }
  50% { opacity: 0.72; transform: rotate(45deg) scale(1.18); }
}

.wmi-atmosphere.is-paused :is(.wmi-magic-disc, .wmi-cardinals i, .wmi-hero-smoke, .wmi-css-particles i),
.wmi-atmosphere.is-paused .wmi-hero-smoke::before,
.wmi-atmosphere.is-paused .wmi-hero-smoke::after,
.wmi-atmosphere.is-paused .wmi-tarot-card::before,
.wmi-site-atmosphere.is-paused :is(.wmi-site-atmosphere__smoke, .wmi-css-particles i),
.wmi-site-atmosphere.is-paused .wmi-site-atmosphere__smoke::before,
.wmi-site-atmosphere.is-paused .wmi-site-atmosphere__smoke::after,
.wmi-atmosphere.is-paused + .miaoling-hero-content .wmi-logo-aura,
.wmi-atmosphere.is-paused + .miaoling-hero-content .wmi-logo-sheen,
.wmi-atmosphere.is-paused + .miaoling-hero-content .wmi-hero-logo picture {
  animation-play-state: paused;
}

.wmi-guide {
  background:
    radial-gradient(circle at 50% 0, rgba(205, 166, 90, 0.1), transparent 42%),
    linear-gradient(180deg, #521810, var(--wmi-shadow));
  border-block: 1px solid rgba(205, 166, 90, 0.24);
  color: var(--wmi-cream);
  padding: clamp(3.3rem, 7vw, 6rem) 1.25rem;
  position: relative;
}

.wmi-guide__inner {
  margin: 0 auto;
  max-width: 72rem;
  text-align: center;
}

.wmi-guide__eyebrow {
  color: var(--wmi-gold);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  margin: 0 0 0.85rem;
}

.wmi-guide h2 {
  color: var(--wmi-cream);
  font-family: var(--miaoling-serif, "Noto Serif TC", serif);
  font-size: clamp(1.8rem, 3.3vw, 3rem);
  font-weight: 400;
  letter-spacing: 0.06em;
  margin: 0;
}

/* Keep the optional guide immediately readable even when a global text-reveal
   plugin discovers dynamically inserted headings. */
.wmi-guide h2.wlt-reveal,
.wmi-guide h2 .wlt-char {
  clip-path: none !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

.wmi-guide__intro {
  color: rgba(242, 229, 213, 0.74);
  margin: 0.9rem 0 0;
}

.wmi-guide__choices {
  display: grid;
  gap: 0.9rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: clamp(1.8rem, 4vw, 3rem) auto 0;
  max-width: 58rem;
}

.wmi-guide__choice {
  appearance: none;
  background: rgba(242, 229, 213, 0.025);
  border: 1px solid rgba(205, 166, 90, 0.48);
  border-radius: 0;
  color: var(--wmi-cream);
  cursor: pointer;
  font-family: inherit;
  font-size: 1rem;
  letter-spacing: 0.06em;
  min-height: 4.2rem;
  padding: 0.9rem 1.1rem;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.wmi-guide__choice:hover,
.wmi-guide__choice.is-selected {
  background: rgba(205, 166, 90, 0.15);
  border-color: var(--wmi-gold);
  color: var(--wmi-gold-soft);
  transform: translateY(-2px);
}

.wmi-guide__choice:focus-visible {
  outline: 3px solid var(--wmi-gold);
  outline-offset: 4px;
}

.wmi-guide__status {
  color: var(--wmi-gold-soft);
  min-height: 1.5em;
  margin: 1rem 0 0;
}

.wmi-fate-rail {
  --wmi-progress: 0;
  bottom: 13vh;
  left: 1.1rem;
  opacity: 0.72;
  pointer-events: none;
  position: fixed;
  top: 24vh;
  width: 1px;
  z-index: 52;
}

.wmi-fate-rail__track,
.wmi-fate-rail__track::after {
  inset: 0;
  position: absolute;
}

.wmi-fate-rail__track {
  background: rgba(205, 166, 90, 0.18);
}

.wmi-fate-rail__track::after {
  background: linear-gradient(180deg, var(--wmi-gold-soft), var(--wmi-gold));
  content: "";
  height: calc(var(--wmi-progress) * 100%);
}

.wmi-fate-rail__point {
  background: var(--wmi-gold-soft);
  box-shadow: 0 0 0.8rem rgba(205, 166, 90, 0.58);
  height: 0.42rem;
  left: 50%;
  position: absolute;
  top: calc(var(--wmi-progress) * 100%);
  transform: translate(-50%, -50%) rotate(45deg);
  width: 0.42rem;
}

.wmi-service-glow-on .page-miaoling-home .miaoling-service-feature {
  transition: border-color 260ms ease, box-shadow 320ms ease, transform 320ms ease;
}

.wmi-service-glow-on .page-miaoling-home .miaoling-service-feature.is-seen {
  box-shadow: 0 2rem 5rem rgba(31, 7, 4, 0.25), inset 0 0 3rem rgba(205, 166, 90, 0.025);
}

.wmi-service-glow-on .page-miaoling-home .miaoling-service-feature.is-guided {
  border-color: var(--wmi-gold) !important;
  box-shadow: 0 0 0 1px rgba(205, 166, 90, 0.28), 0 2rem 5rem rgba(31, 7, 4, 0.32), inset 0 0 5rem rgba(205, 166, 90, 0.08);
  transform: translateY(-0.35rem);
}

@media (max-width: 1024px) {
  .wmi-fate-rail { display: none; }
  .wmi-tarot-card { width: clamp(9rem, 19vw, 12.5rem); }
  .wmi-tarot-card--left-front { left: 6vw; }
  .wmi-tarot-card--right-front { right: 6vw; }
}

@media (min-width: 1800px) {
  .wmi-hero-logo { width: clamp(12rem, 11vw, 16rem); }
  .wmi-enabled .page-miaoling-home .miaoling-display-title { font-size: clamp(3.35rem, 3.2vw, 5rem); }
  .wmi-enabled .page-miaoling-home .miaoling-hero-tagline { font-size: clamp(1.2rem, 1.15vw, 1.55rem); }
}

@media (max-width: 900px) {
  .wmi-enabled .page-miaoling-home .miaoling-home-hero {
    min-height: calc(100vh - 4.5rem);
    min-height: calc(100svh - 4.5rem);
  }

  .wmi-hero-logo {
    width: clamp(10rem, 31vw, 13.5rem);
  }

  .wmi-magic-disc--outer { width: clamp(30rem, 82vw, 42rem); }
  .wmi-magic-disc--inner { width: clamp(20rem, 58vw, 28rem); }
  .wmi-cardinals { width: clamp(21rem, 64vw, 34rem); }
}

@media (max-width: 782px) {
  .wmi-guide__choices { grid-template-columns: 1fr; }
  .wmi-guide__choice { min-height: 3.7rem; }

  body.wmi-nav-glass-on > .wp-site-blocks > header.wp-block-template-part,
  body.wmi-nav-glass-on header.wp-block-template-part:first-of-type {
    -webkit-backdrop-filter: blur(min(11px, var(--wmi-nav-blur))) saturate(118%);
    backdrop-filter: blur(min(11px, var(--wmi-nav-blur))) saturate(118%);
    background: rgba(18, 9, 15, var(--wmi-nav-alpha)) !important;
  }

  .wmi-tarot-card { bottom: -3.5rem; opacity: 0.58; width: clamp(7.2rem, 26vw, 9rem); }
  .wmi-tarot-card--left-back { left: -2.6rem; transform: rotate(-13deg); }
  .wmi-tarot-card--left-front { display: none; }
  .wmi-tarot-card--right-back { right: -2.6rem; transform: rotate(13deg); }
  .wmi-tarot-card--right-front { display: none; }
  .wmi-hero-smoke { filter: blur(24px); opacity: var(--wmi-smoke-alpha); }
  .wmi-site-atmosphere__ornaments { background-size: auto 100%; opacity: 0.24; }
  .wmi-css-particles--site { opacity: 0.56; }
  .wmi-css-particles--hero { opacity: 0.7; }
  .wmi-mobile-smoke-off :is(.wmi-site-atmosphere__smoke, .wmi-hero-smoke) { display: none; }
}

@media (max-width: 480px) {
  body.login.wmi-sitewide #login { padding-top: 2rem; }
  body.login.wmi-sitewide #login h1 a { height: 7.5rem; width: 7.5rem; }
  body.login.wmi-sitewide #loginform,
  body.login.wmi-sitewide #lostpasswordform,
  body.login.wmi-sitewide #registerform { padding: 1.35rem; }

  .wmi-enabled .page-miaoling-home .miaoling-hero-content {
    padding-block: 0.65rem !important;
  }

  .wmi-hero-logo {
    width: clamp(9.25rem, 45vw, 11.25rem);
  }

  .wmi-enabled .page-miaoling-home .miaoling-display-title {
    font-size: clamp(2rem, 9vw, 2.55rem);
    letter-spacing: 0.18em;
    text-indent: 0.18em;
  }

  .wmi-enabled .page-miaoling-home .miaoling-hero-tagline {
    font-size: 1rem;
  }
}

@media (max-height: 680px) and (min-width: 783px) {
  .wmi-hero-logo { width: clamp(9rem, 23svh, 11.5rem); }
  .wmi-enabled .page-miaoling-home .miaoling-display-title { font-size: clamp(2.3rem, 5svh, 3.1rem); }
}

@media (prefers-reduced-motion: reduce) {
  .wmi-enabled :is(.wmi-site-atmosphere__smoke, .wmi-hero-smoke, .wmi-css-particles i, .wmi-hero-logo, .wmi-hero-logo picture, .wmi-logo-aura, .wmi-logo-sheen, .wmi-magic-disc, .wmi-cardinals i, .wmi-tarot-card, .miaoling-display-title, .miaoling-hero-tagline, .wmi-guide, .wmi-guide *, .wmi-fate-rail, .miaoling-service-feature),
  .wmi-enabled :is(.wmi-magic-disc, .wmi-guide, .wmi-fate-rail)::before,
  .wmi-enabled :is(.wmi-magic-disc, .wmi-guide, .wmi-fate-rail)::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }

  .wmi-enabled .wmi-site-atmosphere__smoke::before,
  .wmi-enabled .wmi-site-atmosphere__smoke::after,
  .wmi-enabled .wmi-hero-smoke::before,
  .wmi-enabled .wmi-hero-smoke::after,
  .wmi-enabled .wmi-tarot-card::before {
    animation: none !important;
  }
}

@media (max-width: 782px) {
  .wmi-mobile-motion-off .wmi-hero-logo,
  .wmi-mobile-motion-off .wmi-hero-logo picture,
  .wmi-mobile-motion-off .wmi-logo-aura,
  .wmi-mobile-motion-off .wmi-logo-sheen,
  .wmi-mobile-motion-off .wmi-magic-disc,
  .wmi-mobile-motion-off .wmi-cardinals i,
  .wmi-mobile-motion-off .wmi-hero-smoke,
  .wmi-mobile-motion-off .wmi-site-atmosphere__smoke,
  .wmi-mobile-motion-off .wmi-css-particles i,
  .wmi-mobile-motion-off .wmi-tarot-card,
  .wmi-mobile-motion-off .miaoling-display-title,
  .wmi-mobile-motion-off .miaoling-hero-tagline {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .wmi-mobile-motion-off .wmi-site-atmosphere__smoke::before,
  .wmi-mobile-motion-off .wmi-site-atmosphere__smoke::after,
  .wmi-mobile-motion-off .wmi-hero-smoke::before,
  .wmi-mobile-motion-off .wmi-hero-smoke::after,
  .wmi-mobile-motion-off .wmi-tarot-card::before {
    animation: none !important;
  }
}