63 lines
1.4 KiB
CSS
63 lines
1.4 KiB
CSS
/*
|
||
*
|
||
* 视觉规格（与 Dart 对齐）：
|
||
* - 46px 高
|
||
* - 粉渐变（#f96ADE → #f657A0，左→右）
|
||
* - 半径 24
|
||
* - 20% 红阴影（#d00c41 @ 20%）
|
||
* - 文字 16px bold 白色
|
||
*/
|
||
.button {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: var(--spacing-sm);
|
||
width: 100%;
|
||
min-height: var(--auth-field-height);
|
||
padding: 0 var(--spacing-lg);
|
||
border: none;
|
||
border-radius: var(--radius-full, 999px);
|
||
background: linear-gradient(
|
||
90deg,
|
||
var(--color-auth-primary-gradient-start),
|
||
var(--color-auth-primary-gradient-end)
|
||
);
|
||
box-shadow: 0 3px 5px var(--color-auth-primary-button-shadow);
|
||
color: #ffffff;
|
||
font-size: var(--responsive-body, var(--font-size-lg));
|
||
font-weight: 700;
|
||
cursor: pointer;
|
||
transition: filter 0.15s ease, transform 0.05s ease, opacity 0.15s ease;
|
||
}
|
||
|
||
.button:disabled {
|
||
opacity: 0.7;
|
||
cursor: not-allowed;
|
||
}
|
||
|
||
.button:not(:disabled):active {
|
||
transform: scale(0.98);
|
||
}
|
||
|
||
.label {
|
||
flex: 1 1 auto;
|
||
text-align: center;
|
||
}
|
||
|
||
.spinner {
|
||
display: inline-block;
|
||
width: var(--responsive-spinner-size, 18px);
|
||
height: var(--responsive-spinner-size, 18px);
|
||
border-width: 2px;
|
||
border-style: solid;
|
||
border-color: #ffffff transparent transparent transparent;
|
||
border-radius: 50%;
|
||
animation: spin 0.8s linear infinite;
|
||
}
|
||
|
||
@keyframes spin {
|
||
to {
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|