/* ============================================================
   时间卦中宫（方案乙）：时辰大字 + 四柱信息式中宫
   只在 #timeVisual 内生效；旧中心元素（小印 + 四格数）display:none 保留不删。
   不修改 app.js 的时间/起卦逻辑，全部由 time-center.js 注入与驱动。
   ============================================================ */

.time-visual { position: relative; }

/* —— 隐藏旧中心内容（DOM 保留，便于以后切回）—— */
.tv-svg circle[r="34"],
.tv-svg circle[r="26"],
.tv-svg circle[r="2.6"],
.tv-svg .tv-cap,
.tv-svg .tv-val { display: none !important; }

/* —— 新中宫：绝对居中，盖在 SVG 之上（不挡外围时辰环）—— */
.tc-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 82%;
  max-width: 340px;
  text-align: center;
  pointer-events: none;
  user-select: none;
  z-index: 3;
}

.tc-shichen {
  font-family: var(--serif);
  font-size: clamp(1.6rem, 2.6vw, 2.2rem);
  letter-spacing: .2em;
  line-height: 1.15;
  color: var(--gold-bright);
  text-shadow: 0 2px 10px rgba(10, 23, 39, .25);
  white-space: nowrap;
}

.tc-sizhu {
  font-family: var(--serif);
  font-size: clamp(.72rem, .9vw, .85rem);
  color: var(--text-dim);
  letter-spacing: .06em;
  margin-top: .55em;
  line-height: 1.6;
  word-break: keep-all;
}

.tc-sizhu .tc-gz { color: var(--gold); }

/* —— 起卦 1.5s 时：大字淡入放大 1 → 1.06 → 1，四柱行淡入 —— */
.tc-center.tc-pulse .tc-shichen {
  animation: tcPulse 1.5s cubic-bezier(.22,.85,.24,1) both;
}
.tc-center.tc-pulse .tc-sizhu {
  animation: tcLineIn .9s cubic-bezier(.22,.85,.24,1) .15s both;
}
@keyframes tcPulse {
  0%   { opacity: 0; transform: scale(1); }
  35%  { opacity: 1; transform: scale(1.06); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes tcLineIn {
  from { opacity: 0; transform: translateY(5px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* 390 宽不溢出：中宫宽度随盘收缩，字号 clamp 已兜底 */
@media (max-width: 480px) {
  .tc-center { width: 88%; }
  .tc-sizhu { letter-spacing: .03em; }
}