*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:#16233f;background:#fff;line-height:1.85;font-size:18px}
a{text-decoration:none;color:inherit}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.site-header{position:sticky;top:0;z-index:10;background:#2a4ca4;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.nav-wrap{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{font-size:26px;font-weight:800;white-space:nowrap}
.nav{display:flex;gap:30px;font-size:17px;align-items:center}
.nav a{opacity:.92}.nav a.active,.nav a:hover{opacity:1;color:#ffdfbf}
.nav-btns{display:flex;gap:12px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:14px;font-weight:700;font-size:17px;transition:.2s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:#ff8a1f;color:#fff;box-shadow:0 12px 24px rgba(255,138,31,.28)}
.btn-ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.16)}
.btn-frost{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px)}
.btn-blue{background:#2648a1;color:#fff}
.btn-outline-blue{background:#fff;color:#2648a1;border:1px solid #dbe3f0}
.btn.large{padding:16px 28px;font-size:18px}
.btn.full{width:100%}
.clean-hero{
  position: relative;
  min-height: 720px;
  background: url('images/live-bg.png') center center / cover no-repeat;
  color: #fff;
  overflow: hidden;
}

.hero-overlay{
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      rgba(10, 26, 67, 0.34),
      rgba(10, 26, 67, 0.52)
    ),
    rgba(255,255,255,0.02);
  backdrop-filter: blur(1.5px);
}

.hero-inner{
  position: relative;
  z-index: 1;
  min-height: 720px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.hero-content{
  max-width: 980px;
  padding: 0 20px;
}

.hero-tag{
  display: inline-block;
  margin-bottom: 18px;
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.16);
  font-size: 16px;
  color: rgba(255,255,255,.92);
}

.clean-hero h1{
  margin: 0;
  font-size: 72px;
  line-height: 1.08;
  font-weight: 900;
  text-shadow: 0 4px 18px rgba(0,0,0,.28);
}

.clean-hero p{
  max-width: 980px;
  margin: 20px auto 0;
  font-size: 28px;
  line-height: 1.8;
  color: rgba(255,255,255,.95);
  text-shadow: 0 2px 8px rgba(0,0,0,.22);
}

.hero-actions{
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 34px;
  flex-wrap: wrap;
}

.btn.large{
  padding: 16px 28px;
  font-size: 18px;
}

.btn-primary{
  background: #ff8a1f;
  color: #fff;
  box-shadow: 0 12px 24px rgba(255,138,31,.28);
}

.btn-frost{
  background: rgba(255,255,255,.18);
  color: #fff;
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(8px);
}

@media (max-width: 980px){
  .clean-hero{
    min-height: 620px;
  }

  .hero-inner{
    min-height: 620px;
  }

  .clean-hero h1{
    font-size: 48px;
  }

  .clean-hero p{
    font-size: 22px;
  }
}

@media (max-width: 640px){
  .clean-hero{
    min-height: 560px;
  }

  .hero-inner{
    min-height: 560px;
  }

  .clean-hero h1{
    font-size: 36px;
  }

  .clean-hero p{
    font-size: 17px;
    line-height: 1.9;
  }

  .hero-tag{
    font-size: 14px;
  }

  .btn.large{
    font-size: 16px;
    padding: 14px 22px;
  }
}