.app-download-trigger { position: fixed; right: 22px; bottom: 22px; z-index: 60; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(255, 255, 255, .9); border-radius: 999px; padding: 10px 16px 10px 11px; color: #fff; background: linear-gradient(135deg, #24a0ff, #096dd9); box-shadow: 0 12px 30px rgba(9, 109, 217, .3); font: 700 14px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", Arial, sans-serif; cursor: pointer; transition: transform .2s, box-shadow .2s; }
.app-download-trigger:hover { transform: translateY(-2px); box-shadow: 0 16px 36px rgba(9, 109, 217, .36); }
.app-download-trigger:focus-visible { outline: 3px solid rgba(24, 144, 255, .28); outline-offset: 3px; }
.app-download-trigger-icon { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; color: #096dd9; background: #fff; font-size: 18px; }
.app-download-dialog { width: 420px; width: min(420px, calc(100vw - 32px)); max-width: calc(100vw - 32px); max-height: calc(100vh - 32px); overflow: auto; border: 0; border-radius: 20px; padding: 0; color: #111827; background: transparent; box-shadow: 0 30px 80px rgba(15, 23, 42, .28); }
.app-download-dialog::backdrop { background: rgba(15, 23, 42, .56); backdrop-filter: blur(4px); }
.app-download-card { position: relative; overflow: hidden; border-radius: 20px; padding: 34px 34px 28px; background: #fff; text-align: center; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", Arial, sans-serif; }
.app-download-card::before { content: ""; position: absolute; inset: 0 0 auto; height: 7px; background: linear-gradient(90deg, #36a8ff, #096dd9, #6c63ff); }
.app-download-close { position: absolute; top: 16px; right: 16px; width: 34px; height: 34px; border: 0; border-radius: 50%; color: #64748b; background: #f1f5f9; font-size: 22px; line-height: 1; cursor: pointer; }
.app-download-close:hover { color: #111827; background: #e2e8f0; }
.app-download-eyebrow { display: block; margin-bottom: 7px; color: #096dd9; font-size: 12px; font-weight: 800; letter-spacing: .12em; }
.app-download-card h2 { margin: 0; color: #111827; font-size: 27px; line-height: 1.35; }
.app-download-card > p { margin: 8px 0 20px; color: #64748b; font-size: 14px; }
.app-download-qr-frame { width: 252px; height: 252px; max-width: 100%; display: block; overflow: hidden; margin: 0 auto; border: 10px solid #f8fafc; border-radius: 14px; background: #fff; box-shadow: 0 8px 24px rgba(15, 23, 42, .09); }
.app-download-qr-frame .app-download-qr { width: 100% !important; max-width: none !important; height: 100% !important; max-height: none !important; display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: #fff; object-fit: contain !important; object-position: center !important; aspect-ratio: auto !important; image-rendering: auto; }
.app-download-hint { display: flex; justify-content: center; align-items: center; gap: 7px; margin-top: 18px; color: #475569; font-size: 13px; font-weight: 700; }
.app-download-hint span { width: 21px; height: 21px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #16a34a; font-size: 12px; }
.app-download-fallback { display: none; position: fixed; inset: 0; z-index: 100; place-items: center; padding: 16px; background: rgba(15, 23, 42, .56); }
.app-download-fallback.is-open { display: grid; }
.app-download-fallback .app-download-card { width: min(420px, calc(100vw - 32px)); box-shadow: 0 30px 80px rgba(15, 23, 42, .28); }
.footer-app-download { display: flex; align-items: center; gap: 14px; margin-top: 20px; }
.footer-app-download img { width: 112px; max-width: 112px; height: auto; aspect-ratio: 1 / 1; display: block; flex: 0 0 auto; border: 6px solid #fff; border-radius: 10px; background: #fff; object-fit: contain; box-shadow: 0 8px 20px rgba(0, 0, 0, .22); }
.footer-app-download div { display: grid; gap: 5px; }
.footer-app-download strong { color: #fff; font-size: 15px; line-height: 1.4; }
.footer-app-download span { max-width: 150px; color: #9ca3af; font-size: 12px; line-height: 1.5; }
@media (max-width: 640px) { .app-download-trigger { right: 14px; bottom: 14px; padding: 9px; } .app-download-trigger-label { display: none; } .app-download-trigger-icon { width: 34px; height: 34px; } .app-download-card { padding: 31px 24px 25px; } .app-download-card h2 { font-size: 24px; } .app-download-qr-frame { width: 232px; height: 232px; } }