.s-layout,.s-layout *,.s-layout :after,.s-layout :before{--s-black:#000;--s-white:#fff;--s-text-xs:0.85rem;--s-text-xs-line-height:1;--s-text-sm:0.875rem;--s-text-sm-line-height:1;--s-text-base:1rem;--s-text-base-line-height:1.38;--s-text-xl:1.25rem;--s-text-xl-line-height:1;--s-text-2xl:1.5rem;--s-text-2xl-line-height:1;--s-text-3xl:2rem;--s-text-3xl-line-height:1;--s-text-caption:1.625rem;--s-text-caption-line-height:1;--s-weight-normal:400;--s-weight-medium:500;--s-weight-semibold:600;--s-weight-bold:700}.s-layout{touch-action:manipulation}.s-layout *,.s-layout :after,.s-layout :before{margin:0;padding:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;border-width:0;border-style:solid}.s-layout a,.s-layout a:active,.s-layout a:hover,.s-layout a:visited{color:inherit;text-decoration:none}.s-layout ol,.s-layout ul{list-style:none}.s-layout input:not([type=radio]):not([type=checkbox]),.s-layout textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}.s-layout button{background-color:transparent}.s-container{position:relative;max-width:768px;margin:auto}.s-bg-primary{background-image:linear-gradient(90deg,var(--s-primary))}.s-bg-secondary{background-color:var(--s-secondary)}.s-bg-warning{background-color:var(--s-warning)}.s-bg-white{background-color:var(--s-white)}.s-text-secondary{color:var(--s-secondary)}.s-text-warning{color:var(--s-warning)}.s-text-danger{color:var(--s-danger)}.s-text-black{color:var(--s-black)}.s-text-gray-darker{color:var(--s-gray-darker)}.s-text-gray-dark{color:var(--s-gray-dark)}.s-text-gray{color:var(--s-gray)}.s-text-gray-light{color:var(--s-gray-light)}.s-text-gray-lighter{color:var(--s-gray-lighter)}.s-text-white{color:var(--s-white)}.s-text-primary{color:var(--s-primary)}.s-text-xs{font-size:var(--s-text-xs);line-height:var(--s-text-xs-line-height)}.s-text-sm{font-size:var(--s-text-sm);line-height:var(--s-text-sm-line-height)}.s-text-base{font-size:var(--s-text-base);line-height:var(--s-text-base-line-height)}.s-text-xl{font-size:var(--s-text-xl);line-height:var(--s-text-xl-line-height)}.s-text-2xl{font-size:var(--s-text-2xl);line-height:var(--s-text-2xl-line-height)}.s-text-3xl{font-size:var(--s-text-3xl);line-height:var(--s-text-3xl-line-height)}.s-text-caption{font-size:var(--s-text-caption);line-height:var(--s-text-caption-line-height)}.s-text-center{text-align:center}.s-text-right{text-align:right}.s-text-left{text-align:left}.s-font-normal{font-weight:var(--s-weight-normal)}.s-font-medium{font-weight:var(--s-weight-medium)}.s-font-semibold{font-weight:var(--s-weight-semibold)}.s-font-bold{font-weight:var(--s-weight-bold)}.s-mr-auto{margin-right:auto}.s-mr-1{margin-right:.25rem}.s-mr-2{margin-right:.5rem}.s-mr-3{margin-right:.75rem}.s-mb-2{margin-bottom:.5rem}.s-mb-3{margin-bottom:.75rem}.s-mb-4{margin-bottom:1rem}.s-mb-5{margin-bottom:1.25rem}.s-mb-6{margin-bottom:1.5rem}.s-mb-8{margin-bottom:2rem}.s-mb-10{margin-bottom:2.5rem}.s-mb-auto{margin-bottom:auto}.s-mt-1{margin-top:.25rem}.s-mt-2{margin-top:.5rem}.s-mt-3{margin-top:.75rem}.s-mt-4{margin-top:1rem}.s-mt-5{margin-top:1.25rem}.s-mt-auto{margin-top:auto}.s-m-3{margin:.75rem}.s-p-3{padding:.75rem}.s-p-5{padding:1.25rem}.s-pt-1{padding-top:.25rem}.s-pt-3{padding-top:.75rem}.s-pt-40{padding-top:10rem}.s-pb-2{padding-bottom:.5rem}.s-pb-4{padding-bottom:1rem}.s-pb-8{padding-bottom:2rem}.s-px-1{padding-left:.25rem;padding-right:.25rem}.s-px-2{padding-left:.5rem;padding-right:.5rem}.s-px-3{padding-left:.75rem;padding-right:.75rem}.s-py-2{padding-top:.5rem;padding-bottom:.5rem}.s-py-3{padding-top:.75rem;padding-bottom:.75rem}.s-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.s-py-40{padding-top:10rem;padding-bottom:10rem}.s-space-x-2>:not(:last-child){margin-right:.5rem}.s-space-x-3>:not(:last-child){margin-right:.75rem}.s-space-y-2>:not(:last-child){margin-bottom:.5rem}.s-space-y-3>:not(:last-child){margin-bottom:.75rem}.s-space-y-4>:not(:last-child){margin-bottom:1rem}.s-space-y-8>:not(:last-child){margin-bottom:2rem}.s-divide-y>:not(:last-child){border-bottom-width:1px}.s-divide-y-gray-light>:not(:last-child){border-color:var(--s-gray-light)}.s-relative{position:relative}.s-block{display:block}.s-flex{display:flex}.s-flex-center{display:flex;align-items:center;justify-content:center}.s-flex-col{flex-direction:column}.s-flex-1{flex:1 1 0}.s-basis-1\/4{flex-basis:25%}.s-basis-1\/2,.s-basis-2\/4{flex-basis:50%}.s-basis-3\/4{flex-basis:75%}.s-flex-shrink-0{flex-shrink:0}.s-justify-between{justify-content:space-between}.s-justify-around{justify-content:space-around}.s-justify-end{justify-content:flex-end}.s-items-center{align-items:center}.s-items-end{align-items:flex-end}.s-w-full{width:100%}.s-w-auto{width:auto!important}.s-min-w-8{min-width:2rem}.s-min-w-10{min-width:2.5rem}.s-border{border-width:1px}.s-border-b{border-bottom-width:1px}.s-border-gray-light{border-color:var(--s-gray-light)}.s-border-gray-lighter{border-color:var(--s-gray-lighter)}.s-rounded-lg{border-radius:.5rem}.s-list-disc{list-style-type:disc!important}.s-list-decimal{list-style-type:decimal!important}.s-list-inside{list-style-position:inside!important}.s-drop-shadow{filter:drop-shadow(.125rem .125rem .5rem rgba(44,44,46,.4))}.s-whitespace-nowrap{white-space:nowrap}.s-btn{width:100%;padding:1rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;border:none;font-size:var(--s-text-xl);font-weight:var(--s-weight-medium);line-height:var(--s-text-xl-line-height)}.s-btn-primary,.s-btn-primary:active,.s-btn-primary:focus{color:var(--s-white)!important;text-shadow:0 0 .25rem rgba(0,0,0,.2);background-image:linear-gradient(90deg,var(--s-primary))}.s-btn-outline-primary,.s-btn-outline-primary:active,.s-btn-outline-primary:focus{background:var(--liff-button-text-color);border:1px solid var(--liff-button-color);color:var(--liff-button-color)}.s-btn-secondary,.s-btn-secondary:active,.s-btn-secondary:focus{color:var(--s-secondary)!important;border:solid 1px var(--s-secondary);background:var(--s-white)}.s-btn-sm{font-size:var(--s-text-base);line-height:var(--s-text-base-line-height)}.s-btn:disabled{opacity:.4}.s-link{text-decoration:underline!important}.s-link-secondary{color:var(--s-secondary)!important}.s-tag{position:relative;display:inline-block;padding:.125rem 1rem;color:var(--s-black)!important;font-size:var(--s-text-sm);white-space:nowrap}.s-tag:before{content:"";top:0;right:0;bottom:0;left:0;position:absolute;border-radius:.75rem;opacity:.1;background-color:var(--s-black);z-index:1;pointer-events:none}.s-tag-secondary{color:var(--s-secondary)!important}.s-tag-secondary:before{background-color:var(--s-secondary)}.s-tag-gray{color:var(--s-gray)!important}.s-tag-gray:before{background-color:var(--s-gray)}.s-form-control{border:none;border-bottom:solid 1px var(--s-gray-darker);padding:1rem 0;width:100%;background:transparent;color:var(--s-gray-darker);font-size:var(--s-text-xl);line-height:var(--s-text-xl-line-height)}.s-form-control::-moz-placeholder{color:var(--s-gray-light)}.s-form-control:-ms-input-placeholder{color:var(--s-gray-light)}.s-form-control::placeholder{color:var(--s-gray-light)}.s-form-control:disabled{color:var(--s-gray);background-color:var(--s-gray-light)}.s-form-control:active,.s-form-control:focus{border-bottom-color:var(--s-secondary)}.s-leading-3{line-height:.75rem}.s-leading-4{line-height:1rem}.s-leading-5{line-height:1.25rem}.s-leading-6{line-height:1.5rem}.s-leading-7{line-height:1.75rem}.s-leading-8{line-height:2rem}.s-leading-9{line-height:2.25rem}.s-leading-10{line-height:2.5rem}.s-leading-none{line-height:1}.s-leading-tight{line-height:1.25}.s-leading-snug{line-height:1.375}.s-leading-normal{line-height:1.5}.s-leading-relaxed{line-height:1.625}.leading-loose{line-height:2}.s-text-justify{text-align:justify}.s-header{background-color:var(--liff-header-color)!important;color:var(--liff-header-text-color)!important}.s-tabs .s-tab--active{border-bottom:2px solid var(--liff-tab-color)!important;color:var(--liff-tab-color)!important}.s-text-primary{color:var(--liff-button-color)!important}.s-primary{color:var(--s-primary)!important}.s-liff-theme-btn,.s-liff-theme-btn:active,.s-liff-theme-btn:focus{color:var(--s-white);background-color:var(--liff-button-color)!important}.s-liff-theme-btn-outline,.s-liff-theme-btn-outline:active,.s-liff-theme-btn-outline:focus{background:rgba(102,153,204,.03);border:1px solid var(--liff-button-color)!important;color:var(--liff-button-color)!important}.s-layout{color:var(--liff-primary_text_color);background-color:var(--liff-layout_bg_color);--s-gray:#979797!important;--s-gray-light:#f0f0f0!important}.s-container{min-height:100vh}.content,.page{background:var(--liff-content_bg_color)}.page{padding:16px 12px 32px;margin-bottom:12px}.page__title{font-size:20px;line-height:28px;font-weight:500;margin-bottom:16px;text-align:center}.page__desc{font-size:14px;line-height:22px;color:var(--liff-secondary_text_color);margin-bottom:32px;text-align:center}.page__desc b{color:var(--s-primary);font-weight:600}.page__button{padding:12px}.custom-checkbox{padding-left:1.5rem;margin-right:1rem}.custom-checkbox .custom-control-input+label{position:relative;cursor:pointer;padding:0;color:var(--liff-primary_text_color);font-size:14px}.custom-checkbox .custom-control-input+label:before{content:"";margin-right:8px;display:inline-block;vertical-align:text-top;width:18px;height:18px;border:1px solid var(--liff-button-color)!important;border-radius:4px;background:#fff;left:-1.5rem}.custom-checkbox .custom-control-input+label:after{left:-1.5rem}.custom-checkbox .custom-control-input:focus+label:before{box-shadow:0 0 0 3px rgba(0,0,0,.12)}.custom-checkbox .custom-control-input:active+label:before,.custom-checkbox .custom-control-input:checked+label:before{background:var(--liff-button-color)!important}.custom-checkbox .custom-control-input:disabled+label{color:#b8b8b8;cursor:auto}.custom-checkbox .custom-control-input:disabled+label:before{box-shadow:none;background:#ddd}.s-pagination[data-v-30d080a5]{display:flex;flex-wrap:wrap;justify-content:center;margin:32px auto 50px}.s-pagination .s-pagination__center[data-v-30d080a5]{line-height:40px;display:flex;align-items:center}.s-pagination .s-pagination__center input[data-v-30d080a5]{background:#fff;border:1px solid #e5e5ea;width:40px;text-align:center}.s-pagination .s-pagination__center span[data-v-30d080a5]{font-size:30px;line-height:36px;text-align:center;color:#e5e5ea;font-family:SF UI Text;font-style:normal;font-weight:400;margin-right:10px;margin-left:10px}.s-pagination[data-v-30d080a5] :not(:last-child){margin-right:12px}.s-pagination li a[data-v-30d080a5]{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.125rem;color:var(--s-gray-dark);border:1px solid var(--s-primary);background-color:var(--s-white)}.s-pagination li[disabled] a[data-v-30d080a5]{pointer-events:none;border:1px solid var(--s-gray-light)}.header-wrapper[data-v-56eb4334]{display:flex;flex-direction:column}.s-header[data-v-56eb4334]{height:56px;display:flex;align-items:center;justify-content:center;position:relative}.s-header img[data-v-56eb4334]{max-height:1rem}.s-header__title[data-v-56eb4334]{font-size:16px;line-height:16px;font-weight:600;color:var(--liff-header-text-color)}.s-header--right[data-v-56eb4334]{position:absolute;right:12px;align-items:center;font-size:14px;height:100%}.s-header--left[data-v-56eb4334]{position:absolute;left:12px;align-items:center;font-size:14px;height:100%}.s-header a[data-v-56eb4334]{text-decoration:none;margin-left:4px;display:flex;align-items:center}.s-header--icon[data-v-56eb4334]{max-height:1rem}.s-header--type-icon[data-v-56eb4334]{max-height:1rem;width:1rem;height:1rem;background-color:var(--liff-header-text-color);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.s-header--logo[data-v-56eb4334]{height:100%}.s-header--logo img[data-v-56eb4334]{height:100%;max-height:100%}.header-image[data-v-56eb4334]:not(:empty){text-align:center;padding:0;background-color:var(--liff-header-image-bg-color)}.header-image:not(:empty) img[data-v-56eb4334]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;max-width:100%}.popup[data-v-429e14e5],.popup__backdrop[data-v-429e14e5]{text-align:center;position:fixed;top:0;right:0;bottom:0;left:0}.popup__backdrop[data-v-429e14e5]{background-color:var(--s-black);opacity:.3}.popup[data-v-429e14e5]{display:flex;align-items:center;padding:12px;z-index:50;color:#636366;max-width:600px;margin:auto}.popup__panel[data-v-429e14e5]{position:relative;background-color:var(--s-white);box-shadow:0 2px 4px 0 rgba(0,0,0,.1019607843);width:100%;max-height:100%;z-index:10;display:flex;flex-direction:column;padding:32px 16px 24px}.popup__panel.full-height[data-v-429e14e5]{height:100%}.popup__panel.auto-height[data-v-429e14e5]{height:auto}.popup__body[data-v-429e14e5]{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.scrolling[data-v-429e14e5]{overflow-y:scroll}.popup__header[data-v-429e14e5]{margin-bottom:24px}.popup__header-title[data-v-429e14e5]{font-family:PingFang TC;font-size:20px;font-weight:600;line-height:20px;letter-spacing:0;color:#2c2c2e}.popup__close[data-v-429e14e5]{position:relative;width:40px;height:40px;cursor:pointer;background:var(--s-white);border-radius:50%;margin:0 auto 10px auto}.popup__actions button[data-v-429e14e5]{height:48px}.s-layout [data-v-50b202f4]:after{--s-gray:#979797!important}.lds-ring[data-v-50b202f4]{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div[data-v-50b202f4]{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #8ba2b5;border-radius:50%;-webkit-animation:lds-ring-data-v-50b202f4 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring-data-v-50b202f4 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#8ba2b5 transparent transparent transparent}.lds-ring div[data-v-50b202f4]:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div[data-v-50b202f4]:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div[data-v-50b202f4]:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring-data-v-50b202f4{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lds-ring-data-v-50b202f4{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.s-loading[data-v-50b202f4]{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:hsla(0,0%,60.8%,.2);z-index:1100}.loading-text[data-v-50b202f4]{color:#2c2c2c;font-size:16px;font-weight:400}.top[data-v-31b2b06a]{background:linear-gradient(180deg,var(--liff-card_bg_top_color),var(--liff-card_bg_bottom_color))}.top .layout[data-v-31b2b06a]{margin-bottom:-1px}.top .layout-B[data-v-31b2b06a]{background-repeat:no-repeat;background-position:bottom}.top .layout-C[data-v-31b2b06a],.top .layout-D[data-v-31b2b06a]{background-repeat:no-repeat;background-position:100% 100%}.top .layout-D[data-v-31b2b06a]{padding-bottom:1rem}.card[data-v-31b2b06a]{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-31b2b06a]{grid-area:card__logo;z-index:1}.card__name[data-v-31b2b06a]{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-31b2b06a]{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-31b2b06a]:empty:before{content:"empty"}.card__avatar[data-v-31b2b06a]{grid-area:card__avatar;text-align:right;z-index:5}.card__avatar img[data-v-31b2b06a]{height:70px;width:70px;-o-object-fit:cover;object-fit:cover}.card__point[data-v-31b2b06a]{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-31b2b06a]{font-weight:600;font-size:24px;color:var(--s-primary);line-height:24px}.card__minibarcode[data-v-31b2b06a]{display:flex;grid-area:card__minibarcode;align-items:flex-end;z-index:6}.card__minibarcode button[data-v-31b2b06a]{outline:4px solid rgba(0,0,0,.0509803922);padding:2px 4px;border-radius:4px;font-size:0}.card__minibarcode[data-v-31b2b06a]:empty:before{content:"empty"}.card__barcode[data-v-31b2b06a]{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-31b2b06a]{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-31b2b06a]{align-self:center;justify-self:center}.card .card__logo img[data-v-31b2b06a]{max-width:230px;max-height:90px;-o-object-fit:contain;object-fit:contain}.card .card__point[data-v-31b2b06a]{justify-self:flex-end}.card .card__minibarcode[data-v-31b2b06a]{justify-content:start}.card.layout-10 .card__logo[data-v-31b2b06a]{padding-right:0!important}.card.layout-11[data-v-31b2b06a]{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-31b2b06a]{align-self:center;justify-self:center;text-align:left}.card.layout-11 .card__level[data-v-31b2b06a]{margin-left:0;margin-right:auto}.card.layout-11 .card__avatar[data-v-31b2b06a]{text-align:left}.card.layout-11 .card__logo[data-v-31b2b06a]{text-align:right;padding-left:0!important}.card.layout-11 .card__logo img[data-v-31b2b06a]{width:auto;max-width:230px;max-height:90px;margin-right:auto}.card.layout-11 .card__point[data-v-31b2b06a]{justify-self:start}.card.layout-11 .card__point__number[data-v-31b2b06a]{text-align:left}.card.layout-11 .card__minibarcode[data-v-31b2b06a]{justify-content:flex-end}.card.layout-20[data-v-31b2b06a]{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-31b2b06a]{align-self:center;margin-top:0;margin-bottom:auto;padding-right:0!important}.card.layout-20 .card__logo img[data-v-31b2b06a]{max-width:90px;max-height:90px;-o-object-fit:contain;object-fit:contain}.card.layout-20 .card__point[data-v-31b2b06a]{justify-self:flex-end;align-self:flex-end}.card.layout-20 .card__avatar[data-v-31b2b06a],.card.layout-20 .card__level[data-v-31b2b06a],.card.layout-20 .card__name[data-v-31b2b06a]{text-align:center;margin:auto}.card.layout-20 .card__level[data-v-31b2b06a]{max-width:115px;margin-top:0}.card.layout-21[data-v-31b2b06a]{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-31b2b06a]{align-self:center;text-align:right;margin-top:0;margin-bottom:auto;padding-left:0!important}.card.layout-21 .card__logo img[data-v-31b2b06a]{max-width:90px;max-height:90px;-o-object-fit:contain;object-fit:contain}.card.layout-21 .card__point[data-v-31b2b06a]{justify-self:start;align-self:flex-end;text-align:left}.card.layout-21 .card__avatar[data-v-31b2b06a],.card.layout-21 .card__level[data-v-31b2b06a],.card.layout-21 .card__name[data-v-31b2b06a]{text-align:center;margin:auto}.card.layout-21 .card__minibarcode[data-v-31b2b06a]{justify-content:flex-end}.card.layout-21 .card__level[data-v-31b2b06a]{max-width:115px;margin-top:0}.card.layout-30[data-v-31b2b06a]{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-31b2b06a]{text-align:right}.card.layout-30 .card__logo img[data-v-31b2b06a]{width:auto;max-height:70px}.card.layout-30 .card__name[data-v-31b2b06a]{text-align:center}.body[data-v-31b2b06a]{margin-top:-1px;background:linear-gradient(180deg,var(--liff-body_bg_top_color),var(--liff-body_bg_bottom_color))}.function[data-v-31b2b06a]{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-31b2b06a]{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-31b2b06a]:last-child{border-right:none;border-bottom:none}.function__item[data-v-31b2b06a]:active,.function__item[data-v-31b2b06a]:focus{background-color:rgba(0,0,0,.1)}.function__item a[data-v-31b2b06a]{height:100%;display:block;padding:.5rem}.function__icon[data-v-31b2b06a]{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-31b2b06a]{border:solid 1px var(--liff-tab-color);display:inline-block;border-radius:100%}.function__icon__wrapper .function__icon[data-v-31b2b06a]{background-color:var(--liff-tab-color)}.function__title[data-v-31b2b06a]{color:var(--liff-primary_text_color);font-weight:400;font-size:12px;margin-top:8px}.function__divider[data-v-31b2b06a]{width:1px;background:rgba(0,0,0,.1)}.detail[data-v-31b2b06a]{background:#fff;margin-bottom:1px;border-radius:10px;border:1px solid #e5e5ea;padding:12px}.detail__row[data-v-31b2b06a]{display:flex}.detail__row[data-v-31b2b06a]:not(:last-of-type){margin-bottom:20px}.detail__wrapper[data-v-31b2b06a]{overflow:hidden;display:flex;flex-wrap:wrap}.detail__item[data-v-31b2b06a]{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-31b2b06a]{width:100%}.detail__title[data-v-31b2b06a]{font-weight:400;font-size:14px;color:#636366}.detail__value[data-v-31b2b06a]{font-weight:600;font-size:18px;color:#2c2c2e}.detail__value--empty[data-v-31b2b06a]{font-weight:400;font-size:16px;color:#b7b7b7}.is-flex .detail[data-v-31b2b06a]{margin-bottom:8px}.highlight[data-v-31b2b06a]{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-31b2b06a]{font-weight:600;font-size:14px;color:#000;margin-bottom:5px}.highlight__value[data-v-31b2b06a]{font-weight:600;font-size:28px;color:var(--s-primary);border:1px solid #e5e5ea;border-radius:10px;padding:15px 10px}.highlight__icon[data-v-31b2b06a]{background:#fff;height:14px;width:14px;border-radius:100%;background-color:var(--s-primary);margin-right:5px}.level_progress[data-v-31b2b06a]{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-31b2b06a]{font-weight:600;font-size:22px;color:var(--s-primary)}.level_progress__progress .progress-bar[data-v-31b2b06a]{background-color:var(--s-primary)}.menu__item[data-v-31b2b06a]{background:#fff;padding:14px;border-bottom:1px solid #e5e5ea;display:flex;justify-content:space-between}.menu__title[data-v-31b2b06a]{font-weight:600;font-size:15px;line-height:21px;color:#2c2c2e}.points-list[data-v-31b2b06a]{padding:0 14px;background:#fff;margin-bottom:40px}.points-list__item[data-v-31b2b06a]{padding:14px 0;border-bottom:1px solid #e5e5ea;display:flex;justify-content:space-between}.points-list__title[data-v-31b2b06a]{font-weight:400;font-size:14px;color:#2c2c2e}.points-list__point[data-v-31b2b06a]{font-weight:700;font-size:18px;text-align:right;color:#2c2c2e}.points-list__point[data-v-31b2b06a]:after{content:"點";font-size:12px;margin-left:4px}#card__barcode-img[data-v-31b2b06a]{max-width:100%}.content__background[data-v-31b2b06a]{background-size:100%;background-repeat:repeat-y}.spinner-border[data-v-31b2b06a]{border-width:.2rem}.barcode-modal[data-v-31b2b06a] .popup__header{margin-bottom:0}.barcode-modal[data-v-31b2b06a] .popup__panel{background-color:transparent;padding:0;box-shadow:none}.barcode-modal[data-v-31b2b06a] .popup__body.scrolling{height:auto}.barcode-modal .card[data-v-31b2b06a]{background:#fff;min-height:40vh;display:flex;justify-content:center;align-items:center}.info[data-v-31b2b06a]{border-radius:10px;border:1px solid #e5e5ea;background:#fff}.info__title[data-v-31b2b06a]{font-size:18px;font-weight:600}.info__desc[data-v-31b2b06a]{font-size:16px}.info__content[data-v-31b2b06a]{border-top:1px solid #e5e5ea;font-size:14px;padding:16px}.shared-radio[data-v-10fd814e]{display:flex;margin-right:24px;white-space:nowrap}.shared-radio[data-v-10fd814e]:last-child{margin-right:0}.shared-radio input[data-v-10fd814e]{position:absolute;opacity:0}.shared-radio input+label[data-v-10fd814e]{position:relative;cursor:pointer;padding:0;color:var(--liff-primary_text_color);font-size:14px}.shared-radio input+label[data-v-10fd814e]:before{content:"";margin-right:8px;display:inline-block;vertical-align:text-top;width:18px;height:18px;border:1px solid var(--liff-button-color);border-radius:50px;background:#fff}.shared-radio input:focus+label[data-v-10fd814e]:before{box-shadow:0 0 0 3px rgba(0,0,0,.12)}.shared-radio input:checked+label[data-v-10fd814e]:before{background:var(--liff-button-color)}.shared-radio input:disabled+label[data-v-10fd814e]{color:#b8b8b8;cursor:auto}.shared-radio input:disabled+label[data-v-10fd814e]:before{box-shadow:none;background:#ddd}.shared-radio input:checked+label[data-v-10fd814e]:after{content:"";position:absolute;left:4px;top:9px;background:#fff;width:2px;height:2px;box-shadow:2px 0 0 #fff,4px 0 0 #fff,4px -2px 0 #fff,4px -4px 0 #fff,4px -6px 0 #fff,4px -8px 0 #fff;transform:rotate(40deg)}.react-code-input-container[data-v-2922bc60]{position:relative}.react-code-input>input[data-v-2922bc60]{border:1px solid #a8adb7;border-right:none;font-family:Lato;font-size:20px;color:#525461;text-align:center;box-sizing:border-box;border-radius:0;-webkit-appearance:initial}.react-code-input>input[data-v-2922bc60]:last-child{border-right:1px solid #a8adb7;border-top-right-radius:6px;border-bottom-right-radius:6px}.react-code-input>input[data-v-2922bc60]:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.react-code-input>input[data-v-2922bc60]:focus{outline:none;border:1px solid #006fff;caret-color:#006fff}.react-code-input>input:focus+input[data-v-2922bc60]{border-left:none}.loading[data-v-2922bc60]{position:absolute;left:0;right:0;bottom:0;text-align:center}.blur[data-v-2922bc60]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;opacity:.5;filter:blur(.5px);transition:opacity .3s}.title[data-v-2922bc60]{margin:0;height:20px;padding-bottom:10px}.spin[data-v-2922bc60]{display:inline-block;-webkit-animation:loadingCircle-data-v-2922bc60 1s linear infinite;animation:loadingCircle-data-v-2922bc60 1s linear infinite}@-webkit-keyframes loadingCircle-data-v-2922bc60{to{transform:rotate(1turn)}}@keyframes loadingCircle-data-v-2922bc60{to{transform:rotate(1turn)}}.form[data-v-55ba3e9a]{padding:20px 10px;background:#fff}.form__title[data-v-55ba3e9a]{margin-bottom:20px}.form__title span[data-v-55ba3e9a]{color:#69c;font-weight:600;font-size:14px}.form__desc[data-v-55ba3e9a]{font-size:14px;line-height:22px;color:var(--liff-secondary_text_color)!important;margin-bottom:16px;text-align:center}.form__desc b[data-v-55ba3e9a]{color:var(--primary-color)!important;font-weight:600}.form__submit-button[data-v-55ba3e9a]{margin:12px;margin-top:57px}.form__error-msg[data-v-55ba3e9a]{color:#fe0000;font-size:12px;margin-top:8px}.field[data-v-55ba3e9a]:not(:last-of-type){margin-bottom:24px}.field__label[data-v-55ba3e9a]{font-weight:400;font-size:14px;color:var(--liff-primary_text_color);margin-bottom:8px;display:block}.field__desc[data-v-55ba3e9a]{color:var(--liff-secondary_text_color);font-size:12px;line-height:1;margin-top:4px}.field__input[data-v-55ba3e9a]{font-weight:500;font-size:16px;color:var(--liff-primary_text_color);border:none;border-bottom:1px solid #e5e5ea;background:transparent;padding-bottom:8px;width:100%;border:1px solid #e5e5ea;border-radius:5px;padding:8px 12px}.field__input[data-v-55ba3e9a]::-moz-placeholder{color:#b7b7b7}.field__input[data-v-55ba3e9a]:-ms-input-placeholder{color:#b7b7b7}.field__input[data-v-55ba3e9a]::placeholder{color:#b7b7b7}.field__input[data-v-55ba3e9a]:focus{border:1px solid var(--liff-primary_text_color)}.field__input.invalid[data-v-55ba3e9a]{border-bottom:1px solid #fe0000}.field__input[data-v-55ba3e9a]:-moz-read-only{background-color:#f0f0f0}.field__input[data-v-55ba3e9a]:read-only{background-color:#f0f0f0}.field--required[data-v-55ba3e9a]:after{content:"*";position:relative;font-family:PingFang TC;color:var(--s-primary);margin-left:2px}.field__select-group[data-v-55ba3e9a]{display:flex}.field__select-group>[data-v-55ba3e9a]{width:100%}.field__select-group>[data-v-55ba3e9a]:not(:last-of-type){margin-right:8px}.reminder[data-v-55ba3e9a]{font-size:12px;color:var(--liff-secondary_text_color);margin:12px}.reminder a[data-v-55ba3e9a]{text-decoration:underline}.code-input[data-v-55ba3e9a]{margin-bottom:32px;margin-top:20px}.code-input[data-v-55ba3e9a] .react-code-input-container{margin:auto;text-align:center}.code-input[data-v-55ba3e9a] .react-code-input-container.invalid input{border:1px solid #fe0000}.code-input[data-v-55ba3e9a] input{border:1px solid #636366!important;border-radius:10px!important;font-size:18px;font-weight:600;font-family:PingFang TC;color:var(--primary-color)!important}.code-input[data-v-55ba3e9a] input:not(:last-of-type){margin-right:8px}.code-input[data-v-55ba3e9a] input:focus{border:1px solid var(--liff-primary_text_color);caret-color:var(--liff-primary_text_color)}.code-input[data-v-55ba3e9a] input:focus+input{border:1px solid #636366}.s-steps{display:flex;justify-content:space-between;position:relative;align-items:center;z-index:0}.s-steps__step{text-align:center;background:var(--liff-content_bg_color)}.s-steps__circle{aspect-ratio:1;margin:auto;width:50px;border-radius:50%;border:3px solid #a5a5a5;font-size:30px;display:flex;justify-content:center;align-items:center;font-weight:700;line-height:0;color:#a5a5a5;overflow:hidden}.s-steps__bar{position:absolute;height:0;width:100%;z-index:-1;display:flex;transform:translateY(-11px)}.s-steps__indicator{height:0;border-top:3px dotted #a5a5a5;flex:1 1 auto}.s-steps__indicator.active,.s-steps__indicator.done{border-color:var(--s-primary)}.s-steps__indicator.done{border-style:solid}.s-steps__title{color:#a5a5a5;font-size:var(--s-text-sm);font-weight:700}.s-steps__step.active .s-steps__circle{background:var(--s-primary);color:var(--liff-content_bg_color);box-shadow:inset 0 0 0 3px var(--liff-content_bg_color);border-color:var(--s-primary)}.s-steps__step.active .s-steps__title{color:var(--s-primary)}.s-steps__step.done .s-steps__circle{background:var(--s-primary);color:var(--liff-content_bg_color);border-color:var(--s-primary)}.s-steps__step.done .s-steps__title{color:var(--s-primary)}.list[data-v-90dcc612]{max-width:425px;margin:auto}.item[data-v-90dcc612]{display:flex;margin-bottom:16px}.item__text[data-v-90dcc612]{color:var(--liff-primary_text_color);font-size:15px;line-height:24px;font-weight:500;margin-left:8px}.top[data-v-c960250a]{background:linear-gradient(180deg,var(--liff-card_bg_top_color),var(--liff-card_bg_bottom_color))}.top .layout[data-v-c960250a]{margin-bottom:-1px}.top .layout-B[data-v-c960250a]{background-repeat:no-repeat;background-position:bottom}.top .layout-C[data-v-c960250a],.top .layout-D[data-v-c960250a]{background-repeat:no-repeat;background-position:100% 100%}.top .layout-D[data-v-c960250a]{padding-bottom:1rem}.card[data-v-c960250a]{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-c960250a]{grid-area:card__logo;z-index:1}.card__name[data-v-c960250a]{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-c960250a]{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-c960250a]:empty:before{content:"empty"}.card__avatar[data-v-c960250a]{grid-area:card__avatar;text-align:right;z-index:5}.card__avatar img[data-v-c960250a]{height:70px;width:70px;-o-object-fit:cover;object-fit:cover}.card__point[data-v-c960250a]{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-c960250a]{font-weight:600;font-size:24px;color:var(--s-primary);line-height:24px}.card__minibarcode[data-v-c960250a]{display:flex;grid-area:card__minibarcode;align-items:flex-end;z-index:6}.card__minibarcode button[data-v-c960250a]{outline:4px solid rgba(0,0,0,.0509803922);padding:2px 4px;border-radius:4px;font-size:0}.card__minibarcode[data-v-c960250a]:empty:before{content:"empty"}.card__barcode[data-v-c960250a]{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-c960250a]{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-c960250a]{align-self:center;justify-self:center}.card .card__logo img[data-v-c960250a]{max-width:230px;max-height:90px;-o-object-fit:contain;object-fit:contain}.card .card__point[data-v-c960250a]{justify-self:flex-end}.card .card__minibarcode[data-v-c960250a]{justify-content:start}.card.layout-10 .card__logo[data-v-c960250a]{padding-right:0!important}.card.layout-11[data-v-c960250a]{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-c960250a]{align-self:center;justify-self:center;text-align:left}.card.layout-11 .card__level[data-v-c960250a]{margin-left:0;margin-right:auto}.card.layout-11 .card__avatar[data-v-c960250a]{text-align:left}.card.layout-11 .card__logo[data-v-c960250a]{text-align:right;padding-left:0!important}.card.layout-11 .card__logo img[data-v-c960250a]{width:auto;max-width:230px;max-height:90px;margin-right:auto}.card.layout-11 .card__point[data-v-c960250a]{justify-self:start}.card.layout-11 .card__point__number[data-v-c960250a]{text-align:left}.card.layout-11 .card__minibarcode[data-v-c960250a]{justify-content:flex-end}.card.layout-20[data-v-c960250a]{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-c960250a]{align-self:center;margin-top:0;margin-bottom:auto;padding-right:0!important}.card.layout-20 .card__logo img[data-v-c960250a]{max-width:90px;max-height:90px;-o-object-fit:contain;object-fit:contain}.card.layout-20 .card__point[data-v-c960250a]{justify-self:flex-end;align-self:flex-end}.card.layout-20 .card__avatar[data-v-c960250a],.card.layout-20 .card__level[data-v-c960250a],.card.layout-20 .card__name[data-v-c960250a]{text-align:center;margin:auto}.card.layout-20 .card__level[data-v-c960250a]{max-width:115px;margin-top:0}.card.layout-21[data-v-c960250a]{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-c960250a]{align-self:center;text-align:right;margin-top:0;margin-bottom:auto;padding-left:0!important}.card.layout-21 .card__logo img[data-v-c960250a]{max-width:90px;max-height:90px;-o-object-fit:contain;object-fit:contain}.card.layout-21 .card__point[data-v-c960250a]{justify-self:start;align-self:flex-end;text-align:left}.card.layout-21 .card__avatar[data-v-c960250a],.card.layout-21 .card__level[data-v-c960250a],.card.layout-21 .card__name[data-v-c960250a]{text-align:center;margin:auto}.card.layout-21 .card__minibarcode[data-v-c960250a]{justify-content:flex-end}.card.layout-21 .card__level[data-v-c960250a]{max-width:115px;margin-top:0}.card.layout-30[data-v-c960250a]{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-c960250a]{text-align:right}.card.layout-30 .card__logo img[data-v-c960250a]{width:auto;max-height:70px}.card.layout-30 .card__name[data-v-c960250a]{text-align:center}.body[data-v-c960250a]{margin-top:-1px;background:linear-gradient(180deg,var(--liff-body_bg_top_color),var(--liff-body_bg_bottom_color))}.function[data-v-c960250a]{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-c960250a]{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-c960250a]:last-child{border-right:none;border-bottom:none}.function__item[data-v-c960250a]:active,.function__item[data-v-c960250a]:focus{background-color:rgba(0,0,0,.1)}.function__item a[data-v-c960250a]{height:100%;display:block;padding:.5rem}.function__icon[data-v-c960250a]{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-c960250a]{border:solid 1px var(--liff-tab-color);display:inline-block;border-radius:100%}.function__icon__wrapper .function__icon[data-v-c960250a]{background-color:var(--liff-tab-color)}.function__title[data-v-c960250a]{color:var(--liff-primary_text_color);font-weight:400;font-size:12px;margin-top:8px}.function__divider[data-v-c960250a]{width:1px;background:rgba(0,0,0,.1)}.detail[data-v-c960250a]{background:#fff;margin-bottom:1px;border-radius:10px;border:1px solid #e5e5ea;padding:12px}.detail__row[data-v-c960250a]{display:flex}.detail__row[data-v-c960250a]:not(:last-of-type){margin-bottom:20px}.detail__wrapper[data-v-c960250a]{overflow:hidden;display:flex;flex-wrap:wrap}.detail__item[data-v-c960250a]{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-c960250a]{width:100%}.detail__title[data-v-c960250a]{font-weight:400;font-size:14px;color:#636366}.detail__value[data-v-c960250a]{font-weight:600;font-size:18px;color:#2c2c2e}.detail__value--empty[data-v-c960250a]{font-weight:400;font-size:16px;color:#b7b7b7}.is-flex .detail[data-v-c960250a]{margin-bottom:8px}.highlight[data-v-c960250a]{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-c960250a]{font-weight:600;font-size:14px;color:#000;margin-bottom:5px}.highlight__value[data-v-c960250a]{font-weight:600;font-size:28px;color:var(--s-primary);border:1px solid #e5e5ea;border-radius:10px;padding:15px 10px}.highlight__icon[data-v-c960250a]{background:#fff;height:14px;width:14px;border-radius:100%;background-color:var(--s-primary);margin-right:5px}.level_progress[data-v-c960250a]{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-c960250a]{font-weight:600;font-size:22px;color:var(--s-primary)}.level_progress__progress .progress-bar[data-v-c960250a]{background-color:var(--s-primary)}.menu__item[data-v-c960250a]{background:#fff;padding:14px;border-bottom:1px solid #e5e5ea;display:flex;justify-content:space-between}.menu__title[data-v-c960250a]{font-weight:600;font-size:15px;line-height:21px;color:#2c2c2e}.points-list[data-v-c960250a]{padding:0 14px;background:#fff;margin-bottom:40px}.points-list__item[data-v-c960250a]{padding:14px 0;border-bottom:1px solid #e5e5ea;display:flex;justify-content:space-between}.points-list__title[data-v-c960250a]{font-weight:400;font-size:14px;color:#2c2c2e}.points-list__point[data-v-c960250a]{font-weight:700;font-size:18px;text-align:right;color:#2c2c2e}.points-list__point[data-v-c960250a]:after{content:"點";font-size:12px;margin-left:4px}#card__barcode-img[data-v-c960250a]{max-width:100%}.content__background[data-v-c960250a]{background-size:100%;background-repeat:repeat-y}.barcode-modal[data-v-c960250a] .popup__header{margin-bottom:0}.barcode-modal[data-v-c960250a] .popup__panel{background-color:transparent;padding:0;box-shadow:none}.barcode-modal[data-v-c960250a] .popup__body.scrolling{height:auto}.barcode-modal .card[data-v-c960250a]{background:#fff;min-height:40vh;display:flex;justify-content:center;align-items:center}.info[data-v-c960250a]{border-radius:10px;border:1px solid #e5e5ea;background:#fff}.info__title[data-v-c960250a]{font-size:18px;font-weight:600}.info__desc[data-v-c960250a]{font-size:16px}.info__content[data-v-c960250a]{border-top:1px solid #e5e5ea;font-size:14px;padding:16px}.top[data-v-cca6de5c]{background:linear-gradient(180deg,var(--liff-card_bg_top_color),var(--liff-card_bg_bottom_color))}.top .layout[data-v-cca6de5c]{margin-bottom:-1px}.top .layout-B[data-v-cca6de5c]{background-repeat:no-repeat;background-position:bottom}.top .layout-C[data-v-cca6de5c],.top .layout-D[data-v-cca6de5c]{background-repeat:no-repeat;background-position:100% 100%}.top .layout-D[data-v-cca6de5c]{padding-bottom:1rem}.card[data-v-cca6de5c]{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-cca6de5c]{grid-area:card__logo;z-index:1}.card__name[data-v-cca6de5c]{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-cca6de5c]{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-cca6de5c]:empty:before{content:"empty"}.card__avatar[data-v-cca6de5c]{grid-area:card__avatar;text-align:right;z-index:5}.card__avatar img[data-v-cca6de5c]{height:70px;width:70px;-o-object-fit:cover;object-fit:cover}.card__point[data-v-cca6de5c]{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-cca6de5c]{font-weight:600;font-size:24px;color:var(--s-primary);line-height:24px}.card__minibarcode[data-v-cca6de5c]{display:flex;grid-area:card__minibarcode;align-items:flex-end;z-index:6}.card__minibarcode button[data-v-cca6de5c]{outline:4px solid rgba(0,0,0,.0509803922);padding:2px 4px;border-radius:4px;font-size:0}.card__minibarcode[data-v-cca6de5c]:empty:before{content:"empty"}.card__barcode[data-v-cca6de5c]{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-cca6de5c]{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-cca6de5c]{align-self:center;justify-self:center}.card .card__logo img[data-v-cca6de5c]{max-width:230px;max-height:90px;-o-object-fit:contain;object-fit:contain}.card .card__point[data-v-cca6de5c]{justify-self:flex-end}.card .card__minibarcode[data-v-cca6de5c]{justify-content:start}.card.layout-10 .card__logo[data-v-cca6de5c]{padding-right:0!important}.card.layout-11[data-v-cca6de5c]{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-cca6de5c]{align-self:center;justify-self:center;text-align:left}.card.layout-11 .card__level[data-v-cca6de5c]{margin-left:0;margin-right:auto}.card.layout-11 .card__avatar[data-v-cca6de5c]{text-align:left}.card.layout-11 .card__logo[data-v-cca6de5c]{text-align:right;padding-left:0!important}.card.layout-11 .card__logo img[data-v-cca6de5c]{width:auto;max-width:230px;max-height:90px;margin-right:auto}.card.layout-11 .card__point[data-v-cca6de5c]{justify-self:start}.card.layout-11 .card__point__number[data-v-cca6de5c]{text-align:left}.card.layout-11 .card__minibarcode[data-v-cca6de5c]{justify-content:flex-end}.card.layout-20[data-v-cca6de5c]{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-cca6de5c]{align-self:center;margin-top:0;margin-bottom:auto;padding-right:0!important}.card.layout-20 .card__logo img[data-v-cca6de5c]{max-width:90px;max-height:90px;-o-object-fit:contain;object-fit:contain}.card.layout-20 .card__point[data-v-cca6de5c]{justify-self:flex-end;align-self:flex-end}.card.layout-20 .card__avatar[data-v-cca6de5c],.card.layout-20 .card__level[data-v-cca6de5c],.card.layout-20 .card__name[data-v-cca6de5c]{text-align:center;margin:auto}.card.layout-20 .card__level[data-v-cca6de5c]{max-width:115px;margin-top:0}.card.layout-21[data-v-cca6de5c]{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-cca6de5c]{align-self:center;text-align:right;margin-top:0;margin-bottom:auto;padding-left:0!important}.card.layout-21 .card__logo img[data-v-cca6de5c]{max-width:90px;max-height:90px;-o-object-fit:contain;object-fit:contain}.card.layout-21 .card__point[data-v-cca6de5c]{justify-self:start;align-self:flex-end;text-align:left}.card.layout-21 .card__avatar[data-v-cca6de5c],.card.layout-21 .card__level[data-v-cca6de5c],.card.layout-21 .card__name[data-v-cca6de5c]{text-align:center;margin:auto}.card.layout-21 .card__minibarcode[data-v-cca6de5c]{justify-content:flex-end}.card.layout-21 .card__level[data-v-cca6de5c]{max-width:115px;margin-top:0}.card.layout-30[data-v-cca6de5c]{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-cca6de5c]{text-align:right}.card.layout-30 .card__logo img[data-v-cca6de5c]{width:auto;max-height:70px}.card.layout-30 .card__name[data-v-cca6de5c]{text-align:center}.body[data-v-cca6de5c]{margin-top:-1px;background:linear-gradient(180deg,var(--liff-body_bg_top_color),var(--liff-body_bg_bottom_color))}.function[data-v-cca6de5c]{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-cca6de5c]{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-cca6de5c]:last-child{border-right:none;border-bottom:none}.function__item[data-v-cca6de5c]:active,.function__item[data-v-cca6de5c]:focus{background-color:rgba(0,0,0,.1)}.function__item a[data-v-cca6de5c]{height:100%;display:block;padding:.5rem}.function__icon[data-v-cca6de5c]{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-cca6de5c]{border:solid 1px var(--liff-tab-color);display:inline-block;border-radius:100%}.function__icon__wrapper .function__icon[data-v-cca6de5c]{background-color:var(--liff-tab-color)}.function__title[data-v-cca6de5c]{color:var(--liff-primary_text_color);font-weight:400;font-size:12px;margin-top:8px}.function__divider[data-v-cca6de5c]{width:1px;background:rgba(0,0,0,.1)}.detail[data-v-cca6de5c]{background:#fff;margin-bottom:1px;border-radius:10px;border:1px solid #e5e5ea;padding:12px}.detail__row[data-v-cca6de5c]{display:flex}.detail__row[data-v-cca6de5c]:not(:last-of-type){margin-bottom:20px}.detail__wrapper[data-v-cca6de5c]{overflow:hidden;display:flex;flex-wrap:wrap}.detail__item[data-v-cca6de5c]{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-cca6de5c]{width:100%}.detail__title[data-v-cca6de5c]{font-weight:400;font-size:14px;color:#636366}.detail__value[data-v-cca6de5c]{font-weight:600;font-size:18px;color:#2c2c2e}.detail__value--empty[data-v-cca6de5c]{font-weight:400;font-size:16px;color:#b7b7b7}.is-flex .detail[data-v-cca6de5c]{margin-bottom:8px}.highlight[data-v-cca6de5c]{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-cca6de5c]{font-weight:600;font-size:14px;color:#000;margin-bottom:5px}.highlight__value[data-v-cca6de5c]{font-weight:600;font-size:28px;color:var(--s-primary);border:1px solid #e5e5ea;border-radius:10px;padding:15px 10px}.highlight__icon[data-v-cca6de5c]{background:#fff;height:14px;width:14px;border-radius:100%;background-color:var(--s-primary);margin-right:5px}.level_progress[data-v-cca6de5c]{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-cca6de5c]{font-weight:600;font-size:22px;color:var(--s-primary)}.level_progress__progress .progress-bar[data-v-cca6de5c]{background-color:var(--s-primary)}.menu__item[data-v-cca6de5c]{background:#fff;padding:14px;border-bottom:1px solid #e5e5ea;display:flex;justify-content:space-between}.menu__title[data-v-cca6de5c]{font-weight:600;font-size:15px;line-height:21px;color:#2c2c2e}.points-list[data-v-cca6de5c]{padding:0 14px;background:#fff;margin-bottom:40px}.points-list__item[data-v-cca6de5c]{padding:14px 0;border-bottom:1px solid #e5e5ea;display:flex;justify-content:space-between}.points-list__title[data-v-cca6de5c]{font-weight:400;font-size:14px;color:#2c2c2e}.points-list__point[data-v-cca6de5c]{font-weight:700;font-size:18px;text-align:right;color:#2c2c2e}.points-list__point[data-v-cca6de5c]:after{content:"點";font-size:12px;margin-left:4px}#card__barcode-img[data-v-cca6de5c]{max-width:100%}.content__background[data-v-cca6de5c]{background-size:100%;background-repeat:repeat-y}.barcode-modal[data-v-cca6de5c] .popup__header{margin-bottom:0}.barcode-modal[data-v-cca6de5c] .popup__panel{background-color:transparent;padding:0;box-shadow:none}.barcode-modal[data-v-cca6de5c] .popup__body.scrolling{height:auto}.barcode-modal .card[data-v-cca6de5c]{background:#fff;min-height:40vh;display:flex;justify-content:center;align-items:center}.info[data-v-cca6de5c]{border-radius:10px;border:1px solid #e5e5ea;background:#fff}.info__title[data-v-cca6de5c]{font-size:18px;font-weight:600}.info__desc[data-v-cca6de5c]{font-size:16px}.info__content[data-v-cca6de5c]{border-top:1px solid #e5e5ea;font-size:14px;padding:16px}