*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:#fff;background:radial-gradient(circle at 20% 0,#ff92b6 0,#6d3bbd 35%,#150b2e 80%);overflow-x:hidden}#stars{position:fixed;inset:0;z-index:0}.wrap{position:relative;z-index:1;max-width:1080px;margin:auto;padding:56px 18px}
.hero{text-align:center;padding:86px 20px 64px}.tag{letter-spacing:.35em;text-transform:uppercase;color:#ffd8e6}.hero h1{font-size:clamp(42px,8vw,86px);margin:12px 0;text-shadow:0 16px 45px #0006}.hero h1 span{color:#ff6f9f;animation:pulse 1.4s infinite}.sub{font-size:20px;opacity:.92}.btn{display:inline-block;margin-top:26px;padding:14px 26px;border-radius:999px;background:#fff;color:#d9286f;text-decoration:none;font-weight:700;box-shadow:0 16px 40px #0003}
.count{display:flex;gap:12px;align-items:flex-end;justify-content:center;flex-wrap:wrap;margin-top:26px}.count b{font-size:clamp(56px,10vw,96px);line-height:1}.count em{font-style:normal;font-size:28px;padding-bottom:12px}.count small{width:100%;opacity:.9;letter-spacing:.18em}.cards,.timeline,.letter{display:grid;gap:18px;margin:32px 0}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.cards article,.timeline div,.letter{backdrop-filter:blur(20px);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:24px;box-shadow:0 16px 50px rgba(0,0,0,.15)}.cards h2,.timeline h2,.letter h2{margin-top:0;color:#ffe4ef}.cards p{font-size:24px;font-weight:800;margin:10px 0}.timeline h2{grid-column:1/-1}.timeline div{position:relative}.letter{font-size:20px;line-height:1.9}footer{text-align:center;opacity:.75;padding:42px 0}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}@media (max-width:640px){.hero{padding-top:56px}.hero h1{font-size:clamp(38px,13vw,64px)}.sub{font-size:16px}.count em{font-size:22px}}
