*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-misans:"MiSans", "PingFang SC", "HarmonyOS Sans SC", "Noto Sans SC", "Microsoft YaHei", sans-serif}#root{flex-direction:column;width:100%;height:100dvh;display:flex}html{background-color:#1a1a2e;height:100%}body{box-sizing:border-box;min-height:100dvh;font-family:var(--font-misans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{width:100dvw;height:100dvh;font-family:var(--font-misans);background:#000;display:flex;position:relative;overflow:hidden}.bg-layer{z-index:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.bg-image{object-fit:cover;transform-origin:50%;width:200%;height:200%;margin-top:30%;margin-right:10%;transform:rotate(-8deg)}.carousel-section{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;bottom:0;left:0;overflow:hidden}.text-section{z-index:3;width:52%;height:100%;padding:calc(12vh + env(safe-area-inset-top,0px)) calc(12vw + env(safe-area-inset-right,0px)) 0 0;text-align:right;flex-direction:column;justify-content:flex-start;align-items:flex-end;display:flex;position:absolute;top:0;right:0}.brand-name{font-family:var(--font-misans);color:#ffffffdb;letter-spacing:.05em;margin-bottom:.4em;font-size:clamp(14px,2vw,22px);font-weight:600}.app-title{font-family:var(--font-misans);color:#fff;letter-spacing:-.01em;text-shadow:0 2px 32px #00000026;margin-bottom:.2em;font-size:clamp(42px,7vw,100px);font-weight:700;line-height:1.05}.app-subtitle{font-family:var(--font-misans);color:#ffffffeb;letter-spacing:.02em;text-shadow:0 1px 12px #0000001a;margin-bottom:clamp(24px,4vh,56px);font-size:clamp(18px,2.8vw,40px);font-weight:400;line-height:1.35}.download-btn{color:#1a1a1a;font-family:var(--font-misans);letter-spacing:.02em;cursor:pointer;white-space:nowrap;background:#fffffff2;border-radius:100px;align-items:center;gap:10px;padding:14px 32px;font-size:clamp(14px,1.4vw,20px);font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 4px 24px #0000002e}.download-btn:hover{background:#fff;transform:translateY(-2px)scale(1.03);box-shadow:0 8px 36px #00000040}.download-btn:active{transform:translateY(0)scale(.99);box-shadow:0 2px 12px #0000002e}.apple-icon{fill:#1a1a1a;flex-shrink:0;width:clamp(18px,1.6vw,26px);height:clamp(18px,1.6vw,26px)}@media (orientation:landscape){.carousel-section{width:100%;height:100%}.app-title{font-size:clamp(36px,6vw,90px)}}@media (orientation:portrait) and (width<=600px){.carousel-section{width:100%;height:100%;bottom:0}.text-section{text-align:center;width:100%;padding:calc(6vh + env(safe-area-inset-top,0px)) calc(5vw + env(safe-area-inset-right,0px)) calc(2vh + env(safe-area-inset-bottom,0px)) calc(5vw + env(safe-area-inset-left,0px));justify-content:flex-start;align-items:center}.app-title{font-size:clamp(38px,10vw,60px)}.app-subtitle{font-size:clamp(16px,4.5vw,22px)}.brand-name{font-size:clamp(13px,4vw,18px)}.download-btn{padding:12px 28px;font-size:clamp(13px,3.5vw,16px)}}@media (aspect-ratio>=2){.bg-image{width:300%;height:300%;margin-top:5%}.carousel-section{overflow:visible}}@media (aspect-ratio>=3){.bg-image{width:400%;height:400%;margin-top:5%}.carousel-section{overflow:visible}}@media (aspect-ratio>=5){.bg-image{width:500%;height:500%;margin-top:5%}.carousel-section{overflow:visible}}.help-fab{cursor:pointer;font-family:var(--font-misans);letter-spacing:.03em;white-space:nowrap;-webkit-backdrop-filter:blur(16px)saturate(1.5);color:#ffffffbf;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:100px;justify-content:center;align-items:center;margin-top:14px;padding:10px 22px;font-size:clamp(12px,1.2vw,16px);font-weight:500;transition:background .22s ease-in-out,color .22s ease-in-out,border-color .22s ease-in-out,transform .18s ease-in-out;display:inline-flex}.help-fab:hover{color:#fffffff2;background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.help-fab:active{transform:scale(.97)}.help-fab-icon{stroke:currentColor;opacity:.8;flex-shrink:0;width:15px;height:15px;margin-right:8px}@media (orientation:portrait) and (width<=600px){.help-fab{padding:9px 20px;font-size:clamp(12px,3.5vw,15px)}}.phone-carousel-wrapper{transform-origin:0 100%;background:0 0;justify-content:flex-start;align-items:flex-start;margin-top:-25%;margin-left:20%;display:flex;position:absolute;inset:0;transform:rotate(-38deg)}.phone-carousel-columns{background:0 0;flex-direction:row;align-items:flex-start;gap:clamp(10px,1.5vw,20px);height:200dvh;margin-left:-8%;display:flex}.phone-column{background:0 0;flex-shrink:0;width:clamp(110px,16vw,200px);height:100%;position:relative;overflow:hidden}.phone-track-vertical{will-change:transform;background:0 0;flex-direction:column;gap:clamp(10px,1.5vw,20px);width:100%;animation:linear infinite scroll-vertical;display:flex}@keyframes scroll-vertical{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.phone-card{background:0 0;border-radius:clamp(10px,1.2vw,18px);flex-shrink:0;width:100%;overflow:hidden}.phone-card img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:0 0;width:100%;height:auto;display:block}.phone-column:first-child .phone-track-vertical{margin-top:0}.phone-column:nth-child(2) .phone-track-vertical{margin-top:-15%}.phone-column:nth-child(3) .phone-track-vertical{margin-top:-30%}@media (orientation:portrait) and (width<=600px){.phone-column{width:clamp(90px,25vw,130px)}.phone-carousel-columns{gap:10px;height:200dvh;margin-left:-10%}}@media (orientation:landscape){.phone-column{width:clamp(100px,14vw,190px)}.phone-carousel-columns{height:220dvh}}@media (aspect-ratio>=2){.phone-carousel-wrapper{margin-top:-10%;margin-left:20%;transform:rotate(-30deg)}}@media (aspect-ratio>=3){.phone-carousel-wrapper{margin-top:-10%;margin-left:20%;transform:rotate(-30deg)}}@media (aspect-ratio>=5){.phone-carousel-wrapper{visibility:hidden;margin-top:-15%;margin-left:20%;transform:rotate(-27deg)}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);box-sizing:border-box;background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.25s forwards overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-wrapper{width:100%;max-width:380px;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards modalSlideUp}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-card{-webkit-backdrop-filter:blur(40px)saturate(1.8);font-family:var(--font-misans,-apple-system, "SF Pro Display", system-ui, sans-serif);background:#ffffff2e;border:1px solid #ffffff47;border-radius:28px;flex-direction:column;align-items:center;gap:0;padding:32px 28px 28px;display:flex;position:relative;box-shadow:0 8px 48px #00000047,inset 0 1px #ffffff59}.modal-close{cursor:pointer;color:#fffc;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .2s,transform .15s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:#ffffff52;transform:scale(1.1)}.modal-close svg{width:16px;height:16px}.modal-icon-row{align-self:flex-start;align-items:center;gap:14px;margin-bottom:28px;display:flex}.modal-app-icon{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#ec4899 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 4px 20px #6366f173}.modal-app-icon svg{width:28px;height:28px}.modal-app-info{flex-direction:column;gap:3px;display:flex}.modal-app-name{color:#fff;letter-spacing:.01em;font-size:16px;font-weight:700}.modal-app-sub{color:#ffffffa6;font-size:13px;font-weight:400}.modal-label{color:#fff9;letter-spacing:.06em;text-transform:uppercase;align-self:center;margin:0 0 10px;font-size:13px;font-weight:500}.modal-code-box{box-sizing:border-box;background:#ffffff1f;border:1px solid #ffffff38;border-radius:16px;justify-content:center;align-items:center;width:100%;margin-bottom:16px;padding:18px 24px;display:flex}.modal-code-text{color:#fff;letter-spacing:.18em;font-variant-numeric:tabular-nums;text-shadow:0 2px 16px #0003;word-break:break-all;text-align:center;font-size:clamp(28px,8vw,38px);font-weight:700}.modal-hint{color:#ffffff94;text-align:center;margin:0 0 28px;font-size:13px;font-weight:400;line-height:1.6}.modal-actions{flex-direction:column;gap:12px;width:100%;display:flex}.modal-btn{letter-spacing:.02em;cursor:pointer;box-sizing:border-box;white-space:nowrap;border:none;border-radius:100px;justify-content:center;align-items:center;gap:9px;width:100%;padding:15px 20px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,opacity .18s;display:inline-flex}.modal-btn:hover{transform:translateY(-2px)}.modal-btn:active{transform:translateY(0)scale(.98)}.modal-btn-primary{color:#fff;background:linear-gradient(135deg,#ffd27d 0%,#ff8572 100%)}.modal-btn-primary svg{fill:#fff;flex-shrink:0;width:18px;height:18px}.modal-btn-secondary{color:#1a1a1a;background:#ffffffeb;box-shadow:0 4px 20px #0000002e}.modal-btn-secondary:hover{background:#fff;box-shadow:0 8px 32px #00000040}.modal-btn-secondary svg{fill:#1a1a1a;flex-shrink:0;width:18px;height:18px}@media (width<=420px){.modal-card{border-radius:24px;padding:28px 20px 24px}.modal-code-text{letter-spacing:.12em}.modal-btn{padding:13px 16px;font-size:14px}}.help-overlay{z-index:100;background:#00000059;justify-content:center;align-items:flex-end;animation:.25s both help-overlay-in;display:flex;position:fixed;inset:0}@keyframes help-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes help-overlay-out{0%{opacity:1}to{opacity:0}}.help-overlay--closing{animation:.28s ease-in-out both help-overlay-out}@media (orientation:landscape){.help-overlay{justify-content:flex-start;align-items:center}}.help-panel{width:min(420px,96vw);padding:28px 24px;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(40px)saturate(1.6);background:#16161ae0;border:1px solid #ffffff1f;border-radius:24px 24px 0 0;animation:.3s ease-in-out both help-slide-up;position:relative;box-shadow:0 8px 48px #0006}@keyframes help-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes help-slide-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.help-panel--closing{animation:.28s ease-in-out both help-slide-down}@media (orientation:landscape){.help-panel{width:min(340px,80vw);height:100dvh;max-height:100dvh;padding:32px 24px;padding-top:calc(32px + env(safe-area-inset-top,0px));padding-bottom:calc(32px + env(safe-area-inset-bottom,0px));padding-left:calc(24px + env(safe-area-inset-left,0px));border-radius:0 24px 24px 0;flex-direction:column;justify-content:center;animation:.3s ease-in-out both help-slide-right;display:flex}@keyframes help-slide-right{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes help-slide-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.help-panel--closing{animation:.28s ease-in-out both help-slide-left}}.help-close-btn{cursor:pointer;color:#ffffffb3;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .18s,color .18s,transform .18s;display:flex;position:absolute;top:16px;right:16px}.help-close-btn:hover{color:#fff;background:#ffffff2e;transform:rotate(90deg)}.help-close-btn svg{width:16px;height:16px}.help-title{font-family:var(--font-misans);color:#fffffff2;letter-spacing:.02em;margin:0 0 20px;font-size:18px;font-weight:600}.help-contact-btn{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:12px;width:100%;margin-bottom:10px;padding:14px 16px;text-decoration:none;transition:background .2s ease-in-out,transform .15s ease-in-out;display:flex}.help-contact-btn:hover{transform:translateY(-1px)}.help-contact-btn.qq:hover{background:#12b7f526;border-color:#12b7f538}.help-contact-btn.discord:hover{background:#5865f226;border-color:#5865f238}.help-contact-btn:active{transform:scale(.98)}.help-contact-label{flex-direction:column;flex:1;gap:2px;display:flex}.help-contact-name{font-family:var(--font-misans);color:#fffffff2;font-size:15px;font-weight:600}.help-contact-desc{font-family:var(--font-misans);color:#ffffff73;font-size:12px}.help-contact-arrow{color:#ffffff4d;flex-shrink:0}.help-contact-arrow svg{width:16px;height:16px}.help-divider{background:#ffffff14;height:1px;margin:8px 0 14px}.help-privacy-btn{width:100%;font-family:var(--font-misans);color:#ffffff73;letter-spacing:.02em;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:13px;font-weight:500;text-decoration:none;transition:color .18s,background .18s;display:flex}.help-privacy-btn:hover{color:#ffffffbf;background:#ffffff0f}.help-privacy-icon{flex-shrink:0;width:14px;height:14px}