/* ========== Android下载页特有样式 ========== */

.description {
  padding: 60px 15px;
}
.description .title { text-align: center; }
.description .title h2 {
  font-weight: 700; font-size: 36px; color: var(--color-text-primary);
  display: inline-block; padding-bottom: 16px; position: relative;
}
.description .title h2::after {
  content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
  width: 50px; height: 3px; background: var(--color-primary); border-radius: 2px;
}
.description .title p {
  padding-top: 24px; font-weight: 400; font-size: 18px;
  color: var(--color-text-secondary); line-height: 32px; max-width: 700px; margin: 0 auto;
}
.description .img { padding-top: 50px; text-align: center; }
.description .img img {
  width: 80%; height: auto; border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg); transition: transform var(--transition-slow);
}
.description .img img:hover { transform: translateY(-4px); }

.download {
  padding: 80px 0; text-align: center;
  background: linear-gradient(180deg, var(--color-bg) 0%, var(--color-bg-white) 100%);
}
.download .title h2 {
  font-weight: 600; font-size: 36px; color: var(--color-text-primary);
  display: inline-block; padding-bottom: 16px; position: relative;
}
.download .title h2::after {
  content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
  width: 50px; height: 3px; background: var(--color-primary); border-radius: 2px;
}
.download .title p {
  padding-top: 20px; font-weight: 400; font-size: 18px;
  color: var(--color-text-secondary); line-height: 32px;
}
.download .info {
  display: inline-block; width: 100%; max-width: 500px; margin-top: 50px;
  padding: 60px 40px 50px; text-align: center; background: var(--color-bg-white);
  border: 1px solid var(--color-border); border-radius: var(--radius-xl);
  box-shadow: var(--shadow-sm); cursor: pointer; transition: all var(--transition-normal);
}
.download .info:hover {
  transform: translateY(-6px); box-shadow: var(--shadow-lg); border-color: var(--color-primary-ghost);
}
.download .info img { width: 72px; height: 84px; object-fit: contain; }
.download .info .name {
  padding-top: 24px; font-weight: 600; font-size: 18px;
  color: var(--color-text-primary); line-height: 25px;
}
.download .info .version {
  padding-top: 6px; font-weight: 400; font-size: 14px;
  color: var(--color-text-muted); line-height: 25px;
}
.download .info button {
  width: 150px; height: 46px; margin-top: 32px; line-height: 46px; text-align: center;
  background: linear-gradient(135deg, var(--color-primary) 0%, #e8304c 100%);
  border: none; border-radius: 23px; font-weight: 500; font-size: 16px; color: #fff;
  cursor: pointer; box-shadow: 0 4px 20px rgba(210,0,41,0.3);
  transition: all var(--transition-normal);
}
.download .info button:hover {
  transform: scale(1.06); box-shadow: 0 8px 28px rgba(210,0,41,0.5);
}

@media (max-width: 992px) {
  .description { padding: 40px 15px; }
  .description .title h2 { font-size: 28px; }
  .description .img { width: 100%; height: 100%; }
  .description .img img { width: 100%; }
  .download { padding: 60px 0; }
  .download .title { padding: 0 15px; }
  .download .title h2 { font-size: 28px; }
  .download .info { padding: 50px 20px 40px; width: calc(100% - 30px); margin-bottom: 24px; }
}