@CHARSET "UTF-8";
/* ==========================================================================
   愛購網 · App 下載頁樣式
   路徑：/web/Public/css/app-download.css
   頁面：/App_download（PC 版 download.html／手機版 downloadMobile.html 共用）
   前綴一律 .ad_ ，不影響站上既有樣式
   ========================================================================== */

.ad_page{
	max-width:1080px;margin:0 auto;padding:24px 16px 40px;
	font-family:"Microsoft JhengHei","PingFang TC","Heiti TC",Arial,sans-serif;
	color:#2b2b2b;box-sizing:border-box;
}
.ad_page *{box-sizing:border-box;}

/* ---------- 主卡 ---------- */
.ad_card{background:#fff;border:1px solid #efe3da;border-radius:16px;overflow:hidden;
	box-shadow:0 8px 30px rgba(150,110,90,.12);}

.ad_head{background:linear-gradient(125deg,#ef5638 0%,#d92027 52%,#a10d14 100%);color:#fff;padding:26px 28px;}
.ad_head_in{display:table;width:100%;}
.ad_icon{display:table-cell;width:96px;height:96px;border-radius:22px;vertical-align:middle;
	box-shadow:0 6px 18px rgba(90,3,8,.35);background:#fff;}
.ad_head_txt{display:table-cell;vertical-align:middle;padding-left:20px;}
.ad_head_txt h1{font-size:30px;margin:0 0 6px;letter-spacing:1px;}
.ad_head_txt p{margin:0;font-size:14px;color:#ffd9c9;}
.ad_meta{margin-top:10px;}
.ad_meta span{display:inline-block;margin:4px 14px 0 0;font-size:13px;color:#ffe6d6;}
.ad_meta span b{color:#fff;}
.ad_meta .ad_os{background:rgba(255,255,255,.18);padding:2px 10px;border-radius:12px;}

/* ---------- 內容 ---------- */
.ad_body{display:table;width:100%;}
.ad_col_l,.ad_col_r{display:table-cell;vertical-align:top;padding:26px 28px;}
.ad_col_l{width:58%;}
.ad_col_r{width:42%;border-left:1px dashed #efe3da;background:#fffdfa;}

.ad_col_l h2{font-size:18px;color:#d31f26;margin:0 0 12px;letter-spacing:1px;}
.ad_feat{list-style:none;margin:0 0 20px;padding:0;}
.ad_feat li{position:relative;padding:7px 0 7px 18px;font-size:14px;line-height:1.85;
	border-bottom:1px dashed #f2ece6;color:#4a4a4a;}
.ad_feat li:last-child{border-bottom:0;}
.ad_feat li::before{content:"";position:absolute;left:4px;top:16px;width:6px;height:6px;
	border-radius:50%;background:#f0a81e;}
.ad_feat li b{color:#d31f26;}

.ad_btns{margin:6px 0 14px;}
.ad_btn{
	display:inline-block;padding:15px 42px;border-radius:34px;border:0;cursor:pointer;
	background:linear-gradient(180deg,#fff8db,#ffd766 54%,#f5a91c);color:#8e0a11;
	font-size:19px;font-weight:bold;letter-spacing:1px;text-decoration:none;
	box-shadow:0 7px 0 #cf8a10,0 14px 26px rgba(210,140,20,.35);
	transition:transform .12s,box-shadow .12s;
}
.ad_btn:hover{transform:translateY(-3px);box-shadow:0 10px 0 #cf8a10,0 20px 32px rgba(210,140,20,.42);}
.ad_btn:active{transform:translateY(3px);box-shadow:0 2px 0 #cf8a10,0 6px 14px rgba(210,140,20,.35);}
.ad_btn_dis{background:#e9e2d6;color:#9a8f80;box-shadow:none;cursor:not-allowed;}
.ad_btn2{display:inline-block;margin-left:12px;padding:13px 26px;border-radius:32px;
	border:2px solid #f0c9a0;color:#c8860f;font-size:15px;font-weight:bold;text-decoration:none;background:#fff;}
.ad_btn2:hover{background:#fff8ec;}

.ad_tip{font-size:12px;color:#9a8f80;line-height:1.9;margin:0;}

/* ---------- 二維碼 ---------- */
.ad_qr_box{background:#fff;border:1px solid #efe3da;border-radius:14px;padding:18px;text-align:center;
	box-shadow:0 4px 16px rgba(150,110,90,.08);}
.ad_qr_box img{display:block;margin:0 auto;width:200px;height:200px;}
.ad_qr_t{margin-top:12px;font-size:15px;color:#4a4a4a;}
.ad_qr_t b{color:#d31f26;}
.ad_qr_s{margin-top:6px;font-size:11px;color:#b3a99f;word-break:break-all;line-height:1.6;}
.ad_ios{margin-top:14px;font-size:12.5px;color:#8a8078;line-height:1.9;background:#fbf7f2;
	border-radius:10px;padding:12px 14px;}
.ad_ios b{color:#c8860f;}

/* ---------- 更新說明／FAQ ---------- */
.ad_notes,.ad_faq{margin-top:22px;background:#fff;border:1px solid #efe3da;border-radius:14px;padding:20px 24px;
	box-shadow:0 4px 16px rgba(150,110,90,.07);}
.ad_notes h3,.ad_faq h3{font-size:17px;color:#d31f26;margin:0 0 12px;letter-spacing:1px;}
.ad_notes_c{font-size:14px;line-height:2;color:#4a4a4a;white-space:pre-wrap;}
.ad_faq dl{margin:0;}
.ad_faq dt{font-size:14px;font-weight:bold;color:#4a4a4a;margin-top:12px;}
.ad_faq dt:first-child{margin-top:0;}
.ad_faq dd{margin:4px 0 0;font-size:13.5px;color:#7a716a;line-height:1.9;}

/* ---------- 手機版 ---------- */
.ad_page_m{max-width:100%;padding:14px 12px 28px;}
.ad_page_m .ad_head{padding:20px 18px;}
.ad_page_m .ad_head_in{display:block;text-align:center;}
.ad_page_m .ad_icon{display:block;margin:0 auto 12px;width:86px;height:86px;}
.ad_page_m .ad_head_txt{display:block;padding-left:0;text-align:center;}
.ad_page_m .ad_head_txt h1{font-size:23px;}
.ad_page_m .ad_body{display:block;}
.ad_page_m .ad_col_l,.ad_page_m .ad_col_r{display:block;width:auto;padding:18px;}
.ad_page_m .ad_col_r{border-left:0;border-top:1px dashed #efe3da;}
.ad_page_m .ad_btn{display:block;text-align:center;width:100%;padding:16px 0;font-size:18px;}
.ad_page_m .ad_btn2{display:block;text-align:center;margin:12px 0 0;width:100%;}
.ad_page_m .ad_qr_box img{width:170px;height:170px;}