/* ===== 基础重置 ===== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
}

/* ===== 代码雨画布铺满全屏 ===== */
#matrix {
  display: block;
  position: fixed;
  inset: 0;
  background: #000;
}

/* ===== 叠加文字 ===== */
.overlay {
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
  pointer-events: none; /* 不挡画布交互 */
  z-index: 10;
  text-align: center;
}

.title {
  font-family: "Courier New", monospace;
  font-size: clamp(28px, 6vw, 72px);
  letter-spacing: 4px;
  color: #00ff66;
  text-shadow: 0 0 8px #00ff66, 0 0 24px #00aa44;
  animation: flicker 3s infinite;
}

.tip {
  font-family: "Courier New", monospace;
  font-size: 14px;
  letter-spacing: 2px;
  color: rgba(0, 255, 120, 0.55);
}

/* 标题轻微闪烁，更有那味儿 */
@keyframes flicker {
  0%, 100% { opacity: 1; }
  92% { opacity: 1; }
  93% { opacity: 0.4; }
  94% { opacity: 1; }
  97% { opacity: 0.6; }
  98% { opacity: 1; }
}
/* （注：内容由AI生成） */