.demo[data-v-7e4b2653]{width:100vw;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.demo .container[data-v-7e4b2653]{display:flex;flex-direction:column;min-height:100vh;padding:.53333rem;box-sizing:border-box}.demo .header[data-v-7e4b2653]{text-align:center;padding:.53333rem 0 .26667rem}.demo .header .logo[data-v-7e4b2653]{width:2.13333rem;height:2.13333rem;border-radius:.32rem;box-shadow:0 .10667rem .32rem rgba(0,0,0,.1)}.demo .content[data-v-7e4b2653]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.53333rem;text-align:center}.demo .content .title[data-v-7e4b2653]{color:#fff;font-size:.74667rem;font-weight:700;margin-bottom:.21333rem;text-shadow:0 .05333rem .10667rem rgba(0,0,0,.3)}.demo .content .subtitle[data-v-7e4b2653]{color:hsla(0,0%,100%,.9);font-size:.42667rem;margin-bottom:.8rem;text-shadow:0 .02667rem .05333rem rgba(0,0,0,.2)}.demo .content .features[data-v-7e4b2653]{display:flex;justify-content:space-around;width:100%;max-width:8.53333rem;margin:.53333rem 0}.demo .content .features .feature-item[data-v-7e4b2653]{text-align:center;padding:.26667rem}.demo .content .features .feature-item .icon[data-v-7e4b2653]{display:block;font-size:.64rem;margin-bottom:.21333rem}.demo .content .features .feature-item .feature-text[data-v-7e4b2653]{color:hsla(0,0%,100%,.95);font-size:.37333rem;margin:0;font-weight:500}.demo .content .qr-container[data-v-7e4b2653]{margin:.8rem 0}.demo .content .qr-container .qr-wrapper[data-v-7e4b2653]{position:relative;display:inline-block}.demo .content .qr-container .qr-wrapper .qr-code[data-v-7e4b2653]{width:5.86667rem;height:8rem;border-radius:.42667rem;box-shadow:0 .21333rem .85333rem rgba(0,0,0,.2);border:.21333rem solid hsla(0,0%,100%,.2)}.demo .content .qr-container .qr-wrapper .qr-overlay[data-v-7e4b2653]{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:.42667rem;background:transparent;pointer-events:none}.demo .content .qr-container .qr-wrapper .qr-desc[data-v-7e4b2653]{color:#fff;font-size:.37333rem;margin-top:.32rem;font-weight:500}.demo .content .instruction[data-v-7e4b2653]{color:hsla(0,0%,100%,.85);font-size:.37333rem;margin-top:.4rem;text-shadow:0 .02667rem .05333rem rgba(0,0,0,.2)}.demo .footer[data-v-7e4b2653]{padding:.53333rem 0;text-align:center}.demo .footer .footer-text[data-v-7e4b2653]{color:hsla(0,0%,100%,.6);font-size:.32rem}@media (max-width:768px){.demo .content .title[data-v-7e4b2653]{font-size:.64rem}.demo .content .subtitle[data-v-7e4b2653]{font-size:.37333rem}.demo .content .features[data-v-7e4b2653]{max-width:7.46667rem}.demo .content .features .feature-item[data-v-7e4b2653]{padding:.21333rem}.demo .content .features .feature-item .icon[data-v-7e4b2653]{font-size:.53333rem}.demo .content .features .feature-item .feature-text[data-v-7e4b2653]{font-size:.32rem}.demo .content .qr-container .qr-wrapper .qr-code[data-v-7e4b2653]{width:4.8rem;height:6.4rem}.demo .content .instruction[data-v-7e4b2653]{font-size:.32rem}.demo .footer .footer-text[data-v-7e4b2653]{font-size:.26667rem}}@media (max-width:375px){.demo .content[data-v-7e4b2653]{padding:.26667rem}.demo .content .title[data-v-7e4b2653]{font-size:.58667rem}.demo .content .subtitle[data-v-7e4b2653]{font-size:.34667rem;margin-bottom:.53333rem}.demo .content .features[data-v-7e4b2653]{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.26667rem}.demo .content .features .feature-item[data-v-7e4b2653]{flex:0 0 calc(50% - 0.26667rem)}.demo .content .features .feature-item .icon[data-v-7e4b2653]{font-size:.48rem}.demo .content .features .feature-item .feature-text[data-v-7e4b2653]{font-size:.29333rem}.demo .content .qr-container .qr-wrapper .qr-code[data-v-7e4b2653]{width:4.26667rem;height:4.26667rem}}@media (-webkit-min-device-pixel-ratio:2){.demo .qr-container .qr-wrapper .qr-code[data-v-7e4b2653]{border-radius:.42667rem;box-shadow:0 .21333rem .85333rem rgba(0,0,0,.25)}}@-webkit-keyframes fadeInUp-7e4b2653{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp-7e4b2653{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}.fade-in-up[data-v-7e4b2653]{-webkit-animation:fadeInUp-7e4b2653 .6s ease-out forwards;animation:fadeInUp-7e4b2653 .6s ease-out forwards}