*{box-sizing:border-box;margin:0;padding:0}html,body{color:#1f2937;-webkit-tap-highlight-color:transparent;background:#f0f4ff;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}#app{max-width:480px;height:100%;margin:0 auto;position:relative;overflow-x:hidden}.page{background:linear-gradient(#eef2ff 0%,#f5f3ff 50%,#fdf2f8 100%);flex-direction:column;min-height:100vh;display:flex}.btn-gradient{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#ec4899);border:none;border-radius:26px;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;font-size:17px;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 14px #7c3aed4d}.btn-gradient:active{transform:scale(.97);box-shadow:0 2px 8px #7c3aed4d}.btn-gradient:disabled{opacity:.5;cursor:not-allowed}.btn-purple{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 14px #6366f14d}.btn-green{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 4px 14px #10b9814d}.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f}input[type=text],input[type=tel]{background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;height:44px;padding:0 14px;font-size:15px;transition:border-color .2s}input:focus{border-color:#8b5cf6}