.主要按钮{display:inline-block;border:none;border-radius:999px;padding:10px 18px;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .2s ease-in-out, box-shadow .2s ease-in-out, background-color .2s ease-in-out;background:#2f7dff;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.主要按钮--小{padding:8px 12px;font-size:14px}
.主要按钮:focus{outline:none}
.主要按钮:hover{transform:translateY(-1px)}
.主要按钮:active{transform:translateY(0) scale(.98)}

.次要按钮{display:inline-block;border:none;border-radius:999px;padding:10px 18px;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .2s ease-in-out, box-shadow .2s ease-in-out, background-color .2s ease-in-out;background:#fff;color:#0f172a;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.次要按钮--小{padding:8px 12px;font-size:14px}
.次要按钮:focus{outline:none}
.次要按钮:hover{transform:translateY(-1px)}
.次要按钮:active{transform:translateY(0) scale(.98)}

.输入框{border:1px solid rgba(120,180,255,.28);border-radius:10px;background:rgba(255,255,255,.06);color:#eaf3ff;padding:10px 12px;font-size:15px;outline:none}
.输入框:focus{border-color:rgba(98,200,255,.65);box-shadow:0 0 0 3px rgba(98,200,255,.18)}

.模态-遮罩{background:rgba(10,24,50,.6)}
.模态-对话框{border-radius:14px;background:linear-gradient(135deg,#0f2342,#112a4f);box-shadow:0 16px 40px rgba(13,70,150,.25)}
.模态-关闭{border:none;border-radius:8px}