:root{--primary: #1e88f5;--primary-dark: #0d47a1;--page: #f7f8fa;--card: #ffffff;--text: #182033;--muted: #7b8496;--line: #e9edf3;--danger: #e84d5b;--ok: #23b7a4}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;color:var(--text);background:linear-gradient(180deg,#e8f3ff 0%,var(--page) 46%,#fff 100%)}button,input{font:inherit}button{cursor:pointer}.wrap{max-width:430px;margin:0 auto;padding:28px 18px 48px}.hero{background:linear-gradient(135deg,#1e88f5,#44c4ff);color:#fff;border-radius:18px;padding:22px 18px;box-shadow:0 12px 30px #1e88f52e}.hero h1{margin:0;font-size:24px}.hero p{margin:8px 0 0;opacity:.9;font-size:13px}.card{margin-top:16px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px}.label{display:block;margin:12px 0 6px;color:var(--muted);font-size:13px}.label:first-child{margin-top:0}.input{width:100%;height:44px;border:1px solid var(--line);border-radius:10px;padding:0 12px;outline:none;background:#fff}.input:focus{border-color:var(--primary)}.input[readonly]{background:#f4f7fb;color:var(--muted)}.btn{width:100%;margin-top:18px;height:46px;border:0;border-radius:999px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.ghost{background:#fff;color:var(--primary);border:1px solid var(--primary)}.msg{margin-top:10px;font-size:13px;color:var(--danger)}.ok{color:var(--ok)}.success{text-align:center;padding:12px 4px 4px}.success h2{margin:0 0 8px;font-size:20px}.success p{margin:0;color:var(--muted);font-size:14px}