* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; overflow: hidden; overscroll-behavior: none; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif; color: #fff; background: #000; }

/* 背景图与蒙层 */
.bg { position: fixed; inset: 0; overflow: hidden; z-index: 0; }
.bg img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: blur(1.2px); transform: scale(1.1); }
.bg-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.8); }

/* 居中内容 */
.hero { position: relative; z-index: 1; height: 100vh; height: 100svh; height: 100dvh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 24px; }
.app-logo { margin-top: -80px; margin-bottom: 24px; }
.app-logo img { width: 80px; height: 80px; border-radius: 50%; box-shadow: 0 8px 32px rgba(0,0,0,0.3); }
.title { margin: 0 0 10px; font-size: 24px; font-weight: 500; color: #fff; }
.subtitle { margin: 0 0 80px; font-size: 16px; color: rgba(255,255,255,0.6); line-height: 1.4; }

/* 下载按钮 */
.download-btn { 
  appearance: none; 
  border: 0; 
  outline: none; 
  cursor: pointer; 
  width: 280px;
  padding: 14px 32px; 
  font-size: 18px; 
  font-weight: 500; 
  color: #000; 
  background: #ffffff; 
  border-radius: 12px; 
  box-shadow: 0 8px 24px rgba(0,0,0,0.2);
  transition: all 0.2s ease;
}
.download-btn:hover { 
  background: #f8f8f8; 
  transform: translateY(-1px);
  box-shadow: 0 12px 32px rgba(0,0,0,0.25);
}
.download-btn:active { 
  transform: translateY(0); 
  box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}

/* 备案信息 */
.beian {
  position: fixed;
  bottom: 16px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 2;
}
.beian p {
  margin: 0;
  font-size: 12px;
  color: rgba(255,255,255,0.5);
  font-weight: 400;
}