*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;background:#0c0a09;color:#e7e5e4;line-height:1.7}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
header{background:rgba(28,25,23,.95);backdrop-filter:blur(12px);border-bottom:1px solid #44403c;position:sticky;top:0;z-index:100}
header .wrap{display:flex;justify-content:space-between;align-items:center;height:64px}
.logo{display:flex;align-items:center;text-decoration:none}
.logo img{display:block}
nav a{color:#a8a29e;margin-left:20px;text-decoration:none;font-size:.95rem}
nav a:hover{color:#ef4444}
.nav-cta{background:#ef4444;color:#fff!important;padding:8px 16px;border-radius:6px;font-weight:600}
.hero{position:relative;text-align:center}
.hero-bg{width:100%;max-height:420px;object-fit:cover;display:block}
.hero-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(12,10,9,.55);padding:24px}
.badge{display:inline-block;padding:6px 14px;background:rgba(239,68,68,.2);color:#fca5a5;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:16px}
.hero-content h1{font-size:clamp(1.8rem,5vw,2.8rem);color:#fef2f2;margin-bottom:14px;line-height:1.25}
.desc{max-width:600px;color:#fecaca;margin-bottom:28px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.btn{display:inline-block;padding:12px 28px;border-radius:8px;text-decoration:none;font-weight:600}
.btn.primary{background:#ef4444;color:#fff}
.btn.ghost{border:2px solid #ef4444;color:#fca5a5}
.section{padding:70px 0}
.section.dark{background:#1c1917}
.section-label{text-align:center;color:#ef4444;font-size:.85rem;font-weight:600;letter-spacing:1px;margin-bottom:8px}
h2{font-size:1.8rem;text-align:center;margin-bottom:12px;color:#fef2f2}
.section-intro{text-align:center;color:#a8a29e;max-width:640px;margin:0 auto 40px}
.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.feat-card{background:#1c1917;border:1px solid #44403c;border-radius:14px;padding:28px;transition:.2s}
.feat-card:hover{border-color:#ef4444}
.feat-card img{width:56px;margin-bottom:16px}
.feat-card h3{color:#fca5a5;margin-bottom:10px;font-size:1.15rem}
.feat-card p{color:#a8a29e;font-size:.95rem}
.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.about-block{background:#0c0a09;border:1px solid #44403c;border-radius:12px;padding:24px}
.about-block h3{color:#ef4444;margin-bottom:12px;font-size:1.1rem}
.about-block p{color:#a8a29e;font-size:.95rem}
.timeline{max-width:700px;margin:0 auto;position:relative}
.timeline::before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:#44403c}
.tl-item{display:flex;gap:24px;margin-bottom:32px;position:relative}
.tl-date{flex-shrink:0;width:70px;height:40px;background:#ef4444;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;z-index:1}
.tl-content{flex:1;background:#1c1917;border:1px solid #44403c;border-radius:12px;padding:20px}
.tl-content h3{color:#fca5a5;margin-bottom:8px}
.tl-content p{color:#a8a29e;font-size:.95rem}
.faq-list{max-width:800px;margin:0 auto}
.faq-item{background:#0c0a09;border:1px solid #44403c;border-radius:12px;padding:20px 24px;margin-bottom:14px}
.faq-item h3{color:#ef4444;margin-bottom:8px;font-size:1.05rem}
.faq-item p{color:#a8a29e}
.download{background:linear-gradient(180deg,#1c1917,#0c0a09);text-align:center}
.dl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;max-width:800px;margin:0 auto}
.dl-card{display:flex;flex-direction:column;align-items:center;background:#0c0a09;border:1px solid #44403c;border-radius:12px;padding:24px 16px;text-decoration:none;color:#e7e5e4;transition:.2s}
.dl-card:hover{border-color:#ef4444}
.dl-icon{font-size:1.8rem;margin-bottom:10px;color:#ef4444}
.dl-card strong{margin-bottom:4px}
.dl-card small{color:#78716c;font-size:.85rem}
footer{background:#000;padding:40px 0;text-align:center;border-top:1px solid #292524}
footer p{color:#78716c;font-size:.9rem;margin-bottom:6px}
.seo{font-size:.8rem;color:#57534e}
@media(max-width:768px){
  nav a:not(.nav-cta){display:none}
  .timeline::before{left:15px}
  .tl-date{width:56px;font-size:.8rem}
}