/* 下載 App 分流頁(/<lang>/app)。面、徽章、手機圖都是首頁手機對話區塊的 .mc_block(landing/mobile_chat.css),
   這裡只放頁面節奏與兩種狀態:#ap_main[data-state] 由頁面 script 設,沒有 JS 時照手機那格(最常見的落地情況)。 */
#ap_main {
  /* landing 招牌區段節奏 120(手機 80),同 /app/pair */
  padding-top: 120px;
  padding-bottom: var(--space-64);
  min-height: calc(100vh - 80px);
}

/* QR 與配對說明只給桌機:手機訪客掃不了自己螢幕上的 QR */
#ap_main .mc_qr,
#ap_main .ap_hint {
  display: none;
}

#ap_main[data-state="desk"] .mc_qr {
  display: flex;
}

/* 深色面上用重映射過的 --ink-2(--ink-3 沒有重映射,在深色面上對比不夠) */
#ap_main[data-state="desk"] .ap_hint {
  display: block;
  max-width: 30em;
  margin: var(--space-16) 0 0;
  font-size: 13px;
  line-height: 1.5;
  color: var(--ink-2);
}

@media (max-width: 768px) {
  #ap_main {
    padding-top: 80px;
  }
}