/* 首頁 App 下載公告 — 2026-09-05（iOS 上架 / Android 送審中）；2026-09-30 改官方徽章 */
.app-dl{background:linear-gradient(180deg,#eef4ff 0%,#f8fafc 100%);border-top:1px solid #dbe6fb;border-bottom:1px solid #e2e8f0;padding:1.75rem 1rem}
.app-dl__inner{max-width:1100px;margin:0 auto;background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 6px 22px rgba(15,23,42,.06);padding:1.35rem 1.5rem;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:1.5rem;align-items:center}

/* 左：icon + 文案 */
.app-dl__lead-col{display:flex;gap:1rem;align-items:flex-start;min-width:0}
.app-dl__icon{width:76px;height:76px;border-radius:18px;flex:0 0 auto;box-shadow:0 4px 14px rgba(15,23,42,.14);background:#0f172a}
.app-dl__copy{min-width:0}
/* 2026-10-16：標籤列＝「App 正式上線」＋ Mac 版小標籤（深色實心＝可點；不是 Apple 徽章，不用 Apple 標誌） */
.app-dl__tags{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 .45rem}
.app-dl__tags .app-dl__eyebrow{margin:0}
.app-dl__mac{display:inline-flex;align-items:center;gap:.38rem;min-height:26px;font-size:.72rem;font-weight:700;line-height:1.2;color:#fff;background:#0f172a;border:1px solid #0f172a;padding:.2rem .7rem;border-radius:999px;text-decoration:none;transition:background-color .15s ease,border-color .15s ease}
.app-dl__mac i{font-size:.78rem}
.app-dl__mac:hover{background:#1e40af;border-color:#1e40af;color:#fff}
.app-dl__mac:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.app-dl__mac-short{display:none}
.app-dl__eyebrow{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.04em;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;padding:.18rem .65rem;border-radius:999px;margin:0 0 .45rem}
.app-dl__title{font-size:clamp(1.15rem,2.2vw,1.45rem);font-weight:800;color:#0f172a;margin:0 0 .35rem;line-height:1.3}
.app-dl__desc{font-size:.9rem;color:#475569;line-height:1.6;margin:0 0 .6rem}
.app-dl__points{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.3rem 1.1rem}
.app-dl__points li{font-size:.82rem;color:#334155;line-height:1.5;display:flex;align-items:center;gap:.4rem}
.app-dl__points i{color:#2563eb;font-size:.85rem;width:1rem;text-align:center;flex:0 0 auto}

/* 中：官方商店徽章（2026-09-30 取代自製按鈕；徽章本體樣式見 css/components/store-badges.css） */
.app-dl__action-col{display:flex;flex-direction:column;gap:.55rem;align-items:flex-start;flex:0 0 auto}
.app-dl .store-badges{flex-direction:column;align-items:flex-start}
.app-dl__note{font-size:.72rem;color:#64748b;line-height:1.5;margin:0;max-width:220px}
.app-dl__legal{font-size:.62rem;color:#64748b;line-height:1.45;margin:0;max-width:220px}

/* 右：QR（桌機才顯示） */
.app-dl__qr{margin:0;flex:0 0 auto;text-align:center}
.app-dl__qr img{width:112px;height:112px;display:block;border:1px solid #e2e8f0;border-radius:10px;padding:6px;background:#fff}
.app-dl__qr figcaption{font-size:.7rem;color:#64748b;margin-top:.35rem;line-height:1.4}

@media (max-width:1023px){
  .app-dl__inner{grid-template-columns:minmax(0,1fr) auto}
  .app-dl__qr{display:none}
}
@media (max-width:767px){
  .app-dl{padding:1.25rem .85rem}
  .app-dl__inner{grid-template-columns:1fr;gap:1.1rem;padding:1.15rem 1.1rem;border-radius:16px}
  .app-dl__lead-col{gap:.85rem}
  .app-dl__icon{width:60px;height:60px;border-radius:14px}
  .app-dl__points{flex-direction:column;gap:.28rem}
  /* 手機：兩顆標籤盡量收在同一行（Mac 標籤只留「Mac」，完整說明在 aria-label） */
  .app-dl__tags{gap:.3rem}
  .app-dl__eyebrow{font-size:.68rem;letter-spacing:.01em;padding:.18rem .55rem}
  .app-dl__mac{min-height:28px;font-size:.7rem;padding:.18rem .6rem;gap:.32rem}
  .app-dl__mac-full{display:none}
  .app-dl__mac-short{display:inline}
  .app-dl__action-col{align-items:center}
  .app-dl .store-badges{flex-direction:row;justify-content:center}
  .app-dl__note,.app-dl__legal{max-width:none;text-align:center}
}