*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%}body{margin:0;background:#f1f1f1;font-family:STheiti SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif}button,input,select{font:inherit}.preview-shell{position:relative;min-height:100vh;background:#f1f1f1}.phone-frame{width:415px;min-height:100vh;margin:0 auto;overflow:hidden;background:#eee;border-radius:4px;box-shadow:2px 3px 10px #999}.phone-page{position:relative;width:375px;min-height:100vh;margin:0 auto;padding-bottom:56px;background:#fff;overflow:hidden}.visual-module{position:relative;width:100%;overflow:hidden}.visual-module img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}.hero-keyword{position:absolute;top:35px;left:0;width:373px;margin:0;color:#3763ec;font-size:14px;line-height:1.43;text-align:center}.module-title{position:absolute;width:155px;margin:0;color:#fff;font-size:14px;line-height:1.43;text-align:center}.title-one{top:66px;left:104px}.title-two{top:236px;left:110px}.white-keyword{position:absolute;margin:0;color:#fff;font-size:14px;line-height:1.43;text-align:center}.keyword-three{top:3px;left:5px;width:365px}.keyword-four{top:46px;left:3.5px;width:368px;font-size:12px}.form-module{min-height:632.578px;padding:28px 18px 24px;background:linear-gradient(180deg,#f8fcfff5,#fffffffa),url(/assets/asset1.gif) center top / 210px auto no-repeat}.form-card{width:100%;min-height:565px;padding:26px 18px 18px;background:#fff;border-radius:8px;box-shadow:0 8px 30px #2153ac24}.form-card h2{margin:0;color:#111;font-size:22px;line-height:1.35;text-align:center;font-weight:700}.join-count{width:max-content;margin:8px auto 22px;padding:3px 10px;color:#e6322e;font-size:12px;background:#fff1f0;border-radius:999px}.form-card label{display:block;margin-bottom:18px}.form-card span{display:block;margin-bottom:8px;color:#000;font-size:14px;line-height:1.4}.form-card input,.form-card select{width:100%;height:44px;padding:0 14px;color:#000;background:#fff;border:1px solid #e0e0e0;border-radius:4px;outline:none}.form-card input::placeholder{color:#b0b0b0}.submit-btn{width:100%;height:44px;margin-top:4px;color:#fff;font-size:16px;border:0;border-radius:24px;background:#e6322e}.agreement{margin:13px 0 0;color:#8a8a8a;font-size:11px;line-height:1.45;text-align:center}.qa-module{height:159.266px;padding:16px 15px;background:#fff}.qa-item{position:relative;height:100%;padding:2px 92px 0 0}.qa-item h3{margin:0 0 8px;color:#333;font-size:16px;line-height:1.45}.qa-item p{margin:0;color:#666;font-size:13px;line-height:1.55}.qa-item button{position:absolute;top:42px;right:0;display:inline-flex;align-items:center;justify-content:center;gap:2px;width:76px;height:30px;color:#fff;font-size:12px;border:0;border-radius:16px;background:#e6322e}.site-footer{height:80.5px;display:flex;align-items:center;justify-content:center;padding-bottom:10px;color:#999;font-size:12px;background:#f8f8f8}.site-footer p{margin:0}.action-bar{position:fixed;left:50%;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(3,1fr);width:375px;height:56px;transform:translate(-50%);background:#fff;box-shadow:0 -2px 8px #00000014}.action-bar button{display:flex;align-items:center;justify-content:center;gap:5px;color:#333;font-size:14px;border:0;background:#fff}.action-bar .primary{color:#fff;background:#e6322e}.qr-panel{position:absolute;top:117px;left:calc(50% + 230px);width:220px;height:240px;background:#fff}.qr-panel img{display:block;width:200px;height:200px;margin:10px}.qr-panel p{position:absolute;bottom:5px;width:100%;margin:0;color:#999;font-size:12px;text-align:center}@media(max-width:760px){html,body{overflow-x:hidden}.preview-shell{width:100%;background:#fff}.phone-frame{width:100%;margin:0;box-shadow:none;border-radius:0}.phone-page{width:100%;margin:0}.visual-module{height:auto!important;aspect-ratio:375 / var(--module-height)}.action-bar{width:100%}.qr-panel{display:none}}