.elementor-kit-185{--e-global-color-primary:#AF9164;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#6F1A07;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-185 e-page-transition{background-color:#FFBC7D;}.elementor-kit-185 button,.elementor-kit-185 input[type="button"],.elementor-kit-185 input[type="submit"],.elementor-kit-185 .elementor-button{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{--lightbox-header-icons-size:0px;--lightbox-navigation-icons-size:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===================================
   通用樣式：容器與圖片
   =================================== */
.jy-coupon-box {
    text-align: center;
    margin: 25px auto;
    padding-bottom: 10px;
}

.jy-coupon-box img {
    max-width: 100%;
    border-radius: 14px;
}

/* 標題：枣紅色 + 粗體（入會禮 / VIP / SVIP 標題） */
.jy-coupon-title {
    font-weight: 800;
    color: #8B0000;
    font-size: 1.2rem;
    margin: 10px 0 6px;
}

/* 金額：紅色粗體 */
.jy-coupon-box p strong {
    color: #CC0000;
    font-weight: 900;
}

/* ===================================
   1️⃣ 一般會員券：穩重簡潔
   =================================== */
.jy-coupon-normal {
    border-radius: 14px;
    border: 2px solid #d9d9d9;
    box-shadow: 0 5px 15px rgba(0,0,0,.13);
    background: #ffffff;
    padding: 4px;
}

/* ===================================
   2️⃣ VIP：冷白藍系「鑽石光」
   =================================== */
.jy-coupon-vip {
    position: relative;
    border-radius: 14px;
    padding: 5px;
    border: 2px solid #C4D7FF; /* 冷色系邊框 */
    background: linear-gradient(
        135deg,
        rgba(245, 250, 255, 0.9),
        rgba(210, 225, 255, 0.95)
    );
    box-shadow:
        0 0 18px rgba(120, 170, 255, 0.6),
        0 0 32px rgba(160, 195, 255, 0.45);
    overflow: hidden;
}

/* VIP 鑽石光暈效果 */
.jy-coupon-vip::before {
    content: "";
    position: absolute;
    inset: -30%;
    background:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,.9), transparent 60%),
        radial-gradient(circle at 80% 80%, rgba(180,210,255,.9), transparent 65%),
        radial-gradient(circle at 30% 80%, rgba(210,230,255,.8), transparent 60%);
    opacity: 0.65;
    mix-blend-mode: screen;
    pointer-events: none;
    animation: vipDiamondGlow 4s ease-in-out infinite alternate;
}

/* VIP 鑽石光動畫：微微呼吸 */
@keyframes vipDiamondGlow {
    0% {
        transform: translate3d(-5px, -5px, 0) scale(1);
        opacity: 0.55;
    }
    100% {
        transform: translate3d(5px, 5px, 0) scale(1.03);
        opacity: 0.85;
    }
}

/* 讓內容在光暈上方 */
.jy-coupon-vip > * {
    position: relative;
    z-index: 1;
}

/* ===================================
   3️⃣ SVIP：金色幻彩白金
   =================================== */
.jy-coupon-svip {
    position: relative;
    border-radius: 14px;
    padding: 5px;
    border: 2px solid #F3E4C5; /* 金色偏白的邊框 */
    background: linear-gradient(
        135deg,
        rgba(255, 252, 245, 0.95),
        rgba(235, 220, 190, 0.95),
        rgba(250, 245, 255, 0.98)
    );
    box-shadow:
        0 0 26px rgba(255, 215, 0, 0.55),
        0 0 52px rgba(255, 245, 210, 0.55);
    overflow: hidden;
}

/* SVIP 幻彩流動高光 */
.jy-coupon-svip::before {
    content: "";
    position: absolute;
    top: -60%;
    left: -20%;
    width: 60%;
    height: 220%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0.0) 0%,
        rgba(255,255,255,0.85) 45%,
        rgba(255,255,255,0.0) 100%
    );
    transform: translateX(-120%) rotate(8deg);
    mix-blend-mode: screen;
    pointer-events: none;
    animation: svipIridescentSweep 3.8s ease-in-out infinite;
}

/* SVIP 白金金光底層 */
.jy-coupon-svip::after {
    content: "";
    position: absolute;
    inset: -20%;
    background:
        radial-gradient(circle at 15% 15%, rgba(255,255,255,0.9), transparent 55%),
        radial-gradient(circle at 85% 80%, rgba(255,230,170,0.8), transparent 60%);
    opacity: 0.65;
    mix-blend-mode: screen;
    pointer-events: none;
}

/* SVIP 幻彩掃光動畫 */
@keyframes svipIridescentSweep {
    0% {
        transform: translateX(-130%) rotate(8deg);
        opacity: 0.2;
    }
    40% {
        transform: translateX(40%) rotate(8deg);
        opacity: 0.85;
    }
    100% {
        transform: translateX(140%) rotate(8deg);
        opacity: 0.0;
    }
}

/* 讓內容在高光之上 */
.jy-coupon-svip > * {
    position: relative;
    z-index: 1;
}

/* ===================================
   狀態：已使用 / 已失效
   =================================== */
.jy-coupon-used {
    opacity: 0.6;
}

.jy-coupon-expired {
    opacity: 0.35;
    filter: grayscale(100%);
}
/* 所有優惠券列表樣式 */
.jy-all-coupons {
    margin-top: 25px;
}

.jy-all-coupons h3 {
    font-size: 1.1rem;
    margin-bottom: 10px;
    text-align: left;
}

.jy-coupon-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.jy-coupon-table thead {
    background: #f7f2e9;
}

.jy-coupon-table th,
.jy-coupon-table td {
    border: 1px solid #e3d7c4;
    padding: 6px 8px;
    text-align: center;
}

.jy-coupon-table tbody tr:nth-child(even) {
    background: #fdf9f4;
}

/* 狀態顏色 */
.jy-status-active {
    color: #c00;
    font-weight: 700;
}

.jy-status-used {
    color: #666;
}

.jy-status-expired {
    color: #999;
    text-decoration: line-through;
}
/* 縮圖欄寬度與圖片大小 */
.jy-coupon-table th:first-child,
.jy-coupon-table td.jy-thumb-cell {
    width: 80px;
}

.jy-thumb-cell img {
    max-width: 60px;
    border-radius: 6px;
    display: block;
    margin: 0 auto;
}/* End custom CSS */