/* kb3: 工具 boot / 骨架 / 日主色 / 塔罗扇 — 零 important。
   与 display:gridimportant 对打的隐藏见 /fx/seo-boot-force.css */

/* —— 结果页骨架（原 fc-res 内联中无 important 部分） —— */
main .sk-hero {
  height: 156px;
  margin: 0 0 16px;
  background: linear-gradient(
    90deg,
    transparent,
    color-mix(in srgb, currentColor 5%, transparent),
    transparent
  );
}
main .sk-dock {
  min-height: 545px;
  margin: 24px 0 0;
  padding: 24px 0;
  border-top: 1px solid color-mix(in srgb, currentColor 18%, transparent);
  box-sizing: border-box;
}
main .sk-dock .sk-h {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.25;
  font-family: "FX Latin", "FX Black", "FX Serif", "FX Symbols", "Noto Serif CJK SC", serif;
  margin: 0 0 12px;
  letter-spacing: normal;
}
@media (min-width: 761px) {
  main .sk-dock .sk-h {
    font-size: 28px;
  }
  main .sk-hero {
    height: 217px;
    margin: 8px 0 24px;
  }
  main .sk-dock {
    min-height: 532px;
  }
}
@media (min-width: 1101px) {
  main .sk-dock {
    min-height: 508px;
  }
}
main .sk-p {
  font-size: 16px;
  line-height: 1.8;
  opacity: 0.75;
  margin: 0;
}

/* 梅花 boot：藏输入与介绍（无 important） */
html[data-fc-boot="meihua"] section.input-workspace,
html[data-fc-boot="meihua"] .xt-intro {
  visibility: hidden;
}

/* 塔罗 / 合盘 boot：壳宽（原 slug===tarot 条件串） */
html[data-tone] body.site-workspace[data-xt-boot="tarot"] .shell {
  margin: 0 auto;
  width: 100%;
  max-width: 1320px;
  padding: 30px 36px 64px;
}
@media (max-width: 900px) {
  html[data-tone] body.site-workspace[data-xt-boot="tarot"] .shell {
    padding: 18px 16px calc(40px + env(safe-area-inset-bottom));
  }
}

/* boot 占位高度（原 style=min-height:85vh；梅花不加此类） */
.xt-boot-ph {
  min-height: 85vh;
}

/* 日主栅格色：5 色固定，用 data-el 代替 style="--c:…" */
[data-el="wood"] {
  --c: #3f7d52;
}
[data-el="fire"] {
  --c: #b5452b;
}
[data-el="earth"] {
  --c: #a9832b;
}
[data-el="metal"] {
  --c: #7e8288;
}
[data-el="water"] {
  --c: #2f4a7a;
}

/* 塔罗扇：固定 5 角，代替 style="transform:rotate…;--sx:…" */
.fx-fan > img:nth-child(1) {
  transform: rotate(-24deg);
  --sx: -90px;
}
.fx-fan > img:nth-child(2) {
  transform: rotate(-12deg);
  --sx: 90px;
}
.fx-fan > img:nth-child(3) {
  transform: rotate(0deg);
  --sx: -90px;
}
.fx-fan > img:nth-child(4) {
  transform: rotate(12deg);
  --sx: 90px;
}
.fx-fan > img:nth-child(5) {
  transform: rotate(24deg);
  --sx: -90px;
}