:root{--blue: #1c5cde;--blue-dark: #1548b4;--navy: #1b2d4f;--text: #24324d;--muted: #8b93a3;--line: #e6edf6;--card: #ffffff;--page: #f5f8fc;--soft: #eaf3ff;--teal: #2bb3a8;--teal-bg: #e7f7f4;--danger: #e23b3b;--radius: 18px}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;min-height:100%;min-height:100dvh}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Arial,sans-serif;color:var(--text);background:#e8f3ff}button,input{font-family:inherit}button{border:0;background:none;cursor:pointer}img{max-width:100%;display:block}a{color:var(--blue)}.phone{min-height:100%;min-height:100dvh;max-width:430px;margin:0 auto;background:#fff;position:relative;overflow-x:hidden}.page{min-height:100%;min-height:100dvh;display:flex;flex-direction:column;background:#fff;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.nav-blue{background:linear-gradient(180deg,#1c5cde,#1a54cc);color:#fff;height:88px;padding:44px 12px 10px;display:flex;align-items:center;justify-content:center;position:relative;z-index:3;flex-shrink:0}.nav-blue .back,.nav-plain .back{position:absolute;left:8px;top:44px;width:36px;height:36px;color:inherit;display:flex;align-items:center;justify-content:center}.nav-blue .title{font-size:17px;font-weight:600}.nav-plain{height:88px;padding:44px 48px 10px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;color:var(--navy)}.nav-plain .title{font-size:17px;font-weight:700}.body{flex:1;padding:16px 18px 8px}.disclaimer{color:var(--muted);font-size:12px;line-height:1.7;text-align:center;padding:8px 22px 4px}.primary-btn,.ghost-btn{height:46px;border-radius:23px;font-size:16px;font-weight:600;width:100%}.primary-btn{background:var(--blue);color:#fff}.primary-btn:disabled{background:#b9c7e6;color:#fff}.ghost-btn:disabled{border-color:#c5d0e4;color:#b9c7e6}.ghost-btn{border:1.5px solid var(--blue);color:var(--blue);background:#fff}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{background:#fff;border-radius:16px;box-shadow:0 8px 24px #1c5cde0f}.toast{position:fixed;left:50%;bottom:80px;transform:translate(-50%);background:#1e283ce0;color:#fff;padding:10px 16px;border-radius:8px;font-size:13px;z-index:50;max-width:80%;text-align:center}.mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#141e3273;z-index:40;display:flex;align-items:center;justify-content:center}.mask-box{background:#fff;border-radius:14px;padding:22px 24px;width:240px;text-align:center;color:var(--text)}.spinner{width:28px;height:28px;border:3px solid #d5e2fb;border-top-color:var(--blue);border-radius:50%;margin:0 auto 12px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#141e3273;z-index:30;display:flex;align-items:flex-end;justify-content:center}.sheet-card{width:100%;max-width:430px;background:#fff;border-radius:16px 16px 0 0;padding:20px 18px calc(18px + env(safe-area-inset-bottom))}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#141e3273;z-index:35;display:flex;align-items:center;justify-content:center;padding:24px}.modal-card{width:100%;max-width:340px;background:#fff;border-radius:14px;padding:18px 16px 16px}.modal-card h3{font-size:16px;margin-bottom:10px;text-align:center}.modal-card .legal{height:220px;overflow:auto;font-size:13px;line-height:1.7;color:#4a5568;background:#f7f9fc;border-radius:8px;padding:10px;margin-bottom:12px}