:root{
  --bg1:#ff3b5c;
  --bg2:#ff8c00;
  --bg3:#ffd600;
  --text:#ffffff;
  --muted:rgba(255,255,255,.86);
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:Arial,"Microsoft YaHei",sans-serif;
  color:var(--text);
  background:linear-gradient(135deg,var(--bg1),var(--bg2) 55%,var(--bg3));
  min-height:100vh;
}
.container{width:min(1120px,92%);margin:0 auto}
.hero{padding:24px 0 40px}
.hero-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:44px;align-items:center}
.visual-card{
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.25);
  border-radius:26px;
  padding:16px;
  backdrop-filter:blur(8px);
}
.hero-logo{width:100%;display:block;border-radius:18px}
.hero-title{font-size:50px;line-height:1.2;margin-bottom:14px}
.hero-sub{font-size:18px;color:var(--muted);margin-bottom:20px}
.cards{display:grid;gap:12px;margin-bottom:24px}
.card{
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.2);
  border-radius:14px;
  padding:14px;
}
.card h3{font-size:18px;margin-bottom:6px}
.card p{color:var(--muted);font-size:14px;line-height:1.6}
.download-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  color:#ff5a00;background:#fff;text-decoration:none;font-weight:700;
  border-radius:999px;padding:16px 30px;font-size:22px;
}
.download-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}
.download-status{margin-top:6px;font-size:14px}
.footer{padding:20px 0 30px;color:var(--muted)}
.footer-note{text-align:left;font-size:15px;letter-spacing:.5px}
@media (max-width:900px){
  .hero-inner{grid-template-columns:1fr}
  .hero-title{font-size:36px}
  .download-btn{width:100%}
}