.gradient-bg {
            background: linear-gradient(135deg, #056db6 0%, #2493e1 100%);
        }
        .input-transition {
            transition: all 0.3s ease;
        }
        .input-transition:focus {
            transform: translateY(-2px);
            box-shadow: 0 10px 20px -5px rgba(0, 13, 255, 0.3);
        }
        .motor-table {
            max-height: 500px;
            overflow-y: auto;
        }
        .motor-table th {
            position: sticky;
            top: 0;
            background-color: #f8fafc;
        }
        .motor-row {
            cursor: pointer;
            transition: all 0.2s;
        }
        .motor-row:hover {
            background-color: #f0f4ff !important;
        }
        .motor-row.active {
            background-color: #e0e7ff !important;
        }
/* 强制为所有input元素添加边框样式 */
.p-6 input[type="number"],
.p-6 input[type="range"] {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #d1d5db !important;
    border-radius: 0.375rem !important;
    background-color: white !important;
}

/* 保持原有聚焦效果 */
.p-6 input[type="number"]:focus,
.p-6 input[type="range"]:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5) !important;
}

/* 特别处理滑块控件 */
.p-6 input[type="range"] {
    -webkit-appearance: none !important;
    height: 0.5rem !important;
    background: #e5e7eb !important;
    border: none !important;
}

.p-6 input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    background: #3b82f6 !important;
    border-radius: 50% !important;
}

/* 保留过渡动画 */
.input-transition {
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 确保按钮样式不受影响 */
#calculate {
    border: none !important;
}


/* 重置图片display属性为inline（默认值）并提高优先级 */
img {
    display: inline !important;
    vertical-align: middle; /* 保持与文字对齐 */
}

/* 可选：针对特定场景的补充样式 */
figure img {
    display: block !important; /* 保持figure内图片的块级特性 */
}