.top{background:linear-gradient(180deg,var(--s-primary),var(--liff-content_bg_color))}.card{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:100%;max-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;padding:1rem;display:grid;gap:.5rem}.card__logo{grid-area:card__logo}.card__name{color:var(--liff-primary_text_color);font-size:20px;font-weight:600;grid-area:card__name}.card__level{font-size:12px;font-weight:400;color:var(--liff-secondary_text_color);grid-area:card__level}.card__avator{grid-area:card__avator}.card__avator img{max-height:70px;max-width:70px;width:100%}.card__point{grid-area:card__point;font-weight:400;font-size:12px;color:var(--liff-secondary_text_color);text-align:right}.card__point__number{font-weight:600;font-size:24px;color:var(--s-primary)}.card__barcode{text-align:center;grid-area:card__barcode}.card.layout-10{grid-template-columns:-webkit-min-content 1fr;grid-template-columns:min-content 1fr;grid-template-rows:auto -webkit-min-content;grid-template-rows:auto min-content;grid-template-areas:"card__logo card__name" "card__logo card__point"}.card.layout-10 .card__name{align-self:end;justify-self:end}.card.layout-10 .card__avator,.card.layout-10 .card__level{display:none}.card.layout-10 .card__logo img{width:auto;max-height:70px;margin-right:auto}.card.layout-10 .card__point{justify-self:end}.card.layout-10 .card__barcode{display:none}.card.layout-20{display:grid;grid-template-columns:-webkit-min-content 1fr;grid-template-columns:min-content 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"card__logo card__point" "card__barcode card__barcode"}.card.layout-20 .card__logo{align-self:center;height:70px}.card.layout-20 .card__logo img{width:auto;max-height:70px}.card.layout-20 .card__point{justify-self:end;align-self:end}.card.layout-20 .card__avator,.card.layout-20 .card__level,.card.layout-20 .card__name{display:none}.card.layout-30{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__avator card__level card__point" "card__logo card__logo card__logo"}.card.layout-30 .card__logo{text-align:right}.card.layout-30 .card__logo img{width:auto;max-height:70px}.card.layout-30 .card__name{text-align:center}.card.layout-40{grid-template-columns:2fr 1fr 1fr;grid-template-rows:3fr 1fr 1fr;grid-template-areas:"card__logo card__avator ." "card__barcode card__name card__point" "card__barcode card__level card__point";gap:.5rem 1rem}.card.layout-40 .card__logo{align-self:center;justify-self:center}.card.layout-40 .card__logo img{max-width:100%;max-height:120px}.card.layout-40 .card__avator{align-self:center;justify-self:center}.card.layout-40 .card__level,.card.layout-40 .card__name{justify-self:center}.card.layout-40 .card__barcode,.card.layout-40 .card__point{align-self:center}.card.layout-41{grid-template-columns:1fr 1fr;grid-template-rows:auto -webkit-min-content -webkit-min-content;grid-template-rows:auto min-content min-content;gap:0 0;grid-template-areas:"card__avator card__logo" "card__level card__barcode" "card__name card__barcode"}.card.layout-41 .card__avator,.card.layout-41 .card__barcode,.card.layout-41 .card__level,.card.layout-41 .card__logo,.card.layout-41 .card__name{align-self:center;justify-self:center}.card.layout-41 .card__point{display:none}.card.layout-41 .card__logo img{max-width:100%;max-height:120px}.card.layout-50{grid-template-columns:2fr 2fr auto;grid-template-rows:-webkit-min-content -webkit-min-content auto;grid-template-rows:min-content min-content auto;grid-template-areas:"card__logo card__barcode card__avator" "card__logo card__level card__avator" "card__logo card__name card__name" "card__logo card__point card__point";gap:.5rem 1rem}.card.layout-50 .card__logo{align-self:center;justify-self:center}.card.layout-50 .card__logo img{max-width:100%;max-height:100%}.card.layout-50 .card__point{text-align:left;align-self:end}.card.layout-50 .card__avator{width:50px}.card.layout-51{grid-template-columns:2fr auto 2fr;grid-template-rows:-webkit-min-content auto -webkit-min-content;grid-template-rows:min-content auto min-content;grid-template-areas:"card__barcode card__avator card__logo" "card__level card__avator card__logo" "card__name card__name card__logo" "card__point card__point card__logo";gap:.5rem 1rem}.card.layout-51 .card__logo{align-self:center;justify-self:center}.card.layout-51 .card__logo img{max-width:100%;max-height:100%}.card.layout-51 .card__point{text-align:left;align-self:end}.card.layout-51 .card__avator{width:50px}.card.layout-60{display:grid;grid-template-columns:auto auto;grid-template-rows:1fr 1fr;grid-template-areas:"card__logo card__point" "card__barcode card__barcode"}.card.layout-60 .card__logo{align-self:center}.card.layout-60 .card__logo img{max-width:100%;max-height:120px}.card.layout-60 .card__point{justify-self:end;align-self:end}.card.layout-60 .card__avator,.card.layout-60 .card__level,.card.layout-60 .card__name{display:none}.function{display:flex;justify-content:space-around;text-align:center;background:#fff;margin-bottom:8px;flex-wrap:wrap;overflow:hidden}.function__item{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:last-child{border-right:none;border-bottom:none}.function__item:active,.function__item:focus{background-color:rgba(0,0,0,.1)}.function__icon{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{border:solid 1px var(--liff-tab-color);display:inline-block;border-radius:100%}.function__icon__wrapper .function__icon{background-color:var(--liff-tab-color)}.function__title{color:var(--liff-primary_text_color);font-weight:400;font-size:12px;margin-top:8px}.function__divider{width:1px;background:rgba(0,0,0,.1)}.detail{padding:20px 12px;background:#fff;margin-bottom:1px}.detail__row{display:flex}.detail__row:not(:last-of-type){margin-bottom:20px}.detail__row--two-col .detail__item{width:50%}.detail__title{font-weight:400;font-size:14px;color:#636366;margin-bottom:8px}.detail__value{font-weight:600;font-size:18px;color:#2c2c2e}.detail__value--empty{font-weight:400;font-size:16px;color:#b7b7b7}.is-flex .detail{margin-bottom:8px}.menu__item{background:#fff;padding:14px;border-bottom:1px solid #e5e5ea;display:flex;justify-content:space-between}.menu__title{font-weight:600;font-size:15px;line-height:21px;color:#2c2c2e}.points-list{padding:0 14px;background:#fff;margin-bottom:40px}.points-list__item{padding:14px 0;border-bottom:1px solid #e5e5ea;display:flex;justify-content:space-between}.points-list__title{font-weight:400;font-size:14px;color:#2c2c2e}.points-list__point{font-weight:700;font-size:18px;text-align:right;color:#2c2c2e}.points-list__point:after{content:"點";font-size:12px;margin-left:4px}#card__barcode-img{max-width:100%}