.coupon-card[data-v-104c5eaa]{margin-bottom:12px;position:relative;filter:drop-shadow(2px 2px 10px rgba(0,0,0,.25))}.coupon-card__wrapper[data-v-104c5eaa]{-webkit-clip-path:url(#my-clip-path-lg);clip-path:url(#my-clip-path-lg);background:#fff;border-radius:.5rem;width:100%;display:flex}.coupon-card__content[data-v-104c5eaa]{padding:12px 17px 12px 12px;background:transparent;display:flex;flex-direction:column;flex-grow:1;width:67%}.coupon-card .bg-expired[data-v-104c5eaa]:before,.coupon-card .bg-redeemed[data-v-104c5eaa]:before{z-index:1;content:"";width:90px;height:90px;background-size:100% 100%;display:block;position:absolute;right:17px;bottom:-10px;transform:rotate(-30deg)}.coupon-card .bg-expired[data-v-104c5eaa]:before{background-image:url(../img/stamp-expired.8f1f3b0e.png)}.coupon-card .bg-redeemed[data-v-104c5eaa]:before{background-image:url(../img/stamp-redeemed.5399721b.png)}.coupon-card__image[data-v-104c5eaa]{border-bottom-left-radius:10px;border-top-left-radius:10px;overflow:auto;flex-shrink:0;aspect-ratio:1/1;width:33%;max-width:128px;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:var(--liff-header-color)}.coupon-card__image img[data-v-104c5eaa]{-o-object-fit:cover;object-fit:cover;height:100%;width:100%;-o-object-position:center center;object-position:center center}.coupon-card__image svg g path[data-v-104c5eaa]{fill:var(--liff-header-text-color)}.coupon-card__date[data-v-104c5eaa]{font-weight:400;font-size:12px;line-height:12px;color:#979797;margin-bottom:8px;font-family:PingFang TC}.coupon-card__subtitle[data-v-104c5eaa],.coupon-card__title[data-v-104c5eaa]{font-weight:600;font-size:18px;line-height:18px;min-height:18px;color:#2c2c2e;margin-bottom:8px}.coupon-card__free[data-v-104c5eaa]{font-weight:600;font-size:15px;line-height:32px;color:var(--s-primary)}.coupon-card__coupon[data-v-104c5eaa]{font-weight:600;font-size:20px;line-height:32px;color:var(--s-primary);font-family:PingFang TC;display:flex;align-items:center}.coupon-card__coupon svg[data-v-104c5eaa]{margin-right:4px}.coupon-card__button[data-v-104c5eaa]{z-index:2}.coupon-card__button button[data-v-104c5eaa]{font-size:13px;line-height:18px;padding:6px 16px;font-weight:600}.coupon-card__button .btn-not-enough[data-v-104c5eaa]{background:#e5e5ea;border:1px solid #c0c4cc;color:#2c2c2e;cursor:not-allowed}.coupon-card__redeemed[data-v-104c5eaa]{position:absolute;right:10px;transform:rotate(-30deg);bottom:-20px}.coupon-card__redeemed img[data-v-104c5eaa]{width:80px}@media screen and (max-width:768px){.coupon-card__wrapper[data-v-104c5eaa]{-webkit-clip-path:url(#my-clip-path);clip-path:url(#my-clip-path)}}.coupon-filters[data-v-33c8f608]{display:flex}.coupon-filters--option[data-v-33c8f608]{border:1px solid rgba(99,99,102,.6);padding:7px 16px;font-weight:600;font-size:13px;line-height:18px;color:#2c2c2e;border-radius:50px;display:inline-flex;margin-right:9px}.coupon-filters--option.isActive[data-v-33c8f608]{background:var(--s-primary);border:1px solid var(--s-primary);color:#fff}.top[data-v-66e862fa]{background:linear-gradient(180deg,var(--liff-card_bg_top_color),var(--liff-card_bg_bottom_color))}.top .layout[data-v-66e862fa]{margin-bottom:-1px}.top .layout-B[data-v-66e862fa]{background-repeat:no-repeat;background-position:bottom}.top .layout-C[data-v-66e862fa],.top .layout-D[data-v-66e862fa]{background-repeat:no-repeat;background-position:100% 100%}.top .layout-D[data-v-66e862fa]{padding-bottom:1rem}.card[data-v-66e862fa]{background:#fff;background:linear-gradient(135deg,hsla(0,0%,100%,0),rgba(0,0,0,.05) 50%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,0));width:350px;height:220px;background-position:50%;background-size:cover!important;border-radius:10px;box-shadow:2px 2px 14px rgba(0,0,0,.25);margin:auto;overflow-x:hidden;padding:1rem;display:grid;gap:5px}.card__logo[data-v-66e862fa]{grid-area:card__logo;z-index:1}.card__name[data-v-66e862fa]{color:var(--liff-card_name_text_color);font-size:20px;font-weight:600;grid-area:card__name;white-space:nowrap;text-align:right;width:100%;overflow-x:hidden;z-index:4}.card__level[data-v-66e862fa]{font-size:12px;font-weight:400;color:var(--s-primary);grid-area:card__level;border-radius:8px;border:solid 1px var(--s-primary);text-align:right;padding:3px 10px;text-wrap:nowrap;overflow-x:hidden;max-width:100%;margin-top:auto;margin-bottom:auto;margin-left:auto;z-index:3}.card__level[data-v-66e862fa]:empty:before{content:"empty"}.card__avatar[data-v-66e862fa]{grid-area:card__avatar;text-align:right;z-index:5}.card__avatar img[data-v-66e862fa]{height:70px;width:70px;-o-object-fit:cover;object-fit:cover}.card__point[data-v-66e862fa]{grid-area:card__point;font-weight:400;font-size:12px;color:var(--liff-secondary_text_color);max-width:100%;overflow:hidden;text-align:right;white-space:nowrap;z-index:2}.card__point__number[data-v-66e862fa]{font-weight:600;font-size:24px;color:var(--s-primary);line-height:24px}.card__minibarcode[data-v-66e862fa]{display:flex;grid-area:card__minibarcode;align-items:flex-end;z-index:6}.card__minibarcode button[data-v-66e862fa]{outline:4px solid rgba(0,0,0,.0509803922);padding:2px 4px;border-radius:4px;font-size:0}.card__minibarcode[data-v-66e862fa]:empty:before{content:"empty"}.card__barcode[data-v-66e862fa]{text-align:center;outline:4px solid rgba(0,0,0,.0509803922);padding:1rem;max-width:300px;margin:auto;border-radius:10px;background:#fff}.card[data-v-66e862fa]{grid-template-columns:auto auto auto;grid-template-rows:90px auto auto auto;grid-template-areas:"card__logo card__logo card__avatar" "card__name card__name card__name" "card__level card__level card__level" "card__minibarcode card__point card__point"}.card .card__name[data-v-66e862fa]{align-self:center;justify-self:center}.card .card__logo img[data-v-66e862fa]{max-width:230px;max-height:90px;-o-object-fit:contain;object-fit:contain}.card .card__point[data-v-66e862fa]{justify-self:flex-end}.card .card__minibarcode[data-v-66e862fa]{justify-content:start}.card.layout-10 .card__logo[data-v-66e862fa]{padding-right:0!important}.card.layout-11[data-v-66e862fa]{grid-template-columns:auto auto auto;grid-template-rows:90px auto auto auto;grid-template-areas:"card__avatar card__logo card__logo" "card__name card__name card__name" "card__level card__level card__level" "card__point card__point card__minibarcode"}.card.layout-11 .card__name[data-v-66e862fa]{align-self:center;justify-self:center;text-align:left}.card.layout-11 .card__level[data-v-66e862fa]{margin-left:0;margin-right:auto}.card.layout-11 .card__avatar[data-v-66e862fa]{text-align:left}.card.layout-11 .card__logo[data-v-66e862fa]{text-align:right;padding-left:0!important}.card.layout-11 .card__logo img[data-v-66e862fa]{width:auto;max-width:230px;max-height:90px;margin-right:auto}.card.layout-11 .card__point[data-v-66e862fa]{justify-self:start}.card.layout-11 .card__point__number[data-v-66e862fa]{text-align:left}.card.layout-11 .card__minibarcode[data-v-66e862fa]{justify-content:flex-end}.card.layout-20[data-v-66e862fa]{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:90px auto auto;grid-template-areas:"card__logo card__avatar ." "card__name card__name card__name" "card__minibarcode card__level card__point"}.card.layout-20 .card__logo[data-v-66e862fa]{align-self:center;margin-top:0;margin-bottom:auto;padding-right:0!important}.card.layout-20 .card__logo img[data-v-66e862fa]{max-width:90px;max-height:90px;-o-object-fit:contain;object-fit:contain}.card.layout-20 .card__point[data-v-66e862fa]{justify-self:flex-end;align-self:flex-end}.card.layout-20 .card__avatar[data-v-66e862fa],.card.layout-20 .card__level[data-v-66e862fa],.card.layout-20 .card__name[data-v-66e862fa]{text-align:center;margin:auto}.card.layout-20 .card__level[data-v-66e862fa]{max-width:115px;margin-top:0}.card.layout-21[data-v-66e862fa]{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:90px auto auto;grid-template-areas:". card__avatar card__logo" "card__name card__name card__name" "card__point card__level card__minibarcode"}.card.layout-21 .card__logo[data-v-66e862fa]{align-self:center;text-align:right;margin-top:0;margin-bottom:auto;padding-left:0!important}.card.layout-21 .card__logo img[data-v-66e862fa]{max-width:90px;max-height:90px;-o-object-fit:contain;object-fit:contain}.card.layout-21 .card__point[data-v-66e862fa]{justify-self:start;align-self:flex-end;text-align:left}.card.layout-21 .card__avatar[data-v-66e862fa],.card.layout-21 .card__level[data-v-66e862fa],.card.layout-21 .card__name[data-v-66e862fa]{text-align:center;margin:auto}.card.layout-21 .card__minibarcode[data-v-66e862fa]{justify-content:flex-end}.card.layout-21 .card__level[data-v-66e862fa]{max-width:115px;margin-top:0}.card.layout-30[data-v-66e862fa]{grid-template-columns:1fr 1fr 2fr;grid-template-rows:1fr 1fr -webkit-min-content;grid-template-rows:1fr 1fr min-content;grid-template-areas:"card__name card__name card__barcode" "card__avatar card__level card__point" "card__logo card__logo card__logo"}.card.layout-30 .card__logo[data-v-66e862fa]{text-align:right}.card.layout-30 .card__logo img[data-v-66e862fa]{width:auto;max-height:70px}.card.layout-30 .card__name[data-v-66e862fa]{text-align:center}.body[data-v-66e862fa]{margin-top:-1px;background:linear-gradient(180deg,var(--liff-body_bg_top_color),var(--liff-body_bg_bottom_color))}.function[data-v-66e862fa]{background:#fff;margin-bottom:1px;border-radius:10px;border:1px solid #e5e5ea;display:flex;justify-content:space-around;text-align:center;margin-bottom:8px;flex-wrap:wrap;overflow:hidden}.function__item[data-v-66e862fa]{flex:1;margin:0 -1px -1px 0;border-right:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}.function__item[data-v-66e862fa]:last-child{border-right:none;border-bottom:none}.function__item[data-v-66e862fa]:active,.function__item[data-v-66e862fa]:focus{background-color:rgba(0,0,0,.1)}.function__item a[data-v-66e862fa]{height:100%;display:block;padding:.5rem}.function__icon[data-v-66e862fa]{width:42px;height:42px;mask-position:center center;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.function__icon__wrapper[data-v-66e862fa]{border:solid 1px var(--liff-tab-color);display:inline-block;border-radius:100%}.function__icon__wrapper .function__icon[data-v-66e862fa]{background-color:var(--liff-tab-color)}.function__title[data-v-66e862fa]{color:var(--liff-primary_text_color);font-weight:400;font-size:12px;margin-top:8px}.function__divider[data-v-66e862fa]{width:1px;background:rgba(0,0,0,.1)}.detail[data-v-66e862fa]{background:#fff;margin-bottom:1px;border-radius:10px;border:1px solid #e5e5ea;padding:12px}.detail__row[data-v-66e862fa]{display:flex}.detail__row[data-v-66e862fa]:not(:last-of-type){margin-bottom:20px}.detail__wrapper[data-v-66e862fa]{overflow:hidden;display:flex;flex-wrap:wrap}.detail__item[data-v-66e862fa]{border-right:1px solid #e5e5ea;border-bottom:1px solid #e5e5ea;min-width:50%;flex:1 1 auto;margin:0 -1px -1px 0;padding:6px 12px}.detail__item.full[data-v-66e862fa]{width:100%}.detail__title[data-v-66e862fa]{font-weight:400;font-size:14px;color:#636366}.detail__value[data-v-66e862fa]{font-weight:600;font-size:18px;color:#2c2c2e}.detail__value--empty[data-v-66e862fa]{font-weight:400;font-size:16px;color:#b7b7b7}.is-flex .detail[data-v-66e862fa]{margin-bottom:8px}.highlight[data-v-66e862fa]{background:#fff;margin-bottom:1px;border-radius:10px;border:1px solid #e5e5ea;padding:12px;gap:10px;box-shadow:0 2px 4px 0 rgba(0,0,0,.1019607843)}.highlight__title[data-v-66e862fa]{font-weight:600;font-size:14px;color:#000;margin-bottom:5px}.highlight__value[data-v-66e862fa]{font-weight:600;font-size:28px;color:var(--s-primary);border:1px solid #e5e5ea;border-radius:10px;padding:15px 10px}.highlight__icon[data-v-66e862fa]{background:#fff;height:14px;width:14px;border-radius:100%;background-color:var(--s-primary);margin-right:5px}.level_progress[data-v-66e862fa]{background:#fff;margin-bottom:1px;border-radius:10px;border:1px solid #e5e5ea;padding:12px;gap:10px;box-shadow:0 2px 4px 0 rgba(0,0,0,.1019607843);font-size:14px;color:#2c2c2e}.level_progress__amount[data-v-66e862fa]{font-weight:600;font-size:22px;color:var(--s-primary)}.level_progress__progress .progress-bar[data-v-66e862fa]{background-color:var(--s-primary)}.menu__item[data-v-66e862fa]{background:#fff;padding:14px;border-bottom:1px solid #e5e5ea;display:flex;justify-content:space-between}.menu__title[data-v-66e862fa]{font-weight:600;font-size:15px;line-height:21px;color:#2c2c2e}.points-list[data-v-66e862fa]{padding:0 14px;background:#fff;margin-bottom:40px}.points-list__item[data-v-66e862fa]{padding:14px 0;border-bottom:1px solid #e5e5ea;display:flex;justify-content:space-between}.points-list__title[data-v-66e862fa]{font-weight:400;font-size:14px;color:#2c2c2e}.points-list__point[data-v-66e862fa]{font-weight:700;font-size:18px;text-align:right;color:#2c2c2e}.points-list__point[data-v-66e862fa]:after{content:"點";font-size:12px;margin-left:4px}#card__barcode-img[data-v-66e862fa]{max-width:100%}.content__background[data-v-66e862fa]{background-size:100%;background-repeat:repeat-y}.review[data-v-66e862fa]{max-width:390px}.s-layout[data-v-66e862fa]{background-color:var(--liff-layout_bg_color);pointer-events:none}.content[data-v-66e862fa]{padding:16px 12px;background:var(--liff-content_bg_color)}.color-demo[data-v-126a8a42]{cursor:pointer;height:32px;width:32px;border:1px solid;border-radius:3px;display:inline-block}.color-button[data-v-126a8a42]{cursor:pointer}.popover{max-width:100%}