*{box-sizing:border-box;margin:0;padding:0}html,body,#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-size:16px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:#1a56db}.btn-primary:hover{background:#1e429f}.btn-primary:active{transform:scale(.98)}.btn-secondary{color:#374151;background:#f3f4f6}.btn-secondary:hover{background:#e5e7eb}.btn-danger{color:#fff;background:#dc2626}.btn-danger:hover{background:#b91c1c}.btn:disabled{opacity:.5;cursor:not-allowed}.input{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 16px;font-size:16px;transition:border-color .2s}.input:focus{border-color:#1a56db;outline:none}.input::placeholder{color:#9ca3af}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.loading{border:2px solid #f3f4f6;border-top-color:#1a56db;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.btn{padding:10px 20px;font-size:14px}.input{padding:10px 14px;font-size:14px}}