/* 奇门日晷 — 多向旋转 · ☯️ 太极 */

.sundial{
  position:fixed;top:50%;left:50%;
  transform:translate(-50%,-50%);
  z-index:1;pointer-events:none;
}

/* 三环 — 独立并列，不嵌套 */
.ring-outer{
  position:absolute;width:1100px;height:1100px;margin:-550px 0 0 -550px;
  border-radius:50%;background:transparent;
  border:2px solid rgba(166,130,69,0.25);
  animation:ring-ccw 130s linear infinite;
}
.ring-mid{
  position:absolute;width:760px;height:760px;margin:-380px 0 0 -380px;
  top:50%;left:50%;
  border-radius:50%;background:transparent;
  border:1.5px solid rgba(166,130,69,0.18);
  animation:ring-cw 105s linear infinite;
}
.ring-inner{
  position:absolute;width:560px;height:560px;margin:-280px 0 0 -280px;
  top:50%;left:50%;
  border-radius:50%;background:transparent;
  border:1.2px solid rgba(166,130,69,0.14);
  animation:ring-ccw 80s linear infinite;
}
.ring-dizhi{
  position:absolute;width:920px;height:920px;margin:-460px 0 0 -460px;
  top:50%;left:50%;
  border-radius:50%;background:transparent;
  border:1.5px solid rgba(139,115,85,0.25);
  animation:ring-cw 160s linear infinite;
}

/* ☯️ — wrap旋转，内层居中 */
.taiji-wrap{
  position:absolute;top:50%;left:50%;
  width:100px;height:100px;margin:-50px 0 0 -50px;
  animation:ring-cw 95s linear infinite;z-index:1;
}
.taiji{
  position:absolute;top:50%;left:50%;
  font-size:5rem;line-height:1;
  transform:translate(-50%,-50%);
  color:rgba(166,130,69,0.18);
  font-family:serif;
}

/* 刻度+宿+八卦层 → 不动 */
.sundial-ticks{
  position:absolute;top:0;left:0;
  width:1100px;height:1100px;margin:-550px 0 0 -550px;
  animation:ring-ccw 360s linear infinite;
}

/* 天干 → 左旋 CCW */
.sundial-ticks-ccw{
  position:absolute;top:0;left:0;
  width:1100px;height:1100px;margin:-550px 0 0 -550px;
  animation:ring-ccw 150s linear infinite;
}

/* 地支+节气 → 右旋 CW */
.sundial-ticks-cw{
  position:absolute;top:0;left:0;
  width:1100px;height:1100px;margin:-550px 0 0 -550px;
  animation:ring-cw 130s linear infinite;
}

.tick-sub{
  position:absolute;top:0;left:50%;
  width:0.5px;background:rgba(166,130,69,0.10);
  transform-origin:center 550px;
}
.tick-sub.major{height:26px;width:1.2px;background:rgba(166,130,69,0.35)}
.tick-sub.medium{height:16px;width:0.8px;background:rgba(166,130,69,0.24)}
.tick-sub.minor{height:9px;width:0.6px;background:rgba(166,130,69,0.14)}

.tick-ray{
  position:absolute;top:0;left:50%;
  width:1px;height:22px;margin-left:-0.5px;
  background:rgba(166,130,69,0.28);
  transform-origin:center 550px;
}

.tick-inner,.tick-middle,.tick-outer,.tick-jieqi,.tick-xiu{
  position:absolute;left:50%;
  font-family:"Noto Serif SC","SimSun",serif;
  color:#7A5C35;
  text-shadow:0.5px 0.5px 0 rgba(255,255,255,0.5);
  white-space:nowrap;
}

.tick-inner{top:210px;font-size:1.35rem;font-weight:600;transform-origin:0 340px;opacity:0.88}
.tick-middle{top:120px;font-size:1.55rem;font-weight:700;transform-origin:0 430px}
.tick-jieqi{top:120px;font-size:0.9rem;font-weight:400;transform-origin:0 430px;opacity:0.78}
.tick-outer{top:58px;font-size:0.88rem;font-weight:600;transform-origin:0 492px;opacity:0.82}
.tick-xiu{top:40px;font-size:0.82rem;font-weight:500;transform-origin:0 510px;opacity:0.65}
.tick-xiu{top:16px;font-size:0.92rem;font-weight:500;transform-origin:0 534px;opacity:0.75;letter-spacing:0.18em;color:#6B4E2E}
.tick-bagua{position:absolute;top:50%;left:50%;margin-top:-0.5em;margin-left:-0.5em;font-size:2rem;color:rgba(166,130,69,0.30);font-family:"Noto Serif SC",serif;white-space:nowrap;pointer-events:none}

.sundial-pivot,.sundial-shadow,.sundial-base{display:none!important}

@keyframes ring-cw{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes ring-ccw{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}

/* ═══ 手机端 ≤600px ═══ */
@media(max-width:600px){
  .sundial{transform:translate(-50%,-50%) scale(0.42)}
  .tick-xiu{display:none}
  .tick-sub.minor{display:none}
}