/* 浅兰紫底色搭配通透紫玉、柔和彩色卡片。 */
html body.tianji-mystic .home-main { max-width: 1320px; padding-top: 20px; }
html body.tianji-mystic .home-hero { min-height: 372px; margin-bottom: 10px; }
html body.tianji-mystic .home-hero-copy { padding-left: 30px; }
html body.tianji-mystic .home-hero h1 { color: #493460; font-weight: 500; letter-spacing: .08em; line-height: 1.42; }
html body.tianji-mystic .home-hero-copy > p { color: #736b83; }
html body.tianji-mystic .home-hero-kicker { margin: 0 0 18px; color: #7959bc; font: 11px/1.5 var(--sans); letter-spacing: .32em; }
html body.tianji-mystic .home-main .home-primary {
  color: #ffffff; background: linear-gradient(120deg,#8860c4,#7952b8);
  border: 1px solid #7952b8; border-radius: 12px;
  box-shadow: inset 0 1px 0 #ffffff40, 0 5px 24px #3e286714;
}
html body.tianji-mystic .home-main .home-primary:hover { background: linear-gradient(120deg,#8c5fc4,#805bbd); }
html body.tianji-mystic .home-main .home-secondary { color: #7959bc; border-color: #7959bc40; background: #ffffff; border-radius: 12px; box-shadow: inset 0 1px 0 #ffffff80; }
html body.tianji-mystic .home-main .home-secondary:hover { background: #f4effb; border-color: #7959bc70; }
html body.tianji-mystic .home-hero-art { inset: 0 0 0 49%; overflow: visible; mask-image: none; }
html body.tianji-mystic .home-hero-art::before {
  content: ''; position: absolute; width: min(340px, 78%); aspect-ratio: 1; top: 50%; left: 50%; transform: translate(-50%,-50%);
  border: 1px solid #c5a8e13d; border-radius: 50%;
  background: radial-gradient(circle, #ead9ff40, transparent 66%); box-shadow: 0 0 0 19px #e8d9fa12, 0 0 0 20px #cfb5e626;
}
html body.tianji-mystic .home-hero-art::after { content: '✦'; position: absolute; top: 18%; left: 22%; color: #dec69f; font-size: 13px; text-shadow: 0 0 20px #d9bc8e60; }
html body.tianji-mystic .home-hero-art img { width: min(360px, 91%); height: auto; max-width: 100%; right: 50%; top: 50%; transform: translate(50%,-50%); filter: saturate(1.02) brightness(1.01); animation: none; }
html body.tianji-mystic :is(.home-rhythm-strip, .member-entry-grid a, .home-highlights article, .guest-recent, .home-daily-details) {
  color: var(--ink); background: linear-gradient(135deg,#ffffff,#ffffff); border-color: var(--line); box-shadow: var(--shadow-card);
}
html body.tianji-mystic .home-rhythm-strip { border-radius: 14px; background: #ffffff; }
html body.tianji-mystic :is(.home-rhythm-mark, .home-rhythm-strip h2 span, .home-rhythm-hints b, .home-text-action, .home-play-action, .home-daily-details > summary, .home-recent-icon) { color: var(--gold); }
html body.tianji-mystic .home-rhythm-mark { border-color: #7959bc40; background: #f4effb; }
html body.tianji-mystic :is(.home-calendar-label, .home-rhythm-hints, .guest-recent > p, .home-footer) { color: var(--dim); }
html body.tianji-mystic .home-rhythm-hints .rhythm-caution b { color: var(--rose); }
html body.tianji-mystic .member-entry-section { margin-top: 18px; }
html body.tianji-mystic .member-entry-grid { gap: 14px; }
html body.tianji-mystic .member-entry-grid .feature-bazi { --entry-wash: #f3ecff; }
html body.tianji-mystic .member-entry-grid .feature-hehun { --entry-wash: #fff0f6; }
html body.tianji-mystic .member-entry-grid .feature-yaogua { --entry-wash: #fff7e9; }
html body.tianji-mystic .member-entry-grid .feature-ziwei { --entry-wash: #edf4ff; }
html body.tianji-mystic .member-entry-grid .feature-dream { --entry-wash: #f7eeff; }
html body.tianji-mystic .member-entry-grid .feature-xiangshu { --entry-wash: #edfaf5; }
html body.tianji-mystic .member-entry-grid a { background: linear-gradient(150deg,#ffffff 18%,var(--entry-wash)); min-height: 190px; gap: 12px; border-radius: 18px; padding-bottom: 20px; overflow: hidden; }
html body.tianji-mystic .member-entry-grid a::before { content: ''; position: absolute; width: 100px; height: 100px; top: 15px; border-radius: 50%; background: radial-gradient(circle,#dbc2f52b,transparent 69%); pointer-events: none; }
html body.tianji-mystic .member-entry-grid a:hover { background: linear-gradient(140deg,#ffffff,var(--entry-wash)); border-color: #7959bc50; box-shadow: inset 0 1px 0 #ffffff80, 0 12px 30px #8b68b41a; transform: translateY(-3px); }
html body.tianji-mystic .member-entry-icon { width: 110px; height: 98px; filter: saturate(1.04) brightness(1.04) drop-shadow(0 9px 10px #8b68b426); }
html body.tianji-mystic .member-entry-copy strong { font-size: clamp(17px,1.5vw,21px); font-weight: 500; color: #493460; }
html body.tianji-mystic .member-entry-copy small { color: #736b83; font-size: 11px; }
html body.tianji-mystic .member-entry-grid i { color: #7959bc; }
html body.tianji-mystic .home-play-link { border-color: #7959bc24; background: linear-gradient(110deg,#f4effb,#ffffff 65%,#f6f0fb); box-shadow: inset 0 1px 0 #ffffff80; }
html body.tianji-mystic .home-play-link:hover { border-color: #7959bc55; box-shadow: 0 8px 24px #3e286712; }
html body.tianji-mystic .home-play-mark { color: #7959bc; border-radius: 12px; padding: 5px; background: linear-gradient(140deg,#f3e8ff,#e0cef6); box-shadow: inset 0 1px 1px #ffffffa6, 4px 5px 0 #ba99db24, 0 8px 16px #8b68b422; transform: rotate(-5deg); }
html body.tianji-mystic .home-play-heading small { color: #7959bc; border-color: #7959bc30; background: #ffffff; }
html body.tianji-mystic .home-scene-placeholder { background-image: linear-gradient(110deg,#f5edffe6,#f4e8ff80), url('/assets/tianji-mystic-intro.webp'); background-position: center 63%; opacity: .65; filter: saturate(1.02) brightness(1.01); }
html body.tianji-mystic .home-scene-caption { background: #fbfafef0; color: #736b83; }
html body.tianji-mystic .home-reading-preview { background: #f6f2fb; border-color: var(--line); }
html body.tianji-mystic .home-reading-preview:hover { background: #f0e9fa; border-color: var(--line-strong); }
html body.tianji-mystic .home-reading-mark { color: #7959bc; background: radial-gradient(circle at 30% 20%,#faf4ff,#e0cef6); box-shadow: inset 0 1px 1px #ffffffb3, 0 6px 16px #8b68b422; }
html body.tianji-mystic .guest-recent > a { background: #f4effb; border-color: var(--line-strong); color: var(--gold); }
html body.tianji-mystic .home-daily-details .daily-fortune-card { --purple: #7959bc; --deep: #6845ac; --mint: #438779; --blue: #7485bd; --rose: #bd6286; --amber: #a77931; background: transparent; }
html body.tianji-mystic :is(.fortune-analysis-copy article, .fortune-advice, .fortune-style-grid > article, .fortune-category-notes article, .fortune-style-context, .fortune-score, .fortune-evidence, .fortune-hints span) { color: var(--ink); border-color: var(--line); background: var(--surface-raised); }
html body.tianji-mystic :is(.fortune-analysis-copy p, .fortune-advice ol, .fortune-category-notes p, .fortune-style-grid article > p, .fortune-evidence ul, .fortune-evidence p) { color: var(--dim); }
html body.tianji-mystic :is(.fortune-style-context select, .fortune-style-context input) { color: var(--ink); border-color: var(--line-strong); background: var(--surface-control); }
html body.tianji-mystic .daily-fortune-share { color: #ffffff; border-color: #7959bc; background: linear-gradient(120deg,#8860c4,#7952b8); }
html body.tianji-mystic .daily-fortune-empty { color: var(--ink); background: transparent; }
html body.tianji-mystic .fortune-score-track { background: color-mix(in srgb, var(--tone) 15%, #f2edf9); }
html body.tianji-mystic .fortune-palette span { color: var(--dim); background: #f6f2fb; }
html body.tianji-mystic .fortune-style-card-head > span { color: var(--gold); background: #f4effb; }
html body.tianji-mystic .daily-fortune-empty :is(button, aside a) { color: #ffffff; background: #7959bc; }
html body.tianji-mystic .daily-fortune-empty :is(button.quiet, aside a.quiet, #choosePrimaryLink) { color: var(--gold); border-color: var(--line-strong); background: #f4effb; }
html body.tianji-mystic .home-intro-replay { color: #736b83; }
@media (max-width: 980px) {
  html body.tianji-mystic .home-main { width: calc(100% - 40px); }
  html body.tianji-mystic .home-hero { min-height: 310px; }
  html body.tianji-mystic .home-hero-copy { padding-left: 12px; }
  html body.tianji-mystic .home-hero-art { inset: 0 -8px 0 46%; }
  html body.tianji-mystic .member-entry-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  html body.tianji-mystic .home-main { width: calc(100% - 28px); padding-top: 0; }
  html body.tianji-mystic .home-hero { min-height: 310px; margin-bottom: 6px; overflow: hidden; }
  html body.tianji-mystic .home-hero-copy { width: 100%; padding: 30px 8px 23px; }
  html body.tianji-mystic .home-hero h1 { font-size: 34px; line-height: 1.45; }
  html body.tianji-mystic .home-hero-kicker { margin-bottom: 13px; font-size: 9px; letter-spacing: .25em; }
  html body.tianji-mystic .home-hero-copy > p:not(.home-hero-kicker) { font-size: 12px; margin: 13px 0 23px; letter-spacing: .01em; }
  html body.tianji-mystic .home-hero-art { inset: 1px -74px 60px 42%; opacity: .62; }
  html body.tianji-mystic .home-hero-art img { width: 250px; max-width: none; right: 4%; transform: translateY(-50%); }
  html body.tianji-mystic .home-hero-actions { gap: 10px; }
  html body.tianji-mystic .home-main :is(.home-primary, .home-secondary) { min-height: 43px; padding-inline: 14px; font-size: 12px; gap: 12px; }
  html body.tianji-mystic .member-entry-grid { gap: 9px; }
  html body.tianji-mystic .member-entry-grid a { min-height: 157px; padding: 10px 4px 15px; border-radius: 14px; gap: 6px; }
  html body.tianji-mystic .member-entry-icon { width: 88px; height: 84px; }
  html body.tianji-mystic .member-entry-copy strong { font-size: 16px; letter-spacing: .02em; }
  html body.tianji-mystic .member-entry-copy small { font-size: 9px; letter-spacing: 0; }
  html body.tianji-mystic .home-highlights { grid-template-columns: 1fr; gap: 12px; }
  html body.tianji-mystic .home-rhythm-strip { padding: 12px; }
  html body.tianji-mystic .home-play-link { padding: 16px; }
  html body.tianji-mystic .home-footer { font-size: 10px; }
}
