/* ============================================================
   app.css - 站24 APP下载专属样式（vd 前缀 · 两列卡片）
   ============================================================ */

/* 顶部 */
.vd-top { text-align:center; padding:58px 0 42px; background:linear-gradient(170deg,var(--vx-50),#fff); }
.vd-h1 { font-size:35px; font-weight:800; color:var(--vn-900); margin:14px 0 15px; }
.vd-lead { font-size:15px; color:var(--vn-600); max-width:700px; margin:0 auto; }

/* 下载卡片 */
.vd-dl-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:860px; margin:0 auto; }
.vd-dl-card {
  background:#fff; border:1px solid var(--vn-200); border-radius:var(--vxr-lg);
  padding:38px 30px; text-align:center; display:flex; flex-direction:column; align-items:center;
  transition:transform .18s, box-shadow .18s, border-color .18s;
}
.vd-dl-card:hover { transform:translateY(-6px); box-shadow:var(--vxsh); border-color:var(--vx-300); }
.vd-dl-ico {
  width:64px; height:64px; display:flex; align-items:center; justify-content:center;
  font-size:32px; background:linear-gradient(135deg,var(--vx-50),var(--vx-100));
  border:1px solid var(--vx-200); border-radius:var(--vxr); margin-bottom:18px;
}
.vd-dl-card h3 { font-size:19px; margin-bottom:6px; }
.vd-dl-card p { font-size:13px; color:var(--vn-500); margin-bottom:20px; }
.vd-dl-btn {
  display:inline-block; padding:10px 28px; border-radius:var(--vxr-pill);
  background:linear-gradient(120deg,var(--vx-500),var(--vx-700)); color:#fff; font-size:14px; font-weight:700;
}

/* 交替背景 */
.vd-alt { background:linear-gradient(180deg,var(--vn-100),var(--vx-50)); }

/* 功能卡片 */
.vd-feat { background:#fff; border:1px solid var(--vn-200); border-radius:var(--vxr); padding:26px 22px; }
.vd-feat-ico {
  width:50px; height:50px; display:flex; align-items:center; justify-content:center;
  font-size:24px; background:var(--vx-50); border:1px solid var(--vx-200); border-radius:var(--vxr); margin-bottom:14px;
}
.vd-feat h3 { font-size:15.5px; margin-bottom:8px; }
.vd-feat p { font-size:13px; color:var(--vn-500); }

/* 更新日志 */
.vd-log { max-width:820px; margin:0 auto; display:flex; flex-direction:column; gap:13px; }
.vd-log-item { display:flex; align-items:flex-start; gap:18px; background:#fff; border:1px solid var(--vn-200); border-radius:var(--vxr); padding:20px 26px; }
.vd-log-tag { flex-shrink:0; font-size:12.5px; font-weight:800; color:var(--vx-700); background:var(--vx-50); border:1px solid var(--vx-200); padding:5px 14px; border-radius:var(--vxr-pill); }
.vd-log-item p { font-size:13.5px; color:var(--vn-600); }

/* FAQ */
.vd-faq { max-width:820px; margin:0 auto; }
.vd-btn-on-dark { color:#fff; border-color:rgba(255,255,255,.6); }
.vd-btn-on-dark:hover { color:#fff; border-color:#fff; background:rgba(255,255,255,.1); }

/* 响应式 */
@media (max-width:900px) {
  .vd-h1 { font-size:29px; }
  .vd-dl-grid { grid-template-columns:1fr; }
}
@media (max-width:560px) {
  .vd-h1 { font-size:25px; }
}