:root{--bg:#faf7f5;--ink:#3d3a45;--ink-soft:#7a7684;--card:#fff;--line:#f0ebe7;--accent:#f2a7c3;--accent-deep:#e87ea4;--shadow:0 10px 30px -12px #78646e40}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:linear-gradient(#fdfbf9 0%,#f7f2ef 100%);min-height:100vh;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.wrap{max-width:640px;margin:0 auto;padding:40px 20px 80px}.card{background:var(--card);box-shadow:var(--shadow);border-radius:24px;padding:32px}.btn{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-deep) 100%);border:none;border-radius:999px;padding:14px 36px;font-size:17px;font-weight:600;transition:transform .12s,box-shadow .12s;display:inline-block;box-shadow:0 12px 24px -10px #e87ea480}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 28px -10px #e87ea48c}.btn:active{transform:translateY(0)}.btn-ghost{color:var(--ink);border:1px solid var(--line);background:#fff;box-shadow:0 4px 14px -6px #78646e4d}.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none}.muted{color:var(--ink-soft)}.center{text-align:center}