/* app.css — APP下载专属样式（前缀 ap-） */

.ap-hero { background:linear-gradient(150deg,var(--em-50),#fff); padding:64px 0; }
.ap-hero-inner { display:grid; grid-template-columns:.85fr 1.15fr; gap:48px; align-items:center; }

/* 模拟手机框 */
.ap-phone { width:250px; margin:0 auto; height:500px; background:var(--ink-900); border-radius:38px; padding:14px; box-shadow:var(--shadow-lg); }
.ap-screen { position:relative; height:100%; background:#fff; border-radius:26px; overflow:hidden; }
.ap-notch { position:absolute; top:0; left:50%; transform:translateX(-50%); width:90px; height:22px; background:var(--ink-900); border-radius:0 0 14px 14px; z-index:2; }
.ap-screen-in { padding:40px 20px 20px; }
.ap-screen-in h4 { text-align:center; margin-bottom:20px; color:var(--em-700); }
.ap-fake { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.ap-fake span { width:38px; height:38px; border-radius:10px; background:var(--em-100); flex-shrink:0; }
.ap-fake div { height:12px; flex:1; background:var(--ink-100); border-radius:6px; }

.ap-info h1 { font-size:33px; margin:6px 0 14px; }
.ap-lead { color:var(--ink-500); font-size:16px; }
.ap-dl { display:flex; gap:14px; margin-top:28px; flex-wrap:wrap; }

.ap-soft { background:linear-gradient(180deg,var(--em-50),#fff); }
.ap-log-item { background:#fff; border:1px solid var(--ink-200); border-radius:var(--radius); padding:20px 24px; margin-bottom:14px; }
.ap-log-item b { color:var(--em-700); display:block; margin-bottom:6px; }
.ap-log-item p { color:var(--ink-500); font-size:14px; }

@media (max-width:900px) {
  .ap-hero-inner { grid-template-columns:1fr; gap:40px; }
  .ap-info h1 { font-size:28px; }
}