/* AI 健康管理家｜download.php 專用樣式（沿用 site.css 變數與元件） */
.download-page main{overflow-x:hidden}
.dl-hero{max-width:var(--home-max);margin:auto;padding:34px 20px 56px;display:grid;gap:30px;align-items:start}
.dl-hero-copy{display:grid;gap:0}
.dl-hero .breadcrumb{margin-top:14px;font-size:12px;color:var(--muted);display:flex;gap:8px}
.dl-hero .breadcrumb a{color:var(--forest);font-weight:700}
.dl-hero h1{margin:18px 0 16px;font-size:clamp(34px,9.4vw,72px);line-height:1.12;letter-spacing:-.06em}
.dl-hero h1 em{display:inline;font-style:normal;font-size:.62em;letter-spacing:-.04em;color:var(--forest);background:linear-gradient(transparent 72%,var(--gold) 72%)}
.dl-lead{max-width:640px;margin:0 0 18px;color:#52615c;font-size:15px;line-height:1.85}
.dl-detected{margin:0 0 14px;color:var(--forest);font-size:13px;font-weight:700}
.dl-actions{display:grid;gap:12px}
.dl-actions .store-button{border:1px solid rgba(15,61,51,.16);box-shadow:0 10px 26px rgba(15,61,51,.08)}
.dl-actions .store-button .store-icon{background:var(--mint)}

/* 手機：對應平台的按鈕放大置頂，另一個降為次要 */
body:not([data-os="desktop"]) .dl-actions .dl-store{order:2;min-height:58px;padding:10px 14px;grid-template-columns:36px 1fr auto;box-shadow:none;background:transparent}
body:not([data-os="desktop"]) .dl-actions .dl-store .store-icon{width:36px;height:36px;font-size:13px}
body[data-primary="android"]:not([data-os="desktop"]) .dl-store[data-dl-platform="android"],
body[data-primary="ios"]:not([data-os="desktop"]) .dl-store[data-dl-platform="ios"]{order:1;min-height:84px;padding:16px 18px;grid-template-columns:48px 1fr auto;background:var(--forest);color:#fff;border-color:var(--forest);box-shadow:0 16px 34px rgba(15,61,51,.24)}
body[data-primary="android"]:not([data-os="desktop"]) .dl-store[data-dl-platform="android"] .store-icon,
body[data-primary="ios"]:not([data-os="desktop"]) .dl-store[data-dl-platform="ios"] .store-icon{width:48px;height:48px;font-size:16px;background:#fff}
body[data-primary="android"]:not([data-os="desktop"]) .dl-store[data-dl-platform="android"] strong,
body[data-primary="ios"]:not([data-os="desktop"]) .dl-store[data-dl-platform="ios"] strong{font-size:18px}
body:not([data-os="desktop"]) .dl-qr{display:none}

/* 桌機：提示平台排前面 */
body[data-os="desktop"][data-primary="ios"] .dl-store[data-dl-platform="ios"]{order:-1}

.dl-status{margin-top:16px;padding:14px 16px;border-radius:16px;background:var(--mint);color:var(--forest);display:grid;gap:8px}
.dl-status[hidden]{display:none}
.dl-status p{margin:0;font-size:13px;font-weight:700;line-height:1.6}
.dl-status .dl-fallback{font-weight:500}
.dl-progress{height:4px;border-radius:4px;background:rgba(15,61,51,.15);overflow:hidden}
.dl-progress span{display:block;height:100%;width:100%;background:var(--forest);transform-origin:left;transform:scaleX(1)}
.dl-redirecting .dl-progress span{animation:dl-progress var(--dl-delay,1500ms) linear forwards}
@keyframes dl-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.dl-stay{justify-self:start;appearance:none;border:0;background:none;padding:0;color:var(--forest);font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.dl-stay[hidden]{display:none}
.dl-noscript{margin:12px 0 0;font-size:13px;color:var(--forest)}

.dl-benefits{max-width:var(--home-max);margin:0 auto;padding:10px 20px 50px}
.dl-benefits h2{margin:14px 0 22px;font-size:clamp(28px,7vw,48px);line-height:1.2;letter-spacing:-.05em}
.dl-benefit-grid{display:grid;gap:12px}
.dl-benefit-grid article{padding:20px;border:1px solid rgba(15,61,51,.12);border-radius:20px;background:#fffefa}
.dl-benefit-grid span{color:var(--coral);font:800 11px var(--eng);letter-spacing:1px}
.dl-benefit-grid h3{margin:6px 0 6px;font-size:18px;color:var(--forest)}
.dl-benefit-grid p{margin:0;color:#52615c;font-size:13.5px;line-height:1.75}

.dl-note{max-width:var(--home-max);margin:0 auto 70px;padding:22px 20px;display:grid;gap:10px;width:calc(100% - 40px);border-radius:20px;background:#f1ede3}
.dl-note p{margin:0;color:#52615c;font-size:12.5px;line-height:1.8}
.dl-note a{color:var(--forest);font-size:12.5px;font-weight:800}

@media(min-width:700px){
  .dl-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:1000px){
  .dl-hero{grid-template-columns:minmax(0,1fr) minmax(460px,.8fr);gap:6vw;padding:80px 6vw 90px;align-items:center}
  .dl-actions{grid-template-columns:1fr 1fr}
  .dl-benefits{padding:0 6vw 70px}
  .dl-benefit-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .dl-note{width:auto;margin:0 6vw 100px;padding:26px 32px;grid-template-columns:1fr auto;align-items:center;gap:30px}
}
@media(prefers-reduced-motion:reduce){.dl-redirecting .dl-progress span{animation:none}}
.dl-qr .qr-frame{box-sizing:border-box;width:min(100%,210px)}
.dl-qr .qr-frame img{display:block;width:100%;height:auto}
.dl-qr .store-qr-card{box-sizing:border-box}