/* 🌌 整体背景 */
body {
  margin: 0;
  padding: 0;
  font-family: "Georgia", "Times New Roman", serif;
  color: #a3c9ff; /* 柔和的蓝色文字 */
  background: url("https://images.unsplash.com/photo-1619324221911-f3695259df01?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8N3x8ZGVlcCUyMGRhcmslMjBibHVlfGVufDB8fDB8fHww&auto=format&fit=crop&q=60&w=900") no-repeat center center fixed; 
  background-size: cover; /* 背景图铺满整个页面 */
  line-height: 1.8;
  text-align: center;
  padding: 60px 80px;
}

/* 🌠 背景加轻微的暗层，让文字更清晰 */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 10, 30, 0.6); /* 半透明深蓝遮罩 */
  z-index: -1;
}

/* 🩵 标题样式 */
h1 {
  color: #6fa8dc; /* 浅蓝标题 */
  font-size: 2.8em;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(100, 160, 255, 0.8);
  margin-bottom: 20px;
}

/* 💎 副标题（或段落标题） */
h2 {
  color: #cce5ff;
  font-size: 1.3em;
  font-weight: 400;
  max-width: 900px;
  margin: 0 auto;
  background: rgba(10, 20, 40, 0.45);
  padding: 30px 40px;
  border-radius: 20px;
  box-shadow: 0 0 15px rgba(100, 150, 255, 0.25);
  line-height: 1.9;
}

/* 🌙 链接样式（如果有） */
a {
  color: #88ccff;
  text-decoration: none;
  border-bottom: 1px solid #88ccff;
  transition: 0.3s ease;
}

a:hover {
  color: white;
  border-bottom: 1px solid white;
}

/* ✨ 让页面内容在大屏上也居中显示 */
@media (min-width: 1200px) {
  body {
    padding: 80px 200px;
    
/* 初始外观与过渡 */
.float-box {
  display: inline-block;                /* 让描边贴合文字块 */
  padding: 24px 28px;
  border-radius: 16px;
  border: 2px solid transparent;        /* 初始无边框 */
  box-shadow: 0 10px 24px rgba(0,0,0,0.25);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
  will-change: transform;
}

/* 悬停时的描边与发光 */
.float-box.hovered {
  border-color: #7ec3ff;                /* 鼠标碰到出现蓝色边框 */
  box-shadow: 0 12px 32px rgba(126,195,255,0.45);
}
    
    
  }
}