*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;font-family:PingFangSC-Regular,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:#f4eefc}.page[data-v-7c65e3cc]{width:100%;height:100vh;height:100dvh;overflow:hidden;background-color:#f4eefc}.phone-frame[data-v-7c65e3cc]{display:flex;flex-direction:column;width:100%;max-width:375px;height:100%;margin:0 auto;overflow:hidden;background-color:#f4eefc}.hero-panel[data-v-7c65e3cc]{position:relative;flex:0 0 215px;height:215px;overflow:hidden;background-color:#f4eefc}.hero-copy[data-v-7c65e3cc]{position:absolute;left:30px;top:90px;z-index:2}.hero-copy h1[data-v-7c65e3cc]{width:160px;margin:0;overflow-wrap:anywhere;color:#fff;font-family:PingFangSC-Semibold,PingFang SC,sans-serif;font-size:28px;font-weight:600;line-height:35px;letter-spacing:0;text-align:left;background-image:linear-gradient(359deg,#7c62fa 0,#ea7eff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-image[data-v-7c65e3cc]{position:absolute;left:0;top:0;width:375px;height:238px;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.scroll-area[data-v-7c65e3cc]{flex:1 1 auto;min-height:0;padding:0 11px 28px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.notice-card[data-v-7c65e3cc]{min-height:303px;padding:36px 31px 20px;overflow:hidden;border:2px solid rgba(172,147,255,.75);border-radius:20px;background-color:#fffdf9}.notice-card h2[data-v-7c65e3cc],.video-card h2[data-v-7c65e3cc]{margin:0;color:#333;font-family:PingFangSC-Medium,PingFang SC,sans-serif;font-size:18px;font-weight:500;line-height:26px;letter-spacing:0;text-align:center;white-space:normal;overflow-wrap:anywhere}.notice-card p[data-v-7c65e3cc]{width:100%;margin:15px 0 0;color:#252525;font-family:PingFangSC-Regular,PingFang SC,sans-serif;font-size:14px;font-weight:400;line-height:26px;letter-spacing:0;text-align:left}.notice-card[data-v-7c65e3cc] strong,.notice-card[data-v-7c65e3cc] .text-pink,.notice-card strong[data-v-7c65e3cc]{color:#8a42ee;font:inherit}.video-card[data-v-7c65e3cc]{margin-top:30px;padding:24px 0 0;overflow:hidden;border-radius:20px 20px 0 0;background-color:#fff}.video-wrapper[data-v-7c65e3cc]{display:flex;justify-content:center;margin-top:10px;padding-bottom:28px}.tutorial-video[data-v-7c65e3cc]{display:block;width:100%;max-width:317px;aspect-ratio:9 / 16;background-color:#000;border-radius:8px}.state-card[data-v-7c65e3cc]{display:flex;align-items:center;justify-content:center;min-height:160px;padding:28px 24px;border:2px solid rgba(172,147,255,.75);border-radius:20px;color:#333;font-family:PingFangSC-Regular,PingFang SC,sans-serif;font-size:15px;line-height:24px;text-align:center;background-color:#fffdf9}.state-card-error[data-v-7c65e3cc]{flex-direction:column;gap:16px}.state-card-error p[data-v-7c65e3cc]{margin:0;overflow-wrap:anywhere}.state-card-error button[data-v-7c65e3cc]{min-width:88px;height:36px;border:0;border-radius:18px;color:#fff;font-family:PingFangSC-Medium,PingFang SC,sans-serif;font-size:14px;background-image:linear-gradient(359deg,#7c62fa 0,#ea7eff)}.empty-card[data-v-7c65e3cc]{margin-top:30px}@media(min-width:376px){.page[data-v-7c65e3cc]{background-color:#f4eefc}}