@CHARSET "UTF-8";
/* ==========================================================================
   愛購網 · 物流集運「活動券」宣傳頁樣式
   路徑：/web/Public/coupon/act.css
   用法：PC 版 act.html 與手機版 actMobile.html 共用（響應式，含大屏適配）
   命名一律以 .jy_ 開頭，避免與 main.css / coupon.css 衝突
   ========================================================================== */

/* ---------- 外層重置：只作用於宣傳頁，不污染全站 ---------- */
.jy_act,
.jy_act *{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
.jy_act{
	width:100%;
	font-family:"Microsoft JhengHei","PingFang TC","Heiti TC","Noto Sans TC",Arial,sans-serif;
	font-size:14px;line-height:1.7;color:#2b2b2b;background:#f6f3f0;
	text-align:left;-webkit-text-size-adjust:100%;
}
.jy_act img{max-width:100%;height:auto;border:0;display:block;}
.jy_act a{color:inherit;text-decoration:none;}
.jy_act p{margin:0;}
.jy_act ul,.jy_act ol{margin:0;padding:0;list-style:none;}
.jy_act em{font-style:normal;}

/* ---------- 容器：內容上限 1240，兩側留白；1600 以上再多留一點呼吸 ---------- */
.jy_wrap{max-width:1240px;margin:0 auto;padding:0 24px;}
@media (min-width:1600px){ .jy_wrap{max-width:1320px;} }
@media (max-width:560px){ .jy_wrap{padding:0 14px;} }

/* ==========================================================================
   1. 主視覺 HERO（滿版底色 + 置中容器 → 大屏不變形）
   ========================================================================== */
.jy_hero{
	position:relative;overflow:hidden;color:#fff;
	background:linear-gradient(125deg,#ef5638 0%,#d92027 48%,#a10d14 100%);
}
.jy_hero::after{
	content:"";position:absolute;left:-10%;top:-40%;width:70%;height:180%;
	background:radial-gradient(closest-side,rgba(255,220,150,.5),rgba(255,220,150,0));
	pointer-events:none;
}
.jy_hero_in{position:relative;z-index:2;display:table;width:100%;max-width:1240px;margin:0 auto;padding:54px 24px 58px;}
.jy_hero_l,.jy_hero_r{display:table-cell;vertical-align:middle;}
.jy_hero_l{width:56%;padding-right:24px;}
.jy_hero_r{width:44%;text-align:right;}

.jy_tag{
	display:inline-block;padding:7px 20px;border-radius:22px;
	background:rgba(142,10,17,.55);color:#ffdc96;font-size:16px;font-weight:bold;letter-spacing:2px;
}
.jy_tag i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ffd466;margin-right:8px;vertical-align:middle;}
.jy_h1{font-size:60px;line-height:1.14;font-weight:bold;letter-spacing:4px;margin:18px 0 6px;text-shadow:0 3px 0 rgba(142,10,17,.35);}
.jy_h1 small{display:block;font-size:20px;letter-spacing:6px;color:#ffdb96;font-weight:normal;margin-top:8px;}
.jy_sub{font-size:24px;color:#ffdc96;font-weight:bold;margin-bottom:8px;}
.jy_sub2{font-size:15px;color:#ffe6c2;opacity:.92;}
.jy_hero_btns{margin-top:26px;}
.jy_btn{
	display:inline-block;padding:14px 40px;border-radius:32px;border:0;cursor:pointer;
	background:linear-gradient(180deg,#fff6d2,#ffd466 55%,#f0a81e);
	color:#8e0a11;font-size:20px;font-weight:bold;letter-spacing:2px;font-family:inherit;
	box-shadow:0 6px 16px rgba(120,4,10,.32);transition:transform .15s,box-shadow .15s;
}
.jy_btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(120,4,10,.4);}
.jy_btn:active{transform:translateY(0);}
.jy_btn2{
	display:inline-block;padding:12px 30px;border-radius:30px;margin-left:14px;
	border:2px solid rgba(255,255,255,.75);color:#fff;font-size:17px;font-weight:bold;letter-spacing:1px;
}
.jy_btn2:hover{background:rgba(255,255,255,.16);}
.jy_hero_r img{width:100%;max-width:none;margin-left:auto;filter:drop-shadow(0 14px 24px rgba(90,3,8,.35));}
.jy_hero_small{display:none;}

/* 中窄屏：先把右側裝飾收小，避免左欄文案被擠 */
@media (max-width:1080px){
	.jy_hero_l{width:60%;}
	.jy_hero_r{width:40%;}
	.jy_h1{font-size:48px;letter-spacing:3px;}
	.jy_h1 small{font-size:17px;letter-spacing:4px;}
	.jy_sub{font-size:20px;}
}

/* 手機／窄屏：hero 上下堆疊 */
@media (max-width:860px){
	.jy_hero_in{display:block;padding:26px 16px 30px;}
	.jy_hero_l,.jy_hero_r{display:block;width:auto;}
	.jy_hero_l{padding-right:0;}
	.jy_h1{font-size:38px;letter-spacing:3px;margin:14px 0 4px;}
	.jy_h1 small{font-size:15px;letter-spacing:3px;}
	.jy_sub{font-size:19px;}
	.jy_sub2{font-size:13px;}
	.jy_tag{font-size:14px;padding:6px 16px;}
	.jy_btn{padding:13px 32px;font-size:18px;}
	.jy_btn2{padding:11px 22px;font-size:15px;margin-left:10px;}
	.jy_hero_r{text-align:center;margin-top:18px;}
	.jy_hero_r img{max-width:340px;margin:0 auto;}
}

/* ==========================================================================
   2. 權益四宮格
   ========================================================================== */
.jy_adv{background:#fff;border-bottom:1px solid #efe6df;}
.jy_adv_in{max-width:1240px;margin:0 auto;padding:22px 24px;display:table;width:100%;border-spacing:12px 0;}
/* 4 張「可撕票樣」：虛線外框 + 中間一條打孔撕線（虛線）+ 左右半圓缺口 2026-09-26 */
.jy_adv_i{
	display:table-cell;width:25%;text-align:center;position:relative;vertical-align:top;
	padding:14px 12px 16px;background:#fff7f2;border:1px dashed #f0d3c0;border-radius:12px;
	box-shadow:0 2px 8px rgba(150,110,90,.07);
	background-image:linear-gradient(to right,#e9c3ad 0,#e9c3ad 5px,rgba(233,195,173,0) 5px,rgba(233,195,173,0) 10px);
	background-repeat:repeat-x;background-position:0 48px;background-size:10px 1px;
}
.jy_adv_i::before,.jy_adv_i::after{
	content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:48px;margin-top:-8px;
}
.jy_adv_i::before{left:-9px;}
.jy_adv_i::after{right:-9px;}
.jy_adv_i b{display:block;margin:0 0 14px;font-size:18px;color:#d31f26;letter-spacing:1px;}
.jy_adv_i span{display:block;font-size:13px;color:#8a8078;}
@media (max-width:760px){
	.jy_adv_in{display:block;padding:12px 12px 6px;border-spacing:0;}
	.jy_adv_i{display:block;width:auto;margin:0 0 12px;padding:12px 14px 12px 26px;text-align:left;border-radius:10px;
		background-position:0 42px;}
	.jy_adv_i::before,.jy_adv_i::after{top:42px;}
	.jy_adv_i:last-child{margin-bottom:0;}
	.jy_adv_i b{display:block;font-size:16px;margin:0 0 14px;}
	.jy_adv_i span{display:block;margin-top:12px;}
	/* 小圓點絕對定位，換行的文字就不會「跑偏」 */
	.jy_adv_i b::before{content:"";position:absolute;left:12px;top:19px;width:6px;height:6px;border-radius:50%;background:#f0a81e;}
}

/* ==========================================================================
   3. 券卡列表
   ========================================================================== */
.jy_sec{padding:46px 0 8px;}
.jy_sec_hd{text-align:center;margin-bottom:8px;}
.jy_sec_hd h2{font-size:32px;letter-spacing:3px;color:#2b2b2b;margin:0;font-weight:bold;}
.jy_sec_hd h2 em{color:#d31f26;}
.jy_sec_hd p{color:#8a8078;font-size:14px;margin-top:8px;}
.jy_sec_hd .jy_line{width:64px;height:4px;border-radius:2px;background:linear-gradient(90deg,#ffd466,#d31f26);margin:14px auto 0;}
@media (max-width:760px){
	.jy_sec{padding:28px 0 4px;}
	.jy_sec_hd h2{font-size:23px;letter-spacing:2px;}
	.jy_sec_hd p{font-size:13px;}
}

.jy_cards{max-width:1240px;margin:26px auto 0;padding:0 24px;display:block;}
.jy_cards::after{content:"";display:block;clear:both;}
.jy_card{
	position:relative;float:left;width:32.2%;margin:0 1.7% 18px 0;background:#fff;
	border:1px solid #efe3da;border-radius:14px;overflow:hidden;
	box-shadow:0 4px 14px rgba(150,110,90,.08);transition:transform .18s,box-shadow .18s;
}
.jy_card:nth-child(3n){margin-right:0;}
.jy_card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(150,110,90,.18);}
.jy_card_top{
	position:relative;padding:20px 18px 16px;text-align:center;color:#fff;
	background:linear-gradient(135deg,#ef5638,#d31f26);
}
.jy_card_top .jy_amt{font-size:42px;font-weight:bold;line-height:1.1;letter-spacing:1px;}
.jy_card_top .jy_cond{font-size:14px;opacity:.94;margin-top:6px;}
.jy_card_top .jy_dash{position:absolute;left:0;bottom:-1px;width:100%;height:12px;
	background:radial-gradient(circle at 10px -2px,transparent 10px,#fff 11px) repeat-x;
	background-size:20px 14px;}
.jy_card_body{padding:16px 18px 18px;}
.jy_card_name{font-size:16px;font-weight:bold;color:#2b2b2b;height:24px;overflow:hidden;}
.jy_card_desc{color:#8a8078;font-size:13px;line-height:1.8;min-height:52px;}
.jy_card_desc i{color:#d31f26;font-style:normal;}
.jy_card_ft{margin-top:10px;text-align:center;}
.jy_get{
	display:block;width:100%;padding:12px 0;border:0;border-radius:26px;cursor:pointer;font-family:inherit;
	background:linear-gradient(180deg,#fff2c9,#ffd466 60%,#f0a81e);color:#8e0a11;
	font-size:17px;font-weight:bold;letter-spacing:2px;box-shadow:0 4px 12px rgba(226,168,30,.35);
	transition:filter .15s;
}
.jy_get:hover{filter:brightness(1.06);}
.jy_get[disabled]{background:#f7f3ef;color:#b3a99f;box-shadow:inset 0 0 0 1px #eee7e0;cursor:default;}
.jy_get.jy_got{background:#fff4e0;color:#b9821f;box-shadow:inset 0 0 0 1px #f2ddb6;cursor:default;}
.jy_get.jy_ing{background:#ffd466;color:#8e0a11;opacity:.7;cursor:wait;}
.jy_card .jy_stock{font-size:12px;color:#b5aca4;text-align:center;margin-top:8px;height:18px;}

@media (max-width:1000px){ .jy_card{width:48.5%;margin-right:3%;} .jy_card:nth-child(3n){margin-right:3%;} .jy_card:nth-child(2n){margin-right:0;} }
@media (max-width:640px){
	.jy_cards{padding:0 14px;}
	.jy_card{float:none;width:100%;margin:0 0 14px;}
	.jy_card_top{padding:16px 14px 14px;}
	.jy_card_top .jy_amt{font-size:36px;}
	.jy_card_desc{min-height:0;}
}

/* ==========================================================================
   4. 集運流程
   ========================================================================== */
.jy_steps{background:#fff;margin-top:44px;padding:40px 0 46px;}
.jy_steps_in{max-width:1240px;margin:0 auto;padding:0 24px;display:table;width:100%;table-layout:fixed;}
.jy_step{display:table-cell;text-align:center;padding:0 8px;position:relative;}
/* 序號圓圈：選擇器必須比下面的 .jy_step span 更具體，否則字級/行高/對齊會被吃成 13px、頂端對齐 */
.jy_step .jy_step_no{
	display:inline-block;width:52px;height:52px;line-height:52px;text-align:center;border-radius:50%;
	background:linear-gradient(135deg,#ef5638,#d31f26);color:#fff;font-size:18px;font-weight:bold;
	box-shadow:0 6px 14px rgba(211,31,38,.28);
}
.jy_step b{display:block;font-size:16px;margin:12px 0 4px;color:#2b2b2b;}
.jy_step span{font-size:13px;color:#8a8078;line-height:1.7;display:block;}
.jy_step:not(:last-child)::after{
	content:"";position:absolute;right:-8px;top:26px;width:16px;height:2px;
	background-image:linear-gradient(90deg,#e2b06a 50%,transparent 0);background-size:8px 2px;
}
/* 四步流程：中窄屏改為豎排 */
@media (max-width:860px){
	.jy_steps{padding:24px 0 26px;margin-top:24px;}
	.jy_steps_in{display:block;padding:0 16px;}
	.jy_step{display:block;text-align:left;padding:8px 0 8px 66px;position:relative;}
	.jy_step .jy_step_no{position:absolute;left:0;top:6px;width:46px;height:46px;line-height:46px;
		font-size:17px;margin:0;display:block;text-align:center;}
	.jy_step:not(:last-child)::after{display:none;}
	.jy_step b{display:inline;font-size:15px;}
	.jy_step span{display:block;margin-top:2px;}
}

/* ==========================================================================
   5. 注意事項
   ========================================================================== */
.jy_notes{max-width:1240px;margin:0 auto;padding:34px 24px 10px;}
.jy_notes_box{background:#fffdf7;border:1px solid #f5e2b8;border-radius:12px;padding:20px 24px;}
.jy_notes_box h3{font-size:18px;color:#8e0a11;margin:0 0 10px;letter-spacing:1px;}
.jy_notes_box li{position:relative;padding-left:18px;color:#6b625b;font-size:13px;line-height:2;}
.jy_notes_box li::before{content:"";position:absolute;left:2px;top:12px;width:6px;height:6px;border-radius:50%;background:#f0a81e;}
@media (max-width:760px){
	.jy_notes{padding:22px 14px 6px;}
	.jy_notes_box{padding:16px 16px;}
	.jy_notes_box h3{font-size:16px;}
	.jy_notes_box li{font-size:12.5px;line-height:1.9;}
}

/* ==========================================================================
   6. 我的專屬推廣連結（登入後才顯示）
   ========================================================================== */
.jy_share{max-width:1240px;margin:0 auto;padding:20px 24px 0;}
.jy_share_box{
	background:linear-gradient(120deg,#fff6ea,#ffeadf);border:1px solid #f6d9c6;border-radius:12px;
	padding:18px 22px;
}
.jy_share_box h3{font-size:17px;color:#8e0a11;margin:0 0 6px;}
.jy_share_box p{font-size:13px;color:#8a7a6c;margin-bottom:10px;}
.jy_share_row{display:table;width:100%;table-layout:fixed;}
.jy_share_row .jy_col_i{display:table-cell;vertical-align:middle;}
.jy_share_row .jy_col_b{display:table-cell;width:120px;vertical-align:middle;padding-left:10px;}
.jy_share_box input{
	width:100%;padding:11px 12px;border:1px solid #e6cfbc;border-radius:8px;background:#fff;
	font-family:inherit;font-size:14px;color:#5b5148;
}
.jy_share_box .jy_copy{
	width:100%;padding:11px 0;border:0;border-radius:8px;cursor:pointer;font-family:inherit;
	background:#d31f26;color:#fff;font-size:15px;font-weight:bold;letter-spacing:1px;
}
.jy_share_box .jy_copy:hover{background:#b81b22;}
.jy_code{display:inline-block;margin-top:8px;font-size:13px;color:#8a7a6c;}
.jy_code b{color:#d31f26;font-size:17px;letter-spacing:2px;}
@media (max-width:760px){
	.jy_share{padding:16px 14px 0;}
	.jy_share_box{padding:14px 14px;}
	.jy_share_row,.jy_share_row .jy_col_i,.jy_share_row .jy_col_b{display:block;width:100%;}
	.jy_share_row .jy_col_b{padding:10px 0 0;}
}

/* ==========================================================================
   7. 底部行動呼籲
   ========================================================================== */
.jy_cta{
	margin-top:34px;padding:40px 24px;text-align:center;color:#fff;
	background:linear-gradient(125deg,#a10d14,#d92027 55%,#ef5638);
}
.jy_cta h2{font-size:28px;letter-spacing:3px;margin:0 0 6px;}
.jy_cta p{font-size:14px;color:#ffe0b8;margin-bottom:20px;}
.jy_cta .jy_btn{font-size:21px;padding:15px 46px;}
@media (max-width:760px){
	.jy_cta{margin-top:22px;padding:26px 16px;}
	.jy_cta h2{font-size:20px;letter-spacing:2px;}
	.jy_cta p{font-size:13px;}
	.jy_cta .jy_btn{font-size:18px;padding:13px 34px;width:100%;}
}

/* ---------- 輕提示 ---------- */
.jy_toast{
	position:fixed;left:50%;bottom:16%;z-index:9999;transform:translateX(-50%);
	background:rgba(30,22,20,.9);color:#fff;font-size:14px;padding:11px 22px;border-radius:24px;
	opacity:0;transition:opacity .22s,transform .22s;pointer-events:none;max-width:80%;
}
.jy_toast.jy_on{opacity:1;transform:translateX(-50%) translateY(-6px);}

/* ---------- 底部「待領取」固定條（未登入時才出現）---------- */
.jy_bar{
	position:fixed;left:0;right:0;bottom:0;z-index:9998;
	background:rgba(28,20,18,.95);color:#fff;padding:10px 14px;
	box-shadow:0 -4px 18px rgba(0,0,0,.25);
}
.jy_bar_in{max-width:1240px;margin:0 auto;display:table;width:100%;table-layout:fixed;}
.jy_bar_l{display:table-cell;vertical-align:middle;font-size:14px;line-height:1.5;}
.jy_bar_l b{color:#ffd466;font-size:22px;margin:0 3px;}
.jy_bar_l span{display:block;font-size:12px;color:#c9bdb6;}
.jy_bar_r{display:table-cell;width:290px;vertical-align:middle;text-align:right;}
.jy_bar_r a{
	display:inline-block;padding:11px 24px;border-radius:26px;font-weight:bold;font-size:15px;letter-spacing:1px;
}
.jy_bar_r a.jy_bar_go{background:linear-gradient(180deg,#fff2c9,#ffd466 60%,#f0a81e);color:#8e0a11;margin-right:8px;}
.jy_bar_r a.jy_bar_reg{border:2px solid rgba(255,255,255,.7);color:#fff;padding:9px 22px;}
@media (max-width:760px){
	.jy_bar{padding:9px 12px;}
	.jy_bar_in,.jy_bar_l,.jy_bar_r{display:block;width:100%;text-align:left;}
	.jy_bar_l{font-size:13px;}
	.jy_bar_l b{font-size:19px;}
	.jy_bar_r{margin-top:8px;text-align:center;}
	.jy_bar_r a{width:48%;padding:11px 0;text-align:center;}
	.jy_bar_r a.jy_bar_reg{padding:9px 0;}
}

/* ---------- 手機版頁首微調（沿用 Mobile:top 時）---------- */
.jy_act_m .jy_hero_in{padding:22px 14px 26px;}
.jy_act_m .jy_h1{font-size:34px;}
.jy_act_m .jy_sec_hd h2{font-size:21px;}

/* ==========================================================================
   8. 大屏（≥1600）專屬：加大字級與留白，避免「中間一條、兩側空曠」的舊觀感
   ========================================================================== */
@media (min-width:1600px){
	.jy_h1{font-size:68px;letter-spacing:6px;}
	.jy_sub{font-size:26px;}
	.jy_hero_l{width:58%;}
	.jy_hero_r{width:42%;}
	.jy_sec_hd h2{font-size:36px;}
	.jy_card_top .jy_amt{font-size:46px;}
	.jy_card_name{font-size:17px;}
}

/* ==========================================================================
   9. 頁面分頁（① 集運活動券　② 物流抽獎）並列切換
   模板：act.html / actMobile.html；互動：act.js::jyTab()／jyGoCards()／jyGoDraw()
   ========================================================================== */
.jy_pwrap{position:relative;z-index:3;margin-top:-28px;text-align:center;padding:0 24px;}
.jy_ptabs{display:inline-block;background:#fff;border:1px solid #ffe0b8;border-radius:44px;
	padding:7px;box-shadow:0 12px 30px rgba(180,120,60,.20);}
.jy_ptab{display:inline-block;min-width:210px;padding:11px 28px;border-radius:36px;text-align:center;
	color:#a1731f;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s;}
.jy_ptab b{display:block;font-size:18px;letter-spacing:1px;line-height:1.35;font-weight:bold;}
.jy_ptab span{display:block;font-size:12px;color:#b0997c;margin-top:2px;}
.jy_ptab.jy_on{background:linear-gradient(180deg,#f2563a,#d31f26);color:#fff;
	box-shadow:0 8px 18px rgba(211,31,38,.34);}
.jy_ptab.jy_on span{color:#ffdbcb;}
.jy_ptab:hover{background:#fff8ec;}
.jy_ptab.jy_on:hover{background:linear-gradient(180deg,#f2563a,#d31f26);}
.jy_pane{display:none;}
.jy_pane.jy_on{display:block;}
/* hero 第三顆按鈕（i幣抽獎）—— 2026-09-27 加強存在感：金底紅字＋金輝光暈＋「熱門」角標 */
.jy_btn3{display:inline-block;position:relative;padding:12px 32px;border-radius:32px;margin-left:14px;cursor:pointer;
	background:linear-gradient(180deg,#fffef9,#fff0c8 55%,#ffdf9a);border:2px solid #ffc247;color:#b3121a;
	font-size:18px;font-weight:bold;letter-spacing:2px;
	box-shadow:0 6px 16px rgba(90,3,8,.3),0 0 0 4px rgba(255,212,102,.3);}
.jy_btn3:hover{background:linear-gradient(180deg,#fffef9,#fff4d8 55%,#ffe8ac);}
.jy_btn3_hot{position:absolute;right:-10px;top:-12px;padding:0 7px;height:18px;line-height:18px;
	background:linear-gradient(180deg,#ff5a4d,#d31f26);color:#fff;font-size:11px;font-style:normal;
	font-weight:bold;letter-spacing:0;border-radius:9px;box-shadow:0 2px 6px rgba(140,10,10,.42);}
@media (max-width:1080px){
	.jy_ptab{min-width:170px;padding:10px 20px;}
}
@media (max-width:860px){
	.jy_pwrap{margin-top:-16px;padding:0 14px;}
	.jy_ptabs{display:table;width:100%;padding:5px;border-radius:18px;}
	.jy_ptab{display:table-cell;width:50%;min-width:0;padding:9px 6px;border-radius:14px;}
	.jy_ptab b{font-size:15px;letter-spacing:0;}
	.jy_ptab span{font-size:11px;}
	.jy_btn3{padding:11px 22px;font-size:15px;margin-left:10px;}
}
@media (max-width:420px){ .jy_ptab span{display:none;} }

/* ==========================================================================
   10. 物流抽獎（i幣 → 運費抵用券）
   模板：Tpl/default/Web/Coupon/draw.html（PC／手機共用）
   互動：Public/coupon/act.js（window.jyDraw*）
   ========================================================================== */
.jy_draw{
	position:relative;margin-top:46px;padding:46px 0 50px;overflow:hidden;color:#5b3a12;
	background:linear-gradient(160deg,#fff7e6 0%,#ffefe1 46%,#ffe9ec 100%);
	border-top:1px solid #ffe3c4;border-bottom:1px solid #ffe3c4;
}
.jy_draw::before,.jy_draw::after{content:"";position:absolute;border-radius:50%;pointer-events:none;}
.jy_draw::before{right:-130px;top:-130px;width:340px;height:340px;
	background:radial-gradient(closest-side,rgba(255,196,90,.42),rgba(255,196,90,0));}
.jy_draw::after{left:-150px;bottom:-160px;width:360px;height:360px;
	background:radial-gradient(closest-side,rgba(255,140,150,.3),rgba(255,140,150,0));}
.jy_draw_hd{position:relative;z-index:2;text-align:center;max-width:1240px;margin:0 auto;padding:0 24px;}
.jy_draw_tag{display:inline-block;padding:6px 18px;border-radius:20px;background:#8e0a11;color:#ffd466;
	font-size:14px;font-weight:bold;letter-spacing:2px;}
.jy_draw_tag i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ffd466;margin-right:7px;vertical-align:middle;}
.jy_draw_h2{font-size:34px;letter-spacing:3px;margin:12px 0 6px;color:#a10d14;font-weight:bold;line-height:1.2;}
.jy_draw_h2 small{display:block;font-size:15px;letter-spacing:5px;color:#c08a3a;font-weight:normal;margin-top:7px;}
.jy_draw_sub{font-size:14px;color:#8a6a44;line-height:1.95;}
.jy_draw_sub b{color:#d31f26;font-size:16px;}

/* ---------- 我的狀態 ---------- */
.jy_dstat{position:relative;z-index:2;max-width:760px;margin:24px auto 0;background:#fff;
	border:1px solid #ffe0b8;border-radius:14px;box-shadow:0 6px 18px rgba(200,150,90,.14);
	display:table;width:100%;table-layout:fixed;}
.jy_dstat_i{display:table-cell;width:25%;text-align:center;padding:14px 4px;border-right:1px dashed #ffe2c2;}
.jy_dstat_i:last-child{border-right:0;}
.jy_dstat_i span{display:block;font-size:12px;color:#a8917a;}
.jy_dstat_i b{display:block;font-size:24px;color:#d31f26;line-height:1.35;font-weight:bold;}
.jy_dstat_i b i{font-style:normal;}
.jy_dstat_i b em{font-style:normal;font-size:13px;color:#a8917a;margin-left:2px;font-weight:normal;}

/* ---------- 玩法切換 ---------- */
.jy_dtabs{position:relative;z-index:2;text-align:center;margin:26px auto 0;}
.jy_dtab{display:inline-block;margin:0 5px 8px;padding:11px 30px;border-radius:26px;font-size:16px;
	font-weight:bold;letter-spacing:1px;color:#a1731f;background:#fff;border:2px solid #ffdfae;
	box-shadow:0 3px 10px rgba(210,160,90,.16);cursor:pointer;transition:transform .15s,box-shadow .15s;}
.jy_dtab:hover{transform:translateY(-2px);}
.jy_dtab.jy_on{color:#fff;background:linear-gradient(180deg,#f2563a,#d31f26);border-color:#d31f26;
	box-shadow:0 6px 16px rgba(211,31,38,.32);}
.jy_dpanels{position:relative;z-index:2;max-width:860px;margin:10px auto 0;padding:0 24px;}
.jy_dpanel{display:none;text-align:center;}
.jy_dpanel.jy_on{display:block;}
.jy_dtip{font-size:13px;color:#9a7c58;margin-top:16px;line-height:1.8;}

/* ---------- ① 轉盤 ---------- */
.jy_wheel_box{position:relative;width:340px;height:340px;margin:20px auto 0;}
.jy_wheel{
	position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;overflow:hidden;
	background:#fff8e6;
	background-image:conic-gradient(
		#ffeab5 0deg 36deg,#fff8e6 36deg 72deg,
		#ffeab5 72deg 108deg,#fff8e6 108deg 144deg,
		#ffeab5 144deg 180deg,#fff8e6 180deg 216deg,
		#ffeab5 216deg 252deg,#fff8e6 252deg 288deg,
		#ffeab5 288deg 324deg,#fff8e6 324deg 360deg);
	box-shadow:0 0 0 10px #fff,0 0 0 15px #ffcf7a,0 14px 34px rgba(160,90,20,.28);
	transition:transform 4.6s cubic-bezier(.17,.67,.16,1);
}
.jy_wheel.jy_spinning{transition-duration:4.6s;}
.jy_slot{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:50% 50%;}
.jy_slot_in{position:absolute;left:50%;top:18px;width:104px;margin-left:-52px;display:block;text-align:center;}
.jy_slot_in b{display:block;font-size:16px;font-weight:bold;color:#b3241f;line-height:1.25;}
.jy_slot_in i{display:block;font-size:10px;font-style:normal;color:#bb9058;line-height:1.4;}
.jy_slot_jp .jy_slot_in b{color:#e0452a;}
.jy_slot_none .jy_slot_in b{color:#9c8f7d;font-size:13px;padding-top:3px;}
.jy_slot_none .jy_slot_in i{color:#b8ad9b;}
.jy_wheel_pointer{position:absolute;left:50%;top:-9px;width:0;height:0;margin-left:-15px;z-index:6;
	border-left:15px solid transparent;border-right:15px solid transparent;border-top:23px solid #d31f26;
	filter:drop-shadow(0 3px 4px rgba(150,20,20,.35));}
.jy_wheel_btn{position:absolute;left:50%;top:50%;width:114px;height:114px;margin:-57px 0 0 -57px;z-index:5;
	border-radius:50%;display:block;text-align:center;text-decoration:none;padding-top:27px;
	background:radial-gradient(circle at 50% 32%,#fff3cf,#ffcf6a 62%,#f0a11c);color:#8e0a11;
	font-size:23px;font-weight:bold;letter-spacing:2px;line-height:1.15;cursor:pointer;
	box-shadow:0 6px 18px rgba(180,100,10,.4),inset 0 0 0 4px #fff2cd;}
.jy_wheel_btn:hover{filter:brightness(1.05);}
.jy_wheel_btn em{display:block;font-style:normal;font-size:11px;font-weight:normal;color:#a8712a;letter-spacing:0;margin-top:4px;}
.jy_wheel_btn.jy_ing{filter:grayscale(.3);cursor:wait;}
.jy_wheel_btn.jy_dis{background:#e9e2d6;color:#a09383;box-shadow:none;cursor:not-allowed;}

/* ---------- ② 砸金蛋 / ③ 開寶箱 ---------- */
.jy_stage{position:relative;width:560px;max-width:100%;height:212px;margin:18px auto 0;}
.jy_egg{position:absolute;bottom:0;left:50%;width:118px;height:150px;margin-left:-59px;}
.jy_egg[data-i="0"]{transform:translateX(-124px);}
.jy_egg[data-i="2"]{transform:translateX(124px);}
.jy_egg_b{position:relative;display:block;width:100%;height:100%;
	background:radial-gradient(ellipse at 34% 26%,#fff6d8,#ffd977 42%,#e8a324 78%,#c07c10);
	border-radius:50% 50% 50% 50%/62% 62% 38% 38%;
	box-shadow:0 10px 18px rgba(160,110,20,.3),inset -8px -12px 20px rgba(160,100,10,.22);}
.jy_egg_b::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;
	border-radius:inherit;transition:opacity .25s;
	background:linear-gradient(112deg,transparent 0 46%,#9a6410 46% 49%,transparent 49% 100%) 0 58%/100% 46% no-repeat,
	           linear-gradient(-112deg,transparent 0 44%,#b8791a 44% 47%,transparent 47% 100%) 0 34%/100% 42% no-repeat;}
.jy_egg_c{position:absolute;right:2px;top:26px;width:26px;height:26px;line-height:26px;border-radius:50%;
	background:#a10d14;color:#ffd466;font-size:13px;font-weight:bold;text-align:center;}
.jy_egg.jy_hit .jy_egg_b{animation:jyEggShake .5s ease-out;}
.jy_egg.jy_crack .jy_egg_b{transform:scale(.93);transition:transform .3s;}
.jy_egg.jy_crack .jy_egg_b::after{opacity:1;}
@keyframes jyEggShake{
	0%,100%{transform:translateX(0) rotate(0);}
	20%{transform:translateX(-5px) rotate(-4deg);}
	45%{transform:translateX(5px) rotate(4deg);}
	70%{transform:translateX(-3px) rotate(-2deg);}
}
.jy_hammer{position:absolute;left:50%;top:2px;width:68px;height:22px;margin-left:-90px;border-radius:5px;
	opacity:0;z-index:4;background:linear-gradient(180deg,#98a2b0,#5d6774);
	box-shadow:0 3px 6px rgba(40,50,60,.35);}
.jy_hammer::after{content:"";position:absolute;left:50%;top:17px;width:9px;height:76px;margin-left:-4.5px;
	border-radius:4px;background:linear-gradient(180deg,#cf9448,#88571f);}
.jy_hammer.jy_go{opacity:1;animation:jyHammerDrop .78s ease-in forwards;}
@keyframes jyHammerDrop{
	0%{opacity:0;transform:translateY(-150px) rotate(-32deg);}
	32%{opacity:1;transform:translateY(-56px) rotate(-18deg);}
	54%{transform:translateY(0) rotate(0);}
	68%{transform:translateY(-16px) rotate(7deg);}
	82%{transform:translateY(0) rotate(0);}
	100%{opacity:1;transform:translateY(0) rotate(0);}
}
.jy_box{position:absolute;bottom:0;left:50%;width:130px;height:118px;margin-left:-65px;}
.jy_box[data-i="0"]{transform:translateX(-142px);}
.jy_box[data-i="2"]{transform:translateX(142px);}
.jy_box_b{position:absolute;left:0;bottom:0;width:100%;height:78px;border-radius:6px;
	background:linear-gradient(180deg,#cd8a34,#9a5c14);box-shadow:0 10px 18px rgba(120,70,10,.3);}
.jy_box_b::after{content:"";position:absolute;left:50%;top:0;width:16px;height:100%;margin-left:-8px;
	background:linear-gradient(180deg,#ffd466,#e8a324);}
.jy_box_lid{position:absolute;left:-4px;bottom:74px;width:138px;height:34px;border-radius:9px 9px 4px 4px;
	background:linear-gradient(180deg,#e8a94a,#b8761d);box-shadow:0 4px 10px rgba(120,70,10,.28);
	transform-origin:50% 100%;transition:transform .5s cubic-bezier(.3,1.4,.5,1);}
.jy_box.jy_open .jy_box_lid{transform:translateY(-62px) rotate(-16deg);}
.jy_box_glow{position:absolute;left:-10px;bottom:52px;width:150px;height:96px;opacity:0;transition:opacity .35s;
	background:radial-gradient(ellipse at 50% 100%,rgba(255,228,140,.95),rgba(255,228,140,0));}
.jy_box.jy_open .jy_box_glow{opacity:1;}
.jy_box.jy_hit .jy_box_b{animation:jyEggShake .5s ease-out;}

/* ---------- 抽獎按鈕 ---------- */
.jy_dbtn{display:inline-block;margin-top:18px;padding:14px 46px;border-radius:30px;cursor:pointer;
	background:linear-gradient(180deg,#fff2c9,#ffd466 60%,#f0a81e);color:#8e0a11;
	font-size:18px;font-weight:bold;letter-spacing:2px;box-shadow:0 6px 16px rgba(226,168,30,.4);
	transition:transform .15s,box-shadow .15s;}
.jy_dbtn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(226,168,30,.5);}
.jy_dbtn.jy_ing{background:#ffd466;opacity:.7;cursor:wait;}
.jy_dbtn.jy_dis{background:#e9e2d6;color:#a09383;box-shadow:none;cursor:not-allowed;}

/* ---------- 獎項一覽 ---------- */
.jy_dprz_hd{position:relative;z-index:2;max-width:1240px;margin:36px auto 0;padding:0 24px;text-align:center;}
.jy_dprz_hd h3{font-size:20px;color:#8e0a11;margin:0;}
.jy_dprz_hd h3 em{font-style:normal;font-size:13px;color:#a8917a;margin-left:8px;font-weight:normal;}
.jy_dprz_hd h3 em b{color:#d31f26;}
.jy_dprz_hd p{font-size:13px;color:#9a7c58;margin-top:5px;}
.jy_dprizes{position:relative;z-index:2;max-width:1120px;margin:16px auto 0;padding:0 20px;
	text-align:center;font-size:0;}
.jy_pz{position:relative;display:inline-block;vertical-align:top;width:11.8%;min-width:94px;
	margin:0 .1% 14px;height:172px;padding:15px 5px 36px;
	background:#fff;border:1px solid #ffe0b8;border-radius:12px;font-size:14px;text-align:center;
	box-shadow:0 4px 12px rgba(200,150,90,.13);}
.jy_pz_face{font-size:21px;font-weight:bold;color:#d31f26;line-height:1.2;}
.jy_pz_name{font-size:12px;color:#7a6a58;margin-top:6px;height:36px;overflow:hidden;line-height:1.5;}
.jy_pz_cond{font-size:11px;color:#a8917a;height:30px;overflow:hidden;margin-top:3px;}
.jy_pz_rate{position:absolute;left:5px;right:5px;bottom:9px;font-size:11px;color:#a8917a;
	border-top:1px dashed #ffe2c2;padding-top:5px;}
.jy_pz_rate b{color:#d31f26;}
.jy_pz_jp{background:linear-gradient(180deg,#fff7dd,#ffe8b2);border-color:#e8a324;
	box-shadow:0 6px 18px rgba(220,160,40,.35);}
.jy_pz_jp .jy_pz_face{color:#c2760c;}

/* ---------- 抽獎規則 ---------- */
.jy_drules{position:relative;z-index:2;max-width:1000px;margin:26px auto 0;padding:0 24px;}
.jy_drules h3{font-size:17px;color:#8e0a11;margin:0 0 10px;letter-spacing:1px;}
.jy_drules ul{background:#fffdf7;border:1px solid #f5e2b8;border-radius:12px;padding:16px 20px;}
.jy_drules li{position:relative;padding-left:18px;color:#6b625b;font-size:13px;line-height:2;}
.jy_drules li::before{content:"";position:absolute;left:2px;top:12px;width:6px;height:6px;border-radius:50%;background:#f0a81e;}
.jy_drules li b{color:#b3241f;}

/* ---------- 中獎彈窗 ---------- */
.jy_dmask{position:fixed;left:0;top:0;width:100%;height:100%;z-index:10000;
	background:rgba(30,16,10,.62);display:none;overflow:auto;}
.jy_dmask.jy_on{display:block;}
.jy_dmodal{position:relative;width:344px;max-width:88%;margin:11vh auto 24px;padding:26px 22px 18px;
	text-align:center;border-radius:18px;border:1px solid #ffe0b8;
	background:linear-gradient(180deg,#fffdf6,#fff3dc);box-shadow:0 20px 50px rgba(0,0,0,.42);
	animation:jyPop .28s ease-out;}
@keyframes jyPop{from{opacity:0;transform:scale(.86) translateY(14px);}to{opacity:1;transform:none;}}
.jy_dm_close{position:absolute;right:10px;top:8px;width:30px;height:30px;line-height:28px;border-radius:50%;
	font-size:20px;color:#b7a48c;text-decoration:none;}
.jy_dm_close:hover{background:#f6ecdc;color:#8e0a11;}
.jy_dm_badge{display:inline-block;padding:5px 20px;border-radius:18px;font-size:13px;font-weight:bold;
	letter-spacing:2px;background:#a10d14;color:#ffd466;}
.jy_dm_badge.jy_lose{background:#ded4c6;color:#6b625b;}
.jy_dm_face{font-size:52px;font-weight:bold;color:#d31f26;line-height:1.15;margin:12px 0 2px;letter-spacing:-1px;}
.jy_dm_face.jy_lose{font-size:26px;color:#9c8f7d;letter-spacing:1px;}
.jy_dm_name{font-size:15px;color:#8a6a44;font-weight:bold;}
.jy_dm_tip{font-size:13px;color:#8a8078;margin-top:10px;line-height:1.8;}
.jy_dm_btns{margin-top:18px;}
.jy_dm_btn{display:inline-block;padding:12px 28px;border-radius:26px;margin:0 5px 8px;cursor:pointer;
	background:linear-gradient(180deg,#fff2c9,#ffd466 60%,#f0a81e);color:#8e0a11;
	font-size:16px;font-weight:bold;letter-spacing:1px;box-shadow:0 5px 14px rgba(226,168,30,.4);}
.jy_dm_btn2{display:inline-block;padding:11px 24px;border-radius:26px;margin:0 5px 8px;
	border:2px solid #ffcf7a;color:#a1731f;font-size:15px;font-weight:bold;letter-spacing:1px;background:#fff;}
.jy_dm_btn2:hover{background:#fffaf0;}
.jy_dm_left{font-size:12px;color:#b0a08c;margin-top:6px;}

/* ---------- 抽獎區：手機／窄屏 ---------- */
@media (max-width:900px){
	.jy_pz{width:23%;min-width:0;}
}
@media (max-width:760px){
	.jy_draw{margin-top:24px;padding:26px 0 30px;}
	.jy_draw_hd,.jy_dpanels,.jy_dprz_hd,.jy_drules{padding:0 14px;}
	.jy_draw_h2{font-size:24px;letter-spacing:2px;}
	.jy_draw_h2 small{font-size:13px;letter-spacing:3px;}
	.jy_draw_sub{font-size:13px;}
	.jy_draw_sub b{font-size:14px;}
	.jy_dstat{margin-top:16px;}
	.jy_dstat_i{padding:11px 2px;}
	.jy_dstat_i span{font-size:11px;}
	.jy_dstat_i b{font-size:18px;}
	.jy_dtab{padding:9px 20px;font-size:15px;margin:0 3px 8px;}
	.jy_wheel_box{width:280px;height:280px;}
	.jy_slot_in{top:14px;width:86px;margin-left:-43px;}
	.jy_slot_in b{font-size:13px;}
	.jy_slot_in i{font-size:9px;}
	.jy_slot_none .jy_slot_in b{font-size:11px;}
	.jy_wheel_btn{width:94px;height:94px;margin:-47px 0 0 -47px;padding-top:20px;font-size:19px;}
	.jy_wheel_btn em{font-size:10px;}
	.jy_stage{height:172px;}
	.jy_egg{width:92px;height:118px;margin-left:-46px;}
	.jy_egg[data-i="0"]{transform:translateX(-98px);}
	.jy_egg[data-i="2"]{transform:translateX(98px);}
	.jy_egg_c{right:-2px;top:18px;width:22px;height:22px;line-height:22px;font-size:12px;}
	.jy_hammer{margin-left:-72px;}
	.jy_hammer::after{height:60px;}
	.jy_box{width:98px;height:96px;margin-left:-49px;}
	.jy_box[data-i="0"]{transform:translateX(-108px);}
	.jy_box[data-i="2"]{transform:translateX(108px);}
	.jy_box_b{height:62px;}
	.jy_box_lid{width:106px;bottom:58px;height:28px;}
	.jy_box.jy_open .jy_box_lid{transform:translateY(-50px) rotate(-16deg);}
	.jy_box_glow{left:-8px;bottom:44px;width:114px;height:76px;}
	.jy_dbtn{padding:13px 34px;font-size:17px;width:100%;box-sizing:border-box;}
	.jy_pz{width:31%;margin:0 .5% 10px;padding:12px 4px 34px;height:158px;}
	.jy_pz_face{font-size:18px;}
	.jy_pz_name{font-size:11px;height:32px;}
	.jy_dm_face{font-size:44px;}
}

/* ==========================================================================
   11. 【2026-09-27 修正】按鈕字色被 jQuery Mobile 蓋掉
   --------------------------------------------------------------------------
   原因：本檔開頭的 .jy_act a{color:inherit} 與 jQuery Mobile 的
   .ui-page-theme-a a{…} 權重都是 (0,1,1)，而 .jy_btn/.jy_btn3/.jy_ptab 這些
   單類別選擇器只有 (0,1,0) → 全部被 inherit 蓋掉（繼承自紅色 hero 的 #fff）。
   症狀：hero 的「i幣抽獎」白底白字（完全看不見）、「立即領券」金底白字難讀、
   未選取的分頁籤失去金色。修法：用 .jy_act 前綴把權重提到 (0,2,0)（active 態
   再高一階），一律寫在檔尾確保勝出。
   ========================================================================== */
.jy_act .jy_btn{color:#8e0a11;}
.jy_act .jy_btn2{color:#fff;}
.jy_act .jy_btn3{color:#b3121a;}
.jy_act .jy_ptab{color:#a1731f;}
.jy_act .jy_ptab.jy_on{color:#fff;}
.jy_act .jy_ptab.jy_on span{color:#ffdbcb;}
.jy_act .jy_dtab{color:#a1731f;}
.jy_act .jy_dtab.jy_on{color:#fff;}
.jy_act .jy_wheel_btn{color:#8e0a11;}
.jy_act .jy_wheel_btn.jy_dis{color:#a09383;}
.jy_act .jy_dbtn{color:#8e0a11;}
.jy_act .jy_dbtn.jy_dis{color:#a09383;}
.jy_act .jy_bar_r a.jy_bar_go{color:#8e0a11;}
.jy_act .jy_bar_r a.jy_bar_reg{color:#fff;}

/* ==========================================================================
   12. 券卡改版：細長「打孔票樣」（2026-09-27 用戶要求）
      2026-09-27b 反饋：「跳转 ok，但 6 张未与 4 张一致打孔状」
      → 改為與首頁「活動券專區」4 張（coupon/home.css 的 .jych_card）【完全相同】的手法：
        ① 四周白色半圓齒孔：4 層 radial-gradient（上下 repeat-x、左右 repeat-y）
           ＋紙面斜向漸層；規格與首頁一致（半徑 7px、間距 22px）
        ② 內圈虛線框：::after（pointer-events:none，不擋按鈕）
        ③ 白色票紙底板：讓齒孔讀起來是「打孔」而不是白點（對應首頁 .jych 的白底）
        ④ 左面額（92px，紅字）→ 豎向撕線 → 右資訊 → 紅色膠囊「立即領取」
        一張 92px 高，PC 兩列、手機一列。
   ========================================================================== */
.jy_cards{display:-webkit-box;display:-webkit-flex;display:flex;
	-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:flex-start;align-content:flex-start;
	background:#fff;border:1px solid #f0e4d8;border-radius:10px;padding:12px 12px 0;
	box-shadow:0 2px 8px rgba(120,90,70,.06);}
.jy_cards::after{display:none;}
.jy_card{-webkit-flex:0 0 calc(50% - 6px);flex:0 0 calc(50% - 6px);width:auto;float:none;
	margin:0 12px 12px 0;
	height:92px;border:0;border-radius:0;overflow:hidden;position:relative;
	/* 票面：與首頁 .jych_card 同一組參數（米黃紙 + 斜向漸層 + 白色半圓齒孔） */
	background-color:#f4dbb0;
	background-image:
		radial-gradient(circle at 11px 0, #fff 7px, rgba(255,255,255,0) 7.6px),
		radial-gradient(circle at 11px 100%, #fff 7px, rgba(255,255,255,0) 7.6px),
		radial-gradient(circle at 0 11px, #fff 7px, rgba(255,255,255,0) 7.6px),
		radial-gradient(circle at 100% 11px, #fff 7px, rgba(255,255,255,0) 7.6px),
		linear-gradient(158deg,#fbead0 0%,#f3d9ac 55%,#eccd99 100%);
	background-size:22px 100%,22px 100%,100% 22px,100% 22px,100% 100%;
	background-repeat:repeat-x,repeat-x,repeat-y,repeat-y,no-repeat;
	background-position:0 0,0 100%,0 0,100% 0,0 0;
	box-shadow:0 2px 8px rgba(150,110,90,.12);}
.jy_card:nth-child(2n){margin-right:0;}
/* 郵票內框虛線（與首頁同款；pointer-events:none 才不會擋住「立即領取」） */
.jy_card::after{content:"";position:absolute;left:10px;right:10px;top:10px;bottom:10px;
	border:1px dashed rgba(183,137,83,.6);border-radius:4px;pointer-events:none;}
.jy_card:hover{transform:none;box-shadow:0 4px 14px rgba(150,110,90,.2);}
/* 票面上的文字要壓在內框線之上 */
.jy_card_top,.jy_card_body,.jy_card_ft{position:relative;z-index:1;}
/* 左：面額（同配色；2026-09-29：92→100px。實測「NT$1000」在 20px 下寬 87.8px，
   而原本 92px 減去右側 8px 內距只剩 84px → 面額被卡片左緣裁掉、大面額（NT$50000，99.8px）
   甚至壓到撕線。加寬後配 18px（NT$1000=79px、NT$50000=89.8px）都留得下。 */
.jy_card_top{position:absolute;left:0;top:0;width:100px;height:92px;padding:0 8px 0 0;background:none;
	text-align:center;display:-webkit-box;display:-webkit-flex;display:flex;
	-webkit-box-orient:vertical;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;
	-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;}
.jy_card_top .jy_amt{font-size:18px;font-weight:bold;color:#d0342a;line-height:1.2;letter-spacing:0;
	white-space:nowrap;max-width:100%;}
.jy_card_top .jy_cond{font-size:11px;color:#8a6d4a;margin-top:2px;opacity:1;white-space:nowrap;max-width:100%;}
/* 撕線：豎向虛線（面額與資訊之間，顏色同首頁票根虛線） */
.jy_card_top .jy_dash{position:absolute;left:auto;right:0;top:8px;bottom:8px;width:1px;height:auto;
	background-image:linear-gradient(180deg,rgba(183,137,83,.6) 0,rgba(183,137,83,.6) 5px,rgba(183,137,83,0) 5px,rgba(183,137,83,0) 10px);
	background-size:1px 10px;background-repeat:repeat-y;}
.jy_card_body{padding:15px 112px 12px 110px;height:92px;box-sizing:border-box;}/* 左內距跟著上方 100px+8px 內距+2px 間隙 */
.jy_card_name{font-size:14px;font-weight:bold;color:#333;height:20px;overflow:hidden;
	white-space:nowrap;text-overflow:ellipsis;}
/* 2026-09-29：29px 只能放 1.6 行（行高 17.4px），第二行「有效期限：…」被裁掉一半
   → 放到 35px（2 行＝34.8px）；卡片固定 92px，內距 15+12、名稱 20px 仍放得下 */
.jy_card_desc{color:#8a6d4a;font-size:12px;line-height:1.45;min-height:0;height:35px;overflow:hidden;margin-top:2px;}
.jy_card_ft{margin:0;position:absolute;right:14px;top:50%;margin-top:-15px;text-align:center;}
/* 領取按鈕：與首頁 4 張券的紅色膠囊一致（金色留給「抽獎」） */
.jy_cards .jy_get{display:inline-block;width:auto;height:30px;line-height:30px;padding:0 12px;
	border:0;border-radius:15px;font-size:13px;font-weight:bold;letter-spacing:1px;
	background:#ff5a4d;color:#fff;box-shadow:0 3px 8px rgba(255,90,77,.28);cursor:pointer;}
.jy_cards .jy_get:hover{filter:brightness(1.06);}
.jy_cards .jy_get[disabled]{background:#e8e1dc;color:#fff;box-shadow:none;cursor:default;}
.jy_cards .jy_get.jy_got{background:#fff4e0;color:#b9821f;box-shadow:inset 0 0 0 1px #f2ddb6;cursor:default;}
.jy_card .jy_stock{display:none;}   /* 細長票面不顯示庫存文案，少佔版面 */
@media (max-width:1000px){
	.jy_cards{padding:12px 12px 0;}
	.jy_card{-webkit-flex:0 0 100%;flex:0 0 100%;width:auto;margin-right:0;}
}