.clock-container {
    right: -19%;
    top: 45%;
}


.clock {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.clock-marker {
    color: #f5aaef; /* 淡紫色 */
    text-shadow:
      0 0 6px #b496fa,
      0 0 12px #a07cf9,
      0 0 18px #8e66f8,
      0 0 24px #7b50f7;

    &.highlight {
        color: #ffd25a; /* 明亮的黄色 */
        text-shadow:
          0 0 4px #ffa500,
          0 0 8px #ffae42,
          0 0 12px #ffd700,
          0 0 20px #ffe066,
          0 0 32px #fff0b3;
    }
}

.clock-diamond {
    background-color: #e8d6fc; /* 更亮的淡紫 */
    box-shadow:
      0 0 6px #e8d6fc,
      0 0 12px #e8d6fc,
      0 0 20px #ffffff,
      0 0 30px #cba6f7; /* 叠加多层光晕更显亮 */
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.clock-diamond-highlight {
    background-color: #ffd25a;
    box-shadow:
        0 0 4px #ffa500,
        0 0 8px #ffae42,
        0 0 12px #ffd700,
        0 0 20px #ffe066,
        0 0 32px #fff0b3;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.clock-tick-mark {
    left: 50%;
    top: 50%;
    background-color: #b496fa;
    box-shadow:
      0 0 6px #b496fa,
      0 0 10px #a07cf9;
}

.clock-small-mark {
    left: 50%;
    top: 50%;
    background-color: #b496fa;
    box-shadow:
      0 0 6px #b496fa,
      0 0 10px #a07cf9;
}

.clock-circle-dial {
    left: 50%;
    top: 50%;
    border-radius: 50%;
    border: 1px solid #b496fa;
    box-shadow:
      0 0 15px #b496fa,
      inset 0 0 10px #a07cf9;
    box-sizing: border-box;
}

.roman-container, .greek-container {
    transition: transform 0.5s linear;
    filter: drop-shadow(0 0 6px #b496fa);
}

/* 大时间显示在时钟中心 */
.clock-time-overlay {
  transform: translate(-50%, -50%) scale(1);
  font-weight: bold;
  color: #fffacd;
  opacity: 0;
  transition: opacity 0.5s ease, transform 0.5s ease;
  pointer-events: none;
  z-index: 5;
  text-shadow:
    0 0 4px #ffa500,
    0 0 8px #ffae42,
    0 0 12px #ffd700;
  isolation: isolate;
}

.clock-time-overlay.show {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.15);
}