/* 全局 */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Arial',sans-serif;background:#0a0a0a;color:white;}
h1,h2,h3{color:#FFD700;}

/* 导航栏 */
nav{
    position:fixed;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;
    padding:20px 8%;background:rgba(0,0,0,0.7);backdrop-filter:blur(10px);z-index:1000;
}
nav .logo{font-size:28px;font-weight:700;color:#FFD700;}
nav ul{display:flex;gap:25px;list-style:none;}
nav a{text-decoration:none;color:white;transition:.3s;}
nav a:hover{color:#FFD700;}

/* Hero */
#hero{height:100vh;background:url("assets/hero.jpg") center/cover no-repeat;position:relative;display:flex;align-items:center;justify-content:center;}
#hero .overlay{position:absolute;inset:0;background:rgba(0,0,0,0.5);}
.hero-content{position:relative;z-index:10;text-align:center;max-width:900px;}
.hero-content h1{font-size:64px;margin-bottom:15px;}
.hero-content p{font-size:22px;margin-bottom:30px;opacity:.9;}
.hero-btns a{display:inline-block;padding:15px 40px;margin:0 10px;background:#FFD700;color:black;text-decoration:none;border-radius:10px;transition:.3s;}
.hero-btns a.btn-outline{background:transparent;color:#FFD700;border:2px solid #FFD700;}
.hero-btns a:hover{transform:translateY(-4px);}
.hero-img{width:250px;border-radius:20px;margin-top:20px;}

/* 数据卡片 */
#stats{display:flex;justify-content:center;flex-wrap:wrap;gap:30px;padding:60px 10%;}
.stat-card{background:#141414;padding:30px;border-radius:15px;text-align:center;min-width:150px;transition:.3s;}
.stat-card:hover{transform:translateY(-5px);border:1px solid #FFD700;}
.stat-card h2{font-size:36px;color:#FFD700;margin-bottom:10px;}

/* 卡片区 */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;padding:30px 10%;}
.card{background:#141414;padding:25px;border-radius:15px;transition:.3s;}
.card:hover{transform:translateY(-10px);border:1px solid #FFD700;}

/* 时间线 */
.timeline{display:flex;flex-direction:column;gap:15px;padding:20px 10%;}
.timeline .event{background:#141414;padding:20px;border-radius:10px;position:relative;}
.timeline .event span{position:absolute;left:-70px;font-weight:bold;color:#FFD700;}

/* 文章区、关于、联系、footer */
section{padding:80px 10%;}
section h2{margin-bottom:30px;font-size:40px;}
#contact p, footer p{opacity:.8;text-align:center;margin-top:20px;}
footer{background:#111;padding:30px 0;}

/* 响应式 */
@media(max-width:768px){
    nav ul{flex-direction:column;gap:15px;}
    .hero-content h1{font-size:40px;}
    .hero-content p{font-size:18px;}
    .hero-img{width:200px;}
    #stats{flex-direction:column;align-items:center;}
    .cards{grid-template-columns:1fr;}
}