/* ============================================================
   03-notice.css  主页顶部公告跑马灯
   改：滚动速度（animation 里的 22s，数字越小越快）
   文字内容在 index.html 里搜 "欢迎来到"
   ============================================================ */
.notice {
  display:flex; align-items:center; gap:10px;
  padding: 12px 16px; /* 👈 上下12px=跑马灯高度，左右16px=内边距 */
  background: rgba(18,46,56,.6);
  border: 1px solid rgba(60,190,170,.3);
  border-radius: 14px;
  margin-bottom: 14px;
  font-size: 14px; color:#cfe8e2;    /* 👈 文字大小，改这个数字 */
  overflow: hidden;
}
.marquee { flex:1; overflow:hidden; }
.marquee-track {
  display:inline-flex; white-space:nowrap;
  animation: marquee-scroll 22s linear infinite;/* 👈 22s=滚动速度，数字越小越快 */
}
.marquee-track span { padding-right: 60px; }
@keyframes marquee-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.notice .dot {
  width:8px; height:8px; border-radius:50%;
  background:#22d3b8; box-shadow:0 0 8px #22d3b8; flex-shrink:0;
}