:root{--white: #ffffff;--white-2: #f8f8f8;--black: #000000;--white-opacity: rgba(248, 248, 248, .8);--white-opacity-2: rgba(248, 248, 248, .5);--warn-color: #ffd123;--error-color: #cd3b3b;--grey-1: #858585;--grey-2: #959595;--grey-3: rgba(133, 133, 133, .5);--grey-4: rgba(172, 179, 184, .3);--grey-5: #f7f7f7;--grey-6: #f3f2f3;--grey-7: #acb3b8;--grey-8: #bcbcbc;--grey-9: #9e9783;--grey-10: #f1eee6;--primary-color: #69b076;--primary-dark-color: #57a665;--primary-hover-color: #439953;--primary-decorate-color: #3b924b;--primary-bg-color: rgba(105, 176, 118, .2);--primary-bg-color2: rgba(105, 176, 118, .9);--primary-bg-color3: rgba(105, 176, 118, .1);--secondary-color: #3c3a3a;--secondary-opacity-color: rgba(60, 58, 58, .9);--secondary-hover-color: #312f2f;--box-shadow0: 0px 4px 12px rgba(60, 58, 58, .06);--box-shadow1: 0px 0px 10px rgba(60, 58, 58, .08);--box-shadow2: 0px 8px 20px rgba(60, 58, 58, .06);--box-shadow3: 0px 8px 20px rgba(60, 58, 58, .3);--box-shadow4: 0px 8px 20px rgba(60, 58, 58, .1);--box-shadow: 0px 8px 15px rgba(60, 58, 58, .15);--xxs-width: 16.875rem;--xs-width: 18.75rem;--sm-width: 22.5rem;--md-width: 30rem;--lg-width: 43.75rem;--xl-width: 120rem;--size-0: 0rem;--size-1: .25rem;--size-2: .5rem;--size-3: .75rem;--size-4: 1rem;--size-5: 1.25rem;--size-6: 1.5rem;--size-7: 1.75rem;--size-8: 2rem;--size-9: 2.25rem;--size-10: 2.5rem;--size-12: 3rem;--size-13: 3.25rem;--size-14: 3.5rem;--size-16: 4rem;--size-18: 4.5rem;--size-20: 5rem;--size-22: 5.5rem;--size-24: 6rem;--size-md: 1.875rem;--size-lg: 3.125rem;--size-xl: 7.5rem;--border-radius-s: .5rem;--border-radius: .75rem;--border-radius-lg: 1.25rem;--border-radius-xl: 2rem;--border-radius-btn: 3rem}#QRcodeWrap .deco{background-repeat:no-repeat;background-position:center;background-size:cover}#QRcodeWrap{--code-size: 3.125rem;position:relative;width:100%;margin:0 auto;max-width:400px;padding:1rem;color:var(--secondary-color);border-radius:var(--border-radius-s);background-color:var(--white);z-index:0}@media screen and (min-width: 1025px){#QRcodeWrap{--code-size: 3.75rem}}#QRcodeWrap>h6{box-sizing:content-box;display:block;font-family:East Sea Dokdo,cursive;color:var(--primary-color);font-weight:400;font-size:2rem;margin:0;height:2rem;line-height:2rem;margin-bottom:.625rem}#QRcodeWrap>p{color:var(--grey-7)}#QRcodeWrap.isSafari>h6{padding-top:.5rem}#QRcodeWrap .deco{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='60'%20height='60'%20viewBox='0%200%2060%2060'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20stroke-dasharray:%200%200%208%208;%20}%20.cls-1,%20.cls-2%20{%20fill:%20none;%20stroke:%20%23acb3b8;%20stroke-linecap:%20round;%20stroke-width:%203px;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20class='cls-2'%20d='m3.52,50.14l15.08,2.27'/%3e%3cpath%20class='cls-2'%20d='m20.64,22.44l9.28,9.96'/%3e%3cpath%20class='cls-1'%20d='m31.13,4.02l8.56,18.16'/%3e%3cpath%20class='cls-1'%20d='m3,29.43l16.63,11.25'/%3e%3cpath%20class='cls-2'%20d='m51.69,4.51l-1.07,20.76'/%3e%3c/svg%3e");position:absolute;width:var(--code-size);height:var(--code-size);top:1rem;left:1rem}@media screen and (min-width: 1025px){#QRcodeWrap .deco{top:.875rem;left:1.875rem}}#QRcodeWrap .box{width:15rem;margin:1rem auto;padding:.5rem;border-radius:var(--border-radius-s);border:1px solid var(--grey-8);cursor:pointer}@media screen and (min-width: 1025px){#QRcodeWrap .box{width:15.625rem}}#QRcodeWrap .box>h6,#QRcodeWrap .box>b{display:block;margin:0;padding:0;height:1.8rem;line-height:1;font-weight:700;font-size:1.25rem}#QRcodeWrap .box>h6{color:var(--secondary-color)}#QRcodeWrap .box>b{color:var(--primary-color)}#QRcodeWrap .box>div{position:relative;margin:0 auto;width:150px;height:150px}#QRcodeWrap .box>div .el-skeleton__image{height:150px}#QRcodeWrap .desc{flex-direction:column;display:flex;gap:.5rem;color:var(--secondary-color)}#QRcodeWrap .desc h6{font-size:.875rem;font-weight:700}#QRcodeWrap .desc p{display:inline-block;width:100%;font-size:.875rem;word-break:break-word;margin:0}