/* ============================================================
   全站按钮升级: sbtn_blue / sbtn_blue_rim 胶囊化
   基于 ds-* 设计系统 (深蓝科技风，玻璃拟态)
   ============================================================ */

/* 胶囊实心按钮 (主操作按钮) */
.sbtn_blue {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    height: 40px;
    padding: 0 28px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, #3d7fff 0%, #2060e0 100%);
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 6px 20px rgba(61, 127, 255, 0.35);
    transition: transform 0.15s, box-shadow 0.15s;
    letter-spacing: 0.5px;
    text-decoration: none !important;
}

.sbtn_blue:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 28px rgba(61, 127, 255, 0.45);
    background: linear-gradient(135deg, #5a91ff 0%, #3d7fff 100%);
    color: #fff !important;
}

.sbtn_blue:active {
    transform: translateY(0);
    box-shadow: 0 4px 12px rgba(61, 127, 255, 0.25);
}

/* 胶囊描边按钮 (次要操作按钮) */
.sbtn_blue_rim {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    height: 38px;
    padding: 0 22px;
    border-radius: 999px;
    border: 1px solid rgba(80, 140, 255, 0.35) !important;
    background: rgba(255, 255, 255, 0.04);
    color: #9fc1ff !important;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s;
    text-decoration: none !important;
}

.sbtn_blue_rim:hover {
    background: rgba(90, 159, 255, 0.15) !important;
    border-color: rgba(90, 159, 255, 0.6) !important;
    color: #fff !important;
    box-shadow: 0 0 12px rgba(90, 159, 255, 0.2);
}

.loginArea .loginBtn,
.sbtn_white_rim {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    height: 38px;
    padding: 0 22px;
    border-radius: 999px;
    border: 1px solid rgba(80, 140, 255, 0.35) !important;
    background: rgba(255, 255, 255, 0.04);
    color: #cfe0ff !important;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s;
    text-decoration: none !important;
}

.loginArea .loginBtn:hover,
.sbtn_white_rim:hover {
    background: rgba(90, 159, 255, 0.15) !important;
    border-color: rgba(90, 159, 255, 0.6) !important;
    color: #fff !important;
    box-shadow: 0 0 12px rgba(90, 159, 255, 0.2);
}

/* 兼容旧版 sbtn_blue 无 border-radius 的内联样式场景 */
a.sbtn_blue, span.sbtn_blue {
    line-height: 40px;
    text-align: center;
    box-sizing: border-box;
}

.formItem .text,
.createNum .text {
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(80, 140, 255, 0.22);
    border-radius: var(--ds-radius-sm, 12px);
    color: #e9f1ff;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.2);
    transition: border-color 0.18s, box-shadow 0.18s;
}

.formItem .text:focus,
.createNum .text:focus {
    border-color: rgba(90, 159, 255, 0.5);
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.2), 0 0 0 3px rgba(90, 159, 255, 0.12);
    outline: none;
}

.formItem .text::placeholder,
.createNum .text::placeholder {
    color: #5c7aa8;
}

.details .table{ background-color: transparent; }