#rf-promo *{box-sizing:border-box}
#rf-promo button,#rf-promo a{font:inherit}
#rf-promo button{cursor:pointer}
#rf-promo button:focus-visible,#rf-promo a:focus-visible{outline:3px solid white;outline-offset:4px}
#rf-promo{width:min(900px,calc(100% - 24px));max-height:92dvh;overflow:auto;padding:0;background:#121418;color:#fff;border:1px solid #55503a;border-radius:28px;box-shadow:0 30px 120px #000b}
#rf-promo::backdrop{background:#000b;backdrop-filter:blur(7px)}
#rf-promo .close{position:absolute;right:16px;top:12px;background:none;border:0;color:#bdbdbd;font-size:30px;z-index:2}
#rf-promo .grid{display:grid;grid-template-columns:1fr 1fr}
#rf-promo .story{padding:44px 34px;background:radial-gradient(ellipse at 10% 0,#5b481955,transparent 70%),#141512;border-radius:28px 0 0 28px}
#rf-promo .brand{font-size:12px;letter-spacing:3px;color:#ffc928;font-weight:800}
#rf-promo .story h2{font-size:38px;line-height:1.35;letter-spacing:-1px;margin:23px 0 16px}
#rf-promo .story h2 span{color:#ffc928}
#rf-promo .sub{color:#bbbcb7;font-size:15px;line-height:1.8}
#rf-promo .benefits{list-style:none;padding:0;margin:28px 0}
#rf-promo .benefits li{padding:11px 0;font-size:15px}
#rf-promo .benefits li:before{content:'✓';color:#ffc928;margin-right:12px}
#rf-promo .line{height:4px;margin-top:33px;background:linear-gradient(90deg,#ffc928 68%,#504321 68%);border-radius:4px}
#rf-promo .slogan{color:#8d9089;font-size:12px;letter-spacing:2px}
#rf-promo .offer{padding:44px 30px 26px}
#rf-promo .tabs{display:flex;padding:4px;background:#08090b;border-radius:12px;gap:4px;margin-bottom:25px}
#rf-promo .tabs button{border:0;border-radius:9px;background:none;color:#a6a8af;padding:11px;flex:1;font-size:14px}
#rf-promo .tabs button[aria-pressed=true]{background:#34362e;color:#fff}
#rf-promo .badge{color:#ffd247;font-size:13px;font-weight:700}
#rf-promo .price{margin:12px 0 6px;font-size:50px;font-weight:850;letter-spacing:-2px}
#rf-promo .price small{font-size:16px;font-weight:400;letter-spacing:0;color:#b2b4b9}
#rf-promo .average{color:#e4e5df;font-size:16px;margin:10px 0}
#rf-promo .save{display:inline-block;border:1px solid #675827;color:#ffdc70;background:#342d18;padding:8px 12px;border-radius:8px;font-size:13px;margin:6px 0 20px}
#rf-promo .alternatives{display:flex;gap:10px}
#rf-promo .alternatives div{flex:1;border:1px solid #34363c;padding:12px;border-radius:10px;font-size:12px;color:#a5a7ae}
#rf-promo .alternatives strong{display:block;color:#f0f1ec;font-size:17px;margin-top:6px}
#rf-promo .cta{display:block;text-align:center;background:#ffc928;color:#14140b;text-decoration:none;border-radius:12px;padding:16px;font-weight:800;margin-top:22px}
#rf-promo .hint{text-align:center;font-size:12px;color:#b5b6bb}
#rf-promo .fine{font-size:11px;color:#92959e;line-height:1.7;margin-top:18px}
#rf-promo .later{display:block;margin:16px auto 0;background:transparent;border:0;color:#b4b7bf;font-size:13px;text-decoration:underline}
@media(max-width:620px){#rf-promo .grid{grid-template-columns:1fr}
#rf-promo .story{padding:27px 25px 16px;border-radius:28px 28px 0 0}
#rf-promo .story h2{font-size:29px;margin:15px 0 10px}
#rf-promo .benefits{margin:12px 0 0;display:flex;gap:12px;flex-wrap:wrap}
#rf-promo .benefits li{font-size:12px;padding:3px 0}
#rf-promo .sub{font-size:13px}
#rf-promo .line,#rf-promo .slogan{display:none}
#rf-promo .offer{padding:20px 25px}
#rf-promo .tabs{margin-bottom:16px}
#rf-promo .price{font-size:44px}
#rf-promo .save{margin-bottom:14px}
#rf-promo .fine{font-size:11px}
}

#rf-promo {font-family:system-ui,"Microsoft JhengHei",sans-serif;text-align:left;letter-spacing:normal;}
#rf-promo .close{min-width:44px;min-height:44px;right:8px;top:4px;}
#rf-promo .brand{display:block;}
#rf-promo {line-height:1.4;}
#rf-promo .price {line-height:1.2;}
@media(max-width:620px){
 #rf-promo .story{padding:24px 24px 8px;}
 #rf-promo .story h2{font-size:26px;margin:14px 0 10px;line-height:1.3;}
 #rf-promo .sub{margin:8px 0;line-height:1.5;}
 #rf-promo .benefits{display:block;margin:10px 0 0;}
 #rf-promo .benefits li{padding:4px 0;}
 #rf-promo .offer{padding:14px 24px 20px;}
 #rf-promo .tabs{margin-bottom:14px;}
 #rf-promo .cta{margin-top:16px;padding:14px 8px;font-size:14px;}
 #rf-promo .average{margin:8px 0;}
 #rf-promo .hint{line-height:1.5;}
}