/* 未能缩小。正在返回未缩小的内容。
(44,32): run-time error CSS1039: Token not allowed after unary operator: '-gray-300'
(55,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-base'
 */
/* 平滑滚动 */
html {
    scroll-behavior: smooth;
}

#nc {
    height: 43px;
    width: 100%;
    border-radius: 0.5rem !important; /* 与rounded-lg一致，等价于8px */
    overflow: hidden; /* 避免验证码内部元素溢出圆角 */
}

/* 滑块的圆角微调（可选，让滑块更贴合） */
#aliyunCaptcha-sliding-slider {
    border-radius: 0.45rem !important; /* 略小于容器，避免边缘裁切 */
    background-color: #14418f !important;
    color: white !important;
}

#aliyunCaptcha-sliding-wrapper,
#aliyunCaptcha-sliding-body.sliding {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

#aliyunCaptcha-sliding-wrapper {
    width: 100% !important;
    max-width: 100% !important;
}

/* 移动端滚动优化 */
.mobile-scroll {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

    .mobile-scroll::-webkit-scrollbar {
        height: 4px;
        width: 4px;
    }

    .mobile-scroll::-webkit-scrollbar-thumb {
        background-color: var(--gray-300);
        border-radius: 2px;
    }

/* 表格响应式优化 */
.mobile-table {
    min-width: 768px;
}

/* 卡片样式适配 */
.mobile-card {
    transition: var(--transition-base);
}

    .mobile-card:hover {
        box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    }

/* 自定义滑块样式 */
.slider::-webkit-slider-thumb {
    appearance: none;
    width: 20px;
    height: 20px;
    background: #3b82f6;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #ffffff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.slider::-webkit-slider-track {
    background: #e5e7eb;
    height: 8px;
    border-radius: 4px;
}

.slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: #3b82f6;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #ffffff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.slider::-moz-range-track {
    background: #e5e7eb;
    height: 8px;
    border-radius: 4px;
    border: none;
}

.alert-danger, field-validation-error {
    color: red;
}