/* ==========================================
   Page Title
   ========================================== */
.page-title {
  position: relative;
  z-index: 1;
  font-size: 2.2rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  letter-spacing: 8px;
  text-shadow:
    0 0 20px rgba(255, 255, 255, 0.6),
    0 0 40px rgba(0, 200, 255, 0.4),
    0 0 80px rgba(0, 150, 255, 0.3);
  user-select: none;
}

/* ==========================================
   Clock Module — 霓虹数字时钟 (缩小版)
   ========================================== */

/* 时钟卡片容器 */
.clock-card {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 20px 50px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow:
    0 0 40px rgba(0, 255, 255, 0.1),
    0 0 80px rgba(0, 255, 255, 0.05),
    inset 0 0 60px rgba(255, 255, 255, 0.02);
  transition: box-shadow 0.5s;
  user-select: none;
}

/* 悬停时钟区域时辉光增强 */
.clock-card:hover {
  box-shadow:
    0 0 60px rgba(0, 255, 255, 0.2),
    0 0 120px rgba(0, 255, 255, 0.1),
    0 0 200px rgba(255, 0, 255, 0.1),
    inset 0 0 80px rgba(255, 255, 255, 0.03);
}

/* 日期显示 */
.clock-date {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.55);
  letter-spacing: 3px;
  margin-bottom: 6px;
}

/* 时间主体 (时:分) */
.clock-time {
  font-size: 2.8rem;
  font-weight: bold;
  color: #00ffff;
  text-shadow:
    0 0 10px #00ffff,
    0 0 30px #00ffff,
    0 0 60px #00ffff,
    0 0 100px #0088ff;
  letter-spacing: 6px;
  line-height: 1.2;
  animation: clockPulse 2s ease-in-out infinite;
}

/* 秒数 (右上角) */
.clock-seconds {
  font-size: 1.2rem;
  color: #ff00ff;
  text-shadow:
    0 0 10px #ff00ff,
    0 0 20px #ff00ff;
  vertical-align: super;
  margin-left: 4px;
}

/* 下班倒计时 */
.clock-countdown {
  margin-top: 8px;
  font-size: 0.85rem;
  color: rgba(255, 200, 100, 0.7);
  letter-spacing: 3px;
  text-shadow: 0 0 8px rgba(255, 180, 60, 0.3);
}

/* 时钟呼吸动画 */
@keyframes clockPulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.85; }
}