时空穿梭首页模板，支持所有网站，这是你想要的吗

这个模板使用 HTML5 + Tailwind CSS（CDN 引入，无需本地安装）实现 ，包含导航栏、沉浸式英雄区 、核心板块
、页脚
，还加入了星空动态效果和鼠标跟随的光效，贴合 “时空穿梭” 的科幻氛围：

如果是导航网站配合时空穿梭跳转页面 ，效果更好https://www.81dir.com/site-483.html

1. 视觉风格适配：
   • 背景采用深黑 + 蓝紫渐变的科幻色调
     ，贴合 “时空” 的神秘感；
   • 自定义 text-gradient 工具类实现渐变文字，shuttle-glow 实现穿梭光效阴影；
   • 动态星空背景通过 JS 生成随机星星 ，并添加闪烁动画
     ，增强沉浸感 。
2. 交互效果：
   • 鼠标跟随光效：监听鼠标移动事件，让光效元素跟随鼠标 ，静止时自动缩小
     ，提升互动感；
   • 旋转的时空环：通过 CSS animate-spin 实现环形元素缓慢旋转，模拟时空穿梭的视觉效果；
   • 卡片 hover 光效：鼠标悬停时触发光效阴影 ，强化交互反馈
     。
3. 响应式设计：
   • 使用 Tailwind 的 md: 前缀区分移动端 / 桌面端样式
     ，导航栏在移动端隐藏为菜单按钮；
   • 文字大小使用 clamp() 函数自适应屏幕宽度，卡片布局在移动端单列、桌面端三列。