模板:WelcomeHeader/styles.css

/* ===== Banner 样式 ===== */
.main-banner{
  display:flex;
  align-items:center;
  gap:20px;
  padding:24px 32px;
  border-radius:16px;
  background:linear-gradient(135deg,#3e83ff 0%,#eaf1ff 100%);
  box-shadow:0 6px 18px rgba(0,0,0,.15);
  overflow:hidden;
}
.banner-left img{
  max-width:200px;
  height:auto;
}
.banner-right{
  flex:1;
  text-align:right;
  color:#0d1b3d;
}
.banner-right h1{
  font-size:38px;
  font-weight:700;
  margin:0;
}
.subtitle{
  font-size:20px;
  margin:.3em 0 1.5em;
  color:#2f2f2f;
}
.divider{
  height:1px;
  background:rgba(255,255,255,.6);
  margin-bottom:1.2em;
}
.count{
  font-size:16px;
  margin:0;
}
/* ≤600 px 时纵向布局 */
@media(max-width:600px){
  .main-banner{
    flex-direction:column;
    text-align:center;
  }
  .banner-right{
    text-align:center;
  }
  .divider{
    width:80%;
    margin:12px auto;
  }
}